/* CSS document - Formal common styles */

/* Common Styles */
html {margin:0; padding:0;}
body {margin:0; padding:5px 0; font-family: Arial, Helvetica, sans-serif; font-size:13px; text-align:center}
.main {width:790px; margin:0 auto; text-align:left}
.leftBlock, .floatL {float:left}
.rightBlock, .floatR {float:right}
.imgBlock {float:left; padding-right:15px}
.clr {width:100%; clear:both; height:1px; overflow:hidden; padding:0 !important}
ul.list {list-style:disc outside; margin:0 0 0 25px;}
ul.list li {padding-top:5px}
img, div, h1, h2, h3, h4, h5, p, ul, dl, form {border:none; margin:0; padding:0}
input, label, select {vertical-align:middle}
fieldset { margin:0; padding:0; border:none; }
a {text-decoration: none}

/* Frame */
#frame {position:relative; margin:0 auto; width:848px; }
#frameContent {float:left; width:100%}
#top_bg, #bottom_bg  { clear:both; position:relative; width:848px; height:15px; overflow:hidden;}
#top_bg .image_bg, #bottom_bg .image_bg { position:absolute; left:0; width:848px; height:15px;}
#top_bg .color_bg, #bottom_bg .color_bg {position:absolute; left:6px; width:836px; height:9px;}
#top_bg .image_bg { top:0; background:url(/assets-images/top-bg.png) no-repeat left top;}
#top_bg .color_bg {top:6px}
#bottom_bg .image_bg { bottom:0; background:url(/assets-images/bottom-bg.png) no-repeat left bottom;}
#bottom_bg .color_bg { bottom:6px; }
#frameContent .image_bg { background:url(/assets-images/bg.png) repeat-y 0 0; }
#frameContent .color_bg { margin:0 6px; padding: 0 0 5px 0; overflow:auto}

* html #frameContent .color_bg {padding: 15px 0}
* html #top_bg, * html #bottom_bg { display:none}
* html .image_bg { background:none !important}

