﻿/* General */
body,div,h1,p{margin:0;padding:0;font-family:Arial}
img{border:0}
ul li{list-style:none}
h1{font-size:100%;font-weight:normal}
html,body{height:100%;width:100%;background:#2E2E2E;color:#2E2E2E}
/* Header */
#header{position:absolute;top:0;left:0;width:100%;height:102px;}
#header .wrap{height:102px;min-width:960px;max-width:1680;margin: 0 20px;background:#1584bb url(i/phons.jpg) no-repeat; background-position:right;}
#header .wrap .logo{float:left;width:22%;max-width:220px;}
#header .wrap .logo a{ position:relative;display:block;width:210px;height:102px;margin:0px 0 0 0px;padding:0;background:transparent url('i/logos.jpg') no-repeat;text-decoration:none;color:#fff;}
#header .wrap .logo a:hover{ background-color:transparent}
#header .wrap .righthuinya{position:absolute;width:150px;height:102px;left:100%;top:0px;margin-left:-170px;background:transparent url('i/phons.jpg') no-repeat;}
#header .wrap .links{margin-left:21%;background:url(i/centers.jpg) no-repeat transparent;max-width:640px}
#header .wrap .links .center{float:left;width:91%;}
#header .wrap .links .center .link{margin:41px 0 0 0px}
#header .wrap .links .right{margin-left:91%}
#header .wrap .links .right{ font-size:10px }
#header .wrap .links .right .link{position: absolute; left: 50%; margin:41px 0 0 -48px}
/* Header link */
.link{float:left;display:inline;height:27px;background:#2D2D2D}
.link a{float:left;height:21px;padding:6px 8px 0;white-space:nowrap;font:normal 12px Tahoma;color:#fff !important;cursor:pointer}
.link a:hover{color:#FFDEBD !important}
.link.active a{color:#C3C3C3 !important;text-decoration:none;cursor:default;}
.link.active a:hover{color:#C3C3C3 ;text-decoration:none;}
.link span{float:left;height:21px;padding:6px 8px 0;white-space:nowrap;font:normal 12px Tahoma;color:#ffd6a2 !important;cursor:pointer;}
/* Content */
#content{min-width:960px;min-height:100%;margin:0 20px;background:white repeat-y left}
#content .wrap{padding-top:102px}
.empty{height:243px}
/* Content left */
#content .sidebar_left{float:left;display:inline;overflow:hidden;width:16%;margin-left:-100%;padding-top:15px;}
.phone div{font-size:18px;margin:8px 4px}
/* Content center */
#content .center{float:left;width:100%;overflow:hidden}
#content .center .in{position:relative;margin: 0 13% 0 16%;padding:0px 10px 30px 10px}
#content .center .in p{margin:20px 0;font:normal 14px/1.8 Tahoma}
#content .center .in .hometext{padding:0px 60px 0px 0px}
#content .center .in .path{position:absolute;top:40px;font:normal 11px Tahoma}
#content .center .in .path a{font:normal 11px Tahoma}
#content .center .in h2{font:normal 18px Tahoma;display:inline}
/* Content right */
#content .sidebar_right{float:left;display:inline;overflow:hidden;width:13%;margin-left:-13%;padding-top:5px;text-align:center;}
#content .sidebar_right .photo{width:160px;margin:0 auto;text-align:left;font:normal 11px/1.6 Tahoma}
#content .sidebar_right .photo li{margin-bottom:60px;padding:0px 0px 0px 10px;}
#content .sidebar_right .photo li img{padding:7px;margin-bottom:3px; border:1px solid #C8C8C8}
#content .sidebar_right .photo li a{font:normal 11px Tahoma}
#content .sidebar_right .photo .chart{margin:0px 0px 0px 0px; display:block; position:relative; height:106px; width:106px; background-repeat:no-repeat; }
#content .sidebar_right .photo .chart:hover{ background-position:right; }
#content .sidebar_right .photo .chartempty{ background-image:url("i/trash-empty.png"); }
#content .sidebar_right .photo .chartfull{ background-image:url("i/trash-full.png"); }
/* Menu */
.menu {width:100%;padding-left:0px}
.menu .submenu{padding-left:4px}
.menu li{width:98%;margin-bottom:5px;padding-left:12px}
.menu li a{font:12px/16px Arial; font-weight:bold; color:#0078D4; margin-right:6px}
.menu li.active a{color:#464442 !important;text-decoration:none;cursor:default;}
.menu li a:link{color:#0078D4}
.menu li a:visited{color:#0078D4}
.menu li a:hover{color:#E97300}


.submenu li{width:100%;margin-bottom:0px;padding-left:8px}
.submenu li a{padding-left:0px;font:normal 12px/16px Arial;color:#0078D4}
/* Footer */
#footer{position:relative;height:243px;min-width:960px;margin:-243px 20px 0;}
/* Copyright */
#footer .copyright{height:149px;width:100%;}
#footer .copyright .in{height:149px;padding-left:37px;}
#footer .copyright .in .left{float:left;font:normal 11px/80px Tahoma;color:#1C1C1C}
#footer .copyright .in .right{float:right;padding-right:37px;font:normal 11px/80px Tahoma;color:#1C1C1C;}
#footer .copyright .in .right a{font:normal 11px/80px Tahoma; color:#343434}
#footer .copyright .in .right a:hover{color:#343434}
/* Footer list */ 
#footer .list{height:94px;width:100%;background:#F5F9FF}
#footer .list .in{padding:0 20px;height:94px;text-align:center}
#footer .list .in ul{margin:0 0 0 1%}
#footer .list .in ul li{height:94px;width:13%;float: left}
#footer .list .in ul li a{position:relative;height:94px;display:block;margin:0 -3px;font:normal 14px/94px 'Trebuchet MS';color:#0043A7;outline:none}
#footer .list .in ul li a span{width:100%;height:94px;display:block;font:normal 14px/94px 'Trebuchet MS';color:#0043A7;text-align:center;text-decoration:none;cursor:pointer}
#footer .list .in ul li a:hover{background:#DFEEFF;text-decoration:none}
#footer .list .in ul li a:hover span{color: #2E2E2E}
#footer .list .in ul li.active{position:relative;z-index: 5}
#footer .list .in ul li.active a{background:#DFEEFF;text-decoration:none;cursor:default}
#footer .list .in ul li.active a span{color:#2E2E2E;cursor:default}
/* Clear */
.clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear {display:inline-block;}
.clear {display:block;}
/* Link */
a:link {color:#0078D4}
a:visited {color:#0078D4}
a:hover {color:#E97300}
/* Title */
h1 {font:normal 30px 'Trebuchet MS'}

/*.chartfix{position:fixed;border:1px #ddd solid;z-index:2000; margin:90px -135px 0px -145px;left:100%;z-index:2000px;width:120px;height:80px;background-color:#fff;}
*/

.variants input{display:inline}

.chartContainer{margin-top:14px;margin-right:6px;} 
.chartfix{height:40px;z-index:2100;margin-top:0px;float:right}
.chartfix h5{margin:0;color:#000}
.chartfix a{border:0;display:block; width:120px; height:20px;text-align:right}
.chartfix a:hover{border:0;}
.chartfix a:active{border:0;}
.chartfix a:visite{border:0;}

.CategoryGrid2 li{float:left; width:240px; padding:12px 12px 12px 12px; text-align:center; border:solid 1px #ddd;}
.CategoryGrid2 img { position:relative; margin:0 auto; }

.productList{margin-top:0px}
.productList .product_ul{margin:0; padding:0}
.productList .product_ul .productItem{width:100%; min-height:160px; margin:10px 0; border:1px solid #ddd; position:relative;}
.productList .product_ul .active{background-color:#ffffee} 
.productList .product_ul img {}
.productList .product_ul ul.buy{float:right;padding-right:40px;text-align:right}
.productList .product_ul ul.shortdesc{float:left;margin-bottom:6px;padding-left:0}

.searchtool{margin-top:10px; font-size:0.8em;margin-right:6px}
.searchtool .sQu{}
.searchtool .sQu input{margin-bottom:2px; width:100%; padding: .2em;}
.searchtool .sQu select{width:100%;margin-bottom:2px; padding: .1em;}

.searchtool .sLeft{}
.searchtool input[type='submit']{margin-top:6px}
.searchtool fieldset{padding:3px 6px 3px 6px !important; border:1px #ddd solid; }
.searchtool .sLeft select{width:100%;margin-bottom:2px; padding: .1em;}
.searchtool .snl select{width:100% !important}
.searchtool .sLeftSearcBtn{ float:left; margin:11px 0px 0px 0px;}
.searchtool .s_panel_button{width:100%; background:#ddd;border:1px solid #C5DBEC;color:#444;font-weight:bold;outline-color:-moz-use-text-color;outline-style:none;outline-width:medium;}
.searchtool .s_panel_button:hover{border:1px solid #a5aBdC;}
.searchtool .s_panel_button{cursor:pointer;float:right;line-height:1.4em;margin:0.5em 0.4em 0.5em 0;
    overflow:visible;padding:0.2em 0.6em 0.3em;width:100%;}
.searchtool .sLeft input{ margin-bottom:2px; width:100%; padding: .2em; }

.imgLink img{max-width:136px}
.imgLink{text-align:center; width:158px; margin:10px 30px 10px 10px; float:left;border:1px solid #eee}
.imgLink a{display:block; width:100%; height:100%;}

fieldset { padding:0; border:0; margin-top:5px; }
.shortdesc li{font-size:14px}

.nav2{position:absolute;font-size:0.8em;left:10px; top:6px;_font-size:14px;}
.top_empty{height:30px}
.sortPanel{margin:4px 0px}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

.ui-dialog{ font-size:0.8em;}
label, input { display:block; }

.productDetails{ border:1px solid #ddd; padding:12px 3px 12px 3px; margin-top: 13px}
.productDetails img{}
.productDetails h1{ font-size:18px; padding-left:220px}
.productDetails h2{ font-size:14px!important; padding-left:14px}
.productDetails b{padding-left:8px; }
.productDetails ul{float:left} 
.productDetails .description{}
.productDetails .description p{padding-left:20px }
.productDetails .productPrice{float:right;margin-right:15px;}

.productDetails .bigImage{display:none;position:absolute; z-index:2000;background-color:#fff; border:1px solid #ddd}
.soputItems{margin-bottom:32px}
.soputItems .soputItem{ position:relative;margin:4px 4px; width:46%; float:left; height:79px; background:#fff; /*border:1px solid #ddd*/}
.soputItems .soputItem h2{ font-size:12px!important; margin-left:6px}
/*.soputItems .soputItem img{ float:left; padding:3px 6px 3px 3px}*/
.soputItems .soputItem img{display:inline;padding:3px 6px 3px 3px}
.soputItems .soputItem p{margin:0;padding:0}
.soputItems .soputItem input[type="checkbox"]{margin:-10px 6px 0px 6px;}

.productDetails a.addToChart{float:right;margin-right:15px}

#searchInput{width:300px;float:right;margin-top:-12px;}
#searchInput input{display:inline}
#searchInput input[type="text"]{border:2px #ddd solid}

.waitContainer{ width:66px; height:66px; background:url(i/Preload.gif) no-repeat;}

.neq-buttons-left{cursor:pointer;float:left;line-height:1.4em;margin:0.5em 0.4em 0.5em 0;overflow:visible;padding:0.2em 0.6em 0.3em;width:auto;}
.neq-buttons-right{cursor:pointer;float:right;line-height:1.4em;margin:0.5em 0.4em 0.5em 0;overflow:visible;padding:0.2em 0.6em 0.3em;width:auto;}


.cempty{position:relative; height:40px;}  

.searchPane{ background:transparent; }

.scs{height:42px}
.scs ul{margin:0;padding:0}
.scs ul li{margin:0;padding:0} 

.itemRelativeProduct{height:24px}
.relativeItem{float:right;margin-right:6px;cursor:pointer;}
.itemRelativeProduct{height:24px}
.relativeItemCheck{color:#ddd}


.hlogo{height:102px;position:absolute}
.hcenter{height:102px;background:url("i/center.jpg") no-repeat;width:703px;margin:0 auto;position:relative}
.hcenter ul{list-style:none;margin:0 auto;padding:0;display:block;width:600px}
.hcenter ul li{float:left;margin:41px 4px 0px 4px;background:#000}
.hcenter ul li a{color:#FFFFFF !important;cursor:pointer;float:left;font:12px Tahoma;height:21px;padding:6px 8px 0;white-space:nowrap;}
.hcenter ul li a:hover{color:#FFDEBD !important}
.hphone{height:102px;position:absolute;width:196px;right:0; background:url("i/phone.jpg") no-repeat scroll right center #1584BB;position:absolute}
.headerin{background:no-repeat scroll right center #1584BB;height:102px;margin:0 20px;min-width:960px;}

/* min ui style */
div.w60{/*width: 100%;margin: 0 auto;*/}	
div.box-c{height:20px;margin: 0 20px;position: relative;background: #fa9c2b;}
div.box-c em b {position:absolute;font:150px Arial;line-height:40px;font-weight:normal;}
.ctl, .cbl, .ctr, .cbr{z-index:11;width:20px;height:20px;color:#fa9c2b;	 overflow:hidden;position:absolute;background:transparent;}
.ctl {top:0; left:-20px;}
.cbl {bottom:0; left:-20px;}
.ctr {top:0; right:-20px;}
.cbr {bottom:0; right:-20px;}

.ctl b {left:-8px;}
.ctr b {left:-25px;}
.cbl b {left:-8px; top:-17px;}
.cbr b {left:-25px; top:-17px;}
		
div.box-inner{padding: 0 10px;background: #fa9c2b;}

/* min ui style 2*/
div.w602{/*width: 100%;margin: 0 auto;*/}	
div.box-c2{height:20px;margin: 0 20px;position: relative;background: #227ebd;}
div.box-c2 em b {position:absolute;font:150px Arial;line-height:40px;font-weight:normal;}
.ctl2, .cbl2, .ctr2, .cbr2{z-index:11;width:20px;height:20px;color:#227ebd;	 overflow:hidden;position:absolute;background:transparent;}
.ctl2 {top:0; left:-20px;}
.cbl2 {bottom:0; left:-20px;}
.ctr2 {top:0; right:-20px;}
.cbr2 {bottom:0; right:-20px;}

.ctl2 b {left:-8px;}
.ctr2 b {left:-25px;}
.cbl2 b {left:-8px; top:-17px;}
.cbr2 b {left:-25px; top:-17px;}
		
div.box-inner2{padding: 0 10px;background: #227ebd;}

#sh_sp_btn{float:right;margin-right:12px}


/*<![CDATA[*/
.CategoryGrid ul.grid_ul {width: 100%;background: #fff;overflow: hidden;padding: 0;margin: 0px 0 0px}
.CategoryGrid li.grid_li {float: left;list-style: none;padding: 43px 6px 43px 0;margin-bottom: -1px}
.CategoryGrid li.grid_li img {display: block;width: 158px;height: 139px;border: 1px solid #DDD;background: #FFF;padding: 13px;
}
/*--------------------------------------*/
.CategoryGrid a {text-decoration:none; color:#353338;}
.CategoryGrid span.grid_span {position:absolute; width:184px;}
.CategoryGrid span.grid_span em{position:absolute;z-index:100;font:normal 11px Tahoma;line-height:13px;border: 1px solid #ddd;background-color: #fff;
	top:-1px;width:158px;padding:3px 13px;cursor:pointer;overflow:hidden;white-space: nowrap;
    text-overflow: ellipsis; /* IE, Chrome*/
	-o-text-overflow: ellipsis; /* Opera */
	-moz-binding: url('/Content/text-overflow.xml#ellipsis'); /* for Firefox */
    }
	
.CategoryGrid a:hover span.grid_span em {white-space:normal; -moz-binding: url('/Content/text-overflow.xml#none');}
.CategoryGrid a:hover {white-space:normal;} /* for IE6 hover effect*/
/*]]>*/
