/*	EVENTIM buy.css
-----------------------------------------------------*/
/*  
    version:   1.0
    author:    miha hribar
    email:     miha@dhimahi.com
    website:   http://eventim.at
*/

/* Import common CSS files */
@import "/static/css/pks.css";

/*	=BREADCRUMBS_BUY
-----------------------------------------------------*/
#breadcrumbs_buy {
	/*background: transparent url(/static/images/breadcrumbs_buy_bg.png) no-repeat;*/
	width: 100%; /* width set for IE7 */
	float: left;
	margin-bottom: 1em;
	border-bottom: 1px solid #ddd;
	background: #f1f1f1;
}

/* IE 6 and below workaround
* html #breadcrumbs_buy {
    width: 618px;
}*/

#breadcrumbs_buy li {
	height: 3.5em;
	line-height: 3.5em;
	background: transparent url(/static/images/cee/breadcrumbs_buy_arrow.gif) no-repeat center right;
	padding: 0 1.5em;
	margin: 0;
	float: left;
	color: #999;
	text-align: center;
	vertical-align: middle;
	font-size: 1.1em;
}

}

#breadcrumbs_buy li.last {
	background: none;
}

#breadcrumbs_buy li a {
    display: block;
	background: transparent url(/static/images/breadcrumb_step_complete.png) no-repeat bottom center;
	padding-bottom: 12px;
	color: #390;
}

#breadcrumbs_buy li a:hover {
    text-decoration: underline;
}

#breadcrumbs_buy li strong {
	display: block;
	background: transparent url(/static/images/breadcrumb_step_current.png) no-repeat bottom center;
	padding-bottom: 12px;
	color: #002B50;
}

/*  =SIDEBAR_BUY
-----------------------------------------------------*/
#sidebar_buy {
    float: left;
    width: 23.5em;
	padding: 1.5em 1.5em 0 0;
	margin-bottom: -1020px;
	padding-bottom: 1000px;
	background: #eef0f5 url(/static/images/cee/sidebar_bg.gif) repeat-y right;
	border-top: 24px solid #002b50;	
}

#sidebar_buy li {
	padding: 0.5em 0 0.5em 1.5em;
	/*background: transparent url(/static/images/sidebar_buy_step_bg.png) repeat-x top left;*/
}

#sidebar_buy li h3 {
	padding: 0.5em 0.5em 0.5em 35px;
	line-height: 26px;
	font-weight: normal;
	font-size: 1.1em;
}

#sidebar_buy li#step1 h3 {
	background: transparent url(/static/images/sidebar_buy_step1.png) no-repeat center left;
}

#sidebar_buy li#step2 h3 {
	background: transparent url(/static/images/sidebar_buy_step2.png) no-repeat center left;
}

#sidebar_buy li#step3 h3 {
	background: transparent url(/static/images/sidebar_buy_step3.png) no-repeat center left;
}

#sidebar_buy li#step4 h3 {
	background: transparent url(/static/images/sidebar_buy_step4.png) no-repeat center left;
}

#sidebar_buy li#step5 h3 {
	background: transparent url(/static/images/sidebar_buy_step5.png) no-repeat center left;
}

#sidebar_buy li.complete h3 {
	background: transparent url(/static/images/sidebar_buy_complete.png) no-repeat center left !important;
	color: #a9a9a9;
}

#sidebar_buy li.current h3 {
	background: transparent url(/static/images/sidebar_buy_current.png) no-repeat center left !important;
	font-weight: bold;
}

#sidebar_buy li p {
	padding: 0 5px 10px 35px;
	color: #666;
}

/*	=BUTTONS_BUY
-----------------------------------------------------*/
.buttons_buy {
	clear: both;
	margin: 1em 0;
	float: left;
	width: 100%;
}

.buttons_buy ul {
	list-style: none;
}

.buttons_buy ul li {
	display: inline;
}

.buttons_buy button,
.buttons_buy a {
	/*text-transform: lowercase;*/
	font-size: 1.1em;
	cursor: pointer;
	text-decoration: none;
	color: #666;
	border: none;
	white-space: nowrap; 
	display: inline;
}

.buttons_buy button.disabled,
.buttons_buy a.disabled {
	cursor: default;
}

.buttons_buy a.disabled,
.buttons_buy button.disabled {
	float: right;
	font-weight: bold;
	background: transparent url(/static/images/button_right_next_dis.png) no-repeat center right;
	padding-right: 26px;
	color: #999;
	cursor: default;
}

.buttons_buy a.disabled span,
.buttons_buy button.disabled span {
	position: relative;
	display: block;
	background: transparent url(/static/images/button_left_next_dis.png) no-repeat center left;
	padding-left: 15px;
	height: 31px;
	line-height: 31px;
}

.buttons_buy a.prev,
.buttons_buy a.clear,
.buttons_buy a.add_tickets {
	float: left;
	background: transparent url(/static/images/button_right.gif) no-repeat center right;
	padding-right: 8px;
	margin: 4px 4px 4px 0;
	color: #333;
}

.buttons_buy a.prev span,
.buttons_buy a.clear span,
.buttons_buy a.add_tickets span {
	position: relative;
	display: block;
	white-space: nowrap; 
	background: transparent url(/static/images/button_back_left.gif) no-repeat center left;
	padding-left: 25px;
	height: 23px;
	line-height: 23px;
}

.buttons_buy a.clear span {
	background: transparent url(/static/images/button_clear_left.gif) no-repeat center left;
}

.buttons_buy a.add_tickets span {
	background: transparent url(/static/images/button_add_left.gif) no-repeat center left;
}

