div.container { margin: 0 auto; text-align: left; max-width: 1600px; min-width: 1000px; background: url(../img/textRepeat.gif) repeat-y 0 0;  }
* html div.container { width:expression((document.compatMode && document.compatMode == 'CSS1Compat')?(document.documentElement.clientWidth < 1000?"1000px":("auto")):(document.body.clientWidth < 1000?"1000px":("auto"))); height: 100% }


div.shirm { background: url(../img/shirm.png) repeat 0 0; position: fixed; height: 100%; width: 100%; text-align: center; z-index: 1000 }
div.shirm div.info { background: #565555 url(../img/colorborder2.gif) no-repeat 100% 100%;  width: 22em; font-size: 120%; padding: 20px 25px 20px 10px; position: relative; top: 30%; margin: 0 auto; color: #fff; }
div.shirm div.alert { width: 450px; padding: 20px 25px 15px 0px }
div.shirm div.info div.link { font-size: 85%; padding: 10px 0 0 0;  }
div.shirm div.info div.link span { display: inline-block; margin-left: 10px }
div.shirm img.close { position: absolute; right: 9px; top: 9px; cursor: pointer }
div.shirm div.block { text-align: left; padding-left: 30px }
div.shirm div.block span.title { font-size: 22px }
div.shirm div.block span.stitle { font-size: 12px; width: auto; padding: 0; color: #e0a1a1  }
div.shirm div.block span.ftitle { font-size: 16px; width: auto; padding: 0; color: #fff; font-weight: bold  }
div.shirm div.block div { padding: 0 0 .9em 0; font-size: 95% }
div.shirm div.block span { display: inline-block; width: 70px; text-align: right; padding-right: 5px }
div.shirm div.block input { width: 150px }
div.shirm div.block input.button { padding-left: 10px; padding-right: 10px; overflow: visible; width: auto }
div.shirm div.block div.remember a { font-size: 75% }
div.shirm div.block a, div.shirm div.block a:hover { color: #e0a1a1 }
div.shirm a.wa { color: #fff !important } 
div.shirm a.wa:hover { color: #fff !important } 

div.head { padding: 9px 18px 15px 0; background: #353534 url(../img/topRepeat.gif) repeat-x 0 100%; margin: 0 0 0 24px; overflow: hidden; //zoom: 1  }
div.head ul { overflow: hidden; margin: 7px 0 0 0; padding: 0; float: right; //zoom: 1; position: relative; left: 0  }
div.head ul li { float: left; padding: 0 18px 0 0; background: none }
div.head a { color: #adc2ff }
div.head a:hover { color: #fff } 

div.head div.authorisation { float: right; padding: 5px 13px 5px 13px; margin-top: 2px; color: #b4b4b4; border-left: 1px solid #535353; border-right: 1px solid #535353; }

div.head div.search { float: right; background: url(../img/searchTop.gif) no-repeat 100% 0; width: 162px; height: 20px; margin-top: 5px; width: 175px; text-align: right; position: relative }
div.head div.search input { background: none; color: #979292; font-size: 13px; width: 123px; position: relative; border: none; height: 18px; padding: 0 0 0 4px; vertical-align: middle; position: relative; top: 1px; left: 2px }
div.head div.search input.button { background: none; width: 32px; height: 18px; left: 0; top: 1px } 

table.main { margin: 0; border-collapse: collapse; width: 100%;   }
table.main td { vertical-align: top; padding: 0;  }
table.main td.leftColumn { padding-left: 16px; background: url(../img/textRepeatRight.gif) repeat-y 100% 0; }
table.main div.leftColumnIn { padding: 34px 20px 100px 53px; //zoom: 1; position: relative;  }
table.main td.rightColumn { width: 280px; background: url(../img/rightRepeat.gif) repeat-y 0 0; padding-top: 120px }
table.main span.cornerTop { background: url(../img/topCorner.gif) no-repeat 0 0; display: block; width: 49px; height: 71px; position: absolute; top: -47px; left: -15px }

table.main div.catalogColumn { background: url(../img/catBack.gif) no-repeat 15px 60px; }

table.main img.logo { position: absolute; right: 20px; top: 18px }

ul.path { margin: 0 0 40px 0; padding: 0; position: static  }
ul.path li { display: inline-block; padding: .25em 8px .3em 0; //display: inline; //zomm: 1; background: none  }
ul.path li a { color: #000; text-decoration: none; }
ul.path li a:hover { color: #1c67ff }
ul.path li.parent { background: #000; color: #fff; padding: .25em 9px .3em 9px; margin-right: 8px  }
ul.path li.parent a { color: #fff }
ul.path li.parent a:hover { color: #fff; text-decoration: underline }

div.content { font-size: 110% }

div.pageNum { position: absolute; left: 50px; top: -38px; width: 200px  }
div.pageNum span { display: inline-block; //display: inline; //zoom: 1; color: #909090; font: italic 110% Georgia, serif; padding-bottom: 22px  }
div.pageNum span.num { border-right: 1px solid #909090; padding-right: 8px; margin-right: 8px; font-weight: bold }

table.main td.rightColumn div.rightColumnIn { width: 280px; position: relative;  }

div.subMenu { background: url(../img/submenu.jpg) repeat-y 0 0; width: 250px; margin: 0 0 35px 0;  }
div.subMenu ul { padding: 0; margin: 0; font-size: 120%; position: static }
div.subMenu ul.subMenu { padding: 50px 40px 80px 30px;  }
div.subMenu ul li { background: none; padding: 0 0 .6em 0; color: #ffc8c8; line-height: 1em;   }
div.subMenu ul li a { color: #fff }
div.subMenu ul li a:hover { color: #f1afaf }
div.subMenu ul a.sel { color: #ffc8c8 }
div.subMenu ul ul { font-size: 85%; padding: 1.2em 0 1em 7px }
div.subMenu ul ul li { padding: 0 0 .6em 8px; background: url(../img/submenu.gif) no-repeat 0 .35em }
div.subMenu ul ul li.sel { background: url(../img/submenusel.gif) no-repeat 0 .354em }

div.catalogMenu { padding: 0 0 0 0  }
div.catalogMenu span.title { font-size: 42px; font-weight: bold; color: #fff; margin-left: 38px  }
div.catalogMenu ul { padding: 11px 0 0 0; left: 0; }
div.catalogMenu ul li { background: none; padding: 0 0 .7em 48px; position: relative  }
div.catalogMenu ul li a { color: #ffc8c8; font: bold italic 20px Georgia, Times, serif; line-height: .9em; text-decoration: none  }
div.catalogMenu ul li a:hover { color: #fff }
div.catalogMenu ul li.sel { padding: 6px 12px 10px 48px; margin: .1em 0 .7em 0; background: #7b94db url(../img/submenu.jpg) repeat-y 0 0; width: 196px; font: bold italic 20px Georgia, Times, serif; color: #fff }
div.catalogMenu ul li.sel ul { font: 60% Tahoma, sans-serif;  }
div.catalogMenu ul li.sel ul a { font: 100% Tahoma, sans-serif; text-decoration: underline; color: #fff  }
div.catalogMenu ul li.sel ul a:hover { color: #f1afaf } 
div.catalogMenu ul li.sel ul li { color: #ffc8c8; padding: 0 0 .5em 8px; margin: 0; line-height: 1em; background: url(../img/submenu.gif) no-repeat 0 .35em; position: relative; left: -2px }
div.catalogMenu ul li.sel ul li.sel { background: url(../img/submenuSel.gif) no-repeat 0 .35em; font: 100% Tahoma, sans-serif;} 
div.catalogMenu ul li.sel ul ul { font-size: 100%; padding: 1em 0 .1em 0 }
div.catalogMenu ul li.sel ul ul li { background: none; padding-left: 12px; font-style: italic }
div.catalogMenu ul li.sel ul ul li a { font-style: italic }
div.catalogMenu ul li.sel ul ul li.sel { background: none; font-style: italic   }

div.busketBlock { background: url(../img/busket.png) no-repeat 100% 100%; padding: 0 0 42px 0; margin: 0 0 0 40px  }
div.busketBlock div { padding: 10px 20px 14px 16px; background: #fff url(../img/busket.jpg) no-repeat 100% 100%; }
div.busketBlock span.title { font: bold italic 20px Georgia, Times, serif;  }
div.busketBlock p { padding: .7em 0  }
div.busketBlock a { color: #ab4545 }
div.busketBlock a:hover { color: #de9797 }

table.main td.rightColumn a.priceList { display: block; width: 134px; height: 65px; background: url(../img/price.png) no-repeat 0 0; margin: 25px 0 80px 47px  }

div.footer { background: #383838 url(../img/bottomRepeat.gif) repeat-x 0 0; margin: 0 0 0 14px; padding: 25px 18px 22px 62px; color: #828282; position: relative; height: 30px  }
div.footer span.cornerBottom { position: absolute; top: -12px; left: -4px; background: url(../img/cornerBottom.gif) no-repeat 0 0; width: 37px; height: 50px; display: block  }
div.footer div.softm { float: right; background: url(../img/softm.gif) no-repeat 0 0; padding: .2em 0 20px 27px; position: relative; top: -.2em; width: 150px; margin-right: 70px;  }
* html div.footer div.softm { margin-right: 35px  }
div.footer div.softm a { color: #828282 }
div.footer div.softm a:hover { color: #828282 }

div.catalogCont {  }

div.catalogCont div.item { overflow: hidden; height: 100% }
div.catalogCont div.item div.info { padding: 20px 0 20px 100px; border-bottom: 1px solid #cbcbcb; overflow: hidden; height: 100%; position: relative; min-height: 90px  }
* html div.catalogCont div.item div.info { height: 90px }

div.catalogCont div.item div.image { position: absolute; width: 90px; left: 0; top: 20px; text-align: center  }
div.catalogCont div.item div.title { font-size: 16px; color: #a9a9a9; padding: 20px 0 10px 0;  }
div.catalogCont p { padding: 0; position: relative; top:-.3em; font-style: italic }
div.catalogCont div.item span.type { display: block; color: #a9a9a9; font: italic 16px Georgia, serif; margin-bottom: -.2em }
div.catalogCont div.item div.category { color: #000; padding: 0 0 .5em 0; font-size: 105%;  }
div.catalogCont div.item div.title span { font: italic 20px Georgia, serif; color: #000; display: inline-block; border-bottom: 1px dashed #000; cursor: pointer;  }
div.catalogCont div.item span.open { display: inline-block; padding: 0 13px 0 0; background: url(../img/open.gif) no-repeat 100% .55em  }
div.catalogCont div.item span.open span { background: url(../img/dashed.gif) repeat-x 0 100%; color: #6073aa; cursor: pointer  }

div.catalogCont div.item table.busketItems { border-collapse: collapse; width: 100%  }
div.catalogCont div.item table.busketItems td.image { width: 100px }
div.catalogCont div.item table.busketItems td.count { width: 140px; }
div.catalogCont div.item span.close { display: inline-block; padding: 0 13px 0 0; background: url(../img/close.gif) no-repeat 100% .55em; position: absolute; top: 17px; right: 12px  }
div.catalogCont div.item span.close span { background: url(../img/dashed.gif) repeat-x 0 100%; color: #6073aa; cursor: pointer  }

div.catalogCont div.noLink div.title { padding: 5px 0 5px 0; }
div.catalogCont div.noLink div.title span { border: none; cursor: text }
div.catalogCont div.item span.price { display: block; font-size: 14px; color: #981111;  }
div.catalogCont div.item input.toBusket { background: url(../img/busketButton.gif) no-repeat 0 0; border: none; display: inline-block; width: 83px; height: 24px; margin: 10px 0 0 0; cursor: pointer }

div.catalogCont div.item div.itemCount { float: right; width: 55px; padding: 0 20px 0 0; text-align: center }
div.catalogCont div.item div.itemCount span { display: inline-block; color: #a6a3a3; text-align: center; padding: 0 0 .2em 0 }
div.catalogCont div.item div.itemCount input { width: 100%; text-align: center; font-size: 120% }
div.catalogCont div.item div.itemCount strong { font-size: 18px }

div.catalogCont div.item div.itemDelete { float: right; width: 40px; padding: 22px 0 0 0 }
div.catalogCont div.item div.itemDelete a { display: inline-block; width: 16px; height: 16px; background: url(../img/delete.gif) no-repeat 0 0 }

div.catalogCont div.details { border: 1px solid #cbcbcb; background: #fff; padding: 0 0 0 17px; position: relative; top: -1px; height: 100%  }
div.catalogCont div.details div.title { padding: 14px 80px 10px 0  }
div.catalogCont div.details div.blocks { margin: 10px 0 0 0 }
div.catalogCont div.details div.blocks table { border-collapse: collapse; display: inline-block; width: 240px; //display: inline; //zoom: 1; margin: 0 0 30px 0; position: relative;  }
div.catalogCont div.details div.blocks table td { vertical-align: middle; text-align: left }
div.catalogCont div.details div.blocks table td.image { padding: 0 15px 0 0; width: 1px  }
div.catalogCont div.details div.blocks table span.title { font: italic 100% Georgia, serif; line-height: 1em; display: block; margin-bottom: 5px; height: 2em; position: relative   }
div.catalogCont div.details div.inputs { position: relative;  }
div.catalogCont div.details input.addBusket { width: 30px; height: 24px; font-size: 14px; display: block; position: absolute; border: none; background: url(../img/addBusket.gif) no-repeat 0 0; color: #fff; text-align: center; top: 10px; left: -30px; padding: 0; line-height: 24px  }
div.catalogCont input.toBusketAdd { background: url(../img/busketButtonAdd.gif) no-repeat 0 0; border: none; display: inline-block; width: 83px; height: 24px; margin: 10px 0 0 0; cursor: pointer }


/*=============================*/
div.line { overflow: hidden; padding-right: 20px; zoom: 1  }
div.line div.left { float: left; width: 5em; padding: .8em 0 0 0; vertical-align: middle; text-align: right }
div.wideForm div.line div.left { width: 9em; text-align: left }
div.wideForm div.line div.right { width: 75% }
div.line div.wide { padding: .4em 0 0 0 }
div.line div.left span { padding-right: 5px }
div.line div.right { width: 90%; float: left; padding: .5em 0 .5em 0; vertical-align: middle; position: relative }
div.line div.right input { width: 96%; vertical-align: middle; padding: .2em 0 .2em 4px }
div.line div.right select { width: 97%; vertical-align: middle; padding: .2em 0 .2em 4px }
div.line div.right input.short { width: 65%; }
div.line div.right input.radio { width: auto }
div.line div.leftText { padding: .5em 0 .5em 0  }
div.line div.rightText textarea { width: 97%; height: 16em; }
div.line div.rightText input { width: 97%;  }
div.line img.star { position: absolute; top: 8px  }
div.rightText { position: relative }
div.rightText img.star { position: absolute; top: 4px;  }

div.antispam { overflow: hidden; padding: 7px 0 8px 9px; background: #d5d0d0; color: #7d7d7d; margin: 20px 0 10px 0; font-size: 95%; width: 93%; border-top: 1px solid #383838 }
div.antispam table { border-collapse: collapse }
div.antispam table td { padding-right: 7px }
div.antispam input.code { border: 1px solid #383838; font-size: 120%; width: 122px }
div.antispam p { padding-bottom: .6em }
div.antispam img { border: 1px solid #383838 }
div.antispam img.star { border: none; position: relative; top: .3em }
div.formRegister { width: 95% }
div.formRegister input.send { overflow: visible; padding-left: 15px !important; padding-right: 15px !important; padding-top: .1em !important; padding-bottom: .1em !important; font: 120% Tahoma, sans-serif; color: #000; margin-top: 10px; width: auto !important }
p.star { background: url(../img/star.gif) no-repeat 0 0; padding: 0 0 1em 24px }

div.stepByStep { overflow: hidden; position: relative; left: -10px; _zoom: 1; margin-bottom: 1.5em  }
div.stepByStep ul{ overflow: hidden; margin: 0 0 1em 0; padding: 0 0 .7em 0; float: left;  }
div.stepByStep ul li { 
	float: left; 
	background: url(../img/step.gif) no-repeat 0 .35em; 	
	padding: 0 0 .3em 0; 
	font-size: 100%; 
	white-space: nowrap; 
	margin: .5em 0 0 0; 
	
	}
div.stepByStep ul li span { font-size: 100%; color: #5f72a9; padding: .3em 10px !important; margin: 0 !important  }
div.stepByStep ul li.active span { background: #5f72a9;  padding: .3em 10px !important; position: relative; margin: 0 0 0 10px !important; color: #fff  }
div.stepByStep ul li.active { padding: 0 6px .3em 0 !important; }
div.stepByStep ul li.firstStep { background: none !important; }

div.preference { padding: 20px 0 0 0; text-align: right  }
div.preference input { overflow: visible; padding-left: 10px; padding-right: 10px; }
div.preference input.further { font-size: 120%; padding-left: 20px; padding-right: 20px }

div.priceOver { text-align: right; font: italic 140% Georgia, serif; overflow: hidden; height: 100%; padding: 20px 0 0 0  }
div.priceOver span { color: #a94e4e; font: 24px Tahoma, sans-serif; padding-left: 7px; position: relative; z-index: 1 }

span.backLink { float: left; font-size: 16px !important; display: block; padding-top: .2em }
span.backLink a { background: url(../img/backLink.gif) no-repeat 0 .4em; padding-left: 16px }

table.userInfo { border-collapse: collapse; margin: 10px 0 3em 0;  }
table.userInfo th { font: italic 100% Georgia, Times, serif; padding-right: 15px; text-align: right }
table.userInfo td { font-size: 130% }

div.payBlock { padding: 1em 0 1em .5em; width: 90% }
div.payBlock input { vertical-align: middle }
div.payBlock label { vertical-align: middle; font-size: 120% }
div.checked { background: #8da0d6; color: #fff }

div.payBlockContainer { margin-bottom: 3em; }


table.busketTable { border-collapse: collapse; font-size: 120%; width: 100%; margin: 0 0 2em 0  }
table.busketTable th { vertical-align: bottom; text-align: left; padding: 0 15px .5em 15px; font: italic 110% Georgia, Times, serif   }
table.busketTable td { vertical-align: middle; text-align: left; padding: .5em 15px .5em 15px; border-top: 1px solid #a9a6a6  } 
table.busketTable span.ready { color: #2e3192; font-size: 100%;  }
table.busketTable span.wait { color: #e20600; font-size: 100%; }
table.busketTable span.sending { color: #6a9864; font-size: 100%;  }

table.busketTable div.busketCount { display: block; text-align: right; position: relative; padding-right: 12px } 
table.busketTable div.busketCount a { 
	background: url(../img/arrow-bottom.gif) no-repeat 100% .4em; 
	padding-right: 13px; 
	font-size: 100%; 
	text-decoration: none;  	
	font-weight: normal 
	}
table.busketTable div.busketCount a.sel { background: url(../img/arrow-target.gif) no-repeat 100% .3em}
table.busketTable div.busketCount div.orderList { 
	position: absolute; 
	width: 250px; 
	text-align: left; 
	border: 1px solid #cbcbcb; 
	border-left: 6px solid #2894d5; 
	padding: 10px 10px 10px 10px; 
	top: -15px; 
	left: 100%; 	
	background: #fff 
	}

table.busketTable div.busketCount div.orderList a { background: none; text-decoration: underline } 
table.busketTable div.busketCount div.orderList li { padding-left: 0 }
table.busketTable div.busketCount div.orderList ol { margin-bottom: 0; padding-bottom: 0  }

table.busketTable div.busketCount div.orderList strong { display: block; padding-bottom: .5em }

table.busketTable .status { padding-right: 0; text-align: right }

table.busketTable td.input { text-align: right; padding-right: 0; font-size: 80%; }
table.busketTable td.input input { display: block; background: url(../img/delete.gif) no-repeat 0 0; width: 16px; height: 16px; border: none; margin-right: 20px }
table.busketTable td.number { color: #6f6d6d; font: italic 85% Georgia, Times, serif  }
table.busketTable .allPrice { text-align: right;  }

table.busketTable td.price { text-align: right; color: #981111; font-size: 120% }
table.busketTable td.price strong { color: #000; font-weight: normal }
table.busketTable input { vertical-align: middle }
table.busketTable label { vertical-align: middle }

.itemList { padding: 1em 0 0 20px; left: 0 }
.itemList ul { padding: .4em 0 0 20px; left: 0  }
.itemList li { padding: 0 0 .6em 0; background: none; font: italic 170% Georgia,serif; margin: 0  }
.itemList li ul li { font-size: 75%; padding: 0 0 .4em 0; margin: 0 }