/* CSS document - Formal common styles */

/* Common Styles */
html {margin:0; padding:0;}
body {margin:0; padding:5px 0; font-family: Helvetica, Verdana, Arial, sans-serif; font-size:12px; background: url(/images/body_bg.png) repeat-x 0 0;}
.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}
a {text-decoration: none}

/* Frame */
#frame {position:relative; margin:0 auto; width:1000px;}
#frameContent {float:left; width:100%; background: url(/images/content_bg.gif) repeat-y right top}
#frameContent .image_bg { float:left; width:100%; background: url(/images/left_bg.jpg) no-repeat right 130px; }
.main { float:left; width:100%;  background:url(/images/page-bg.jpg) no-repeat 0 156px; }

/* Header */
.header {clear:left; margin-bottom: 3px; width:100%; height:156px; position:relative; background:url(/images/top-image.jpg);}
.header ul.nav {margin:0; padding:0; position:absolute; bottom:15px; right:0; list-style:none; font-size:13px; font-weight:bold;}
.header ul.nav li {float:left; padding:0 0 0 5px;}
.header .barBlock {height:117px; overflow:visible; position:relative; z-index:6; clear:both;}
.header .leftBlock {position:relative;}
.header .logoPlace { width: 300px; height: 142px; position: absolute; left:0; top:0; background:url('/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 Helvetica, Verdana, Arial, sans-serif; text-decoration: none;}
.barBlockLink {display:block; position:absolute; top:0; left:0; width:100%; height:117px; z-index:100}
.header h1 { float:left; margin-left:30px; padding: 10px 0 0 0; max-width:500px;}
.header .rightBlock {height:100px; overflow:hidden}
.header .rightBlock img {float:right; border-left:1px solid;}
p.welcome { margin:-3px 0 0 0; padding:0 0 0 15px; width:580px; font-size:11px;}

/* Context-sensitive header backgrounds */
.frame_categories_nos_pizzas .header {background:url(/images/top-image-pizzas.jpg) no-repeat 0 0;}
.frame_categories_nos_salades .header {background:url(/images/top-image-salades.jpg) no-repeat 0 0;}
.frame_categories_nos_desserts .header {background:url(/images/top-image-desserts.jpg) no-repeat 0 0;}
.frame_categories_nos_boissons .header {background:url(/images/top-image-boissons.jpg) no-repeat 0 0;}
.frame_categories_nos_menus .header {background:url(/images/top-image-menus.jpg) no-repeat 0 0;}

.frame_categories_nos_pizzas .main {background:url(/images/page-bg-pizzas.jpg) no-repeat 0 156px;}
.frame_categories_nos_salades .main {background:url(/images/page-bg-salades.jpg) no-repeat 0 156px;}
.frame_categories_nos_desserts .main {background:url(/images/page-bg-desserts.jpg) no-repeat 0 156px;}
.frame_categories_nos_boissons .main {background:url(/images/page-bg-boissons.jpg) no-repeat 0 156px;}
.frame_categories_nos_menus .main {background:url(/images/page-bg-menus.jpg) no-repeat 0 156px;}

/* Context-sensitive footer backgrounds */
.frame_categories_nos_pizzas .footer {background:url(/images/footer_bg_pizzas.gif) no-repeat 0 0;}
.frame_categories_nos_salades .footer {background:url(/images/footer_bg_salades.gif) no-repeat 0 0;}
.frame_categories_nos_desserts .footer {background:url(/images/footer_bg_desserts.gif) no-repeat 0 0;}
.frame_categories_nos_boissons .footer {background:url(/images/footer_bg_boissons.gif) no-repeat 0 0;}
.frame_categories_nos_menus .footer {background:url(/images/footer_bg_menus.gif) no-repeat 0 0;}

/* Content */
.content { float:left; width:1000px; padding:0; margin:2px 0 2px 0; }
.content a {text-decoration:underline}
.content .leftBlock {margin: 0 10px; width:680px; }
* html .content .leftBlock { margin:0 4px 0 8px;}
.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 {margin: 20px 20px 20px 30px; width:650px;}
.static p {margin: 3px 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(/images/icon_bg.png) no-repeat 0 0;}
* html .itemBlock .titleBlock div {position:relative }
.itemBlock .highLighted .titleBlock div {background-image:url(/images/icon_bg-highlighted.png)}
.itemBlock .titleBlock div div {height:30px; background: no-repeat 50% 50%; }
* html .itemBlock .titleBlock div div {position:absolute }
.itemBlock .titleBlock div div.assortmentIcon {background-image:url(/images/assortment.png); }
* html .itemBlock .titleBlock div div.assortmentIcon {width:26px; left:10px;}
.itemBlock .titleBlock div div.phoneIcon {background-image:url(/images/order_by_phone.png); }
* html .itemBlock .titleBlock div div.phoneIcon { width:22px; left:12px; }
.itemBlock .titleBlock div div.bulletcartIcon {background-image:url(/images/bullet_cart.png); }
* html .itemBlock .titleBlock div div.bulletcartIcon { width:26px; left:10px; }
.itemBlock .titleBlock div div.infoIcon {background-image:url(/images/icon_i.png); }
* html .itemBlock .titleBlock div div.infoIcon { width:18px; left:14px; top:2px }
.infoBlock .titleBlock h2 {margin:0 !important; padding:0 !important}
.infoBlock .titleBlock {margin: 10px 0 10px 9px}

.titleBlock .iconPlace { float:left; padding-top:5px; width:40px; height:40px; background-repeat:no-repeat; background-position: left bottom; }
* html .titleBlock .iconPlace { top:5px; left:0; height:50px; background-position:top;}
.titleBlock .basketIcon {margin-left:0; margin-right:5px; position:relative; top:-10px; left:0; width:63px; height:63px; background:url(/images/basket.png) no-repeat}
* html .titleBlock .basketIcon { float:left; position:relative; top:-10px; left:0; height:63px;}
* html .rightBlock .titleBlock .basketIcon { left:2px;}

.titleBlock .loginIcon { background-image:url(/images/login.png)}
.titleBlock .registerIcon {background-image:url(/images/register.png)}
.titleBlock .locationIcon {background-image:url(/images/location.png)}
.titleBlock .timeIcon {background-image:url(/images/time.png)}
.titleBlock .attentionIcon {background-image:url(/images/success.png)}
.titleBlock .successIcon {background-image:url(/images/success.png)}
.titleBlock .assortmentIcon {background-image:url(/images/assortment.png)}

.content h2, .content h1 {font:normal 19px/100% Helvetica, Verdana, Arial, sans-serif; line-height:30px;}
div.highLighted {position:relative; float:left; margin-bottom:23px; width:100%; }
* html div.highLighted {overflow-x:hidden;}
.rightBlock div.highLighted {margin-bottom:10px;}
.rightBlock #basket_content { margin: 7px auto 0 auto; width: 290px;}
div.highLighted .titleBlock {float:none; padding-bottom:0 !important}
.rightBlock #basket_content div.highLighted .titleBlock { position:relative; left:-3px; margin-top:-5px;}
div.highLighted .titleBlock h2 {padding:10px 0 0 42px}
.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(/images/list_item.png) no-repeat 5px 0; padding:2px 0 5px 30px}
ul.control {list-style:none;}
ul.control li{display:inline;}

.highLighted .contentWrapper { padding:0 10px}
.highLighted .contentWrapper .titleBlock {margin:10px 0}
.highLighted .contentWrapper ul.list { padding: 10px 0 10px 5px}
* html .highLighted .contentWrapper ul.list { width: 235px; padding-left: 8px;}

/* Welcome Page */
#welcomePage .content {margin:50px 0 25px 0}
.content .welcomeBlock {float:left; padding:5px 0 15px 0; width:100%; min-height:150px; }
* 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%}

