/*       -------------------General Stile---------------  */




body { background:url(../images/bodybg.jpg); font-family: Arial, Helvetica, sans-serif; font-size:11px; margin:0; padding:0; color:#4c4c4c}


div {
	margin: 0px; 	
	padding: 0px;  position: relative; overflow: hidden;
	
}
ul, li, p, form, input  {
	margin: 0;
	padding: 0;
}
img {
	border: 0px none; margin:0; padding:0;
}
ul {
	list-style: none
}

a,a:ACTIVE {color: #006FC0;}
a:VISITED  {color: #3A9CEC;} /* little bit brighter */
/*       ---------------------------------  */

.saitbox { width:1012px; margin: 0px auto}

.sait { width:980px; float:left; background:#fff;}

.saitleftshad { width:16px; height:551px; float:left; background:url(../images/leftshad.png) no-repeat;}

.saitrightshad { width:16px; height:551px; float:left; background: url(../images/rightshad.png) no-repeat;}

.top { height:25px; padding:10px 20px 0; background:url(../images/topbg.png) repeat-x #e7e8e8; font-family: Tahoma, sans-serif;}

.orderphone { float: left;  color:#626262; background:url(../images/mark/phone.gif) no-repeat; padding:2px 21px; height:16px;}
.orderphone strong { color:#0070c1}

.topmenu { float:right}

.topmenu li { float:left; padding: 0 0 0 20px}

.topmenu li a {  color:#626262; padding: 2px 0 0 21px; text-decoration: none; display:block; float: left; height:16px}
.topmenu li a:hover { text-decoration:underline}

.account { background:url(../images/account.gif) no-repeat}
.az { background:url(../images/az.gif) no-repeat}
.basket { background:url(../images/basket.gif) no-repeat}
.blog { background:url(../images/blog.gif) no-repeat}
.contacts { background:url(../images/contacts.gif) no-repeat}
.details { background:url(../images/details.gif) no-repeat}
.forum { background:url(../images/forum.gif) no-repeat}
.help { background:url(../images/help.gif) no-repeat}
.phone { background:url(../images/phone.gif) no-repeat}
.shop { background:url(../images/shop.gif) no-repeat}


.logo { height:77px; width:275px; float:left; padding:8px 0 0 20px}

.search { float:left; background:url(../images/contract_phones.gif) no-repeat 0 18px; width:392px; height:42px; padding: 48px 0 0; }

input.stext { width:300px; height:20px; padding:5px 6px 0 10px; border:1px solid #b2b5b9; background:#f8f8f8; font-family: Tahoma, sans-serif; font-size:11px; color:#626262; vertical-align: top }

input.sbutt { width:66px; height:27px; background:url(../images/sbutt.gif) no-repeat; font-family: Tahoma, sans-serif; font-size:11px; color:#fff; text-align: center;  border:0; cursor: pointer}

.bas {height: 58px; width: 209px; background: url(../images/bas.png) no-repeat;   text-align: center; margin:10px 0 0 ; padding:14px 0 0; float:right}

.bas p span { background: url(../images/basket.gif) no-repeat; padding:3px 0 0 21px; color:#4c4c4c; margin:0 auto}

.tbox { padding:0 20px 0 0}
/*
.bas span { float: left; width:3px; height:72px; background: url(/skins/fones/images/basleft.png) no-repeat}
.bas p { height:72px; background:url(/skins/fones/images/bascenter.png) repeat-x; float:left; text-align: center}
.bas p span { height:auto; width:auto; background: url(/skins/fones/images/mark/basket.gif) no-repeat; padding:3px 0 0 21px; color:#4c4c4c; margin:0 auto}
*/
/*
.blubut { height:27px; display: block; padding:0 1px 0 0; background:url(/skins/fones/images/blubutright.gif) no-repeat right top; margin:10px auto 0}
.blubut b{ float:left; height:27px; width:1px; background:url(/skins/fones/images/blubutleft.gif)}
.blubut input { height: 27px; border:0; font-family:Tahoma, sans-serif; color:#fff; text-align: center; background:url(/skins/fones/images/blucentr.gif) repeat-x; }
.w86 { width:86px}
*/
.blubut { height:23px; width: 86px; background:url(../images/blubut.gif) no-repeat;  border:0; font-family:Tahoma, sans-serif; color:#fff; cursor: pointer}

.bbas { clear:both; margin:8px auto 0}

.subtitle { clear: both; height:20px; text-align: center; padding:10px 0 0; background:#f3f3f4}
.subtitle strong { color:#0087d8}

.subtitle strong.col { color:#f60068}

.idsearch { float: right; display: block; position:absolute; right:20px; top:0}

.idtext { height:15px; width:120px; padding:4px 7px 0; border:1px solid #b2b5b9; color:#333637; font-family:Tahoma, sans-serif; font-size:11px; vertical-align: top}

.idbutt { background:url(../images/go.gif) no-repeat; width:37px; height:22px; border:0; cursor:pointer; vertical-align: top}
/* MENU */
.menu { float: left; width:100%; height:35px; background: url(../images/menubg.png) repeat-x; position: relative; z-index:1;}

.menu li { float: left; text-align: center; border-right: 1px solid #717172; height:35px; }
.menu li.end { border-right: none; width:61px}
.menu li:hover { background:url(../images/menubg_h.png) repeat-x}


.menu li a { color:#fff; font-weight: bold; text-decoration: none; display:block; height:25px;  float: left; padding:10px 11px 0}
.menu li a:hover {  background: url(../images/menubg_h.png) repeat-x;}


.menu li ul { background:#009cec; width: 980px; height:30px; position:absolute; top:35px; left:0; z-index:100; float:left; display: none}
.menu li:hover ul, .menu li.hover ul { display: block}
.menu li.active ul{ display: block}
.menu li.active a {  background: url(../images/menubg_h.png) repeat-x;}
.menu li.active ul li a {  background: none;}


.menu li ul li { border-right: none; height:21px; padding:9px 0 0}
.menu li ul li:hover { background:none}

.menu li ul li a { font-family:Tahoma, Geneva, sans-serif; border-right: 1px solid #fff; font-weight:normal; height:12px; display: inline; padding:0 9px}
.menu li ul li a.end { border-right: none}
.menu li ul li a:hover { text-decoration: underline; background: none;}

#pl800 { padding-left: 800px}
/* END MENU */


.banbox { padding:23px 4px 10px; clear: both}
.bbox { float:left; padding:0 0 0 7px} 
.bbox img { border:1px solid #d2d3d5;}
.bbox input { background:url(../images/go2.gif) no-repeat; width: 57px; height:23px; border:0; cursor: pointer; position: absolute; top: 55px; right:21px}

.moboper { padding:10px; border-bottom: 1px solid #d1d2d4; border-top: 1px solid #d1d2d4; text-align: center; margin:0 0 10px; width:960px}

.moboper a { padding:0 7px; text-decoration: none}

.footmenubox { padding:15px 0 15px 160px;  background:#009cec; float: left; width:860px}
.footmenubox ul li { clear:both}
.footmenubox ul { color:#fff;  float:left; padding:0 40px; width:auto;  } 
.footmenubox ul li a { color:#fff; text-decoration: none}
.footmenubox ul li a:hover { text-decoration: underline}
.footmenubox ul li strong { display: block; padding:0 0 3px;  float:left}

.cardbox { padding:18px 20px; text-align: center; background: #3f3f3d; float: left; width: 940px}
.cardbox a  { text-decoration: none; padding:0 3px}

.footer { background:#939391; padding:15px 40px; width:900px; font-family: Tahoma, sans-serif; font-size:9px; color:#1a1818;}

.fmenu {  float: left; vertical-align:top}
.fmenu li { float:left; vertical-align:top; line-height:9px;  }
.fmenu li strong { color:#fff; padding:0 5px 0 2px}

.fmenu li a { color:#1a1818; text-decoration:none; border-right:1px solid #1a1818; padding:0 4px; line-height:9px}
.fmenu li a:hover { text-decoration:underline}
.fmenu li a.end { border-right: none}

.capsta { float:right; color:#1a1818; text-decoration: none}

.buf { clear:both; width:980px; height:40px}

.left { width:178px; padding:0 0 0 10px; float:left}



.tit, .titblu {width:164px; padding:12px 0 12px 16px; background:url(../images/titbg.png) no-repeat #d2d3d5; margin:0; font-family:Tahoma, sans-serif; font-weight: normal; color:#2d3031; font-size:16px;}

.titblu2 {width:164px; padding:5px 0 5px 16px;  background:url(../images/titblu.png) no-repeat #0099e9; margin:0; font-family:Tahoma, sans-serif; font-weight: normal; color:#fff; font-size:12px;}

.titblack {width:164px; padding:12px 0 12px 16px; background: url(../images/titblack.png) no-repeat #211e1e; margin:0; font-family:Tahoma, sans-serif; font-weight: normal; color:#aeaeae; font-size:14px;}
.titblack strong {color:#fff}


.titblu { color:#fff; background:url(../images/titblu.png) no-repeat #0099e9}

.blockcent { width:146px; padding:12px 16px 25px; text-align: center; background:#dedfdf; margin:0 0 7px}
.blockcent select { width:142px; height:19px; border:1px solid #b2b5b9; font-size:11px; font-family:Tahoma, sans-serif; color:#333637; margin:5px 0; padding:1px}

.pintit { background:url(../images/pintitbg.png) no-repeat; width:178px; height:37px; margin:0 0 7px}

.pintit .tit { color:#fff; background: none}

.lmenu { width:146px; text-align: left }

.lmenu li { padding:5px 0; border-bottom:1px dotted #b6b9c0;}
.lmenu li.end { border-bottom: none}

.lmenu li a { background:url(../images/mark.gif) no-repeat left center; font-size:11px; color:#333637; padding-left:20px; text-decoration:none; display: block;}
.lmenu li a:hover { text-decoration:underline}

.blocknews { width:146px; padding:15px 16px 25px;  background: url(../images/newsbg.jpg) no-repeat right bottom #008adb; margin:0 0 7px}



.blocknews2 { width:148px; padding:7px 15px 7px;  background: #0077c8; margin:0 0 7px}

.rightblock { width:148px; padding:15px;  background: #333637; margin:0 0 7px}

.rightblock table { width:100%; margin:0; padding:0; border:0; color:#939391}

.rightblock table td { border-bottom: 1px dotted #636566; margin:0; padding:6px 2px 6px 2px}

.rightblock table td.end { border: none}

.rightblock  a { text-decoration: none; color:#fff}
.rightblock  td a:hover { text-decoration: underline}

.aright { text-align: right; padding:6px 0 6px 2px}

.blocknews p { color:#fff; padding:5px 0}

.right { float: left; width:772px;  padding:0 0 0 10px} 

.rmenu { background:url(../images/rmenubg.png) repeat-x #0098e8; height:23px; padding:12px 10px 0; text-align:center; font-family:Tahoma, sans-serif;}

.rmenu a { color:#fff; text-decoration: none; padding:0 10px; border-right:1px solid #fff; line-height:11px}
.rmenu a.end { border:none}
.rmenu a:hover { text-decoration: underline}

.rmenufoot { background:url(../images/rmenufootright.png) right 0 no-repeat #0098e8; height:2px; clear: both }

.centerleft { width:584px; float:left; padding:8px 10px 0 0; }

.centerright {width:178px; float:left; padding:8px 0 0;}

h2 { font-family:Tahoma, sans-serif; font-weight: normal; color:#2d3031; font-size:16px; border-bottom: 2px solid #626667; padding:5px 0; margin:0 0 4px}

.pblock { clear:both; padding:7px 0}
.prodbox { width: 286px; float: left; border: 1px solid #d1d2d4; margin:7px 0; height: 152px; }
.prodbox p {height: 30px; overflow: hidden;}
.oper { position:absolute; left:10px; top:15px}

.prodbox img { float:left; margin:0 5px 0 0}

.prodbox_simple { width: 70px; height:110px; overflow:hidden; float: left; border: 1px solid #d1d2d4; margin:5px; }
.prodbox_simple a.image {display: block; text-align:center; height:70px; margin:5px 0px;}
div.prod_footer {background:#d1d2d4; height:30px; color:black; text-align:center;}
div.prod_footer a {color: black; text-decoration:none;}
.prodboxfoot {background:#d1d2d4; clear:both; width: 266px; padding:10px; margin:0; font-family:Tahoma, sans-serif; font-size:10px; color:#333637;}

.prodboxfoot a {color:#333637; text-decoration:none;}
.prodboxfoot a:hover { text-decoration: underline}

.prodboxfoot a.details { background:url(../images/details.gif) no-repeat; padding: 2px 0 2px 20px; font-size:11px; position:absolute; right: 10px; top: 10px;}

.prodbox .colors {position: absolute; top:0px; padding-left: 3px; right: 3px; margin-top: 95px;}
.prodbox .colors a { margin-left: 3px; float: left;}

h4 { color:#3a9cec; font-weight: bold; font-size:14px; padding:15px 5px 2px 0; margin:0}

.prodbox p { padding-left:3px}
.stock { color:#f60068; padding: 4px 3px 0 0}
.stock strong { font-size:14px; display: block}

.fright { float:right}
.fleft { float:left}

.viewall { width:584px; text-align: right}


/* NEW Style */

.pagemenu { border-bottom: 1px solid #d0d1d1; color:#333637; font-family:Tahoma, sans-serif; float:left; width:100%}

.pagemenu li { float:left; padding:5px 3px; }

.pagemenu li a { text-decoration:none; color:#3a9cec}
.pagemenu li a:hover { text-decoration:underline}

h1 { font-weight: normal; /*height:29px;*/ color:#3a9cec; font-size:20px; border-bottom: 2px solid #626667; padding:5px 0; margin: 0 0 20px;  clear: both; }

h1 span { /*float:left*/ }
 
h1 img { float:right; margin: 0 0 3px;} 

.prodleft { float:left; width:288px; overflow: visible;}

.prodleft .prod_image { text-align: center; border:1px solid #d1d2d4; width:286px; overflow: visible;}
.prodleft .prod_image