.buttons_buy button.add_to_cart {
	float: right;
	font-weight: bold;
	border: none;
	background: transparent url(/static/images/button_cart_right_outline.gif) no-repeat center right;
	padding-right: 30px;
	color: #333;
}

div.buttons_buy button.disabled span,
div.buttons_buy button[disabled="disabled"] span {
	background: transparent url(/static/images/button_left_next_dis.png) no-repeat center left;
}

div.buttons_buy button.disabled,
div.buttons_buy button[disabled="disabled"] {
	background: transparent url(/static/images/button_right_next_dis.png) no-repeat center right;
}

div.buttons_buy button.add_to_cart[disabled]  {
	background: transparent url(/static/images/button_cart_right_disabled.png) no-repeat center right;
}

.buttons_buy button.next,
.buttons_buy a.next {
	float: right;
	font-weight: bold;
	border: none;
	background: transparent url(/static/images/button_right_outline.gif) no-repeat center right;
	padding-right: 26px;
	color: #333;
	margin-left: 5px;
}

.buttons_buy button.next_noicon {
	float: right;
	font-weight: bold;
	border: none;
	background: transparent url(/static/images/button_right_outline_noicon.gif) no-repeat center right;
	padding-right: 14px;
	color: #333;
}

.buttons_buy button.purchase {
	float: right;
	font-weight: bold;
	border: none;
	background: transparent url(/static/images/button_purchase_right_outline.gif) no-repeat center right;
	padding-right: 30px;
	color: #333;
}

.buttons_buy button.next span,
.buttons_buy a.next span,
button.next_noicon span,
.buttons_buy button.add_to_cart span,
.buttons_buy button.purchase span {
	position: relative;
	display: block;
	white-space: nowrap; 
	background: transparent url(/static/images/button_left_outline.gif) no-repeat center left;
	padding-left: 15px;
	height: 31px;
	line-height: 31px;
}

.buttons_buy a.purchase_disabled,
.buttons_buy button.purchase_disabled {
	float: right;
	font-weight: bold;
	background: transparent url(/static/images/button_purchase_right_dis.png) no-repeat center right;
	padding-right: 30px;
	color: #999;
}

.buttons_buy a.purchase_disabled span,
.buttons_buy button.purchase_disabled span {
	position: relative;
	display: block;
	background: transparent url(/static/images/button_left_next_dis.png) no-repeat center left;
	padding-left: 15px;
	height: 31px;
	line-height: 31px;
}

.buttons_buy p {
	clear: both;
	text-align: right;
	padding: 10px 0;
}

/*  =CATEGORIES
-----------------------------------------------------*/
/* hide heading */
#body_buy #content h1 {
	display: block;
	text-transform: none;
}

/*#categories fieldset {
	padding: 5px 0;
	margin: 5px 0;
	border-bottom: 1px solid #eee
}*/

#categories legend {
	display: none;
}

#categories {
	clear: both;
	float: left;
}

/* when the user is logged in, the content area is wider */
#categories.logged {
	
	float: none;
}

#categories table {
	width: 100%;
	margin: 0;
}

#categories table th {
	background: url(/static/images/cell_left.gif) no-repeat;
	color: #f1f1f1;
	text-align: left;
	/*background: #ddd;*/
	color: #002B50;
	/*padding: 0.5em 1em;*/
	line-height: 1em;
	margin-right: 1em;
}

#categories .cell1 {
	width: 50%;
}

#categories .cell2 {
	
}

#categories .cell3 {
	width: 20%;
}

#categories table th span {
	display: block;
	background: url(/static/images/cell_right.gif) no-repeat right;
	padding: 3px 5px;
}

#categories table th.cell2,
#categories table th.cell3 {
	background-position: 1px 0;
}

#categories table th.cell2 span,
#categories table th.cell3 span {
	padding: 3px 5px 3px 7px;
}

#categories table td {
	padding: 0.5em 1em;
	color: #666;
	border-bottom: 1px solid #ddd;
}

/*#categories table th.cell1 {
	padding-left: 3px;
}

#categories table td.cell2 {
	width: 18%;
}*/

#categories fieldset {
	margin-bottom: 0;
}

#categories h4 {
	padding: 0.5em 1em;
	padding-right: 1em;
	/*border-bottom: 1px solid #eee;*/
	margin-top: 1em;
}

#categories table td select {
	/*float: right;*/
	width: 5em;
	padding: 0.2em;
	margin-right: 1px;
}
/*
#categories input.forward {
	color: #999;
	border: none;
	background: #fff url(/static/images/add_to_cart.gif) no-repeat right;
	padding: 20px 35px 20px 0;
	cursor: pointer;
	height: 60px;
}
*/
/* IE get's it wrong so fix it for all other sane browsers */
/*html>body #categories input.forward {
	padding: 20px 60px 20px 0;
}*/

#categories input.back,
#body_buy #content input.back {
	color: #999;
	border: none;
	background: #fff url(/static/images/btn_back.gif) no-repeat right;
	padding: 20px 50px 20px 0;
	height: 60px;
	margin-right: 10px;
	cursor: pointer;
}

html>body #categories input.back,
html>body#body_buy #content input.back {
	padding: 20px 60px 20px 0;
}

#body_buy #content input.checkout {
	color: #999;
	border: none;
	background: #fff url(/static/images/btn_proceed.gif) no-repeat right;
	padding: 20px 33px 20px 0;
	height: 60px;
	margin-right: 18px;
	cursor: pointer;
}

#body_buy input.checkout_disabled {
	color: #999;
	border: none;
	background: #fff url(/static/images/btn_proceed_disabled.gif) no-repeat right;
	padding: 20px 33px 20px 0;
	height: 60px;
	margin-right: 18px;
	cursor: pointer;
}