.rightShadow { padding-right:7px; overflow:auto; background:url(/images/right-shadow.png) no-repeat right top;}
.bottomShadow { position:relative; margin-left:7px; height:9px; background:url(/images/bottom-shadow.png) no-repeat right top;}
.cornerShadow { position:absolute; top:0; left:-7px; width:7px; height:9px; overflow:hidden; background: url(/images/bottom-shadow.png) no-repeat 0 0;}
.shadowWrapper { padding: 10px; overflow:visible; border-top:1px solid; border-left:1px solid; }
* html .shadowWrapper {zoom:1;}
* html .rightShadow { background-image: url(/images/right-shadow.gif)}
* html .bottomShadow { background-image: url(/images/bottom-shadow.gif)}
* html .cornerShadow { background-image: url(/images/bottom-shadow.gif)}

.leftBlock ul.listBlock, .rightBlock ul.listBlock {float:left; clear:left; padding:20px 0 2px 0; width:460px; list-style:none; font-size:13px; font-weight:bold;}
.leftBlock ul.listBlock li, .rightBlock ul.listBlock li {float:left; width:200px; padding:2px 5px;}
.rightBlock ul.listBlock { width:300px;}
.rightBlock ul.listBlock li {width:140px;}
.thumbHolder {float:left; margin-bottom:0; margin-right:5px; width:140px; height:103px; background:url(/images/thumb_bg.png) no-repeat 0 0;}
* html .thumbHolder { position:relative; margin-right:0; overflow:hidden; cursor: pointer}
.thumbHolder div { float:left; position:relative; left:6px; top:5px; width:124px; height:86px; overflow:hidden; }
.thumbHolder img {position: relative; float:left;}
a .thumbHolder img {cursor:pointer}

