@charset "utf-8";
/* CSS Document */
*{margin:0px; padding:0px; text-align:left; list-style:none}

body{background:#a8a8a8; color:#000; font-size:13px; font-family:Helvetica, MyriadPro, Arial; width:100%; height:100%;}
div.all{ width:1200px; overflow:hidden; position:relative;}
body.index{}
a img{ border:0px;}
a, a:active, a:focus, a:hover{outline-style:none; color:#8afed9; text-decoration:underline;}
textarea{font-size:120%;}

h1{margin-bottom:10px; font-size:250%; font-weight:normal}

.clear{display:block; clear:both;}

 @font-face { font-family: "Rubl Sign"; src: url(http://www.artlebedev.ru/;-)/ruble.eot); }
 span.rur { font-family: "Rubl Sign"; text-transform: uppercase; // text-transform: none;}    
 span.rur span { position: absolute; overflow: hidden; width: .45em; height: 1em; margin: .2ex 0 0 -0.55em; // display: none; }
 span.rur span:before { content: '\2013'; }

div.header{position:relative; width:100%; min-width:1000px; height:275px;}
body.index div.header{position:absolute; top:0px; z-index:10; width:1200px;}
div.header a.logo{ position:absolute; top:0px; left:3%;}
div.header select.commonMenu{position:absolute; top:128px; left:45%; width:140px;}
div.header select.catalogMenu{position:absolute; top:128px; left:60%; width:140px;}
div.header div.radio{position:absolute; right:0%; top:107px; width:256px; height:61px}


div.input{position:relative; width:100%; height:24px; margin-bottom:10px; background:url(/i/BGsprite.png) left top no-repeat;}
div.input input{ height:24px; position:relative; right:-10px; width:100%; background:url(/i/BGsprite.png) right top no-repeat;}

div.content{position:relative;  height:auto; margin:0 3% 500px 3%; background:red}

div.content div.left{float:left; width:260px; padding-top:100px;}
div.content div.right{float:right; width:800px; margin-top:0px;}

div.logOn{text-align:center; width:155px; margin-left:100px}

div.slider{ width:100%; overflow:hidden; position:relative;}

div.slider ul{width:1000000px; position:relative}
div.slider ul li{float:left; margin:50px 10px 0px 10px; height:300px; width:220px; position:relative;}
div.slider ul li div.wraper{width:100%; height:100%; overflow:hidden; position:relative;}
div.slider ul li div.wraper img{position:absolute; top:50%; margin-top:-150px; left:50%; margin-left:-115px;}
div.slider ul li div.info{ position:absolute; top:-20px; z-index:10; left:0px; text-align:center; width:100%; height:40px;}
div.slider ul li div.info div.corner{display:none; position:absolute; bottom:0px; left:50%; margin-left:-7px; background:url(/i/arrow.gif) no-repeat; width:15px; height:17px;}
div.slider ul li div.fade{position:absolute; top:0px; left:0px; height:100%; width:100%; background:#ff6d67; opacity:0.5;}
div.slider ul li.act div.info{top:-40px; left:0px; text-align:center; width:100%; border-bottom:6px solid #ff6d67; color:#ff6d67; font-size:130%;}
div.slider ul li.act div.info div.corner{display:block;}
div.slider ul li.act div.fade{ display:none;}

div.scaleWrap{background:url(/i/scaleBg.png) no-repeat; margin:10px 0px 0px 10px; width:123px;}
div.scale{ width:102px; height:23px; position:relative; position:relative;}
div.ui-slider{height:23px; position:relative;}
a.ui-slider-handle{position:absolute; top:3px; cursor: move; display:block; width:18px; height:18px; background:url(/i/polzunok.png) left top no-repeat;}


div.product{margin-top:10px; margin-left:175px;}
div.product div.title{color:#ff6d67; font-size:150%;}
div.product div.title a{position:relative; bottom:-5px;}
div.product div.text{position:relative; background:#c5c5c5; padding:10px; margin-top:15px;}
div.product div.text p{margin:10px 0px; line-height:18px;}
div.product div.text img.corner{position:absolute; left:20px; top:-16px;}
div.product div.text a.colorBox{display:block; height:15px; width:15px; float:left; margin-left:3px; position:relative; top:0px;}
div.product div.text a.colorBox.act{border:2px solid #8afed9; height:11px; width:11px;}
div.product div.text div.label{float:left;}
div.product div.text input.addToCart{position:absolute; display:block; height:20px; width:100px; text-align:center; left:240px; bottom:8px;}
div.product div.text a.size{text-decoration:none; color:#8afed9; border-bottom:1px dotted #8afed9;}
div.product div.text a.size:hover{border-bottom:0px; color:#ff6d67;}
div.product div.text a.size.act{color:#ff6d67; border-bottom:0px;}
div.product div.text a.colorTitle.act{color:#ff6d67; border-bottom:0px;}


div.miniCart{ padding:20px 10px 20px 10px; position:relative;}
div.miniCart h2{margin-left:15px;}
div.miniCart ul{border-bottom:1px dotted #000; padding-bottom:5px; margin:0px 0px 10px 0px;}
div.miniCart ul li{position:relative; padding:3px 0px 3px 15px;}
div.miniCart ul li a.delete{position:absolute; left:0px; top:5px; display:none;}
div.miniCart ul li span.size{position:absolute; right:17px; top:5px; display:none;}
div.miniCart ul li span.colourCart{position:absolute; right:0px; width:14px; height:14px; top:6px; display:none;}
div.miniCart ul li.act a{color:#ff6d67; text-decoration:none;}
div.miniCart ul li.act a.delete{display:block;}
div.miniCart ul li.act span.size{display:block;}
div.miniCart ul li.act span.colourCart{display:block;}
div.miniCart input.checkOut{position:absolute; bottom:20px; right:10px;}

table.order{ width:100%;}
table.order td{border-bottom:1px dotted #000; padding:7px 3px;}
table.order tr.last td{border-bottom:0px;}

div#orderForm{}

div#orderForm input.dotted{ border-width:0px 0px 1px 0px; border-bottom:1px dotted #000; width:100%; padding-bottom:5px; margin-bottom:15px; background:#a8a8a8; font-size:100%}
div#orderForm textarea.dotted{ border:0px; width:100%; height:150px; background:#a8a8a8 url(/i/dots.gif) repeat; line-height:25px; font-size:100%;}
div#orderForm input.submit{width:auto; float:right;}

div.dotted{background:#a8a8a8 url(/i/dotsBlack.gif) 0px -7px repeat-x; height:25px; margin-bottom:10px;}
div.dotted input{width:330px; background:none; border:none; color:#8AFED9; font-size:90%}
div.dotted span{display:none; color:#666; margin:2px 0px 5px 0px; clear:both; font-size:90%}
div.dottedTextarea{background:#a8a8a8 url(/i/dotsBlack.gif) 0px -2px repeat; margin-bottom:5px; position:relative}
div.dottedTextarea label{ font-size:100%; line-height:24px; margin-bottom:5px;  }
div.dottedTextarea textarea{width:100%; border:0px; background:none; color:#8AFED9; height:170px; font-size:100%; line-height:24px;}
div.dottedTextarea span{display:none; color:#666; margin:2px 0px 5px 0px; clear:both; font-size:90%}


div.blog{width:60%; margin-left:170px;}
div.blog h1{position:relative; color:#8AFED9; font-size:130%; border-bottom:1px dotted #000;}
div.blog h1 span{position:absolute; right:0px; top:5px; color:#000; font-size:70%;}
div.blog p{margin-bottom:20px;}