html>body#body_buy  #content input.checkout,
html>body#body_buy input.checkout_disabled {
	padding: 20px 60px 20px 0;
}

/* shade your eyes, IE at it again, if the text isn't long enough the text ovelaps
   the button image wich is obviolusly not desired. the * element is used to target
   IE 6 and below */
* html #body_buy #content input.checkout,
* html #body_buy #content input.checkout_disabled {
    width: 120px;
}

#body_buy #content input.buy {
	color: #999;
	border: none;
	background: #fff url(/static/images/btn_buy.gif) no-repeat right;
	padding: 20px 33px 20px 0;
	height: 60px;
	margin-right: 18px;
	cursor: pointer;
}

html>body#body_buy #content input.buy {
	padding: 20px 60px 20px 0;
}

#body_buy #content input.clear {
	color: #999;
	border: none;
	background: #fff url(/static/images/btn_cancel.gif) no-repeat right;
	padding: 20px 40px 20px 0;
	height: 60px;
	margin-right: 10px;
	cursor: pointer;
}

html>body#body_buy #content input.clear {
	padding: 20px 60px 20px 0;
}

#body_buy #content input.add {
	color: #999;
	border: none;
	background: #fff url(/static/images/btn_add.gif) no-repeat right;
	padding: 20px 40px 20px 0;
	height: 60px;
	margin-right: 10px;
	cursor: pointer;
}

html>body#body_buy #content input.add {
	padding: 20px 60px 20px 0;
}

#categories #buttons, #body_buy #content #buttons {
	float:right;
}

/* no other way I'm afraid */
* html #buttons.ie_up {
    position: relative;
    top: -30px;
}

#seatmap,
#seatmap_preview,
#no_seatmap {
	clear: both;
	border: 1px solid #e1e1e1;
	background: #fafafa;
	padding: 1.5em;
	margin-top: 10px;
	color: #666;
	min-height: 63px;
}

#seatmap h3,
#seatmap_preview h3,
#no_seatmap h3 {
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: bold;
    color: #002B50;
    padding: 3px 0;
    margin-bottom: 2px;
}

#seatmap p a,
#seatmap_preview p a {
	color: #666;
}

#seatmap a.seatmap,
#seatmap_preview a.seatmap {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background: url(/static/images/seatmap.gif) no-repeat;
	/*background: url(/static/images/seatmap_icon.png) no-repeat;*/
	width: 75px;
	height: 63px;
	float: left;
	margin-right: 15px;
}


#seatmap a.image {
	float: right;
	margin-top: -20px;
	padding-left: 6px;
}

#seatmap img {
	border: 0;
}

#euro_calculator {
	border: 1px solid #e1e1e1;
	padding: 1.5em;
	clear: both;
	margin-top: 20px;
	background: url(/static/lang/si/images/calculator.png) no-repeat center left;
	padding-left: 105px;
	float: left;
	width: 54.8em;
}

#euro_calculator h3 {
	font-size: 1.3em;
	color: #002B50;
	text-transform: uppercase;
	padding: 3px 0;
	margin-bottom: 2px;
}

#euro_calculator li {
	width: auto;
	float: left;
	margin-right: 2em;
}

#euro_calculator label {
	width: auto;
	float: none;
}


#note {
	margin-bottom: 1em;
	clear: both;
}

#buy_info_help {
	clear: right;
	margin-top: 10px;
	padding: 10px 0;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	float: right;
	width: 618px;
}

#buy_info_help a {
	color: #666;
}

#buy_info {
	width: 300px;
	float: left;
	padding-left: 63px;
	background: url(/static/images/icn_info.gif) no-repeat 8px 0;
}

html>body #buy_info {
	width: 237px;
}

#buy_help {
	margin-left: 15px;
	width: 300px;
	padding-left: 55px;
	background: url(/static/images/icn_help.gif) no-repeat;
	float: left;
}

html>body #buy_help {
	width: 245px;
}

#buy_info h3,
#buy_help h3 {
	margin-bottom: 5px;
}

/*	=LOGIN PERFORMANCE
-----------------------------------------------------*/
#login_performance {
	width: 196px;
	float: right;
	margin-right: 9px;
}

html>body #login_performance {
	margin-top: 0;
	margin-right: 18px;
}

#login_performance h3 {
	background: url(/static/images/login_left.gif) no-repeat left;
	color: #f1f1f1;
}

#login_performance h3 span {
	display: block;
	background: url(/static/images/login_right.gif) no-repeat right;
	padding: 4px 5px 2px 5px;
}

#login_performance form {
	padding: 12px 10px 10px 10px;
	background: #eee;
	border: 1px solid #fcc917;
	border-top: 0;
}

#login_performance form input {
	margin-right: 5px;
}

#login_performance form input.field {
	width: 150px;
	margin-bottom: 7px;
}

#login_performance form input.checkbox {
	border: 0;
	margin-right: 3px;
	margin-bottom: -2px;
}

html>body #login_performance form input.checkbox {
	margin-bottom: 0;
}

#login_submit {
	margin-bottom: 20px;
}

#login_performance p {
	margin-bottom: 10px;
}

#login_performance p.note {
	color: #666;
}

#login_performance p.note a {
	color: #666;
}

/*	=WHY_REGISTER
/*  =INFOR_SHOP_PROCESS
-----------------------------------------------------*/
#why_register h3,
#info_shop_process h3 {
	background: none;
	color: #666;
}

#why_register {
	border-top: 1px solid #e1e1e1;
}

#info_shop_process {
	border-bottom: 1px solid #e1e1e1;
}

#why_register,
#info_shop_process {
	padding: 10px 5px 5px 55px;
	margin: 10px 0;
	color: #666;
}

