/* htmlcoding by macgera */
/* reset */
html, body, ul, ol, dl, li, td, th, form, blockquote, sup, sub, strong, strong, strike, small, big, h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0; font: ;}
p {margin-top: 0;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; margin: 0; padding: 0;}
img {border: none;}

/* Struct */ 
.half {width: 50%;}
.third {width: 33%;}
.left {float: left;}
.right {float: right;}
.cl {clear: both; font-size: 0px;}
.licl {float: none; clear: both;}

/* global tags */
a {text-decoration: underline;}
a:hover {text-decoration: none;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
.min {min-width: 1000px;}
.container {margin: 0 auto;}
.ralign {text-align: right;}

body {background: #fff; font: 80%/170% arial, "Helvetica Neue", Helvetica, sans-serif; color: #000;}
h1, h2, h3, h4, h5 {color: #38849b;}
.text_block h1{font-size:16px;}
ul {list-style: none;}
a {color: #01618f;}
.wrap {width: 1000px; margin: 0 auto;}
.wrapheader {background: url(../images/wrap_head.png) top repeat-x; border-top: 5px solid #388da8; margin-bottom: 5px;}

.header {width: 1000px; margin: 0 auto; font-style: italic;}
    .header ul {margin-top: -5px;}
        .header ul li {float: left; text-align: center;}
            .header ul li a {color: #1d2731; display: block; width: 164px; height: 33px; padding-top: 7px; background: url(../images/headerlink.png) top left no-repeat;}
            .header ul li a:hover {color: #fff; background: #388da8 url(../images/headerlink.png) top left repeat-y;}
    .logo {width: 374px; padding-top: 24px;}
    .order {width: 210px; padding-top: 8px;}
        .icq {padding-left: 24px; background: url(../images/icq.png) left top no-repeat;}
        .phones {display: block; padding-top: 6px;}
            .phones span {font-weight: bold; font-size: 1.7em;}
                .phones sup {font-weight: bold; font-size: 1.1em;}
    .login {width: 218px; padding-top: 14px;}
        .log {padding-left: 28px; background: url(../images/log.png) 0 4px no-repeat;}
        #regRef {padding-left: 28px;}
        .call {display: block; padding-left: 28px; margin-top: 20px; background: url(../images/call.png) 2px 5px no-repeat;}
    .cart{width: 198px; font-style:italic;}
        .cart span {display: block; height: 70px; background: url(../images/cart.png) left top no-repeat; padding-left: 100px; margin-top: 10px;}
        .cart span a {font-size: 1.4em;}
        
.side {width: 232px;}
    .side ul.menu {background: #f2f2f2; padding: 16px 24px 24px 24px; margin-bottom:10px;}
        .side ul.menu li.catl{margin:8px 0px 5px 0px;}
        .catl a {color: #000; text-decoration: none; font-size: 1.35em;}            
            .side ul.menu li.child {padding-left: 20px; margin-bottom: 0px;}
                .side ul.menu li.child a {color: #029cff; font-size: 1.1em;}
    
    .news, .module ul {font-size: 0.95em; padding:10px 20px;}
	.module h3 {font-size:18px; margin-left:10px;}
        .news li, .module li {margin-bottom: 2px;}

.content {width: 747px;}
    .path {margin-bottom: 20px;}
        .path li {display: inline; padding-right: 10px; padding-left: 10px; border-right: 1px solid #c2c2c2;}
            .path li:first-child {padding-left: 0px;}
            .path li:last-child {border-right: 0px solid #c2c2c2;}
    .list {text-align: center; margin: 30px 60px 0px 0px; }
        .list li {display: inline;}
            .list li span {background: #f2f2f2; padding: 2px 6px 2px 6px;}
            .list li a {color: #fff; background: #808080; padding: 2px 6px 2px 6px; text-decoration: none; font-weight: bold;}
            .list li a:hover {background: #32a1c6;}
/* banner */
    .banner {display: block; width: 743px; height: 155px; margin: 0 0 10px 0;}    
    .bann01 {background: url(../images/banners/banner.png) top left no-repeat;}
/* banner */
    
/* ITEMS */
.item {width: 235px; float: left; margin-right: 4px; margin-bottom: 4px; border: 1px solid #e8e8e8; padding: 4px;}
.item:hover {border: 1px solid #afddec;}
    .item div h2 {font-size: 1.5em; height:40px; margin:0px; text-align: center;}	
        .item div h2 a {color: #38849b; text-decoration: none;} 
    .item div .image {width: 240px; display: table-cell; height: 190px; text-align: center; vertical-align: middle;}
            .item div .image img {margin:6px auto; max-height:160px; max-width:140px; height: auto;}
            .item .buybtn, #vmbuybtn, .item_show .buyitem{width:77px; height:24px; display:block; float:right; cursor:pointer; background:url(../images/buy.png); border:0px;}
			
    .price_ua {font-style: italic; color: #fff; background: #3c97ac; padding: 1px 3px 1px 3px; font-size: 1.15em;}
        .price_s_us {font-style: italic; background: #4ab6da; color: #fff; text-decoration: none; padding: 1px 3px 1px 3px; font-size: 1.15em;}
        
    .price_us {font-style: italic; color: #fff; background: #3c97ac; padding: 1px 3px 1px 3px; font-size: 1.15em;}
        .price_s_ua {font-style: italic; background: #4ab6da; color: #fff; text-decoration: none; padding: 1px 3px 1px 3px; font-size: 1.15em;}
        
    .item div .item_d {padding-top: 10px;}        
    .item_show .image {text-align: center;}
    .item_show .desc h1, .item_show .desc h2 {margin-bottom: 10px;}
    .item_show .desc .cl  {padding-top: 15px;}

#relatedProds .similar{list-style:none; padding:0px; margin:0px;}
#relatedProds .similar li {float: left; margin-right: 10px; margin-bottom: 10px;}
#relatedProds .similar li a {text-decoration: none; display: block; border: 1px solid #e8e8e8; padding: 10px; width: 110px; height: auto;}
    .similar li a img {width: 100px; height: auto;}
    .similar li a span {text-decoration: underline;}
    .similar li a:hover {border: 1px solid #afddec;}
    .similar li a:hover span {text-decoration: none;}
    .similar li a .black {color: #000; text-decoration: none;}

/* ITEMS */
/* text_block */
.text_block {margin-top: 20px; margin-bottom: 20px;}
.text_block h1 {color: #153a71; margin-bottom: 10px;}
.text_block ul {padding-left: 50px; list-style: circle; margin-bottom: 20px;}
.text_block p {text-align: justify;}

/* text_block */
.footer ul {color: #fff; height: 32px; padding-top: 65px; background: url(../images/foot_menu.png) bottom repeat-x; text-align: center;}
    .footer ul a{color: #fff;}
    .footer ul li {display: inline;}
    
.foot {background: #3a8faa url(../images/foot.png) top repeat-x; padding-top: 20px; padding-bottom: 40px; color: #fff;}
    .foot_1 {width: 25%;}
    .foot_2 {width: 50%;}
    .foot_3 {width: 25%;}
		.foot_3 #search{width:100%;}
		.foot_3 #counts{float:right; width:88px; margin:15px 55px 0px 0px;}
			.foot_3 #counts div.fc{width:88px; height:31px; margin-bottom:10px;}
	.foot a {color: #fff;}
    .foot div {text-align: center;}
    .searchInp {width: 150px; height: 14px; padding: 2px; border: 1px solid #3c3c3c;}
	.searchBtn {width:12px; height:14px; border:0px; cursor:pointer; background:url(../images/search.png) left 2px no-repeat;}
.modulebanner{margin-bottom:10px;}

#loginBox{width:280px; z-index:1000; height:170px; position:absolute;	left:350px; top:200px; background:#fff;	display:none; text-align:left; padding:30px 0 0 25px; background:url(../images/loginBox.png) top left no-repeat;}
#callbackBox{width:320px; z-index:1000; position:absolute; left:350px; top:200px;	background:#fff; display:none; text-align:left;	padding:20px;}

#login{width:215px;	padding:15px 0 0 0;}
.l_icon{width:24px;	height:21px; background:url(../images/login.png) center left no-repeat;}
.l_icon2{width:24px; height:21px; background:url(../images/oz.png) center left no-repeat;}
.lref{text-align:left;}

.ltText, .ltText a{text-align:left; font:italic 12px Arial; text-decoration:none;}
.ltSub .button{margin:0;}
.ltText{width:50px;}
.ltText a:hover{text-decoration:underline;}
.ltText ul{list-style:none;padding:0;margin:0;width:200px;}
.ltInp input {border:1px solid #01618f; color:#010101; width:100px; height:15px; text-align:left;}
.ltInp{width:105px; padding:2px 0px;}

#mailTable{color:#424242;font:12px Tahoma;}
#mailTable td{padding:5px 0px;}
#mailTable input, #mailTable textarea,  #mailTable select{border:1px solid #cfcfcf;}
#mailTable textarea{width:180px;}
#mailTable input:hover, #mailTable textarea:hover,  #mailTable select:hover{border:1px solid #01618f;}
#mailTable select{width:162px;}

#mainMailDiv,#mainMailDiv2{display:block;}
#sent, #notsent,#sent2, #notsent2{display:none; width:100%; text-align:center;font:12px Tahoma; color:#424242;}
#notsent{text-align:left;}

#closeMailWin span, #closeMailWin2 span{font:italic 13px Arial; color:#01618f; border-bottom:1px dashed #01618f;	text-decoration:none; cursor:pointer;}
#closeMailWin span:hover, #closeMailWin2 span:hover{font:italic 13px Arial; color:#01618f; border:none;}

input.button, #form-login input.button, .validate, button{height:20px; color:#fff; line-height:15px; padding:2px 4px 4px; border:1px solid #185871; cursor:pointer; border:none; background:transparent url(../images/but.gif) top left repeat-x;}
input.button:hover, #form-login input.button:hover, .validate:hover, button:hover {color:#fff;}

.content .contentheading, .content .componentheading{padding: 0;	font:italic 18px Arial;	vertical-align: middle;	color: #01618f;	text-align: left; text-transform:none;}

#vmMainPage ul.path{margin-top:-40px; padding:0px;}
.addtocart_form{float:right; text-align:right;}
.q-box{height:25px; width:120px; margin-top:-4px;}
.q-box .inputboxquantity{height:13px; width:25px;}
.item_show .desc .vmCartContainer{float:right}
.totalcart{line-height:15px;}
textarea#comment{margin-bottom:7px;}
.userformtpl{margin:5px 0px;}
.userformtpl td{padding:3px 0px;}
#mail2Table td{padding:3px 0px;}
#mail2Table textarea{width:390px;}

.newsblock{margin-top:16px;}
.articlesblock{margin:-20px 0px 40px 0px;}
.newsblock, .articlesblock {border: 1px solid #c4c4c4; padding: 10px;}
.newsblock h3, .articlesblock h3 {margin-bottom: 5px; margin-left:0px; padding-left:0px;}
.newsblock div.nitem, .articlesblock  div.nitem {margin-bottom: 14px;}
.newsblock div.nitem:hover, .articlesblock div.nitem:hover {background: #f2f2f2;}
#b-list{overflow:hidden;}
#bannersmpage{width:742px; height:180px; overflow:hidden; margin-bottom:10px; background:url(../images/banners-bg.jpg) left bottom no-repeat;}
#bannerPagerIn {width:742px; height:24x; text-align:center; margin-top:9px;}
#bannerPagerIn a {width: 11px; height:11px; display: inline-block; margin:0px 5px; background:url(../images/nav.jpg) left top no-repeat;}
#bannerPagerIn a.activeSlide {background:url(../images/nav-active.jpg) left top no-repeat;}
#bannerPagerIn a:focus { outline: none; }