/*	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: #398092;
	width: 670px; /* width set for IE7 */
	height: 40px;
	float: left;
	margin-bottom: 10px;
}

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

#breadcrumbs_buy li {
	height: 40px;
	line-height: 40px;
	background: none;
	padding: 0 2em;
	margin: 0;
	float: left;
	color: #94D0E8;
	text-align: center;
	vertical-align: middle;
}

#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: #94D0E8;
}

#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: #fff;
}

/*  =SIDEBAR_BUY
-----------------------------------------------------*/
#sidebar_buy {
	display: none;
}


/*  =BUTTONS_BUY
-----------------------------------------------------*/
.buttons_buy {
    clear: both;
    width: 670px;
    margin: 10px 0;
    float: left;
}

.buttons_buy ul {
    list-style: none;
}

.buttons_buy ul li {
    display: inline;
}

.buttons_buy button,
.buttons_buy a {
    /*text-transform: lowercase;*/
    font-size: 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.next_disabled,
.buttons_buy button.next_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.next_disabled span,
.buttons_buy button.next_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/lang/ru/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.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/lang/ru/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/lang/ru/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/lang/ru/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/lang/ru/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;
}

/* 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
/*  =CATEGORIES
-----------------------------------------------------*/
/* hide heading */
#body_buy #content h1 {
	display: none;
}

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

#categories legend {
	display: none;
}

#categories {
        clear: both;
	width: 412px;
	float: left;
}

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

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

#categories table .cell1 {
	width: 60%;
}

#categories table .cell2,
#categories table .cell3 {
	width: 20%;
	text-align: right;
}

#categories table th.cell2,
#categories table th.cell3 {
	text-align: left;
}

#categories table th {
	background: url(/static/images/cell_left.gif) no-repeat;
	color: #f1f1f1;
	text-align: left;
	font-size: 11px;
}

#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: 3px 10px;
	color: #666;
}

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

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

#categories h4 {
	padding: 5px 5px 5px 10px;
	/*border-bottom: 1px solid #eee;*/
}

#categories table td.cell3 {
	text-align: right;
	padding-right: 14px;
}

#categories table td select {
	float: right;
	padding: 0;
	width: 50px;
	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-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 15px 8px;
	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: normal;
    color: #23637F;
    /*background: #eee;*/
    letter-spacing: -1px;
    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_icon_large.png) no-repeat;*/
	background: url(/static/images/seatmap.gif) 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;
}

#note {
	width: 670px;
	margin-bottom: 10px;
	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: 670px;
}

#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 {
	margin: 13px 0 10px 0;
	float: left;
	color: #666;
	width: 670px;
}

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

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

#buy_finish #print,
#buy_finish #print_at_home {
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
	padding: 15px 8px;
	margin: 15px 0;
}

#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 {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background: url(/static/images/print.gif) no-repeat;
	width: 52px;
	height: 52px;
	float: left;
	margin-right: 15px;
}

#buy_finish #print a.prepaymentform {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background: url(/static/images/prepaymentform.gif) no-repeat;
	width: 52px;
	height: 52px;
	float: left;
	margin-right: 15px;
}

#buy_finish #print_at_home a.print {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background: url(/static/images/print_at_home.gif) no-repeat;
	width: 52px;
	height: 52px;
	float: left;
	margin-right: 15px;
}


/*	=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: 385px;
	padding-right: 10px;
}

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

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

#eventbuy p {
	float: left;
}
/*  =EVENT_ACCESS
-----------------------------------------------------*/
#event_access {
	float: right;
	width: 200px;
	padding-left: 10px;
	margin: 13px 23px 10px 0;
	border-left: 1px solid #ccc;
}

#event_access h3 {
	background: #eee;
	padding: 2px 5px;
	color: #005D6A;
}

#event_access p {
	margin: 5px;
}

#event_access p.wheelchair {
	background: url(/static/images/wheelchair.png) no-repeat top left;
	padding-left: 30px;
	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;
}
	
/*  =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%;
}

#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 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: 100px;
    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: 598px;
    padding: 10px;
    margin-bottom: 10px;
    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;
    line-height: 2.1em;
}

#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 {
    margin-top: .45em;
    margin-bottom: .45em;
    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;
	width: 670px;
}

#choose_mod legend span {
	background: #eee;
	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;
}

#mod_desc {
	clear: both;
}

#mod_desc p {
	padding: 10px 0;
}

/*  =ORDER OVERVIEW
-----------------------------------------------------*/
#shopping_process_form {
    width: 670px;
}