#why_register a,
#info_shop_process a {
	color: #666;
}

#why_register p,
#info_shop_process p {
	margin: 10px 0 5px 0;
}

#info_shop_process {
	background: #fff url(/static/images/icn_info.gif) no-repeat 0 10px;
}

#why_register {
	background: #fff url(/static/images/icn_reg.gif) no-repeat 0 10px;
}

/*	=BUY_FINISH
-----------------------------------------------------*/
#buy_finish {
	color: #666;
	float:left;
	width: 67em;
}

#buy_finish h3 {
	font-size: 130%;
	color: #005e7d;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 1em;
}

#buy_finish #dotpaylink {
	border: 1px dashed #ccc;
	margin: 1em 0;
}

#buy_finish #dotpaylink a {
	color: #005e7d;
	display: block;
	font-size: 2em;
	background: url(/static/lang/si/images/dotpay_logo.png) no-repeat 10px 50%;
	padding: 1em 0 1em 125px;
}

#buy_finish #dotpaylink p {
	margin: 0 1em 1em 1em;
}

#buy_finish #print h3,
#buy_finish #print_at_home h3 {
	font-size: 1.1em;
	color: #666;
	text-transform: none;
}

#buy_finish #print,
#buy_finish #print_at_home {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 1.5em 0;
	margin: 1.5em 0;
	float: left;
	clear: both;
	width: 67em;
}

#buy_finish #print p a,
#buy_finish a, 
#buy_finish #print_at_home p a {
	color: #666;
}

#buy_finish #print p,
#buy_finish #print_at_home p {
	color: #666;
	margin-left: 65px;
}

#buy_finish #print a.print,
#buy_finish #print a.prepaymentform,
#buy_finish #print_at_home a.print {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	width: 52px;
	height: 52px;
	float: left;
	margin-right: 15px;
}

#buy_finish #print a.print {
	background: url(/static/images/print.gif) no-repeat;
}

#buy_finish #print a.prepaymentform {
	background: url(/static/images/prepaymentform.gif) no-repeat;
}

#buy_finish #print_at_home a.print {
	background: url(/static/images/print_at_home.gif) no-repeat;
}

#buy_finish ul {
	clear: both;
}

/*	=EVENTBUY
-----------------------------------------------------*/
#eventbuy,
#basket {
	margin: 17px 0 10px 0;
	color: #666;
	clear: both;
}

html>body #eventbuy,
#basket #eventbuy {
	margin: 13px 0 10px 0;
}

#eventbuy {
	float: left;
	width: 38.5em;
	padding-right: 1em;
}

#eventbuy img {
	float: left;
	margin-right: 10px;
	border: 0;
}

#eventbuy h3 a {
	font-size: 130%;
	color: #002b50;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 4px;
}

#eventbuy p {
	float: left;
}
/*  =EVENT_ACCESS
-----------------------------------------------------*/
#event_access {
	float: right;
	width: 20em;
	padding: 1em;
	margin: 1em 0;
	border: 1px solid #e1e1e1;
	background: #fafafa;
}

#event_access h3 {
	/*background: #eee;*/
	/*padding: 2px 5px;*/
	margin-bottom: 0.7em;
	color: #002B50;
}

#event_access p {
	margin: 0.5em 0 1em 0;
}

#event_access p.wheelchair {
	background: url(/static/images/wheelchair.png) no-repeat center left;
	padding-left: 45px;
	min-height: 30px;
}

#event_access p.seatmap a {
	background: url(/static/images/seatmap_icon_small.png) no-repeat top left;
	padding-left: 45px;
	min-height: 35px;
	display: block;
}

#event_access a {
    color: #666;
}

/* Terms of use */
#special_terms_of_use {
	width: 618px;
}

#special_terms_of_use h3 {
	background: #eee;
	padding:2px 5px;
}

#special_terms_of_use h3 a {
	color:#005d6a;
	text-decoration: none;
	background: url(/static/images/toggleDLminus.gif)no-repeat left center;
	padding-left: 20px;
	line-height: 16px;
}

#special_terms_of_use_content {
	padding: 5px;
}
	
/*  =BASKET
	Used on shopping cart and order overview
-----------------------------------------------------*/
#basket {
    margin-top: 20px;
    width: 670px;
}

#basket p.total {
	font-size: 110%;
	color: #999;
	float: right;
	margin-right: 10px;
	display: inline;
}

#basket p.total strong {
	color: #333;
	font-size: 127%; /* equals 140% */
}

#basket h2,
#additional_services h2 {
	margin-bottom: 10px;
	color: #999;
	font-weight: normal;
	font-size: 110%;
}

#basket ul li {
	position: relative;
}

#basket .event_info {
	background: #f7f7f7;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	padding: 10px;
	position: relative;
}

#basket .event_info h3 {
	margin-bottom: 0.3em;
}

#basket .event_info h3 a {
	color: #005e7d;
	font-size: 127%;
	margin-right: 10px;
	margin-bottom: 10px;
}

#basket .event_info abbr {
	border: none;
}

#basket .event_info p.event_total {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #bbb;
	background: transparent;
	font-size: 100%;
	padding: 0;
	margin: 0;
	letter-spacing: 0;
	width: 94px;
	text-align: right;
}

#basket .event_info p.event_total strong {
	font-size: 130%;
	color: #666;
	font-weight: normal;
	clear: both;
	display: block;
	text-transform: uppercase;
}

#basket .event_info_details {
    position: absolute;
    right: 10px;
	bottom: 10px;
}

#basket .event_info_details a {
    color: #005E7D;
    text-decoration: none;
	background: url(/static/images/collapse.png) no-repeat right center;
	padding-right: 15px;
}