/* Welcome page blocks */
.content .welcomeBlock .welcomeBlockHeader { margin-bottom:10px; font: bold 24px Helvetica, Verdana, Arial, sans-serif; text-align:center; }
.content .welcomeBlock dt { margin:0; padding:0; font: bold 20px Helvetica, Verdana, Arial, sans-serif;}
.content .welcomeBlock dd { margin: 0 0 0 20px; font-weight:bold; font-size:13px; }
.content .infoBlock dt { margin:0; padding:0; font: bold 14px Helvetica, Verdana, Arial, sans-serif;}
.content .infoBlock dd { margin: 0 0 0 10px; font-weight:bold; }
.content .infoBlock ul { margin: 3px 0 3px 10px; padding: 0 0 0 5px; font-weight:bold;}
.content .infoBlock p { margin: 3px 0;}

#welcomePage .leftBlock .infoBlock .infoBgWave {
  background: url(/data/L3Nob3BzLzY4NC9iaW5hcnlfcmVzb3VyY2VzLzQzODA0) no-repeat center bottom; }
#welcomePage .leftBlock .infoBlock .infoBgPizza {
  background: url(/data/L3Nob3BzLzY4NC9iaW5hcnlfcmVzb3VyY2VzLzQwNjg1) no-repeat center bottom; }

#welcomePage .infoBgWave, #welcomePage .infoBgPizza {min-height: 159px; font-size:12px;}
* html #welcomePage .infoBgWave, * html #welcomePage .infoBgPizza  { height: 17em; overflow:visible}
#welcomePage .infoBlock .welcomeBlockHeader { display:block; width:100%; height:61px; overflow:hidden; text-indent: -1000px; }
#welcomePage .infoBlock .header1 { background:url(/images/header-1.png) no-repeat 0 0; }
#welcomePage .infoBlock .header2 { background:url(/images/header-2.png) no-repeat 0 0; }

/* Categories navigation */
.categoriesBlock .thumbHolder { float:none; margin:0; width:100px; height:73px; background:url(/images/thumb_bg-sm.png) no-repeat 0 0; }
.categoriesBlock .thumbHolder div { left:5px; top:4px; width:88px; height:61px; }

#welcomePage .leftBlock .itemBlock { padding-top:25px;}
#welcomePage .rightBlock .itemBlock { padding-top:25px; padding-left:10px; width:292px; background:url(/images/dotted_line.gif) repeat-x 0 0;}
* html #welcomePage .rightBlock { height:1px}
.categoriesList { position:relative; top:-10px; padding-top: 183px; background: url(/images/notre-carte.png) no-repeat left top; }
.categoriesList .itemBlock { padding:0 !important; background: none !important}
.categoriesList .itemBlock .listBlock li { text-align:center; background: none !important}
.categoriesList .itemBlock .listBlock li a { text-decoration:none}
.categoriesList .itemBlock .listBlock li a:hover img {opacity:.7; filter: alpha(opacity=70)}
.categoriesList .itemBlock, .categoriesList .itemBlock ul.listBlock {margin-top:0 !important; padding-top:0 !important;}

#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;}
#welcomePage .leftBlock .infoBlock { float:left; margin:0 0 20px; padding:0; width:335px;}
.floatRight { float:right !important;}