#payment_delivery {
    clear: both;
    width: 670px;
    margin-bottom: 20px;
}

#payment_delivery h3 {
    line-height: 1.5em;
}

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

#payment_delivery th,
#payment_delivery td {
    padding: 10px;
    vertical-align: top;
    width: 315px;
}

    #payment_delivery th h2 {
        color: #999;
        font-size: 110%;
        font-weight: normal;
        display: inline;
    }

#payment_delivery thead th {
    background: #f7f7f7;
    border-bottom: 1px solid #ddd;
}

#payment_delivery tbody td {
    border-top: 1px solid #eee;
}

#payment_delivery tbody tr:first-child td {
    border-top: none;
}

#payment_delivery tbody dl,
#payment_delivery p.description {
    margin-top: 1em;
}

#payment_delivery tbody dt {
    float: left;
    clear: left;
    color: #666;
}

#payment_delivery tbody dd {
    float: left;
    margin-left: 1em;
}

#payment_delivery tbody address {
    margin-bottom: 0;
}

#payment_delivery tfoot td {
    border-top: 1px solid #ddd;
}

#payment_delivery tfoot ul {
    list-style: none;
}

#payment_delivery p,
#payment_delivery 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;

}

#cc_data {
    margin-top: 10px;
    float: left;
    width: 100%;
}

#cc_data h2 {
    background: #f7f7f7;
    border-bottom:1px solid #ddd;
    padding:10px;
    margin-bottom: 10px;
    color: #999;
    font-size: 110%;
    font-weight: normal;
    }

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

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

#cc_data #cvc_help img {
    float: none;
}

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

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

/*	=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: 670px;
    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;
}

#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: #FF9900;
	clear: both;
	width: 670px;
}

fieldset#account_info ol {

}

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

fieldset#account_info legend span {
	color: #000;
	background: #FF9900;
}

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

fieldset#account_info ol li {
	clear: both;
	float: left;
	margin-bottom: 5px;
	color: #000;
}

fieldset#account_info label {
	display: block;
	float: left;
	width: 12em;
	margin-right: 0.5em;
	text-align: right;
	padding: 0.3em 0;
}

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

fieldset#account_info input {
	float: left;
    width: 220px;
}

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

fieldset#account_info fieldset label {
	width: auto;
}

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

fieldset#account_info .note_text {
    margin: 0 0 10px 10px;
	color: #000;
}

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: 570px;
    clear: both;
}

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

fieldset#diff_delivery_address fieldset  {
    width: 400px;
}

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

/* <legend> resists styling in browsers and needs to be treated with <span> */
fieldset legend span {
	background: #eee;
	display: block;
	width: 670px;
	padding: 3px;
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: -1px;
}

fieldset#invoice_address ol li,
fieldset#delivery_address ol li {
	clear: both;
	float: left;
	margin-bottom: 5px;
}

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: 10px;
	display: inline;
}

fieldset#invoice_address select,
fieldset#delivery_address select {
    width: 220px;
}

fieldset#invoice_address input,
fieldset#delivery_address input {
    width: 220px;
}

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: 125px;
}

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: 85px;
}

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

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

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

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

fieldset#diff_delivery_address fieldset ol {
	margin-left: 12.5em;
}

fieldset#diff_delivery_address fieldset li {
	position : relative;
	float: left;
	margin-right: 2em;
}

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

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

div.selectable_address {
	width: 300px;
	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.alias {
	border-bottom: 1px dotted #ccc;
}

/* edit address button */
a.edit_address {
	background: url(/static/images/button_small_left.gif) no-repeat;
    text-decoration: none;
    padding: 0 0 0 5px;
	color: #666;
}

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

/*	=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 {
    margin-bottom: 8px;
}

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

#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;
	color: #000;
	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;
	width: 670px;
}

#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 {
	display: block;
	float: left;
	width: 12em;
	margin-right: 0.5em;
	text-align: right;
	padding: 0.3em 1em;
}

#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;
	margin-right: 18px;
	float: left;
	width: 612px;
}

#cvc_help img {
	float: left;
	margin-left: 20px;
}

#cvc_help p {
	float: left;
	margin-top: 32px;
	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: 670px;
	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: 430px;
    float: left;
    padding-bottom: 55px;
    margin-left: 10px;
    display: inline;
}

#customer_services h4 {
    color: #999;
    background: #eee;
    padding: 3px 7px;
    margin-bottom: 5px;
    font-weight: bold;
}

#customer_services ul {
    float: left;
}

#customer_services li {
    list-style: none;
    padding: 0 5px 3px 7px;
}

#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;
}