#basket .event_info_details a.show {
	background: url(/static/images/uncollapse.png) no-repeat right center;
	padding-right: 15px;
}

#basket p.basket_action {
    margin-bottom: 0.5em;
}

#basket table {
    padding-bottom: 10px;
    width: 100%;
    clear: both;
}

#basket thead td {
    background: #eee;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

#basket thead th {
    background: #eee;
	border-bottom: 1px solid #ddd;
}

#basket thead th span.reservation_time {
    margin-left: 2em;
	color: #999;
	font-weight: normal;
}

#basket thead th.remove_tickets a {
	color: #09f;
	padding-left: 15px;
	background: url(/static/images/remove_icon.png) no-repeat center left;
	font-weight: normal;
}

#basket tbody td,
#basket tbody th,
#basket tfoot td,
#basket tfoot th {
    background: #fff;
    border-bottom: 1px solid #eee;
}

#basket tfoot tr:first-child td,
#basket tfoot tr:first-child th {
	border-top: 1px solid #eee;
}

#basket table tfoot tr.fee th {
	color: #999;
	font-weight: normal;
}

#basket table td,
#basket table th {
    padding: 7px;
    color: #666;
}

#basket table th.remove_tickets {
	text-align: right;
}

#basket a.remove_ticket {
    white-space: nowrap;
}

#basket th.cell1 {
    width: 120px;
}

/*#basket td.cell2 {
    width: 80px;
}*/

#basket td.cell3, #basket td.cell4 {
    width: 70px;
}

#basket td.cell5 {
    width: 100px;
	text-align: right;
}
/*#basket table tr.pk td {
    padding-top: 10px;
}*/

#basket ul {
    list-style: none;
    clear: left;
}

table#price_breakdown {
	float: right;
	width: auto;
}

table#price_breakdown td,
table#price_breakdown th {
	text-align: right;
}

table#price_breakdown th {
	color: #999;
	border: none;
	font-weight: normal;
}

table#price_breakdown tbody td {
	width: 10em;
	padding: 0 7px;
	color: #666;
	border: none;
	font-weight: bold;
}

table#price_breakdown tfoot td,
table#price_breakdown tfoot th {
	text-align: right;
	border-top: 1px solid #eee;
	border-bottom: none;
}

table#price_breakdown tfoot td {
	font-size: 140%;
	color: #000;
	font-weight: bold;
}

table#price_breakdown tfoot th {
	font-size: 110%;
}

#basket dt.total {
	
	color: #999;
}

#basket p.info {
    text-align: right;
    font-weight: bold;
    font-size: 1.3em;
    color: #000;
}

#basket p.info strong {
    color: #000;
}

/*#basket a,*/
div.mod_mop a {
    color: #666;
}

/*  =ADDITIONAL SERVICES
-----------------------------------------------------*/
#additional_services {
	clear: both;
}

#additional_services form {
	background: #f7f7f7;
	width: 65em;
	padding: 1em;
	margin-bottom: 1em;
	float: left;
	clear: both;
}

#additional_services form.collapsed {
	padding-top: 0;
	padding-bottom: 0;
}

#additional_services h3 {
	background: #eee url(/static/images/toggleDLminus.gif) no-repeat 10px center;
	margin: -10px -10px 10px -10px;
	padding: 10px;
	padding-left: 30px;
}

#additional_services form.collapsed h3 {
	background: #eee url(/static/images/toggleDLplus.gif) no-repeat 10px center;
	margin-top: 0;
	margin-bottom: 0;
}

#additional_services label {
	float: left;
	width: 10em;
}

#additional_services #insurance label {
	width: auto;
	margin-right: 1em;
}

#additional_services input {
	float: left;
	margin-right: 1em;
	line-height: 1.5em;
	padding: 0.4em;
	width: 10em;
}

#additional_services input.checkbox {
	width: auto;
	
}

#additional_services button {
	float: left;
	padding: 0.2em 0.5em;
	font-weight: bold;
	font-size: 0.9em;
	color: #333;
}

#additional_services p {
	clear: both;
	line-height: 2.2em;
	color: #999;
}

/*	=MOD_MOP
-----------------------------------------------------*/

#choose_mod {
	clear: both;
}

/*#choose_mod legend span {
	color: #23637F;
}*/

#choose_mod ul {
	float: left;
	margin-top: 1em;
	list-style: none;
	margin-bottom: 20px;
}

#choose_mod ul li {
	clear: both;
	float: left;
	margin-bottom: 5px;
}

#choose_mod input {
	padding: 0;
	margin-right: 0.5em;
	float: left;
}

#choose_mod label {
	width: auto;
	padding: 0;
}

#choose_mod span.price {
	font-size: 1.1em;
	color: green;
}

#mod_desc {
	clear: both;
}

#mod_desc p {
	padding: 10px 0;
}

/*  =ORDER OVERVIEW
-----------------------------------------------------*/
#shopping_process_form {
    width: 67em;
}

#delivery_details {
    clear: both;
    width: 67em;
    margin-bottom: 20px;
}

#delivery_details h2,
#payment_details h2,
#standard_terms h2,
#special_terms h2 {
	color: #999;
    font-size: 110%;
    font-weight: normal;
    border-bottom:1px solid #ddd;
    padding:1em;
	background: #f7f7f7;
}

#delivery_method,
#delivery_address,
#payment_method,
#payment_address {
	width: 31.5em;
	padding: 1em;
	float: left;
}

#delivery_details h3,
#payment_details h3 {
    line-height: 1.5em;
}