.rightBlock .listBlock {list-style:none; clear:both; width:100%; float:left; margin:15px 0 0 0; font-size:12px}
.rightBlock .listBlock li {background:url(/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(/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;}

/* Categories */
#categories .leftBlock .titleBlock {padding-bottom:8px;}
#catDescription {margin-bottom:5px}
.categoriesBlock {float:left; padding-left:145px; padding-top: 0; min-height:128px; background:url(/images/notre-carte-small.png) no-repeat 0 0;}
* html .categoriesBlock {height:128px; background-image:url(/images/notre-carte-small.gif)}
.categoriesBlock ul { padding:0 0 5px 0; list-style:none;}
.categoriesBlock li {float:left; margin-bottom:3px; padding:0 1px; text-align:center; white-space:nowrap}
.categoriesBlock ul a { text-decoration:none}
.categoriesBlock ul a:hover img {opacity:.7; filter: alpha(opacity=70)}
	
.textLinks { margin:20px 0 10px 20px; list-style:none;}
.textLinks li { display:inline; margin-bottom:3px; padding:0 7px; border-right:1px solid; font-size: 14px; font-weight:bold;}
.textLinks a { text-decoration: underline}

#settings .listBlock, #categories .listBlock {float:left; width:100%; padding:8px 0; margin-bottom: 2px;} 
#categories .listBlock {padding:2px 0 4px 0;} 

#categories .listBlock .imgBlock {padding-left:8px; padding-bottom:8px}
#categories .listBlock .description {padding-left: 5px}
#categories .listBlock h3 {padding:2px 0 3px 0; font:bold 13px/100% Helvetica, Verdana, Arial, 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}

/* Search block for Pizza page */

.searchBlock { float:left; width:100%; line-height:normal }
.searchSubBlock { float:left;}
.searchSubBlock form div { padding-bottom: 1px;}

#searchTitle { width: 170px; margin-right:10px; }
#searchCheckBoxes { width:150px; }
#searchSelects { width:180px; }
#searchLinks { width:160px; }

.searchSubBlock h3 { display:block; padding-bottom:5px; width:100%; background:no-repeat 0 0; text-indent:-1000px; overflow:hidden;}
#searchTitle h3 { height:100px; background-image:url(/images/search-header.png); }
#searchCheckBoxes h3 { height:38px; background-image:url(/images/search-subheader-1.png); }
#searchSelects h3 { height:38px; background-image:url(/images/search-subheader-2.png); }
#searchLinks h3 { height:38px; background-image:url(/images/search-subheader-3.png);}
#searchLinks ul { margin:0; padding:0; list-style:none}
#searchLinks ul li { margin:0; padding:0;}
#searchLinks ul a { text-decoration:none}

.searchButton { position:absolute; right:0; top:40px;}

.upButton { position:absolute; left:630px; top:5px;}
.upButton a { position: absolute; right:0; top:0; display:block; width:21px; height:21px; background:url(/images/up.gif) no-repeat center top; overflow:hidden;}

/* Forms */
.formBlock {padding:15px 0 5px 50px}
.formBlock dt {clear:left; float:left; margin-right:3px; width:140px; height:30px;}
.formBlock dt label { line-height:12px !important;}
.formBlock dd {min-height:30px; margin:0; padding:0}
* html .formBlock dd {height:30px}
.textField { padding:2px; border:1px solid;}
.longField {width:300px}
.shortField {width:70px}
.shortField2 {width:190px}
.del {float:left; margin:1px 2px 0 2px; width:14px; height:14px; background:url(/images/delete-icon-small.gif) no-repeat 0 0; overflow:hidden}
.content .leftBlock .del { margin-top:3px;}
.del:hover, .del:focus {}

.attributesGroup { float:right;}
.priceTag { float:left; padding: 14px 8px 0 0; min-width:70px; font-size:18px; text-align:right;}
.selectAttributes { clear:right; float:left; margin-top:7px; padding-right:5px; background:none;}
.attrsGroup { float:left; margin:0 5px 0 5px; padding-top:7px;}
.basketGroup {float:left; width:61px;}
.attrsGroup div {margin-bottom:1px; text-align:right;}
.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;}

.form_label_hint {font-size: 8pt;}

/* Basket form */
.basketLayout { z-index:200; padding: 5px 10px; width:auto;}
.basketLayout h3, .basketLayout h4 { margin:5px 0; font:bold 14px/100% Helvetica, Verdana, Arial, sans-serif;}
.basketLayout h4 { clear:left; padding-top:20px;}
.basketLayout div { clear:left; margin: 0;}
.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 {float:left; margin:0; padding:0 0 10px 0; list-style:none; width:100%;}
.basketLayout .itemOptions li { display:block; float:left; width:180px; 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}
* html .basketLayout .itemOptions li label input {left:-20px;}
.basketLayout.highLighted { max-width:660px;}
.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; background: url(/images/popup_bg.jpg) no-repeat 0 0;}
* html #basket_content .basketLayout { width:550px !important;}
#basket_content .basketLayout .priceTag { float:right; clear:none; padding:0; }
.basketLayout form {clear:both}
.closeButton { visibility:hidden;}
.closeButton a {line-height:32px }
#lay_bg { display:none; position:absolute; top:0; left:0; width:1000px; 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; clear: both;}
#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; border-top: 2px solid; }
#settings ul.basket .listBlock, #categories  ul.basket .listBlock {padding:2px 0; margin:0}
* html #settings ul.basket .listBlock, #categories  ul.basket .listBlock {position: relative;}
ul.basket li.active .listBlock {background:url(/images/basket_item_bg.gif) repeat-y 0 0;}
ul.basket li .listBlock {background:url(/images/basket_item_bg-2.gif) 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; font-weight:normal}
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 .price { position:relative; margin-top:5px; float:right; width:290px; height:79px; background:url(/images/basket-price.png) no-repeat right top; font-size:18px}
ul.basket li.linkPlace .price span { position:absolute; display:block; width:83px; top:20px; left:190px; text-align:center}
ul.basket li.linkPlace p.reload {float:right; padding-right:17px; background:url(/images/reload.png) no-repeat right center; _background-image:url(/images/reload.gif)}
.rightBlock #basket .belowMinAmount { clear:both; text-align: center; font-size: 10px; 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, ul.stepNav li a { display:block; padding:0; margin:0; width:200px; height:38px;  text-indent:-1000px; overflow:hidden; background:url(/images/steps-bg.png) no-repeat;}
ul.stepNav li strong {display: none;}
ul.stepNav .active, ul.stepNav li a:hover {background-image:url(/images/steps-bg-active.png)}
ul.stepNav .done, ul.stepNav .done a {background-image:url(/images/steps-bg-done.png)}
ul.stepNav .noBg { background:none!important; }
* html ul.stepNav li, * html ul.stepNav li a {background-image:url(/images/steps-bg.gif)}
* html ul.stepNav .active, * html ul.stepNav li a:hover {background-image:url(/images/steps-bg-active.gif)}
* html ul.stepNav .done, ul.stepNav .done a {background-image:url(/images/steps-bg-done.gif)}
#step1, #step1 a { background-position: 0 -2px;}
#step2, #step2 a { background-position: 0 -40px;}
#step3, #step3 a { background-position: 0 -78px;}
#step4, #step4 a { background-position: 0 -117px;}
#step5, #step5 a { background-position: 0 -157px;}