/* Header */
.header {margin-bottom: 10px; width:100%; float:left; position:relative}
.header ul.nav {float:right; list-style:none; font-size:14px; margin-top:0; padding:0 0 3px 0; position:relative; z-index:15; overflow:hidden}
.header ul.nav li {float:left; margin-right:-1px; padding:0 10px 0 11px; border-right:1px solid;}
.header .barBlock {height:100px; width:790px; overflow:visible; position:relative; z-index:6; clear:both;}
.header .subBlock {height:100px; width:790px; position:absolute; left:0; top:0; background:url(/assets-images/header_round_corners.png) no-repeat 0 0; z-index:-1;}
.header .leftBlock {position:relative;}
.header .logoPlace { width: 790px; height: 100px; position: absolute; left:0; top:0; background:url('/assets-images/logo.png') no-repeat 0 0;}
.header .logoLink, .header .logoLink:hover { position:absolute; left:30px; top:0; display: block; width: 386px; max-width:500px; height: 100px; z-index: 20; font: bold 30px/normal "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif; text-decoration: none;}
.barBlockLink {display:block; position:absolute; top:0; left:0; width: 790px; height:100px; z-index:100}
.header h1 { float:left; margin-left:30px; padding: 10px 0 0 0; max-width:500px;}
/*.header h1 a.invisibleText { width: 250px; font-size: 12px; opacity:0; filter:alpha(opacity=0); }*/
.header .rightBlock {height:100px; overflow:hidden}
.header .rightBlock img {float:right; border-left:1px solid; /*opacity:.9; filter: alpha(opacity=90);*/}
.header p.welcome {clear:right; float: right; padding: 5px; white-space:nowrap;}

/* Content */
.content { float:left; width:780px; padding:0 5px; margin:10px 0 25px 0; background:url(/assets-images/dotted_line.gif) repeat-y 477px 0;}
.content a {text-decoration:underline}
.content .leftBlock {width:466px}
.content .rightBlock, .categoriesBlock .rightBlock {width:300px}
* html .content .rightBlock, * html .categoriesBlock .rightBlock {overflow:hidden}
.content p {line-height:135%; height: auto !important; }
.content .noitem { padding: 15px 7px 3px 7px}
.content .note {clear:left; padding: 5px 0pt 0pt 2px; font-size: 0.8em;}

.static p {margin: 9px 0; padding:0;}
.static ul {margin: 5px 0 10px 15px; padding:0 0 0 10px;}

.itemBlock {width:100%; float:left; padding-bottom:25px}
.itemBlock .titleBlock {float:left; width:100%}
.itemBlock .titleBlock div {width:47px; height:30px; overflow:hidden; margin-right:10px; text-align:center; float:left; background:url(/assets-images/icon_bg.png) no-repeat 0 0;}
.itemBlock .highLighted .titleBlock div {background-image:url(/assets-images/icon_bg-highlighted.png)}
.itemBlock .titleBlock div div {height:30px; background: no-repeat 50% 50%; }
.itemBlock .titleBlock div div.assortmentIcon {background-image:url(/assets-images/assortment.png); }
.itemBlock .titleBlock div div.phoneIcon {background-image:url(/assets-images/order_by_phone.png); }
.itemBlock .titleBlock div div.bulletcartIcon {background-image:url(/assets-images/bullet_cart.png); }

.itemBlock .titleBlock div div.infoIcon {background-image:url(/assets-images/icon_i.png); }
.infoBlock .titleBlock h2 {margin:0 !important; padding:0 !important}
.infoBlock .titleBlock {margin:10px 0;}
.infoBlock .contentWrapper { padding:0 7px 5px 7px; }

.infoBlock p {margin: 3px 0;}
.infoBlock ul {margin: 5px 0 5px 10px; padding:0 0 0 10px;}

.titleBlock .iconPlace {float:left; margin-left:8px; padding-top: 10px; width:34px; height:30px; background-repeat:no-repeat; background-position: left bottom; }
.titleBlock .basketIcon {margin-left:10px; height:27px; background-image:url(/assets-images/basket.png)}
.titleBlock .loginIcon {margin-left:9px; background-image:url(/assets-images/login.png)}
.titleBlock .registerIcon {background-image:url(/assets-images/register.png)}
.titleBlock .locationIcon {background-image:url(/assets-images/location.png)}
.titleBlock .timeIcon {background-image:url(/assets-images/time.png)}
.titleBlock .attentionIcon {background-image:url(/assets-images/attention.png)}
.titleBlock .successIcon {padding-top: 4px; background-image:url(/assets-images/success.png)}

.content h2, .content h1 {font:normal 19px/100% Arial, Helvetica, sans-serif; line-height:30px;}
div.highLighted {position:relative; float:left; margin-bottom:23px; width:100%; border:1px solid;}
* html div.highLighted {overflow-x:hidden;}
.rightBlock div.highLighted {margin-bottom:0;}
div.highLighted .titleBlock {float:none; margin-bottom:20px; padding-bottom:0 !important}
div.highLighted .titleBlock h2 {padding:10px 0 0 42px; margin-bottom: 20px;}
.leftBlock div.highLighted .titleBlock h2 {padding-left:45px;}
.leftBlock div.highLighted .titleBlock p {padding:10px 0 10px 45px}
div.highLighted .titleBlock img {position:absolute; margin:-14px 0 0 9px}
div.highLighted ul.list {padding:9px; list-style:none; margin:0}
* html div.highLighted ul.list {width: 250px; padding-left: 14px;}
div.highLighted ul.list li {background:url(/assets-images/list_item.png) no-repeat 5px 0; padding:2px 0 5px 30px}
ul.control {list-style:none;}
ul.control li{display:inline;}

/* Welcome Page */
#welcomePage .content {margin:50px 0 25px 0}
.content .welcomeBlock {float:left; padding:5px 0 15px 0; width:100%; min-height:150px; background:url(/assets-images/dotted_line.gif) repeat-x left bottom;}
* html .content .welcomeBlock { height: 150px;}
.content .welcomeBlock h1 {margin-top:0; padding:0 0 10px 0; font:normal 22px/100% Arial, Helvetica, sans-serif;}
.content .welcomeBlock p {padding-right:5px; >height:1%}
.leftBlock ul.listBlock {float:left; clear:left; padding:20px 0 10px 0; width:460px; list-style:none; font-size:14px; font-weight:bold;}
.leftBlock ul.listBlock li {float:left; width:200px; padding:2px 5px 14px 5px;}

.thumbHolder {float:left; margin-bottom:0; margin-right:5px; width:62px; height:62px; background:url(/assets-images/thumb_bg-sm.png) no-repeat 0 0;}
.leftBlock ul.listBlock .thumbHolder {margin-left:-2px;}
.thumbHolder div { position: relative; top:3px; left:3px; width:56px; height:56px; overflow:hidden;}
.thumbHolder img {position: relative;}
a .thumbHolder img {cursor:pointer}

/* Products list thumbs */
.imgBlock .thumbHolder { float:none; margin:0; width:110px; height:110px; background-image:url(/assets-images/thumb_bg.png)}
.imgBlock .thumbHolder div { top:5px; left:5px; width:100px; height:100px;}

#welcomePage .leftBlock .itemBlock { padding-top:25px;}
#welcomePage .rightBlock .itemBlock { padding-top:25px; padding-left:10px; width:292px; background:url(/assets-images/dotted_line.gif) repeat-x 0 0;}
#welcomePage .rightBlock .infoBlock { padding-top:0; padding-left:0; margin-left:0; background:none;}
#welcomePage .infoBlock div.highLighted { margin-top: 0; padding-bottom:5px; width:302px;}

.rightBlock .listBlock {list-style:none; clear:both; width:100%; float:left; margin:15px 0 0 0; font-size:13px}
.rightBlock .listBlock li {background:url(/assets-images/dotted_line.gif) repeat-x 0 0; float:left; width:100%; padding-top:1px}
.rightBlock .listBlock li .subBlock {float:left; width:278px; padding:6px 5px 5px 5px}
.rightBlock .listBlock li.highLighted .subBlock {background:url(/assets-images/list_fade_bg.gif) repeat-y 0 0}
.rightBlock .listBlock li .subBlock div {float:left}
.rightBlock .listBlock li .subBlock p {float:right}

/* Emergency notification */
#emergencyNotification { clear:both; float:left; width:100%; margin:10px 0;}
#emergencyNotification .emergencyTitle { float:left; margin-right: 10px; padding: .7em 0 0 0; width:160px; text-align:center; font-weight:bold; font-size:1.8em;}
#emergencyNotification .emergencyMessage { margin: 0 0 0 160px; padding: .5em;}
#emergencyNotification p { padding:.3em .3em .3em .3em; font-size:1em;}
#emergencyNotification .subTitle { font-size:1.1em; font-weight:bold;}

/* Closing notification */
#closingNotification { clear:both; float:left; width:100%; margin:10px 0;}
#closingNotification .title { float:left; margin-right: 10px; padding: .3em 0 0 0; width:160px; text-align:center; font-weight:bold; font-size:1.8em;}
#closingNotification .message { margin: 0 0 0 160px; padding: .5em; font-size: 1.3em; font-weight: bold; min-height:29px;}
/* TODO PUT THIS IN THEMES */
#closingNotification { background-color: #990000;}
#closingNotification .title {color:#fff}
#closingNotification .message {background-color:#ffff33; color:#61312f}
/* END TODO */

/* Categories */
#categories .leftBlock .titleBlock {padding-bottom:8px;}
#categories .leftBlock .subTitleBlock {padding:8px 0; clear:left;}
#categories .leftBlock .subTitleBlock h2 {font-size: 14px; line-height: 14px; font-weight: bold;}
.categoryDescription {margin-bottom:5px}
.categoriesBlock {float:left; width:100%}
.categoriesBlock ul {padding:15px 0 5px 0; list-style:none;}
.categoriesBlock li {display:inline; padding:0 5px 0 7px; border-left:1px solid;}

#categories .leftBlock .listBlock.active {}
#settings .listBlock, #categories .listBlock {float:left; width:100%; padding:8px 0;}
#categories .listBlock .imgBlock {padding-left:8px; padding-bottom:8px}
#categories .listBlock .description {padding-left: 10px}
#categories .listBlock h3 {padding:2px 0 3px 0; font:bold 14px/100% Arial, Helvetica, sans-serif;}
#categories .listBlock .orderNav {float:right; padding-right:12px}
#categories .listBlock .orderNav p {text-align:right; font-size:18px; padding-bottom:10px}
#settings .listBlock .textField, #categories .listBlock .textField {width:24px; text-align:center}

/* Forms */
.formBlock dt {clear:left; float:left; margin-right:3px; width:95px; height:30px;}
.formBlock dt label { line-height:12px !important;}
.formBlock dd {min-height:30px; margin:0; padding:0}
.formBlock dd span.buyerNote {font-weight: normal; font-style: italic;}
* html .formBlock dd {height:30px}
.textField { padding:2px; border:1px solid;}
.longField {width:300px}
.shortField {width:70px}
.shortField2 {width:180px}
.del {float:left; margin:2px 2px 0 2px; width:12px; height:12px; background:url(/assets-images/can.gif) no-repeat 0 0; overflow:hidden}
.del:hover, .del:focus {background-position:0 -13px}

.attributesGroup { float:right; width:auto; max-width:145px; min-width:144px; margin-left:2px; }
* html .attributesGroup { width:145px; }
.priceTag { float:right; padding: 0 8px 0 0; min-width:70px; font-size:18px; text-align:right; }
* html .priceTag { width:70px }
.selectAttributes {  margin-top:0; padding-right:5px; background:none; }
.attrsGroup { clear:right; margin:0 5px 0 0; padding-top:3px;}
.basketGroup { float:right; width:61px; text-align:right; white-space:nowrap; }
.attrsGroup div {margin-bottom:1px;}
.selectAttributes input, .selectAttributes select {padding:1px; border:1px solid;}
.selectAttributes label {display:none; margin-right:3px}
.selectAttributes input { display:inline; vertical-align: middle; width: 24px; text-align: center;}
.selectAttributes input.img_input { margin-left: -9px; border: none; width: auto;}
.listBlock h3.description {margin:3px 0 3px 0;}

.form_label_hint {font-size: 8pt;}

/* Basket form */
.basketLayout { z-index:200; padding: 5px 10px; width:auto !important;}
.basketLayout h3, .basketLayout h4 { margin:5px 0; font:bold 14px/100% Arial, Helvetica, sans-serif;}
.basketLayout h4 { clear:left; padding-top:20px;}
.basketLayout div { clear:left; margin: 0 0 3px 5px;}
.basketLayout div label { float:left; display:block; width:130px; padding-right:3px; font-weight:bold;}
.basketLayout .quantity { width: 25px; text-align: right;}
.basketLayout .buttonPlace {margin-top:30px}
.basketLayout .itemOptions {margin:0; padding:0 0 0 5px; list-style:none; max-width:520px;}
.basketLayout .itemOptions li { display:block; float:left; width:170px; background:none !important}
.basketLayout .itemOptions li label { position:relative; display: block; padding-left: 20px; line-height:18px;}
.basketLayout .itemOptions li label input { position: absolute; left:0; height:15px}
.basketLayout .itemOptions li label span.price {font-style: italic; margin-left:2px;}
* html .basketLayout .itemOptions li label input {left:-20px;}
.basketLayout .helpIngredients {font-size: 0.9em; padding: 0 0 4px 1px;}

/* Basket for Popup support */
#basket_content .basketLayout { display:none; position:absolute; top:0; left:0; min-width:300px; max-width:550px;}
* html #basket_content .basketLayout { width:550px !important;}
.basketLayout form {clear:both}
.closeButton { clear:both; }
.closeButton a {line-height:32px }
#lay_bg { display:none; position:absolute; top:0; left:0; width:848px; height:100%; z-index:100; opacity:.5; filter: alpha(opacity=50)}
.prodIcon {display:none}
.zoomIcon {display:none}
.basketLayout .description { margin:0; padding: 3px 0 10px 0; font-size:11px; }

/* Basket */
div#basket {margin:10px 0 0 0; padding: 0; clear: both;}
#basket div.dealTitle {width: 100%; text-align: center; font-weight: bold;}
#basket ul.deal { overflow:auto; border:2px dashed; border-top:none; }
.deal p { padding-left:5px !important;}
.deal p.price {padding-right:5px !important}
ul.basket {margin:0; list-style:none;}
ul.basket li {width:100%; float:right; background:url(/assets-images/dotted_line.gif) repeat-x 0 0; padding-top:1px}
#settings ul.basket .listBlock, #categories  ul.basket .listBlock {padding:2px 0; margin:0}
ul.basket li.active .listBlock {background:url(/assets-images/basket_item_bg.png) repeat-y 0 0;}
ul.basket p {float:left; width:180px; padding:0 0 0 7px; line-height:100%;}
ul.basket p em {padding-left:7px; font-size: 11px}
ul.basket a.itemPopupLink {font-weight:bold;}
.leftBlock ul.basket p {width:270px}
ul.basket p.price {float:right; width:auto; padding-right:7px; font-weight:bold}
ul.basket .itemAttribute p.price {font-weight:normal}
.item__ingredients_removed {text-decoration: line-through}
ul.basket div div {float:left}
ul.basket div div strong {float:left; width:20px}
ul.basket div input.textField {float:left; margin:0 5px 0 0; padding:1px}
ul.basket li.linkPlace p {padding:15px 0 15px 7px; width:auto; float:left; line-height:18px}
.leftBlock ul.basket li.linkPlace {padding:10px 0 15px 0}
ul.basket li.linkPlace .orderType {padding: 5px 15px 0px 7px; line-height:13px; font-size:13px;}
ul.basket li.linkPlace .orderType span, ul.basket li.linkPlace .orderType input {vertical-align: baseline; font-size: 11px;}
ul.basket li.linkPlace #totalPrice {clear:both;}
ul.basket li.linkPlace .price {margin-top:5px; padding:0 20px 0 0; float:right; width:120px; background:url(/assets-images/basket_price_right.png) no-repeat right top; _background-image:url(/assets-images/basket_price_right.gif); font-size:18px}
ul.basket li.linkPlace .price span { padding:10px 0 10px 20px; float:right; background:url(/assets-images/basket_price_left.png) no-repeat 0 0; text-align:center}
ul.basket li.linkPlace p.reload {float:right; padding-right:17px; background:url(/assets-images/reload.png) no-repeat right center; _background-image:url(/assets-images/reload.gif)}
.rightBlock #basket .belowMinAmount { clear:both; text-align: center; font-size: 17px; padding-top: 3px; border-top: 1px solid #fff; }


/* Steps */
#settings .content {background:none}
ul.stepNav {list-style:none; padding:10px 0 0 10px}
ul.stepNav li {float:left; width:100%; font-size:14px; line-height:35px; padding:5px 0}
ul.stepNav strong {float:left; margin-right:10px; width:35px; height:35px; text-align:center; background: url(/assets-images/step_bg.png) no-repeat 0 0;  font-size:15px;}
ul.stepNav .active {font-weight:bold; }
ul.stepNav .active strong {}
ul.stepNav .done strong {}
ul.stepNav .done {}
p.prev {float:left; padding-left:7px; padding-top:15px}

.stepsBg .textBlock { margin-bottom:18px; }
.stepBlock {padding:0 10px 0 50px; margin-bottom:10px; }

ul.formBlock {list-style:none; padding-bottom:15px;}
ul.formBlock li {padding:5px 0; position:relative; width:250px}
ul.formBlock b.lay {position:absolute; opacity:.6; filter: alpha(opacity=60); width:100%; height:100%; left:24px; top:0; _padding:5px 0}
ul.formBlock #actLi b.lay {width:1px; overflow:hidden}
#buyer_street_id { max-width: 300px; }

/* Order Step 3 */
.stepsBg .highLighted { float:left; width:466px; overflow:visible }
#street_dropdown dd { position:relative }
#street_dropdown dd #street_number {width:60px}
.formBlock dd #buyer_street_id { position:absolute; top:0; left:170px; max-width:330px; }
.formBlock dd .ie_fixing { width:330px; max-width:1000px !important; }
.formBlock dd .autoWidth { width:auto !important }
* html .formBlock dd .autoWidth { width:550px !important }

/* Confirmation */
.confBlock {padding:15px 0 10px 45px}
.confBlock h4 {font-size:14px; clear:both;}
.confBlock h4 a {font-size:13px; font-weight:normal; text-decoration:underline}
.confBlock #basket {width:380px; padding-bottom:25px}
.confBlock .basket li {width:380px}
.confBlock .info {margin-bottom: 20px; margin-top: 5px; background:url(/assets-images/dotted_line.gif) repeat-x 0 0; padding-top:1px}
.confBlock .info p {margin-bottom: 5px;}
p.thankYou {padding-bottom:14px}
p.thankYou strong {}

/* Account */
.accountBlock {width:380px; position:relative}
.accountBlock ul.basket {background:url(/assets-images/dotted_line.gif) repeat-x left bottom; padding-bottom:3px; margin-bottom:5px}
.accountBlock ul.basket p {width:110px}
.accountBlock ul.basket p.price {width:auto; float:none; display:table; >height:1%}
.accountBlock p.linkPlace {padding-right:0}
.accountBlock .basket .textField {width:180px !important; text-align:left !important; float:none}
.accountBlock .basket .longField {width:240px !important}
.accountBlock .basket .shortField {width:70px !important}
.accountBlock form {position:relative; float:left}
div.dynamicPopup {position:absolute; right:-31px; padding-bottom:5px; width:290px; border:1px solid;}
div.dynamicPopup .titleBlock {float:left; padding:7px 5px !important; width:280px; border-bottom:1px solid; font-weight:bold}
div.dynamicPopup h3 {font-size:14px}
div.dynamicPopup table {clear:both}
div.dynamicPopup table .textField {width:120px !important}
div.dynamicPopup .linkPlace td {text-align:right}
#bg_layer {position:absolute; display:none; top:0; left:0; width:100%; height:100%; opacity:.6; filter: alpha(opacity=60);}

/* Order List */
p.pointsBalance {clear: left; padding: 8px 0;}
ul.orderList {margin-top:12px; float:left; background:url(/assets-images/dotted_line.gif) repeat-x left bottom; padding-bottom:3px}
ul.orderList li.active .listBlock {background:url(/assets-images/list_fade_bg.gif) repeat-y 0 0}
ul.orderList p {padding:0 0 0 19px; background-repeat:no-repeat; background-position: 8px center}
ul.orderList p.price {padding:0 8px 0 0;}
ul.orderList p.new {background-image:url(/assets-images/order_new.png); _background-image:url(/assets-images/order_new.gif)}
ul.orderList p.new a {}
ul.orderList p.failed {background-image:url(/assets-images/order_error.png); _background-image:url(/assets-images/order_error.gif)}
ul.orderList p.failed a {}
ul.orderList p.done {background-image:url(/assets-images/order_ok.png); _background-image:url(/assets-images/order_ok.gif)}
ul.orderList p a:hover {}
#active_order .orderItem {display:block}
#active_order p {background-position: 6px center}
#active_order p.new {background-image:url(/assets-images/order_new_opened.png); _background-image:url(/assets-images/order_new_opened.gif)}
#active_order p.failed {background-image:url(/assets-images/order_error_opened.png); _background-image:url(/assets-images/order_error_opened.gif)}
#active_order p.done {background-image:url(/assets-images/order_ok_opened.png); _background-image:url(/assets-images/order_ok_opened.gif)}
#active_order p a, #active_order p.price {text-decoration:none; font-weight:bold}
.orderItem {clear:both; padding:10px 5px 5px 19px; font-size:12px; width:430px; display:none}
.orderItem table { margin-bottom:8px; width:330px; border:1px solid;}
.orderItem table td {padding:5px 5px 4px 8px}
.orderItem table td.price {font-weight:bold; text-align:right; padding-right:8px; width:40px}
.orderItem table .linkPlace td {background:url(/assets-images/dotted_line.gif) repeat-x 0 0; font-size:13px}
.orderItem p.linkPlace {float:right; width:auto !important; font-size:11px; padding:6px 28px 6px 0; background:url(/assets-images/print.gif) no-repeat right top !important}
.orderItem p.linkPlace a {font-weight:normal !important; text-decoration:underline !important}
ul.orderTime {list-style:none; margin:0; padding:0}
ul.orderTime li {float:left; width:230px; background:none; border-bottom:1px solid}
ul.orderTime li div {float:left; width:100px; padding:2px 7px; border-right:1px solid}
.content ul.orderTime li p {float:right; width:100px; padding:2px 7px}

/* Order - radio buttons */
.radioList { margin: 0; }
.radioList li {position:relative; margin-bottom: 20px; padding:0 0 0 20px !important; width:380px !important}
.radioList label { line-height: 17px; }
.radioList p { margin-bottom: 5px;}
.radioList input { position:absolute; left:0; top:2px; margin:0; padding:0; width: 13px; border: none;}

/* Buttons */
.nextButton { padding:7px 8px 12px 0; float:right;}
.nextButton .ccLabel {font-weight: bold; font-size: 1.1em;}
.nextButton .ccIcon {margin-left: 10px;}
.nextButton .ccIcon img {position: relative; top: 7px;}
.buttonPlace { float:left; width:auto; height:32px; position:relative}
.buttonPlace a {display:block; float:left; padding: 8px 10px 7px 10px; width:auto; background:url(/assets-images/btn_bg.jpg) no-repeat 0 0; font: bold 14px Arial, Helvetica, sans-serif; text-decoration:none; text-align: center; cursor:pointer; border-right:1px solid; border-bottom:1px solid; }

/* Basket popup buttons */

.basketLayout .buttonPlace, .basketLayout .closeButton { clear:left; margin-top:20px }
.basketLayout .closeButton { clear:left; float:right; margin-top:20px !important }

/* Footer */
.footer {float:left; width:100%;}
.footer .leftBlock {width:447px; padding:15px;}
.footer .rightBlock {padding:15px; width:283px; background:url(/assets-images/dotted_line.gif) repeat-y 0 0;}
.footer li {list-style:none; display:inline; padding:0 1px}
.footer p {padding:3px 0}
.footer a {text-decoration: underline;}

/* Flashes */
div.notice, div.warning, div.message, div.error { margin-bottom:15px; padding:4px;}

/*Ajax loader */
#busy {position:fixed; right:2px; top:2px; padding:4px; width:auto; font-size:10pt; font-weight:bold; z-index:10}
* html #busy {position:absolute}

/* Errors */
.error_body {padding: 6px;}
.error_body ul{padding-left:20px;}