#delivery_details h3 a,
#payment_details h3 a {
    font-weight: normal;
    margin-left: 1em;
    padding-left: 1em;
    color: #005e7d;
    border-left: 1px solid #ccc;
}

#delivery_details .delivery_info_details, .payment_info_details a {
    font-weight: normal;
    margin-left: 1em;
    padding-left: 1em;
    color: #005e7d;
    border-left: 1px solid #ccc;
}

#delivery_cost,
#payment_cost {
    border-top: 1px solid #eee;
	padding: 10px;
	clear: both;
}

#delivery_details ul,
#payment_details ul {
    list-style: none;
	clear: both;
	padding: 10px;
	float: left;
	padding-top: 0;
	font-size: 1.1em;
	width: 80%;
}

#payment_details {
    margin-top: 10px;
    float: left;
}

#cc_data {
	border-top: 1px solid #eee;
	padding-top: 10px;
	float: left;
	width: 100%;
	background: #FEF8E5;
}

#cc_data ol {
    float: left;
	width: 50%;
}

#cc_data #cvc_help {
	width: 50%;
    float: left;
	margin: 0;
	clear: none;
}

#cc_data #cvc_help img {
    margin: 0;
	float: left;
}

#cc_data ol li {
    margin-bottom: 10px;
}

#cc_data label {
    display: block;
    width: 12em;
    float: left;
    padding: 3px 0;
    margin-left: 10px;
}

#cc_data .note ul {
	float: none;
	clear: none;
	padding: 0;
	padding-left: 20px;
	font-size: 1em;
	
}

#cc_data .note li {
	list-style-type: disc;
	color: #666;
}

#cc_data .note {
	margin: 0 1em 1em 1em;
}
.payment_description,
#payment_details address {
	margin-bottom: 10px;
}


#delivery_details p.description,
#payment_details p.description {
    margin-top: 1em;
}

#delivery_details p,
#delivery_details address,
#payment_details p,
#payment_details address {
    color: #666;
    line-height: 1.5em;
}

#bottom_navigation {
    margin-top: 20px;
    margin-right: 30px;
    float: right;
}

#bottom_navigation li a {
    color: #666;
    font-weight: bold;
    margin-left: 10px;
    font-size: 130%;
}

#bottom_navigation li {
    list-style: none;
    float: left;
}

#basket h2 a {
    font-weight: normal;
    margin-left: 1em;
    padding-left: 1em;
    border-left: 1px solid #ccc;
    color: #005e7d;
}

/* terms of use */
#terms_of_use_section {
	clear: both;
}

#terms_of_use_section p {
	color: #666;
}

#standard_terms,
#special_terms {
	margin-bottom: 10px;
	width: 100%;
}

#standard_terms.collapsed #standard_terms_toggler,
#special_terms.collapsed #special_terms_toggler {
	color: #999;
    font-size: 110%;
    font-weight: normal;
    border-bottom:1px solid #ddd;
    padding:10px;
	padding-left: 30px;
	background: #f7f7f7 url(/static/images/toggleDLplus.gif) no-repeat 10px center
}

#standard_terms.expanded #standard_terms_toggler,
#special_terms.expanded #special_terms_toggler {
	color: #999;
    font-size: 110%;
    font-weight: normal;
    border-bottom:1px solid #ddd;
    padding:10px;
	padding-left: 30px;
	background: #f7f7f7 url(/static/images/toggleDLminus.gif) no-repeat 10px center
}

#standard_terms_content {
	padding: 10px;
}

#special_terms ul,
#special_terms_content {
	padding: 10px;
	list-style: none;
}

/* Popup for order overview */
.window {
	top: 0;
	left: 0;
}

.window #terms_of_use_section {
	height: 400px;
	width: 600px;
	overflow: auto;
}

#agree_buttons {
	display: none;
}

.window #agree_buttons {
	display: block;
}


p.agree_box {
	padding: 10px;
	clear: both;
	background: #fef8e5;
	border-bottom:1px solid #ddd;
	padding-left: 13em;
}

#mask {
	position: fixed;
	z-index: 8000;
	background-color: #000;
	display: block;
	top: 0;
	left: 0;
}

div.window {  
	position: fixed;
	z-index: 9000;
	background: #fff;
	border: 10px solid #666;
}

#agree_buttons {
	padding-top: 10px;
	background: #666;
}

/*	=WS_ERROR
-----------------------------------------------------*/
#ws_error {
	padding: 13px 10px 10px 0;
	position: relative; /* we use relative to catch the absolutely positioned icon */
	clear: both;
}

#ws_error fieldset {
	border: 0;
}

#ws_error fieldset p {
    padding: 10px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    color: #333;
    width: 618px;
    padding-right: 200px;
}

html>body #ws_error fieldset p {
    width: 418px;
}

#ws_error ul {
	padding-top: 20px;
	list-style: none;
}

#ws_error li,
ul.more_options li {
    padding: 0px 2px 2px 22px;
    background: url(/static/images/bullets/notice.gif) no-repeat;
    margin-bottom: 5px;
    list-style: none;
}

#ws_error li a,
ul.more_options li a {
    color: #333;
    text-decoration: none;
	font-size: 1.1em;
}

#ws_error li a:hover,
ul.more_options li a:hover {
    text-decoration: underline;
}

#ws_error legend {
	font-size: 130%;
	font-weight: bold;
	color: #005E7D;
	padding-bottom: 10px;
}

#ws_icon {
    position: absolute;
    top: 30px;
    left: 550px;
    width: 52px;
    height: 52px;
}

/* Mulit-Class IE6 Bugfix */
#ws_error .error {
    background: url(/static/images/notice_error.gif) no-repeat;
}

