/*
Project: VipKraski
Author: Stadnikov [lobster] Veniamin
e-mail: veniamins@gmail.com
icq: 264927884  */

/* IE6 png filter 
-background-image: none;
-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/media/elements/images/header/car.png,sizingMethod='scale');
*/

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- GENERAL CLASSES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
* {margin: 0; padding: 0;}
html {height: 100%;}
body{height: 100%; background: #FFF url(/media/elements/images/background/head-patern-inner.jpg) top left repeat-x; color: #434c56; font-size: 12px; font-family: Arial;  line-height: 18px;}
body.index{background: #FFF url(/media/elements/images/background/head-patern.jpg) top left repeat-x;}

a{color: #636363;}
a:hover{text-decoration: none;}
img{border: none; vertical-align: bottom;}
h1{color: #434c56; font-size: 30px; line-height: normal; font-weight: normal;}
h2{font-size: 18px; line-height: normal; font-weight: normal;}

p{}
ul{list-style: none;}

.clear{clear:both; font-size:1px; line-height:0px;}
.hidden {display:none !important; }
.error { font-weight: bold; color: #f00; }
.text_center{text-align: center;}
.text_right{text-align: right;}
.center { margin: 0px auto;}
.block { display:block; }
.clearboth { clear:both; }
.left { float:left;}
.right { float:right;}
.nobr {white-space:nowrap;}
.rel{ position: relative;}
/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- CONTAINERS CLASSES -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */
#page{height: 100%; width: expression((documentElement.clientWidth||document.body.clientWidth)<995?'995px':''); min-width: 995px;}
#wrapper{min-height: 100%; width: 980px; margin: 0px auto;}

#content{padding-bottom: 150px;}
#header{height: 307px; position: relative;}
body.index #header{height: 514px; position: relative;}
#left_collumn{float:left; width:15em; background: #aa33cc;}
#right_collumn{float:right;width:10em; background: #ffcc00;}
#wrap1{float:right;width:100%;margin-left:-15em;}
#wrap2{margin-left:15em;}
#wrap3{width:100%;}
#wrap4{float:left;width:100%;margin-right:-10em;}
#center_collumn{margin-right:10em; background: #ff3300;}
#footer { position: relative; height: 80px; width: 980px; margin: 0px auto; margin-top: -80px;}


/*
~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~ header ~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~ */
body.index .logo{position: absolute; top: 69px; right: 0px; width: 262px; height: 80px; background: url(/media/elements/images/logo.png); text-decoration: none;}
body.index .rainbow{position: absolute; top: 0px; left: 50%; width: 659px; height: 217px; margin-left: -330px; background: url(/media/elements/images/background/rainbow.png);}
body.index .runok{position: absolute; top: 99px; left: -83px; width: 1004px; height: 333px; background: url(/media/elements/images/background/building.png);}
body.index .boxes{position: absolute; top: 284px; left: 344px; width: 351px; height: 235px; background: url(/media/elements/images/background/boxes.png);}
body.index .delivery{position: absolute; top: 317px; left: 778px; width: 159px; height: 124px; background: url(/media/elements/images/background/delivery.png);}
body.index .order-label{position: absolute; top: 432px; left: 27px; width: 173px; height: 71px; background: url(/media/elements/images/background/order-label.png); text-decoration: none;}
body.index .make-order-label{position: absolute; top: 432px; left: 550px; width: 74px; height: 24px; background: url(/media/elements/images/background/make-order-label.png); text-decoration: none;}
body.index .delivery-label{position: absolute; top: 432px; left: 730px; width: 90px; height: 27px; background: url(/media/elements/images/background/delivery-label.png); text-decoration: none;}

#basket{position: absolute; top: 84px; left: 560px; background: url(/media/elements/images/label/basket.png) top left no-repeat; padding: 24px 0px 0px 18px;}
#basket p{font-size: 11px;}
#basket .order{padding-left: 60px;}
#basket .order a{background: url(/media/elements/images/icon/order.gif) 0px 6px no-repeat; padding-left: 14px;}

.runok-small{position: absolute; top: 108px; left: 253px; width: 402px; height: 133px; background: url(/media/elements/images/background/building-inner.png);}
.call{position: absolute; top: 61px; left: -64px; width: 397px; height: 388px; background: url(/media/elements/images/background/call.png);}

.logo{position: absolute; top: 16px; right: 0px; width: 262px; height: 80px; background: url(/media/elements/images/logo.png); text-decoration: none;}
.runok-small{position: absolute; top: 108px; left: 253px; width: 402px; height: 133px; background: url(/media/elements/images/background/building-inner.png);}
.call-small{position: absolute; top: 55px; left: 10px; width: 233px; height: 181px; background: url(/media/elements/images/background/call-inner.png);}
.boxes-small{position: absolute; top: 132px; left: 373px; width: 263px; height: 176px; background: url(/media/elements/images/background/boxes-inner.png);}
.delivery{position: absolute; top: 164px; left: 778px; width: 159px; height: 124px; background: url(/media/elements/images/background/delivery.png);}
.order-label-small{position: absolute; top: 216px; left: 27px; width: 173px; height: 71px; background: url(/media/elements/images/background/order-label.png); text-decoration: none;}
.make-order-label{position: absolute; top: 262px; left: 550px; width: 74px; height: 24px; background: url(/media/elements/images/background/make-order-label.png); text-decoration: none;}
.delivery-label{position: absolute; top: 262px; left: 720px; width: 90px; height: 27px; background: url(/media/elements/images/background/delivery-label.png); text-decoration: none;}

/*
~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~ Main Grid ~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~ */
.main-grid{width: 100%; border-collapse: collapse;}
.main-grid .left-collumn{width: 230px; vertical-align: top;}
.main-grid .center-collumn{vertical-align: top; padding-left: 40px;}

/*
~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~ Main menu ~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~ */
.main-menu{width: 229px; margin-bottom: 17px;}
.main-menu .t{height: 22px; background: url(/media/elements/images/main-menu/corners.png) 0px 0px no-repeat;}
.main-menu .c{background: #f3f3f3; padding: 0px 0px 0px 25px;}
.main-menu li{width: 83px; padding-left: 15px; height: 21px;}
.main-menu a{color: #434c56; line-height: 21px;}
.main-menu li.active{background: url(/media/elements/images/main-menu/active.png);}
.main-menu li.active a{color: #ffffff;}
.main-menu .b{height: 22px; background: url(/media/elements/images/main-menu/corners.png) 0px -22px no-repeat;}

/*
~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~ Catalog list ~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~ */
.catalog-list{padding-left: 36px;}
.catalog-list h3{font-size: 12px; color: #434c56; font-weight: normal;}
.catalog-list a{color: #1b93e7; font-size: 11px;}
.catalog-list dd{padding-bottom: 7px;}
.catalog-list dt{padding-bottom: 4px;}
.catalog-list li{padding: 1px 0px;}

/*
~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~ Search ~=~=~=~=~=~=~=~=~=~=~=~=~=~=~=~ */
.search{margin-bottom: 22px;}
.search table{width: 100%; border-collapse: collapse;}
.search .l{width: 8px; height: 30px; background: url(/media/elements/images/search/left.gif);}
.search .l div{width: 8px;}
.search .c{height: 30px; background: url(/media/elements/images/search/patern.gif); width: 100%; vertical-align: top;}
.search .c input{color: #999999; font-size: 12px; font-family: Arial; width: 100%; border: solid 0px; background: none; height: 26px; line-height: 26px;}
.search .r{width: 8px; height: 30px; background: url(/media/elements/images/search/right.gif);}
.search .r div{width: 8px;}
.search .button{width: 70px; padding-left: 14px;}
.search .hint{color: #999999; font-size: 10px; margin-left: 8px;}

.manufactures{padding-bottom: 20px;}
.manufactures table{width: 100%; border-collapse: collapse;}
.manufactures td{width: 33%; padding: 25px 0px;}

.about h2{font-weight: normal;}
.about p{padding: 6px 0px;}

.copyright{position: absolute; top: 0px; left: 0px; color: #1b93e7;}
.vetrov{position: absolute; top: 0px; right: 0px; color: #1b93e7;}
.vetrov a{color: #434c56;}

.breadcrumb{color: #7e8b9c; padding: 10px 0px;}
.breadcrumb a{color: #7e8b9c;}
.breadcrumb li{float: left; padding-right: 20px;}

.pagetitle{padding: 14px 0px;}

.pagings{padding: 10px 0px;}
.pagings table{width: 100%; border-collapse: collapse;}
.pagings .pages{}
.pagings .pages a{display: inline-block; width: 18px; height: 25px; line-height: 25px; text-align: center;} 
.pagings .pages a.active{width: 25px; background: url(/media/elements/images/page-active.gif) center center no-repeat; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.pagings .actions{text-align: right; color: #1b93e7; font-size: 11px;}
.pagings .actions .prew{background: url(/media/elements/images/pages/prew.gif) 0px 6px no-repeat; padding-left: 10px;}
.pagings .actions .prew-active{background: url(/media/elements/images/pages/prew-active.gif) 0px 6px no-repeat; padding-left: 10px; color: #1b93e7;}
.pagings .actions .next{background: url(/media/elements/images/pages/next.gif) right 6px no-repeat; padding-right: 10px;}
.pagings .actions .next-active{background: url(/media/elements/images/pages/next-active.gif) right 6px no-repeat; padding-right: 10px; color: #1b93e7;}

.products{padding: 10px 0px;}
.products table{width: 100%; border-collapse: collapse;}
.products th{background: #b4b7bb; color: #FFFFFF; font-size: 13px; font-weight: normal; height: 38px;}
.products th.l{background: #b4b7bb url(/media/elements/images/products/th_left.gif) top left no-repeat;}
.products th.r{background: #b4b7bb url(/media/elements/images/products/th_right.gif) top right no-repeat;}
.products td{text-align: center; padding: 10px 5px; border-bottom: solid 1px #b4b7bb; color: #1b93e7;}
.products .product{text-align: left; padding-left: 30px;}
.products .photo{width: 80px;}
.products a {color:#1b93e7;}

.reg_info           { font-size:14px; color:#464646; margin-bottom:5px; }
.reg_info strong    { color:#ed1c24; }
.reg_info input     { margin-bottom:5px; width:250px; border:1px solid #00aeef; }
.reg_info textarea  { margin-bottom:5px; width:600px; height:110px; border:1px solid #00aeef; }

.i-dont-know-what-write-there p { margin:10px 0; }
.show-goods { margin:10px 0; }
.show-goods td { padding:10px; border-left:2px solid #b4b7bb; }



/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- LEFT COLLUMN -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- RIGHT COLLUMN -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- CENTER COLLUMN -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- FOOTER -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- */