@charset "utf-8";

#order{margin-bottom:30px}
#order .border{margin-bottom:20px;background:#eee url(../images/best/shadow.gif) repeat-x;border:1px solid #EBEBEB;border-radius:3px;width:698px;position:relative;padding-top:9px}
#order .form{width:680px;position:relative;margin:auto;background:#fff;border:1px solid #DFDFDF;border-top:none;padding-top:30px;margin-bottom:8px}
#order .form .row{font-size:15px;font-weight:bold;clear:both;min-height:32px;margin-bottom:8px;position:relative;padding-left:214px}
#order .form .row i{width:204px;top:0px;left:0px;text-align:right;color:#000;font-size:17px;font-weight:bold;font-style:normal;line-height:30px;height:30px;padding-right:10px;position:absolute}
#order .form .row i b{color:#f00}
#order .form .row label{display:block}
#order .form .row .text{width:285px;height:14px;padding:8px 6px;border:1px solid #c1c1c1;margin:0px;font:13px/14px Calibri, Arial, sans-serif}
#order .form .row textarea{width:422px;height:84px;padding:8px 6px;border:1px solid #c1c1c1;margin:0px;font:13px/14px Calibri, Arial, sans-serif}
#order .form .radio{padding-top:5px;line-height:24px}
#order .form .radio input{margin-right:5px;padding:0px}
#order .form .radio input:checked + span{color:#135387}
#order .form .row u{padding-left:22px;display:block;font-size:13px;font-weight:normal;font-style:italic;text-decoration:none;line-height:16px}
#order .form .note{font-size:13px;color:#656565;font-style:italic;padding:13px 0px 30px 214px;border-bottom:1px solid #C1C1C1}
#order .form .note b{color:#F00;font-size:17px}
#order .form .description{padding-left:214px;font-size:14px;color:#333;line-height:19px;margin-bottom:24px;display:none}
#order .form .current{display:block}
#order .form .description b{color:#135387}
#order .select{height:30px;width:162px;position:relative;text-align:left;display:block}
#order .select s{text-decoration:none;display:block;height:16px;line-height:16px;margin:6px 5px; border:1px solid #fff;text-indent:2px;white-space:nowrap;width:266px;overflow:hidden;text-overflow: ellipsis;}
#order .select label{display:block;}
#order .select span{float:left;display:block;width:296px;height:30px;border:1px solid #bfbfbf;font-size:14px;text-decoration:none;line-height:30px;position:relative;z-index:1;background:#fff url(../images/calc/arr.gif) 280px 13px no-repeat}
#order .select select{width:298px;height:30px;border:1px solid #bfbfbf;z-index:2;background:#fff;position:absolute;left:0px;top:2px;filter:alpha(opacity=0);opacity:0;background:#fff}
#order .select select:focus + span,
#order .select span.focus{border-color:#F90;box-shadow:0px 0px 2px #F90}
#order .select select:focus + span s,
#order .select span.focus s{border:#C60 1px dotted;background-color:#39F;color:#fff}

#order .hidden{visibility:hidden;height:0px;width:0px;position:absolute;}

#order .bottom{height:30px}
#order .bottom .back{float:left;font:italic 13px/28px Arial, sans-serif;text-indent:32px;width:177px;height:30px;background:url(../images/order/back.png) no-repeat;color:#fff;text-shadow:1px 1px 0px rgba(0,0,0,.2);display:block;text-decoration:none}
#order .bottom .back.center{margin-left:270px}
#order .bottom .back:hover{background-position:0px -30px}
#order .bottom .back:active{background-position:0px -60px;line-height:32px}
#order .bottom .text{text-align:right;font-size:14px;color:#333}
#order .bottom .text b{color:#135387;font-size:17px}
#order .bottom .text b.price{font-size:25px}
#order .send{border:none;text-align:left;display:block;font:italic 13px/41px Arial, sans-serif;text-indent:45px;width:185px;height:43px;background:url(../images/order/send.png) no-repeat;color:#fff;text-shadow:1px 1px 0px rgba(0,0,0,.2);display:block;text-decoration:none;margin:15px 0px 0px auto}
#order .send:hover{background-position:0px -43px}
#order .send:active{background-position:0px -86px;line-height:45px}


