/* Global */
* {margin:0; padding:0; font-family:arial}
html, body {width:100%;height:100%; font-size:13px;}
body { background:url(img/headbg.jpg) top center no-repeat}
input, button, textarea, select {font: normal 12px "arial", sans-serif; vertical-align: middle; outline:none; }
legend { display: none; }
fieldset { border: none; }
ul, ol { list-style: none; }
ol { list-style-type: decimal;}
table { border-collapse: collapse; border:0; font-family:arial; }
hr { display: none; }
img {border: none;}

h1, h2, h3, h4 {font-weight:normal; line-height:1.3em; color:#1D6BAD; margin-bottom:18px;}
h1{font-size:20px;}
h2{font-size:16px;font-weight:bold;}
h3{font-size:14px; font-weight:bold;}

p, ol, blockquote, pre{padding: 0 0 10px 0;}
a {color:#1D6BAD;}
a:hover {color:#333;}
div.clear {clear: both !important;visibility: hidden !important;margin:0 !important;overflow: hidden;font-size:1px;}



/* CSS Document */
#container {min-height:100%; position:relative;}
#header { overflow:hidden; height:270px; position:relative;}
#body {padding:24px 0 160px 0; overflow:hidden;}
#footer {position:absolute; bottom:0;}

.wrap { width:940px; margin:0 auto;}


/* header */
.logo { position:absolute; top:40px; left:0;}
.phone { position:absolute; top:172px; left:0;}
.phone div { text-shadow:0 1px 0 #fff; margin-bottom:5px; line-height:26px;}
.phone div span { color:#1D6BAD; font-size:22px;}

.cart { position:absolute; top:135px; right:-15px; display:block; width:264px; height:130px; background:url(img/cloud.png) 0 0 no-repeat;}
.cartpos {padding:45px 0 0 48px}
.cart span.c1 { background:url(img/carticon.gif) 0 4px no-repeat; display:block; font-size:14px; padding-left:22px; font-weight:bold; margin-bottom:7px;}
.cart span.c2 { padding-left:22px; display:block;}
.small { position:absolute; top:40px; right:0;}
.small a { margin-left:5px;}

.loginbox {height:28px; position:absolute; top:0; right:0; background:url(img/loginbgbox2.png) top right no-repeat; padding-right:10px; }
.lb2 { background:url(img/loginbgbox.png) top left no-repeat; padding-left:10px; padding-top:4px; height:24px; font-size:11px;}
.lb2 a { font-weight:bold; text-decoration:none; text-shadow:0 1px 0 #fff;}
.lb2 a.login { background:url(img/loginboxicons.png) 0 2px no-repeat; padding-left:14px;}
.lb2 a.reg { background:url(img/loginboxicons.png) 0 -28px no-repeat; padding-left:14px;}
div.lbbox { float:left; margin:0 5px;}

/* topmenu */
.topmenu { width:940px; height:53px; background:url(img/topmenubg.png) 0 0 no-repeat; }
ul.tmenu { padding-left:7px; float:left;}
ul.tmenu li { float:left; background:url(img/razd.png) right no-repeat; height:44px;}
ul.tmenu li a { display:block; padding:15px 20px 13px 19px; font-size:14px; font-weight:bold; text-decoration:none; color:#000;}
ul.tmenu li a:hover {color:#1D6BAD;}


/* searchbox */
.searchbox { float:right; width:185px; height:24px; padding-top:10px; position:relative;}
.inputform { width:163px; height:21px; background:url(img/searchbg.png) 0 0 no-repeat; padding-left:10px; padding-top:3px;}
.inputform input { border:0; padding-left:2px;}
.inputform input:focus { outline:none;}
a.lupa { position:absolute; display:block; width:14px; height:15px; top:15px; right:21px;}
a.plus { position:absolute; display:block; width:10px; height:11px; top:17px; right:193px;}


/* left */
#left { width:218px; float:left;}
.leftblock { margin-bottom:20px;}
span.catbluetitle { width:205px; height:26px; background:url(img/leftbg.png) 0 0 no-repeat; display:block; color:#fff; font-size:16px;
font-weight:bold; text-shadow:0 -1px 0 #6897B6; padding:5px 0 0 15px; margin-bottom:18px;}
span.catgreytitle { width:205px; height:26px; background:url(img/leftbg.png) 0 -31px no-repeat; display:block; color:#1D6BAD; font-size:16px;
font-weight:bold; text-shadow:0 1px 0 #fff; padding:5px 0 0 15px;}

ul#leftmenu { margin-left:8px;}
ul#leftmenu li {background:url(img/arrow.gif) 0 6px no-repeat; line-height:18px; padding-left:8px;}
ul#leftmenu li a { color:#000; text-decoration:none; font-weight:bold;}
ul#leftmenu li a:hover {color:#1D6BAD;}
ul#leftmenu li a.cur_link{color:#1D6BAD; font-weight:bold;}

ul#leftmenu ul { margin-left:8px;}
ul#leftmenu ul li {background:url(img/arrow.gif) 0 8px no-repeat; }
ul#leftmenu ul li a { font-size:11px;}
ul#leftmenu ul ul li {border-bottom:0; padding:0 0 0 8px; margin-bottom:0; background:url(img/arrow.gif) 0 8px no-repeat; }
ul#leftmenu ul ul li a { font-weight:normal;}

.brdr {border-bottom:1px dotted #CCCCCC; margin-bottom:8px; padding-bottom:8px;}
.brdrb {border-bottom:0 !important}

/* news left */
ul#newsleft { margin-left:8px; padding-top:10px;}
ul#newsleft li {background:url(img/arrow2.gif) 0 15px no-repeat; line-height:18px; padding:8px 0 10px 8px; border-bottom:1px dotted #CCCCCC; }


/* filterblock */
#filterblock { background:url(img/filterbg.png) repeat-y; position:relative; font-size:11px; margin-bottom:16px;}
#filterblock a {color:#1D6BAD;}
#filterblock a:hover {color:#333;}
.filterbgtop { background:url(img/filterbgtop.png) 0 0 no-repeat;}
.filterbgbottom { padding-bottom:21px; background:url(img/filterbgbottom.png) bottom no-repeat;}

table.ttt { position:absolute; top:5px; left:10px;}
table.ttt td {}


.select {
	position: absolute;
	width: 124px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 24px;
	line-height:24px;
	padding-left:10px;
	font: 11px;
	background: url(img/selectbg1.png) no-repeat;
	overflow: hidden;
	cursor:pointer;
}


span.filtitle { font-weight:bold; font-size:13px;}

/* collapse*/
.CollapsiblePanelTab {font: bold;cursor: pointer; height:26px; background:url(img/filterarrow2.png) top right no-repeat; display:block;}
.CollapsiblePanelOpen .CollapsiblePanelTab { height:26px; background:url(img/filterarrow.png) top right no-repeat;}

.torgmarka { float:left; width:170px; padding-left:20px; font-size:13px; font-weight:bold; display:block;}
.vyborpof { float:left; width:275px;  font-size:13px; font-weight:bold; display:block; }
.sortirov { float:left;  font-size:13px; font-weight:bold; display:block; }

.collap { padding:0px 0 0 20px;}
.column1 { width:165px;overflow:hidden; padding-top:20px; float:left;}
.column2 { width:272px; overflow:hidden; padding-top:20px; float:left; }
.column3 { width:220px; overflow:hidden; padding-top:20px; }
td.td1 { line-height:18px;}



/* ban and skidki block */
.bands { margin-bottom:30px;}
.banbox { width:468px; height:60px; float:left; padding-top:1px;}
.skidbox { width:212px; display:block; float:right;}
a.skidbut { display:block; width:212px; height:61px; background:url(img/skidbut.png) 0 0 no-repeat; text-indent:-8000px;}
a.skidbut:hover { background:url(img/skidbut.png) 0 -61px no-repeat;}


/* product block */
.productblock { margin-bottom:10px;}
.prtitle { font-size:21px; color:#1D6BAD; margin-bottom:20px; display:block;}


/* prodbox */
.prodbox { width:220px; background:url(img/prodbox1.png) top left no-repeat; margin-right:20px; margin-bottom:26px; float:left;}
.prodbox2 { padding:15px 15px 19px 15px; background:url(img/prodbox2.png) bottom no-repeat;}
.margnone { margin-right:0;}

.primg { margin-bottom:10px; text-align:center; display:block;}
.primg  img { height:160px;}
.prdct { height:270px; position:relative;}

.prdown { position:absolute; bottom:0; width:190px; margin-top:56px;}
.prprice { width:118px; float:left; color:#C00; font-weight:bold;}
.prprice del {color:#666666; font-weight:normal;}
a.buybut { display:block; width:69px; height:20px; background:url(img/buybut.png) 0 0 no-repeat; text-indent:-8000px; float:right;}
a.buybut:hover { background:url(img/buybut.png) 0 -20px no-repeat;}


/* partners */
.partitle { display:block; font-size:16px; font-weight:bold; margin-bottom:15px; color:#1D6BAD;}

.partners { margin-bottom:40px; }
#slides {position:relative; padding-top:10px; height:56px;}
.slides_container {width:640px; height:56px; margin:0 auto; }
.slides_container div.slide {width:700px;height:56px;display:block;}
.item {float:left;width:100px;height:56px;margin:0 15px;background:#efefef;}
.pagination {list-style:none;margin:0;padding:0; display:none;}
.pagination .current a {color:red;}
#slides a.prev { display:block; position:absolute; top:32px; left:0px; width:8px; height:13px; background:url(img/leftarr.gif) 0 0 no-repeat; text-indent:-8000px;}
#slides a.next { display:block; position:absolute; top:32px; right:0px; width:8px; height:13px; background:url(img/rightar.gif) 0 0 no-repeat; text-indent:-8000px;}



/* content */
#content { width:700px; float:right; padding-bottom:20px;}
#content p, #info p { padding:0; margin-bottom:18px; line-height:18px;}
#content ul, #info ul { list-style-type:disc; margin-left:30px; margin-bottom:15px;}
#content ul li, #info ul li { margin-bottom:5px;}
#content ol, #info ol {margin-left:40px; margin-bottom:10px;}
#content ol li, #info ol li { margin-bottom:5px;}
#content table, #info table { margin-bottom:5px;}
#content table td, #info table td { padding:4px 7px;}
#vidget table td { padding:0px 0px; }

/* tovarpic  */
.tovar { margin-bottom:30px;}
.tovarpic { width:300px; float:left;}
.tovarinfo { width:360px; float:right;}

.pricebox { margin-bottom:5px; border-bottom:1px dotted #CCCCCC; padding-bottom:20px;}
span.price { font-size:27px; color:#CC0000; font-weight:bold; display:block; height:34px; line-height:34px; float:left; margin-right:20px; margin-bottom:4px;}
a.vkorz { width:124px; height:34px; background:url(img/vkorz.png) 0 0 no-repeat; display:block; text-indent:-8000px;  float:left;}
a.vkorz:hover { background:url(img/vkorz.png) 0 -34px no-repeat;}

a.vern { height:16px; line-height:16px; background:url(img/vern.png) 0 0 no-repeat; padding-left:24px; color:#333}
a.print { height:16px; line-height:16px; background:url(img/print.png) 0 0 no-repeat;  padding-left:24px; color:#333}
a.vern:hover, a.print:hover { color:#1D6BAD;}

/* korzina */
table#cartable { width:100%;}
table#cartable tr { border-bottom:1px dotted #A6A6A6;}
table#cartable td { padding:15px 0;}
.trsmall { font-size:11px; color:#666666;}
img.alignleft { width:80px; float:left; margin-right:20px;}
table#cartable input { width:20px; border:1px solid #BDBDBD; padding:3px 4px; text-align:center;}
a.delete { width:14px; height:14px; display:block; background:url(img/krestik.gif) 0 0 no-repeat; text-indent:-8000px}
a.delete:hover { background:url(img/krestik.gif) 0 -14px no-repeat;}
span.cartprice { font-weight:bold; font-size:14px;}

.itogprice { width:200px; float:right;}
.oformbut { width:173px; float:right;}
.oformbut a { width:173px; height:34px; display:block; background:url(img/oformbut.png) 0 0 no-repeat; text-indent:-8000px;}
.oformbut a:hover { background:url(img/oformbut.png) 0 -34px no-repeat;}
span.it { font-size:20px; display:block; }
.red { color:#C00; }
.grey { color:#666; font-size:11px;}


/* form */
.form1 { background:url(img/bordtop3.png) repeat-y;}
.form2 { background:url(img/bordtop.png) top no-repeat; padding-top:12px;}
.form3 { background:url(img/bordtop2.png) bottom no-repeat; padding:18px 30px 25px 30px;}
table#formtab { width:100%}
table#formtab td { padding:10px 0;}
table#formtab input { width:300px; padding:5px 7px;}

a.otprbut { width:143px; height:34px; background:url(img/otprbut.png) 0 0 no-repeat; text-indent:-8000px; display:block; float:right;}
a.otprbut:hover { background:url(img/otprbut.png) 0 -34px no-repeat;}

/* page navigation */
.paginav { text-align:center;}
.navig { color:#666; display:block; margin-bottom:10px;}
.navig a {color:#4F4F4F}
#dk {margin:0;}
#dk a {padding:3px 6px; color:#4F4F4F}
#dk a:hover { color:#fff; background:#9F9F9F;text-shadow:0 -1px 0px #606060;}
.dm, a.dm:hover {background:none repeat scroll 0 0 #9F9F9F; color:#fff !important;cursor:default;font-weight:400;padding:3px 6px; text-decoration:none; text-shadow:0 -1px 0px #606060;}






/* footer */
#footer {width:940px; height:120px; border-top:1px #D9D9D9 solid; padding-top:20px; font-size:11px; }
.leftfooter { float:left; width:220px; color:#666; float:left;}
.rightfooter { float:right; width:700px;}

.footmenu { margin-bottom:20px;}
.footmenu ul {}
.footmenu ul li { float:left; margin-right:20px;}

.footphone { width:230px; float:left; line-height:19px;}
.fph1 { font-size:16px; font-weight:bold;}
.footsearch { position:relative; float:left; width:240px;}
.footsearch a.lupa { position:absolute; display:block; width:14px; height:15px; top:5px; left:150px;}
.inputform { margin-bottom:5px; }
a.rasw { display:block; font-size:10px; margin-left:12px; color:#666}

.antarion { display:block; width:165px; float:right; padding-left:35px;  background:url(img/antarion.png) 0 0 no-repeat; color:#666}
.antarion a {color:#666}


/* crumbs */
.crumbs {color:#777; margin-bottom:10px; font-size:11px;}
.crumbs a, .crumbs a:visited {color:#777 !important; font-size:11px;}
.crumbs a:hover {color:#333; font-size:11px;}

button.lupa { position:absolute; display:block; width:14px; height:15px; top:15px; right:21px; background:url(img/lupa.gif) 0 0 no-repeat; text-indent:-8000px; border:0; cursor:pointer;}

button.otprbut { border:0;  width:144px; height:34px; background:url(img/otprbut.png) 0 0 no-repeat; text-indent:-8000px; display:block; float:right; cursor:pointer;}
button.otprbut:hover { background:url(img/otprbut.png) 0 -34px no-repeat;}

button.vkorz { border:0; width:124px; height:34px; background:url(img/vkorz.png) 0 0 no-repeat; display:block; text-indent:-8000px;  float:left;}
button.vkorz:hover { background:url(img/vkorz.png) 0 -34px no-repeat;}

#basic-modal-content {display:none;}
#basic-modal-content label { display:block; width:60px; float:left; line-height:28px;}
#basic-modal-content input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 6px #CCCCCC inset;
    display: block;
    font-size: 1em;
    padding: 5px;
    width: 280px;
}
#basic-modal-content  input.error {border: 1px solid red;}
#basic-modal-content a.voiti { width:114px; height:31px; display:block; background:url(img/voiti.png) 0 0 no-repeat; text-indent:-8000px; margin:0 auto;}
#basic-modal-content a.voiti:hover {background:url(img/voiti.png) 0 -31px no-repeat;}
#basic-modal-content span.zab a { font-size:11px;}
#basic-modal-content span.zab { display:block; padding-left:60px; margin-bottom:20px; padding-top:5px;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:210px; width:380px; color:#000; background-color:#fff; padding:20px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container {}
#simplemodal-container a.modalCloseImg {background:url(img/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#1D6BAD; font-size:20px;}

/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */
a.tooltip { text-decoration:none;}
a.tooltip span {display:none; padding:2px 5px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; top:-28px; left:-60px; border:1px solid #cccccc; background:#F3F3F3;font-style:italic;}



/* regtable */
table#regtable {}
table#regtable td { padding:5px 0; }
table#regtable input {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 6px #CCCCCC inset;
    display: block;
    font-size: 1em;
    padding: 5px;
    width: 280px;
	float:left;
}

table#regtable select {
    font-size: 1em;
    line-height: 150%;
    padding: 3px;
    width:292px;
	float:left;
}

a.prodolj { width:154px; height:31px; display:block;  background:url(img/prodolj.png) 0 0 no-repeat; text-indent:-8000px; margin-bottom:20px;}
a.prodolj:hover { background:url(img/prodolj.png) 0 -31px no-repeat;}

button.prodolj { border:0; width:154px; height:31px; display:block;  background:url(img/prodolj.png) 0 0 no-repeat; text-indent:-8000px; margin-bottom:20px;}
button.prodolj:hover { border:0; background:url(img/prodolj.png) 0 -31px no-repeat;}

/* poisk */
table#poisktable {}
table#poisktable td { padding:5px 0;}

a.poisk { width:114px; height:31px; display:block; background:url(img/poisk.png) 0 0 no-repeat; text-indent:-8000px;}
a.poisk:hover { background:url(img/poisk.png) 0 -31px no-repeat;}

input.poisk_inp {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 1px 6px #CCCCCC inset;
    font-size: 1em;
    padding: 5px;
}
table#poisktable select {
    font-size: 1em;
    line-height: 150%;
    padding: 3px;
    width:292px;
	float:left;
}


/* style  SELECT */
select.styled { width:130px; height:26px !important; border:1px solid red; cursor:hand;}
span.customStyleSelectBox { font-size:11px; background-color: #E3E3E3; color:#333; padding:5px 9px; border:1px solid #AEAEAE;
-moz-border-radius: 20px; -webkit-border-radius: 20px;border-radius: 20px; }
span.customStyleSelectBox.changed { background-color:#fff;}
.customStyleSelectBoxInner { background:url(img/canvas-list-nav-item-arrow-.gif) no-repeat right; width:130px;}


.text_cont {text-align: justify;}

/*reviews*/

div.pagecontent{
border-bottom: 1px dotted #CCCCCC;
margin-bottom: 15px;
}
.pagecontent p{
margin-bottom: 5px!important;
}
.pagecontent span.bold{
font-weight: bold;
}
div .reviews{
margin-top: 15px;
}
span.partitle{
margin-top: 15px;
}

/*tov pictures*/
img.revpict{
width: 300px;
}

.shtprice{
	font-size: 12px!important;
}

.soc_links{
	background-color:#E7F1F7;
	border-radius: 6px;
	padding: 10px;
	position: relative;
	height: 85px;
	margin-top:10px;
}

.soc_links .yashare-auto-init{
	position: absolute;
	top: 37px;
	left: 50px;
}

.soc_links .vk_like{
	position: absolute;
	top: 70px;
	left: 105px;
	
}

.soc_links .vk_share{
	position: absolute;
	top: 70px;
	left: 10px;
}
.soc_links .title{
	font-size: 14px;
	color: #1D6BAD;
	font-weight: bold;
	position: absolute;
	left: 75px;
}
.soc_links .twitter_chare{
	position: absolute;
	top: 70px;
	left: 255px;
}

.soc_links_checkout{
	background-color:#E7F1F7;
	border-radius: 6px;
	padding: 10px;
	position: relative;
	height: 320px;
	margin-top:10px;
}
.soc_links_checkout .title{
	text-align: center;
	color: #1D6BAD;
	font-weight: bold;
	left: 85px;
}
.twitter_checkout{
	width: 320px;
	position: absolute;
	top: 63px;
	left: 370px;
}
.pagecontentfooter{
	padding-top: 15px;
}

.text_way{
	position: absolute;
	top: 10px;
	left: 33px;
}
.all{
	background: rgb(250, 250, 250);
	border-radius: 7px;
	height: 40px;
	width: 700px;
	position: relative;
	color:#1D6BAD !important;
	font-weight: bold; 
	margin-bottom: 15px;
}
#block {
    width: 170px;
    height: 40px;
    background: #E7F1F7;
	border-radius: 7px;
	display:inline-block;
	border: 1px solid;
	position: relative;
}
#block_no_active {
    width: 170px;
    height: 40px;
    background: rgb(250, 250, 250);
	border-radius: 7px;
	display:inline-block;
	border: 1px solid;
	position: relative;
}

/*bookmarks*/
.bookmark {
height: 151px;
width: 22px;
padding-left: 0px;
position: fixed;
top: 45%;
right: 0;
z-index: 5;
}


/*---------------------------------
    TABS
-----------------------------------*/
ul.tabs{
margin:10px 0 -1px 0;
padding:0;
width:100%;
border-bottom:1px solid #CFCFCF;
float:left;
margin-left: 0px !important;
margin-bottom: 0px !important;
}

    ul.tabs.left{text-align:left;}
    ul.tabs.center{text-align:center;}
    ul.tabs.right{text-align:right;}

    ul.tabs li{
    list-style-type:none;
    margin:0 2px 3px 0 !important;
    padding:0;
    display:inline-block;
    *display:inline;/*IE ONLY*/
    position:relative;
    top:0;
    left:0;
    zoom:1;
    }
    
    ul.tabs li a{
    text-decoration:none;
    color:#FFF;
    display:inline-block;
    padding:9px 15px;
    position: relative;
    top:0;
    left:0;
    line-height:100%;
    background:#5BA0CE;
    border:1px solid #CFCFCF;
    border-bottom:0;
    font-size:0.9em;
    zoom:1;
    font-weight:bold;
    outline:none;
    }
    
    ul.tabs li a:hover{
    background:#C00;
    }
    
    ul.tabs li.current a{
    position:relative;
    top:1px;
    left:0;
    background:#C00;
    text-shadow:0 -1px 0 #990000;

    }
    
    .tab-content{
    border:1px solid #CFCFCF;
    border-left:1px solid #CFCFCF;
    clear:both;
    padding:13px;
    margin:0 0 40px 0;
    background:#FFF;
    }

.maintext h2{
    text-align: center;
}