#ws_error .notice {
    background: url(/static/images/notice_info.gif) no-repeat;
}

div.mod_mop #mop_detail table td.cc {
    width: 130px;
}

div.mod_mop #mop_detail table td.cc_cvc {
    color: #ffa000;
}

div.mod_mop #mop_detail table td.cc,
div.mod_mop #mop_detail table td.cc_cvc {
    vertical-align: top;
    padding: 57px 0 0 10px;
}

div.mod_mop #mop_detail table td.cc_cvc {
    padding: 88px 0 0 5px;
}

/*	=ACCOUNT_INFO
-----------------------------------------------------*/
fieldset#account_info {
	/*background: #F9F2D6;*/
	clear: both;
}

fieldset#account_info ol {

}

fieldset#account_info legend {
	background: #fff;
	padding: 0.3em 0;
	margin-bottom: 10px;
}

fieldset#account_info legend span {
	color: #5D4E0B;
	/*background: #F9F2D6;*/
}

/*fieldset#account_info div.error_icon {
	width: 550px;
}*/

fieldset#account_info ol li {
	clear: both;
	float: left;
}

fieldset#account_info label {
	text-align: right;
}

fieldset#account_info #terms_of_use_label {
    width: auto;
	margin-left: 16em;
}

fieldset#account_info input.field {
	width: 20em;
}

fieldset#account_info fieldset ol {
	margin-left: 16em;
}

fieldset#account_info fieldset label {
	width: auto;
}

fieldset#account_info fieldset input {
	margin-right: 0.5em;
}

/*fieldset#account_info .note_text,
fieldset#account_info .note {
    margin: 0 0 10px 10px;
}*/

/*	=INVOICE ADDRESS
	=DELIVERY_ADDRESS
-----------------------------------------------------*/
fieldset#invoice_address,
fieldset#select_delivery_address,
fieldset#delivery_address,
fieldset#diff_delivery_address {
    clear: both;
}

/*fieldset#invoice_address legend,
fieldset#diff_delivery_address legend,
fieldset#delivery_address legend,
fieldset#select_delivery_address legend {
	color: #23637F;
	padding: 0.45em 0;
}*/

fieldset#invoice_address div.error_icon,
fieldset#delivery_address div.error_icon {
	width: 57em;
    clear: both;
}

fieldset#invoice_address address {
	font-size: 1.1em;
}

fieldset#delivery_address legend label {
    width: auto;
	padding: 0;
	margin: 0;
	float: none;
	text-align: left;
	font-weight: normal;
}

fieldset#diff_delivery_address fieldset  {
    width: 400px;
}

fieldset#diff_delivery_address fieldset legend {
    letter-spacing: 0;
    font-size: 1em;
}

fieldset legend span {
	width: 52.6em;
	color: #999;
    font-size: 70%;
    font-weight: normal;
    border-bottom:1px solid #ddd;
    padding:1em;
	background: #f7f7f7;
	letter-spacing: 0;
	text-transform: none;
}

fieldset#invoice_address ol li,
fieldset#delivery_address ol li {
	clear: both;
	float: left;
}

fieldset#invoice_address label,
fieldset#delivery_address label {
	display: inline-block;
	/*float: left;
	width: 10em;
	background: #eee;
	margin-right: 0.5em;*/
	text-align: right;
	/*padding: 0.3em 1em;*/
}

fieldset#invoice_address input,
fieldset#delivery_address input,
fieldset#invoice_address select,
fieldset#delivery_address select {
	float: left;
	margin-right: 1em;
	display: inline;
}

fieldset#invoice_address select,
fieldset#delivery_address select {
    width: 20em;
}

fieldset#invoice_address input,
fieldset#delivery_address input {
    width: 20em;
}

fieldset#invoice_address select#phone_select,
fieldset#delivery_address select#phone_select,
fieldset#invoice_address select#mobile_select,
fieldset#delivery_address select#mobile_select,
fieldset#invoice_address select#id_number {
	width: 12.5em;
}

fieldset#invoice_address input#phone_number,
fieldset#invoice_address input#mobile_number,
fieldset#delivery_address input#phone_number,
fieldset#delivery_address input#mobile_number,
fieldset#invoice_address input#value_number {
	width: 8.5em;
}

fieldset#delivery_address input#address_new {
	width: auto;
}

fieldset#invoice_address input.small {
    width: 4em;
    margin-right: 2px;
}

fieldset#invoice_address input.short {
    width: 6em;
    margin-right: 2px;
}

fieldset#diff_delivery_address fieldset p.note_text {
	font-weight: normal;
	font-size: 1em;
	color: #000;
	margin-bottom: 1em;
}

fieldset#diff_delivery_address ol {
}

fieldset#diff_delivery_address ol li {
	display: block;
	position : relative;
	margin-right: 2em;
	margin-bottom: 0.5em;
	float: left;
	clear: both;
}

fieldset#diff_delivery_address input {
	margin-right: 0.5em;
	float: left;
}

fieldset#diff_delivery_address label {
	background: transparent;
	float: left;
	width: auto;
	padding: 0;
	margin: 0;
}

div.selectable_address {
	width: 30em;
	float: left;
	margin: 1em 0;
}

div.selectable_address input {
	position: absolute;
	margin: 0.3em 0;
}

div.selectable_address a,
div.selectable_address address {
	margin-left: 3em;
}

address {
	font-style: normal;
	margin-bottom: 1em;
	line-height: 1.5em;
}

address label {
	padding: 0;
	font-weight: normal;
	width: auto;
	clear: both;
}

address label.alias {
	border-bottom: 1px dotted #ccc;
}