#order .block{width:680px;position:relative;margin:auto;background:#fff;border:1px solid #DFDFDF;border-top:none;padding-top:20px;margin-bottom:8px}
#order .block h2{text-transform:uppercase;font:bold 14px/18px Arial;color:#6BBF17}
#order .first{background:#fff url(../images/order/first.png) no-repeat;font-size:14px;line-height:18px;color:#000}
#order .first h2{color:#6BBF17;font-size:28px;line-height:28px;font-weight:normal;padding-top:3px;padding-bottom:23px;padding-left:137px;text-transform:none}
#order .first p{margin-bottom:20px;padding-left:137px}
#order .info{padding:20px 25px;width:630px}
#order .info dl{color:#333;font-size:13px;line-height:18px;padding-top:7px;border-bottom:1px dotted #ccc}
#order .info dt{float:left;display:block;color:#333;line-height:18px;padding-top:6px;width:170px}
#order .info dd{display:block;color:#000;border-top:1px dotted #ccc;padding:5px 20px 6px 170px;font-weight:bold}

#order .dilivery{padding:20px 25px;width:630px;color:#000;font-size:14px}
#order .dilivery b{font-size:20px;color:#135386}

#order .items h2{padding:0px 25px;}

#order .caption .num,
#order .caption .pic,
#order .caption .name,
#order .caption .price,
#order .caption .count,
#order .caption .sum,
#order .caption .del,
#order .basket .num,
#order .basket .pic,
#order .basket .name,
#order .basket .price,
#order .basket .count,
#order .basket .sum{position:absolute;z-index:2;top:0px;height:62px}


#order .caption{color:#656565;font:italic 11px/16px Arial, sans-serif;height:16px;position:relative;width:702px;overflow:hidden;margin:10px 0px 11px}
#order .caption .num{left:22px}
#order .caption .pic{left:0px}
#order .caption .name{left:103px}
#order .caption .price{left:422px}
#order .caption .count{left:494px}
#order .caption .sum{left:615px}

#order .basket .item{height:62px;position:relative;z-index:1;width:680px;margin-top:-1px;background:#fff}
#order .basket .item:nth-last-child(even){background:#EBF1F4}
#order .basket .item .cant{height:60px;width:680px;position:absolute;z-index:1px;border:1px solid #E5E5E5;border-left:0px;border-right:0px;top:0px;left:0px;overflow:hidden}
#order .basket .item .num{width:32px;color:#6bc017;font-size:13px;font-family:Arial, sans-serif;text-align:right;line-height:62px;left:0px}
#order .basket .item .pic{width:50px;height:50px;padding-top:6px;left:44px}
#order .basket .item .pic img{display:block;height:50px;width:50px}

#order .basket .item .name{width:294px;text-indent:2px;font-size:12px;color:#333;z-index:2;left:94px;padding-left:8px}
#order .basket .item .name a,
#order .basket .item .name s{display:block;font:15px/18px Arial;margin-top:13px;margin-bottom:3px;height:18px;width:285px;z-index:2;position:relative;color:#135386}
#order .basket .item .name s{text-decoration:none;margin-top:22px}
#order .basket .item .name a i,
#order .basket .item .name s i{background:#fff;display:block;overflow:hidden;text-overflow:ellipsis;height:18px;color:#135386;white-space:nowrap}
#order .basket .item:nth-last-child(even) .name a i,
#order .basket .item:nth-last-child(even) .name s i{background:#EBF1F4}
#order .basket .item .name a:hover i{overflow:visible;height:auto;white-space:normal;box-shadow:0px 2px 7px rgba(0,0,0,.3)}
#order .basket .item .name u{display:block;text-decoration:none}
#order .basket .item .name b{color:#000}

#order .basket .item .price{width:88px;left:406px;color:#333;font-size:14px;line-height:62px}
#order .basket .item .count{width:90px;left:484px;line-height:62px;text-align:center;color:#135386}

#order .basket .item .sum{width:101px;left:554px;color:#000;font-size:14px;line-height:62px;font-weight:bold;text-indent:16px;text-align:right}

#order .basket .item:hover{z-index:2}
#order .basket .item:hover .cant{border:3px solid #6BC017;height:56px;width:674px}

#order .basket{border-bottom:2px solid #135487;margin-bottom:10px}

#order .items .itog{text-align:right;font-size:14px;color:#333;padding-right:25px;margin-bottom:20px}
#order .items .itog b{color:#135387;font-size:17px}
#order .items .itog b.price{font-size:25px}