p.prev {float:left; padding-top:15px}

ul.formBlock {list-style:none}
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}

.stepsBg { position:relative; margin: 0 auto; width:680px; background:url(/images/steps-bg-680.jpg) repeat-y 0 0;}
.stepsBgWrapper { padding: 10px 15px; background:url(/images/steps-bg-top-680.jpg) no-repeat 0 0; overflow:auto;}
* html .stepsBgWrapper {zoom:1;}
.stepsBgBottom { z-index:1; position:absolute; left:0; bottom:-2px; width:680px; height:43px; overflow:hidden; background:url(/images/steps-bg-bottom-mask-680.png) no-repeat 0 0;}
/*.stepsBg .highLighted { background:none !important; z-index:10} */
.stepsBg .highLighted { margin-bottom: 5px !important; padding:10px 0 10px 20px; width:620px; background:none !important; z-index:10;}
.popupBg .highLighted { margin-bottom: 0 !important; padding:10px 0 0 10px; width:475px; }
.stepsBg p.prev  { position:relative; padding: 10px 0 5px 0; z-index:10; line-height:33px;}
.basketTitle { display:block; width:141px; height:42px; overflow:hidden; text-indent:-1000px; background:url(/images/basket_header.png) no-repeat 0 0;}

* html .basketTitle { margin-left:70px;}

