body { margin:0; padding:0; font-family: Arial, sans-serif;  color:#320000; }
a, div, td, ul, li, img, h1, h2, h3, p, form { margin:0; padding:0; border:0;}
a, a:link, a:visited { color: #0044e3; text-decoration:underline;}
a:hover { color: #00aeff; text-decoration:none; }
td { vertical-align: top;}
a:focus {outline: none;}




table#maintbl { margin:0 auto; }



/*---------- header -----------*/


#header { height:324px; background: url(images/header.jpg) no-repeat 0 0; margin:0 6px 0; border:1px solid #9ca5be; }


#tel { color: #0044e3; font-family:  Georgia, serif;  font-size: 34px; line-height:30px; font-weight:bold; width:180px; position:absolute; left: 580px; top:94px; text-align:right; background: url(images/tel.png) no-repeat 5px 1px; }
#tel span {display:block; font-size:14px; text-align:left; line-height:12px; margin-left:6px; }
#tel i { display:block; margin-top:0px; font-size:18px; font-style:normal; font-weight:normal; color:#00cf01; line-height:22px; margin-top:10px; }
#tel i b { font-family:Arial Narrow, sans-serif; font-size:20px; }




/*---------- cart  -----------*/

#cart {width:280px; height: 140px; position: absolute; right:10px;}
.cartpanel { width:280px; height: 100px; border-top: 4px solid #9ca5be; background:#f3faff; display:none; }
#cart ul { list-style:none; font-size:16px; line-height:15px; font-family: Arial Narrow; padding:0 4px; height: 80px; overflow:auto; }
#cart ul li { display:block; margin: 2px 0; color:#320000; padding:1px 6px; }
#cart ul li.sum { font-family: Georgia; color:#f60;}
.cartpanel a#of { display:block; text-align:center; padding:3px 0; background: #fff; font-size:12px; height:18px; }
.slide { border-top: 4px solid #9ca5be; background: url(images/img_btnslide.gif) no-repeat center top; }
a.btn-slide, a.btn-slide:link, a.btn-slide:visited { background: url(images/img_warrow.gif) no-repeat right -42px; text-align: center; width: 118px; height: 30px; padding: 9px 10px 9px 0; margin: 0 auto; display: block; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height:12px; font-weight: bold; color: #c0d0e0; letter-spacing:2px; }
a.btn-slide:hover { color:#fff; }
.slide a.active { background-position: right 12px; }



/*---------- Menu top-----------*/

#menu { height: 45px; background: url(images/img_menu.gif) repeat-x; padding:0 18px; margin:0 6px;}
#menu ul { height: 45px; background: url(images/img_menu2.gif) no-repeat; list-style: none; display:block; float:left;}
#menu ul li { float: left; height: 45px; background: url(images/img_menu2.gif) no-repeat right top; }
#menu ul li a, #menu ul li a:link, #menu ul li a:visited { float: left;  height: 45px; margin: 0px; padding: 0px 18px 0; text-decoration: none; text-transform: uppercase; font-size: 12px; line-height:45px; font-weight: bold; color: #fff; letter-spacing:2px;}
#menu ul li a:hover { background: #f60; color: #fff; height:45px; }

div#search {  display:block; float:right; margin:12px 0 0 0; }
#search input.inp { width:200px; font-size: 13px; border:0; padding:1px 5px; background:#f3faff; color: #320000;}
#search input.sub { width:40px;  font-size: 13px; color: #320000; width: 64px; border: 0px solid #C6C6C6; 	background-color: #f3faff; cursor:pointer;}


/*---------- footer -----------*/


#footer { height:60px; background: #00b6db; margin:0 6px 6px; padding: 6px 2%; font-family: Georgia, sans-serif;}

/*#footer p.phone { color: #fff; font-size:26px; line-height:40px; float:right; }*/
#footer p.phone { background: url(images/tel_foot.gif) no-repeat; float:right; width:180px; height:25px;margin-top:15px;}


#footer p.copy { float:left; width:70%; font-family: Arial Narrow, serif; font-size:14px; line-height:14px; margin-top:10px; }
#footer p.copy span { display:block; font-family: Georgia, sans-serif; font-size:18px;line-height:18px; font-weight:bold; }
#footer a { color:#000; text-decoration:none;}
#footer a:hover { color:#fff;}


/*---------- left column -----------*/

td#left {  width:240px; padding: 30px 10px 14px 6px; }

#how { width:100%; height:84px; font-weight:bold; font-size: 16px; line-height:14px; letter-spacing:1px; background: url(images/bg_how.png) repeat-x 0px 0px; }
#how a { display:block; text-decoration:none; color:#fff5e5; padding: 26px 0 0 28px;}
#how a:hover { color: #fff; }

div#gantels { display:block; margin:100px auto 0; background: url("images/img_gantels.jpg") no-repeat; width:200px; height:100px;}



/*---------- left menu -----------*/
ul#leftmenu {list-style-type: none; font-family: Georgia, sans-serif; margin: 30px 0 0 0; padding:0; width:100%;  }

ul#leftmenu li { position: relative; }
ul#leftmenu li a { display:block; font-size: 20px; line-height:20px;  text-decoration:none; color:#f60; padding:0; margin:0; padding:5px 0px 5px 14px; }
ul#leftmenu li a:hover { color:#f60; }

ul#leftmenu li:hover, ul#leftmenu li.over  { background:#fff5e6; }

ul#leftmenu li ul { display:none; position:absolute; list-style-type: none; background:#fff5e6; margin:0; padding:5px 0; top:0; left:240px; width:220px; z-index:1000; }
ul#leftmenu li ul li { margin:0; padding:0;  z-index:1000; }
ul#leftmenu li ul li a { display:block; font-size:17px; line-height:14px; padding-left:34px; letter-spacing:0; background: url(images/img_b4.gif) no-repeat 18px 6px; color:#f60; margin:0;  z-index:1000; }
ul#leftmenu li ul li a:hover { color:#fff; background: #f60; }
ul#leftmenu li.act ul li.act a { color:#00aeff; }

ul#leftmenu li.act { background:#f3faff;  }
ul#leftmenu li.act a, ul#leftmenu li.act a:hover { color:#00aeff; }
ul#leftmenu li.act ul { display:block; position:relative; left:0; top:0; background:#fff; margin:0; padding:0; padding-left:20px; }
ul#leftmenu li.act ul li a { color:#0044e3; background: #fff url(images/img_b3.gif) no-repeat 18px 5px; line-height:11px;}
ul#leftmenu li.act ul li a:hover { color:#00aeff;  background: #fff url(images/img_b3.gif) no-repeat 18px 5px; }


/* Holly Hack for IE :) \*/
* html ul#leftmenu li { float: left; height: 1%; }
* html ul#leftmenu li a { height: 1%; }
/* End */


/*---------- center column -----------*/


td#center {  padding: 30px 6px 50px 0px; }
#center h1 { font-size:34px; line-height:34px; font-family: Georgia, sans-serif; font-weight:normal; font-variant: small-caps; color: #f60; }



/* table catalog */

#prod { width:100%; margin:14px 0 10px; border:0; font-size:14px; }
#prod td { width:50%;  padding:5px 3px 20px; border-bottom: 2px dotted #2dc0ed; }
#prod td.line { border-right: 2px dotted #2dc0ed; }

#prod h3 { margin:0 0 10px 0; font-size:20px; line-height:20px; font-family: Arial Narrow; font-weight:bold; text-align:center; }
#prod h3 a, #prod h3 a:link, #prod h3 a:visited  { text-decoration:none; }
#prod h3 a:hover  { text-decoration:underline; }

#prod img.foto { float:left;  margin:0 6px 6px 0;}

#prod ul { list-style-type:square; font-family: Georgia; font-size:12px; }
#prod ul li {  }

#prod .price, #prod .more, #prod .add  {  display:block; width:120px;  line-height: 14px; text-align: center;   padding:2px 6px 3px; margin:3px 0 0 0; float: right; clear:right; }
#prod .price {  font-family: Arial Narrow; font-size: 17px; font-weight:bold;  background:#5dcb3f; color:#fff; }
#prod .old { background:#82329c; color:#ddd; font-weight:normal; text-decoration:line-through; margin-top:10px;  font-size: 16px; }
#prod .more { background:#2dc0ed; color:#fff; }
#prod .add { color:#fff; background:#f60; }
#prod .descr { font-family: Georgia; font-size:12px; }
#prod td p { font-family: Georgia; font-size:12px; text-indent:0; text-align:left; }


/* Листалка по страницам */
#navp { margin:20px 0 30px; float: left; width: 100%; clear: both; }		
#nav-pages { font-family:Arial; font-size:13px; line-height:14px; list-style: none; }
#nav-pages li {	float: left; }
#nav-pages a { margin-right: 3px; padding: 4px 5px; display: block; text-decoration: none; }
#nav-pages a { border: 1px solid #c0d0e0; color: #320000; }
#nav-pages a:hover { border: 1px solid #320000;}
#nav-pages a.now { font-weight: bold; font-style: normal; color: #fff; background: #c0d0e0; border: 1px solid #c0d0e0; }


/* текст на странице, абзацы */

#center p { font-size:16px; /* text-indent:30px; text-align:justify;*/  margin:5px 0; color: #000;}
#center div.maintext p { text-align:justify; }
#center div.maintext { margin-bottom:40px;}


#center .bluecolor { color:#0044e3; }
#center .bluesmall { color:#0044e3; font-weight:bold; font-size:16px; }

#center .typeblock { width:29%; float:left; margin:20px 4px; padding: 6px 8px; z-index:1; }
#center .typeblock h3 { margin:0 0 6px; text-align:center; font-weight:normal;}
#center .typeblock p { font-size:13px; margin:4px 0; text-indent:0; line-height:100%; }

#center .typeblock3 { width:43%; float:left; margin:6px 6px; padding: 4px 14px; }
#center .typeblock3 h4 { margin:0 0 -4px; color:#f60; font-weight:bold; font-size:14px; }
#center .typeblock3 p { font-size:14px; margin:6px 0; text-indent:0; line-height:100%; text-align:justify; }

#center .typeblock2 { margin:6px 0px; padding:4px 14px; z-index:1;  }
#center .typeblock2 h3 { margin:0 0 6px; font-weight:normal;}
#center .typeblock2 h4 { margin:0 0 -4px; color:#0044e3; font-weight:bold; font-size:14px; }
#center .typeblock2 p { font-size:14px; margin:6px 0; text-indent:0; line-height:100%; text-align:justify; }
#center h5 { color: #f60; margin: 8px 0 -5px; padding:0; }
#center p.nb { font-size:90%; padding-left:6px; border-left:1px solid #f60; }
#center ul.tech2 { list-style-type:none; color:#000;}
#center ul.tech2 li { font-size:16px; padding-left:16px; background: url(images/img_b1.png) no-repeat -4px 2px;}


#center .tgreen { background:#eeffee; }
#center .tblue { background:#f3fbff; }
#center .torange { background:#fff9ee; }

.clearfloat { clear:both;}

#center .brands, #center .brands2 {  margin:20px auto; overflow:visible;}
#center .brands ul li, #center .brands2 ul li { float: left; list-style: none; width:200px; height: 40px; font-size: 20px; padding-left:30px; background: url(images/img_b1.png) no-repeat 10px 4px;}

#center .brands2 ul li { background: url(images/img_b2.gif) no-repeat 10px 4px; } 

#center ul.c_ul li { list-style: none; font-size: 18px; line-height:20px;  padding-left:20px; background: url(images/img_b2.gif) no-repeat 0px 4px; }
#center ul.c_ul li a { text-decoration:none;}
#center ul.c_ul li a:hover { text-decoration:underline;}


#center h2 {  clear:both; font-size: 18px; margin:30px 0 6px; line-height:20px; font-style:italic; font-weight:normal; color: #00b6db; }

#center hr {  height:0px; width:90%; border:0; border-top: 2px dotted #c0d0e0; margin:30px 0;}

/*
#center .table_tech { margin:0; padding:0; border:0; }
#center .table_tech td { padding:10px; } */

#center img.bigfoto {  float:left; margin:20px 30px 60px 0;  }
#center h4 { font-family: Georgia; display:block; margin:30px 0 2px; color:#0044e3;  }
#center .bigprice { font-family: Georgia; font-size: 20px; font-weight:bold; margin:20px auto 20px 0; background:#5dcb3f; color:#fff; width:200px; line-height:20px; text-align: center; padding:10px 16px; float:left;  }
#center .bigadd { clear:both; display:block; font-family: Georgia; font-size: 18px; font-weight:bold; margin:30px auto 20px; background:#f60 url("images/img_cart.gif") no-repeat 14px center; color:#fff; width:200px; line-height: 18px; text-align: center; padding:10px 0px 10px 20px; }

#center ul.tech { list-style-type:square; }
#center ul.tech li { font-size:16px; }
#center .space { height:80px; }






/* форма контакты */

#contact_us { padding-top:90px; margin:-30px 0 30px 0; background: url(images/img_contact.png) no-repeat 240px 0;}
#contact_us h4 {  margin: 0 0 20px 190px; font-family:Verdana;}
#contact_us label {  float:left;   width:180px;   line-height:1em;  margin-right:6px;   text-align:right; }
#contact_us input, #contact_us textarea {  margin:0 0 10px 4px;  width:220px;}
#contact_us textarea { width:300px; }
#contact_us .submit { font-size:14px;  width:110px; height:30px;  margin-left:190px; color:#fff; background:#f60; border:1px solid #ffdb8e; cursor:pointer; }


/* страница оформления покупки */

table#oform { margin:50px 0; width:90%; font-family:Georgia; }
#oform th { text-align:left;font-family:Arial Narrow; border-bottom: 1px solid #0044e3; color: #0044e3;padding: 2px 6px; }
#oform td { padding: 10px 6px 2px; line-height:16px;  }
#oform td.edit { font-size:10px; font-family:Arial; }
#oform td.name { font-family:Arial Narrow; }

#oform .fl { text-align:left;}
#oform .fr { text-align:right;}
#oform .fc { text-align:center;}


#form_oform { display:block; background: url(images/img_oform.png) no-repeat 460px 20px;  }
#form_oform h2 { margin:0 0 20px 190px; display:block;}
#form_oform label {  float:left; width:180px; line-height:1em;  margin-right:6px;   text-align:right; }
#form_oform input {  margin:0 0 10px 4px; width:220px; }
#form_oform textarea { width:330px; margin:0 0 10px 4px; }

#form_oform .submit { font-size:14px;  width:110px; height:30px;  margin-left:190px; color:#fff; background:#f60; border:1px solid #ffdb8e; cursor:pointer; }