/* edit address button */
a.edit_address {
	background: url(/static/images/button_small_left.gif) no-repeat top left;
    text-decoration: none;
	color: #666;
	cursor: pointer;
	padding: 0 0 1px 5px;
	font-size: 1.1em;
}

a.edit_address span {
    background: url(/static/images/button_small_right.gif) no-repeat top right;
    padding-right: 5px;
}

/*	=VOUCHER
-----------------------------------------------------*/
/*#voucher {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #e1e1e1;
}*/

/*	=CHOOSE_MOP
	=HAVE_VOUCHER
-----------------------------------------------------*/
#choose_mop {
	clear: both;
}

/*#choose_mop div.note {
	width: 570px;
}*/

/*#choose_mop legend,
#mop_detail legend,
#voucher_detail legend {
	color: #23637F;
	padding: 0.45em 0;
}*/

/*#choose_mop ul#choose {
    margin-top: 10px;
    list-style: none;
	float: left;
	width: 300px;
	display: block;
}*/

#choose_mop li {
	float: left;
	clear: both;
}

#choose_mop li input,
.choose input {
    margin-right: 5px;
    padding: 0;
	float: left;
}

#choose_mop li label, .choose label {
    position: relative;
    top: -3px;
}

#have_voucher {
	float: right;
    margin-left: 2%;
    padding-left: 20px;
    width: 280px;
    float: right;
    border-left: 1px solid #e1e1e1;
	margin-top: 10px;
}

#have_voucher legend {
	font-weight: bold;
	font-size: 1em;
	text-transform: none;
}

#have_voucher p {
    border: 0;
    padding: 7px 0 !important;
}

#have_voucher input {
    margin-right: 5px;
}

/*	=MOP_DETAIL
	=VOUCHER_DETAIL
-----------------------------------------------------*/

#mop_detail,
#voucher_detail {
	clear: both;
}

/*#mop_detail legend,
#voucher_detail legend {
	color: #23637F;
}*/

#mop_detail div.note {
	width: 570px;
}

#mop_detail p.note,
#voucher_detail p.note {
	padding: 0;
	margin: 1em 0;
	width: 570px;
}

#mop_detail ol,
#voucher_detail ol {
	float: left;
	margin-top: 1em;
}

#mop_detail ol li,
#voucher_detail ol li {
	clear: both;
	float: left;
	margin-bottom: 5px;
}

#mop_detail label,
#voucher_detail label {
	width: 13em;
}

#mop_detail input,
#voucher_detail input {
	float: left;
	width: 18em;
}

#mop_detail select.card_select,
#voucher_detail select.voucher_select {
	width: 18.8em;
}

#mop_detail select.valid_year,
#mop_detail select.valid_month {
    width: 6.3em;
}

#mop_detail input.szCVV,
#voucher_detail input.voucher_price {
	width: 12em;
}

#voucher_detail input.voucher_price {
	border:none;
}
	
#cvc_help {
	clear: both;
	float: left;
	width: 67em;
}

#cvc_help img {
	float: left;
	margin-left: 15.4em;
}

#cvc_help p {
	float: left;
	margin: 30px 0 0 0.5em;
	color: #f90;
}
/*	=REGISTRATION
-----------------------------------------------------*/
#registration table td {
	padding: 7px 0px 7px 0px;
	vertical-align: top;
}

#registration p {
	padding: 2px 10px 0 0;
}

#registration input,
#registration select {
	width: 203px;
}

#registration input.button {
	width: 70px;
}

#registration .readonly {
	background-color: #f5f5f5;
}

#registration input.checkbox {
	border: 0;
	width: auto;
}

#registration ul li {
    list-style-type:none;
    margin-bottom:5px;
    margin-top:0px;
    padding-top:0px;
    padding-bottom:0px;
}

#registration .section {
	height: 20px;
	width: 618px;
	background: transparent url(/static/images/section.gif) no-repeat;
	margin-top: 5px;
	padding-top: 3px;
}

#registration .section p {
	color: #fff;
	font-weight: bold;
	width: 200px;
	text-align: right;
	padding: 0;
}

#registration td.col1 {
	width: 200px;
	text-align: right;
	padding-right: 6px;
}

#registration .terms_of_use #terms_of_use {
	width: auto;
}

#registration p.notice {
	color: #999;
	border-top: 1px solid #ccc;
	padding: 5px;
	width: 397px;
}

#registration a {
	color: #333;
}

#registration td p {
    width: 410px;
}

#registration .captcha {
    border: 1px solid #ccc;
}

#registration .note {
    margin: 0 0 10px 10px;
}

#customer_services {
    width: 43em;
    float: left;
    padding-bottom: 55px;
    display: inline;
}

#customer_services h4 {
    margin-bottom: 1m;
}

#customer_services ul {
    float: left;
}

#customer_services li {
	line-height: 1.8em;
    list-style: none;
}

#customer_services li.first {
    background: 0px none;
}

#customer_services li a {
    color: #999;
    text-decoration: none;
}

#customer_services li a:hover,
#customer_services li a:focus {
    text-decoration: underline;
}

#customer_services img {
    float: right;
}

/*  =TERMS OF USE IN shopping proccess
------------------------------------------------------*/
#additional_terms_of_use  {
    width:618px;
	margin-bottom: 10px;
}

#additional_terms_of_use  h3 {
    background: transparent url(/static/images/cell_left.gif) no-repeat left;
}

#additional_terms_of_use  h3 a {
    background: transparent url(/static/images/cell_right.gif) no-repeat right;
	padding: 3px 5px;
    display: block;
	color: #fff;
	text-decoration: underline;
}

#additional_terms_of_use  .text {
    padding:10px;
}
#additional_terms_of_use  .agree_box {
    margin:10px;
}