/* Order Step 4 */
.paymentBlock p {padding-left: 20px;}

/* Order Step 5 */
.confBlock {padding:15px 0 10px 10px}
.confBlock h4 {font-size:16px; clear:left}
.confBlock h4 a {font-size:13px; font-weight:normal; text-decoration:underline}
.confBlock h4.paymentMethod {padding-bottom: 5px;}
.confBlock #basket {width:100%; float:left; padding-bottom:10px}
.confBlock .info {margin-bottom: 20px; margin-top: 5px; background:url(/images/dotted_line.gif) repeat-x 0 0; padding-top:1px}
.confBlock .info p {margin-bottom: 5px;}
.leftBlock .confBlock ul.basket li.linkPlace { padding:0; }
p.thankYou {padding-bottom:20px}
p.thankYou strong {}

/* Account */
.accountBlock {width:500px; position:relative}
.accountBlock ul.basket {/*background:url(/images/dotted_line.gif) repeat-x left bottom;*/ padding-bottom:3px; margin-bottom:5px}
.accountBlock ul.basket p {width:200px}
.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 {}
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 */
ul.orderList {float:left; margin:12px 0 0 10px; padding-bottom:25px; z-index:10; position:relative; width:470px; }
ul.orderList {margin:12px 0 0 10px; _padding-bottom:20px; float:left; width:470px;}

ul.orderList li.active .listBlock {background:url(/images/basket_item_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(/images/order_new.png); _background-image:url(/images/order_new.gif)}
ul.orderList p.new a {}
ul.orderList p.failed {background-image:url(/images/order_error.png); _background-image:url(/images/order_error.gif)}
ul.orderList p.failed a {}
ul.orderList p.done {background-image:url(/images/order_ok.png); _background-image:url(/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(/images/order_new_opened.png); _background-image:url(/images/order_new_opened.gif)}
#active_order p.failed {background-image:url(/images/order_error_opened.png); _background-image:url(/images/order_error_opened.gif)}
#active_order p.done {background-image:url(/images/order_ok_opened.png); _background-image:url(/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(/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(/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; height:17px; border: none;}

/* Buttons */
.nextButton { padding:7px 8px 12px 0; float:right;}
.buttonPlace { float:left; width:auto; height:33px; position:relative;}
.nextButton .ccLabel {font-weight: bold; font-size: 1.1em;}
.nextButton .ccIcon {margin-left: 10px;}
.nextButton .ccIcon img {position: relative; top: 7px;}
.buttonPlace a { display:block; float:left; margin-right:8px; padding: 0 2px 0 10px; width:auto; height:33px; background:url(/images/button_left.png) no-repeat 0 0; font: bold 13px/33px Helvetica, Verdana, Arial, sans-serif; text-decoration:none; text-align: center; cursor:pointer;}
.buttonPlace a span { display:block; position:absolute; right:0; top:0; width:8px; height:33px; overflow:hidden; background:url(/images/button_right.png) no-repeat 0 0;}
* html .buttonPlace a { margin-right:8px; background-image:url(/images/button_left.gif);}
* html .buttonPlace a span { zoom:1; right:8px; background-image:url(/images/button_right.gif);}
.buttonPlace a:hover, .buttonPlace a:hover span { background-position: left bottom}

/* 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:690px; min-height:71px; text-align:center; background:url(/images/footer_bg.gif) no-repeat left bottom; }
* html .footer {height:71px;}
.footer .leftBlock { width:100%; text-align:center; padding:10px 0 0 0; font-size:10px; }
.footer .rightBlock { display:none;}
.footer li {list-style:none; display:inline; padding:0 1px}
.footer a {text-decoration: underline;}

/* Flashes */
div.notice, div.warning, div.message, div.error { position:relative; top:-10px; margin-left:10px;  padding:4px; width: 672px; }

/*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;}


/* *********************************** */
/*         Specific CSS         */

/* Content */
#settings .titleBlock .basketIconSmall {background-image:url(/images/basket-sm.png)}

/* Basket */
ul.basket #totalPrice {display: none;}

.stepsBg .confBlock .info {background:url(/images/basket_item_bg-2.gif) repeat-y 0 0;  background-color: #FCE7A6; padding: 10px;}