@charset "utf-8";
/* CSS Document */

html, body{ background:#f5f5f4; margin:0; padding:0; font:13px "Trebuchet MS"; color:#161616; text-align:left; }
a{ color:#445c76; font:12px "Trebuchet MS";}
a:hover{ text-decoration:none; color:#689200; }

form, ul, li, p, h1, h2{ margin:0; padding:0;}
a img{ border:none;}
h1{ padding:10px 0 10px 0px; font:20px "Trebuchet MS"; color:#445c76; font-weight:normal;}
h2{ padding:30px 0 10px 0px; font:17px "Trebuchet MS"; color:#445c76; font-weight:normal;}
h2 a{font:17px "Trebuchet MS"; color:#445c76; font-weight:normal;}


.input{ background:none; border:none;}
.clear{ clear:both;}
.flLeft{ float:left;}
.middle{ vertical-align:middle;}
.bold{ font-weight:bold; }
.rel{ position:relative;}

#wrapper{ width:980px; margin:0 auto; }

#logo{ position:absolute; top:25px; left:57px; width:239px; height:65px;}
#wrapper .login{ position:absolute; top:0; right:0; background:url(../images/loginBg.jpg) left bottom no-repeat; padding:20px 0 0 40px;}
#wrapper .login a{ margin:0 5px 0 0;}
#wrapper .menu{ position:absolute; top:75px; z-index:3; right:37px;}
#wrapper .menu a{ font:17px "Trebuchet MS"; color:#5d5d5d; margin:0 42px 0 0;}
#wrapper .menu a:hover, #wrapper .menu a.active{ color:#689200; text-decoration:none;}

#wrapper .rightTopCorner{ background:url(../images/rightMenuTop.png); width:82px; height:50px; position:absolute; top:45px; left:840px; z-index:2;}

#wrapper .topMenu{ background:url(../images/topMenu.png); width:843px; height:234px; padding:0px 8px 0 28px; margin:0 0 40px 0; color:#6e6e6e; font:11px "Trebuchet MS";}
#wrapper .topMenu .col{ padding:0 20px 0 20px; width:170px;}
#wrapper .topMenu ul{ list-style:url(../images/topMenuLi.gif); line-height:14px; margin:0 0 17px 0;}
#wrapper .topMenu ul li{padding:0 0 2px 0;}

#wrapper .topMenu .titleCat{ font:20px "Trebuchet MS"; color:#6e6e6e; display:block; height:30px; padding:57px 0 0 0;  position:relative; }
#wrapper .topMenu .titleCat:hover{ color:#558c00; text-decoration:none;}
#wrapper .topMenu .price div{ position:absolute; top:12px; left:115px;  width:52px; text-align:center;}
#wrapper .topMenu #serverPrice.price div{ position:absolute; top:19px; left:108px; width:60px;}
#wrapper .topMenu .price .white{ color:#FFFFFF; }
#wrapper .topMenu .price .gray{ color:#6E6E6E;}
#wrapper .topMenu .price .bigNum{ font-size:24px; font-weight:bold; letter-spacing:-4px;}
#wrapper .topMenu .price .smallNum{ font-size:11px; vertical-align:6px;}
#wrapper .topMenu .price .smallNum.doll{ letter-spacing:-3px; font-weight:bold; font-size:11px;}
#wrapper .topMenu #serverPrice.price .bigNum{ font-size:20px; font-weight:bold; letter-spacing:-2px;}

#wrapper .topMenu #mini{ background:url(../images/mini.jpg) top right no-repeat; margin:-27px 0 10px 0;}
#wrapper .topMenu #standart{ background:url(../images/standart.jpg) top right no-repeat; margin:-26px 0 10px 0;}
#wrapper .topMenu #portal{ background:url(../images/portal.jpg) top right no-repeat; margin:-26px 0 10px 0;}
#wrapper .topMenu #server{ background:url(../images/server.jpg) top right no-repeat; margin:-31px 0 8px 0; height:30px; padding:63px 0 0 0;}
#wrapper .topMenu #mini:hover{ background:url(../images/mini.jpg) bottom right no-repeat; }
#wrapper .topMenu #standart:hover{ background:url(../images/standart.jpg) bottom right no-repeat; }
#wrapper .topMenu #portal:hover{ background:url(../images/portal.jpg) bottom right no-repeat; }
#wrapper .topMenu #server:hover{ background:url(../images/server.jpg) bottom right no-repeat; }

.btnOrder{ background:url(../images/btnOrder.png) top; width:105px; height:21px; padding:2px 0 0 0; margin:5px 0 0 0; text-align:center; display:block; color:#000; text-decoration:none; font-size:14px;}
.btnOrder:hover{background:url(../images/btnOrder.png) bottom; color:#fff;}

#wrapper #content{ margin:135px 0 0 0; padding:0 0 0 40px;}

#content .articleCol{width:400px; }
#content  p{ padding:5px 0 5px 0px; text-align:justify;}
#content .textTab p{ padding:5px 0 5px 20px;}
#content .contentText{padding: 0 0 0 20px; width:840px; text-align:justify;}
#content.inside  p{ padding:5px 0 5px 0px; width:865px; text-align:justify;}

#content .articleCol #leftTitle, #content .articleCol #rightTitle{ padding-left:0; font-size:20px; height:20px; color:#689200;}
#content .articleCol #leftTitle span{ background:url(../images/apple1.jpg) left bottom no-repeat; height:26px;  padding:20px 0 0 50px; margin:0 0 15px 0; }
#content .articleCol #rightTitle span{ background:url(../images/apple2.jpg) left bottom no-repeat; height:28px; margin-top:7px; padding:15px 0 0 72px; margin:0 0 0px 0; }

/*#content .articleCol #leftTitle a:hover{ background:url(../images/apple1.jpg) left bottom no-repeat; }
#content .articleCol #rightTitle a:hover{ background:url(../images/apple2.jpg) left bottom no-repeat; }*/


#content .articleCol.L{ margin:0 20px 0 0px;}
#content .articleCol.R{ margin:0 30px;}

#wrapper #content .cols{ background:url(../images/divider.gif) 430px 0 repeat-y;}

#content .contentText .priceTab{border-width:0 0 1px 1px; border-color:#a0a0a0; border-style:solid;}
#content .contentText .priceTab td{ border-width:1px 1px 0 0; border-color:#a0a0a0; border-style:solid; padding:5px;}


/*inside page*/
#wrapper .hostTab{ margin:15px 0 0 0; border-width:1px 0 0 1px; border-color:#cbcbcb; border-style:solid;}
#wrapper .hostTab tr td{  background:#FFFFFF; padding:3px 3px 3px 5px;  border-width:0 1px 1px 0; border-color:#cbcbcb; border-style:solid;}
#wrapper .hostTab tr th{background:#ebebeb; text-align:center; padding:3px 0 3px 5px; color:#444; border-width:0 1px 1px 0; border-color:#cbcbcb; border-style:solid; }

#wrapper .hostTab tr .priceCol{ background:#f7f7f7; padding:0 0 0 0px;}
/*#wrapper .hostTab tr .priceCol{ width:94px; background:#f7f7f7; padding:0 0 0 13px;}*/

#wrapper .hostTab tr td a{ text-decoration:none; background:url(../images/basket.jpg) left top no-repeat; margin:0 0 0 15px; padding:0 0 0 20px; height:15px; display:block;}
#wrapper .hostTab tr td a:hover{ text-decoration:underline; background:url(../images/basket.jpg) left bottom no-repeat; }

#messageBox{ position:absolute; top:100px; left:40px;}
#mesBox{ font: 16px "Trebuchet MS"; margin: 0 0 10px 0; text-align:center;}
.ok{color:#689200;}
.err{ color:#f94000;}

#footer{ background:url(../images/footer.jpg) 275px 12px no-repeat; margin:52px 0 15px 0; text-align:center; padding:23px 0 3px 0; height:18px;}