/*-------------------------------------------------------
* Filename:				style.css
* Description:			Global Css
* Version:				1.0.0 (10.09.2009)
* Author:				Andrey Zverev
* Site:					sitecor.net
* E-mail:				andrey1512@yandex.ru

== STTUCTURE: ===========================================
* Page width:	 		100%
* Number of columns:	3
* Layout:				Liquid

--------------------------------------------------------*/



/******************************************/
/*										  */
/*			     PAGE RESET				  */
/*										  */
/******************************************/

html, body, form, input, div, span, img {margin:0; padding:0}
h1, h2, h3, h4, h5, h6, p, span, ul, li, small  {margin:0; padding:0; font-size: 100%; font-weight: normal}
ul, li { list-style-type: none}
a {outline: none}
img {border: 0}
fieldset {border:0}
.none {display:none;}
/************* end: PAGE RESET ************/



/******************************************/
/*										  */
/*				PAGE LAYOUT				  */
/*										  */
/******************************************/
body {}

#page {position: relative; width: 100%; min-width: 1080px; margin: 0 auto;}

#header {height: 245px; }
#main {padding: 5px 0 0 ;  position:relative; }
#footer {margin: 10px 0 0; padding: 12px 0 10px}

/*------ container: margin, padding ------*/
/*
.leftcol  {width: 207px; float:left; overflow: hidden}
.rightcol {width: 207px; float:right; overflow: hidden}
.maincol  {overflow: hidden; margin: 0px 4px;}
*/
.leftcol  {width: 207px;}
.rightcol {width: 207px;}
.maincol  {padding: 0 4px}

#main .leftcol  .content {margin-right: 0px; padding: 0;}
#main .rightcol .content {margin-left: 0px; padding: 0}
#main .maincol  .content {padding: 10px 25px 10px;}

/*---- container: border, background  ---*/
body {background: url(images/head_bg.png) repeat-x #fff}
#header {position: relative; height: 245px; background: url(images/head_bg2.jpg) no-repeat 50% 0; }
#main .maincol .content {border: 1px solid #ccc; border-top: 0; border-bottom: 0; background: #fff;}
#footer {background: url(images/footer_bg.png) repeat-x}

/*-------- container: corners -----------*/
.b-t, .b-t div, .b-b, .b-b div { height: 4px; overflow: hidden; background: url(images/c.png) no-repeat; }

.b-t {padding-left: 4px; background-position: 0 0}
.b-t div {padding-right: 4px; background-position: 100% -4px}
.b-t div div {height: 3px; background: #fff; border-top: 1px solid #CCC; }

.b-b {padding-left: 4px; background-position: 0 -12px}
.b-b div {padding-right: 4px; background-position: 100% -8px}
.b-b div div {height: 3px; background: #fff; border-bottom: 1px solid #CCC; }

/*.leftcol .b-t, .leftcol .b-b {margin-right: 11px}
.rightcol .b-t, .rightcol .b-b {margin-left: 11px}
*/
/************* end: PAGE LAYOUT ***********/


/******************************************/
/*										  */
/*			 DEFULT CONTENT STYLE		  */
/*										  */
/******************************************/
body { font: 14px Arial, sans-serif; color: #444;}

h1, h2, h3, h4 { font-family: Calibri, Arial, sans-serif}

h1 { font-size: 21px;}
h2 { font-size: 18px; margin-bottom: 10px; padding-bottom: 5px; font-family: Arial, Helvetica, sans-serif; color:#000;}
h3 { font-size: 19px;  color:#848484;}
h4 { font-size: 14px;  color:#848484;}

h2.header_d {margin-bottom: 0}
#header_d {margin-bottom: 0; color: #063}

p {padding-bottom: 5px}

a {color:#666; text-decoration: none}
a:hover {color: #2ab5d8; text-decoration: underline}

.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {display: inline-block; position:relative; }
.clear {display: block;  position:relative; }


/******** end: DEFULT CONTENT STYLE *******/


/******************************************/
/*										  */
/*			 	CONTENT STYLE		  	  */
/*										  */
/******************************************/

/*========================================*/
/*				    Header			  	  */
/*========================================*/

/*------------------ logo ----------------*/
#header a.logo {position: absolute; display:block; top: 0px; left: 0px; padding: 100px 0 0 20px; background: url(images/logo.png) no-repeat 4px 0; color: #555; text-decoration: none; font: bold 12px Verdana, Geneva, sans-serif }

/*------------------ trash ---------------*/

.tresh_panel {position: absolute; top: 75px; right: 0px; width: 188px; padding: 4px 0 2px 20px;  border-left: 1px dashed #c7d0d3}

.tresh_panel .links {color: #4a4a4a; font-size: 12px}
.tresh_panel .links a {color: #4a4a4a; font-size: 12px}
.tresh_panel .links a:hover {color: #2ab5d8; text-decoration: none}

a.trash {display: block; margin: 6px 0 0 0px; padding: 4px 0 2px 42px;  background: url(images/trash.png) no-repeat;}
a.trash {color:#333; text-decoration: none}
a.trash:hover {color:#747474; text-decoration: none}
a.trash strong {display: block; color:#747474; font-size: 13px}
a.trash small#cartsmall {display: block; color:#2ab5d8; font-size: 11px; font-weight: bold}
a.trash:hover strong {color:#2ab5d8;}

/*------------------- money ---------------*/
#header .cpt_currency_selection {position: absolute; top: 150px; right: 15px; width:160px;}
.cpt_currency_selection form {float:right; padding-left:5px;}
.cpt_currency_selection .light, .cpt_currency_selection select {font-size:12px;}
.cpt_currency_selection .light {float:left; position:relative; left:40px; top:2px;}

#header .money label {color: #282e3e; font-size: 12px}
#header .money select {width: 100px}
#header .money span {display: block; margin: 4px 0 0; color: #747474; font-size: 12px; font-weight:bold;}

/*------------------ slogan ---------------*/
#header .slogan {position: absolute; top: 100px; width: 100%; color: #7e7f82; text-align: center;  font: 30px Calibri, Arial, sans-serif;}

/*-------------- brends logo -------------*/
#header .icons {position: absolute; top: 155px; left: 20px;}
#header .icons ul li {display: inline; margin: 0 20px 0 0}
#header .icons ul li a {display: inline-block;}
#header .icons ul li a:hover {}

/*---------------- search ----------------*/
/*#header .search {position: absolute; top: 170px; right: 226px; width: 25%;}
#header .search .field {display: block; float: right; width: 80%; margin-right: 5px; padding: 2px 4px; background: #fff; border: 1px solid #aaa; color: #888; font-size: 12px;}
#header .search .button {margin-left: 0px; float: right}
*/
#header .search {position: absolute; top: 169px; right: 0px; width: 100%;}
#header .search table {width: 100%; border-collapse: collapse}
#header .search .col1 {width: 600px}
#header .search .col2 {width: 320px}
#header .search .col3 {width: 220px}
#header .search .field {display: block; float: right; width: 79%; margin-right: 5px; padding: 2px 4px; background: #fff; border: 1px solid #aaa; color: #888; font-size: 12px;}
#header .search .button {margin-left: 0px;}

/*#header .search table tr td {border: 1px dotted red}*/


/*------------------ menu ----------------*/
/*#header .menu {height: 30px; margin: 215px 0 0 0px; background: url(images/menu_bg.png) repeat-x #d9d9d9}*/
#header .menu {position: absolute; width: 100%; bottom: 0; height: 30px; background: url(images/menu_bg.png) repeat-x #d9d9d9}
#header .menu ul {padding: 7px 0px 0 4px; font-size: 12px; text-align: center; text-transform: uppercase}
#header .menu ul li {display: inline;}
#header .menu ul li a {padding: 0 12px; color:#4a4a4a; text-decoration: none}
#header .menu ul li a:hover {text-decoration: underline}
#header .menu ul li a.active {font-weight: bold}


/*.tresh_panel {border: 1px dotted red}*/
/*#header .search {border: 1px dotted red}
/*
#header .icons {border: 1px dotted red}
#header h1.slogan {border: 1px dotted red}*/

/*=============== end: Header ============*/


/*========================================*/
/*			  	    Modules		  	  	  */
/*========================================*/
.module {}
.module h3 {width: 207px; height: 34px; padding: 6px 0 0; background: url(images/h_bg1.png) no-repeat 0 0; color: #7e7f82; text-align: center; font: 24px Calibri, Arial, sans-serif }
.module .in {padding: 10px 0 0; background: url(images/module_bg1.png) repeat-x}


/*============== end: Modules ============*/


/*========================================*/
/*			  	 Left Column		  	  */
/*========================================*/

/*------------------ menu ----------------*/
.leftcol .menu {}
.leftcol .menu ul {padding: 0 0 0 10px;}
.leftcol .menu ul li {padding: 4px 0; font-size: 14px}
.leftcol .menu ul li a {}
.leftcol .menu ul li a.active,
.leftcol .menu ul li a:hover {}

/*------------------ price ---------------*/
.price {display: block; margin: 13px 0 15px; text-align: center}
.price a {color:#ff850d; font-size: 14px; text-decoration: underline}
.price a:hover {color:#ff850d; text-decoration:none;}
.regularPrice {text-decoration:line-through;}
.cpt_product_add2cart_button {margin:5px 0 30px;}

/*------------------- tags ---------------*/
.tags {display: block; margin: 10px 0 0 4px;}
.tags .in {padding: 10px; border: 1px solid #ccc; border-top: 0; border-bottom: 0;  text-align: center}
.tags a {color:#aaa; padding: 0 2px; white-space: nowrap}
.tags a:hover {color: #2ab5d8; text-decoration: underline}

.right_block {margin-right:4px;}
.left_block {margin-left:4px;}
.l_b_mar {margin-top:5px;}
.l_b {padding: 10px; border: 1px solid #ccc; border-top: 0; border-bottom: 0;  text-align: center;}

.bloki {margin-top:10px; text-align:center;font-weight:bold;}
.bloki img {border:none;}
/*============ end: Left Column ==========*/


/*========================================*/
/*			  	 Right Column		  	  */
/*========================================*/

/*----------------- phone ----------------*/
.phone {height: 145px; margin: 0 0 6px; background:  url(images/map.png) no-repeat 100% 0; text-align: center}
.phone h4 {padding: 5px 0 5px; font-size: 14px; font-weight: bold; color: #4a4a4a; }
.phone h5 {padding: 0 0 0px; font-size: 12px; font-weight: bold; color: #747474; }
.phone p {padding: 0 0 0px; text-align: center; font-size: 19px; color: #6699aa; line-height: 19px; }

.phone .icq {display: block; margin: 4px 0 0; text-align: center;}	

.phone .icq em {padding: 2px 0 0 18px; background: url(images/isq.png) no-repeat 0px 4px; color: #747474; font-style:normal}	

.phone .online {padding: 4px 0; text-align: center}
.phone .online a {padding-left: 20px;  text-decoration: none; color: #38badb; background: url(images/mail.png) no-repeat 0 4px}
.phone .online a:hover {text-decoration: none; color: #898989; background-position: 0 -11px}

/*----------------- phone ----------------*/
.call {text-align:center; margin-top:10px;}
.call a {color:green;}
.call a span {display:none;}
.call a:hover span {display:block; width:250px; position:absolute; z-index:100; margin-left:-150px; margin-top:-90px; border:1px solid #ccc; background:#fff; padding:5px; border-radius:5px; color:#5d5d5d;}
.call a span  b {white-space:nowrap;}


/*----------------- banners --------------*/
.banners {text-align: center}
.banners img {margin-bottom: 10px}

/*-------------- flash_banner -----------*/
.flash_ban {text-align:center; margin:0 auto 10px auto;}

/*------------------ news ----------------*/
.news .in {padding: 15px 25px 15px}

.news ul li {padding: 0 0 10px; font-size: 13px;}
.news ul li small {display: block; color: #38badb; font-size: 10px;} 
.news ul li a {color: #848282;}
.news ul li a:hover {color: #848282;}

.news .read_more {display: block; margin: 5px 0 15px; text-align: right; font-size: 12px}
.news .read_more a {color: #38badb; text-decoration: underline}
.news .read_more a:hover {color:#848282; text-decoration: none}

.news form label {display: block; margin: 0 0 2px; color: #72747a; font-size: 12px;}
.news form .field {width: 112px; padding: 2px 4px;  background: #fff; border: 1px solid #999; color: #888;  font-size: 12px;}
.news form .button {float: right}

/*------------------ poll ----------------*/
.poll .in {padding: 10px 9px 15px}

.poll em {display: block; padding: 0 0px 6px 16px; color: #38badb; font-style:normal; font-size: 12px}

.poll ul li {padding: 0 0 5px; font-size: 13px}

.poll form label {padding: 0 0 0 3px; color: #848282}
.poll form .button {margin:  6px 0 0 15px;}



/*=========== end: Right Column ==========*/


/*========================================*/
/*			  	  Main Page			  	  */
/*========================================*/
.cpt_maincontent a, .info a {color:#38badb;text-decoration:underline;}
.cpt_maincontent a h3 {color:#38badb;}
.cpt_maincontent a:hover, .cpt_maincontent a h3:hover {color:#666666;}



#cat_advproduct_search {margin:10px auto;}
#cat_info_left_block {margin:10px auto;}
#cat_product_sort {margin-top:10px;}
.prdbrief_add2cart {margin:5px auto;}
.cpt_maincontent h3 {font: bold 14px Arial, Helvetica, sans-serif;}


/*-------------- main top text -----------*/
p {color: #666; text-align: justify}

.maincol .main p {text-align: justify}


/*------------------- banner -------------*/
.maincol .banner {margin: 0 0 15px; text-align: center}

/*------------------ pathway -------------*/
.pathway {margin-bottom: 12px;}
.pathway a {font-size: 12px; font-weight: bold; color: #848484; text-decoration: none}
.pathway a:hover {color: #a60000; text-decoration: none}

/*-------- catalog of production ---------*/
.catalog h3 {padding: 5px 0; background: #8fd6f5; color: #fff; text-align: center; font: bold 16px Arial, Helvetica, sans-serif}

.catalog ul {}
.catalog ul li {float: left; width: 24.9%; text-align: center; border-bottom:1px solid #e3e3e3; min-height:216px;}
.catalog ul li a {display: block; overflow: hidden; border: 0px dashed #c9c9c9; text-decoration: none; margin: 0 30px 10px; padding: 5px 0 5px}
.catalog ul li a:hover {text-decoration: none}
.catalog ul li a:hover em {color: #2ab5d8}
.catalog ul li em {display: block; overflow:hidden; height: 30px; margin: 8px 0 2px; color: #666666; font-style: normal; font-size: 12px;}
.catalog ul li strong {display: block; padding: 14px 0 0px;  color: #ff850d; font: 22px Tahoma, Geneva, sans-serif;}
.catalog ul li strong small {color: #7f7f7f; font-size: 13px;}
.parent {font-weight:bold;}
.parent_current {text-decoration:underline;}
.child {margin-left:1em;padding-bottom:1em;}

.totalPrice{color: #ff850d; font: 22px Tahoma, Geneva, sans-serif;}
.totalPrice small {color: #7f7f7f; font-size: 13px;}

.mini  {margin: 0 !important;}

.mini ul li {float: left; width: 20%!important; margin: 0 6%}
.mini ul li a {border: 0px dashed #c9c9c9;}
.mini ul li a:hover {border: 0px dashed #c9c9c9;}

.mini ul li a:hover em {color: #667f8e;}
.mini ul li a:hover strong {color: #c28483}

.cena1, .cena2 {color:#FF850D; font:13px Tahoma,Geneva,sans-serif; font-weight:bold;}
.cena2 {color:#747474;}
.catalog ul li  .cena1 {padding:14px 0 0;}
.cpt_product_price .cena1 {margin-top:10px;}
.cpt_product_price .cena2 {margin-bottom:10px;}
/*------------------- info ---------------*/
.maincol .info {margin: 20px 0 0px;}


/*---------------- item view -------------*/
.item_view {margin: 15px 0 15px;}
.item_view .foto {float: left; width: 60%}
.item_view .foto span img {border: 1px solid #d9d9d9}
.item_view .foto ul.thumbs {padding-top: 8px;}
.item_view .foto ul.thumbs li {float: left; margin-right: 8px}
.item_view .foto ul.thumbs li a {display:block; border: 1px solid #d9d9d9}
.item_view .foto ul.thumbs li a:hover {border: 1px solid #a05c5b}

.item_view .order {float: left; width: 38%}
.item_view .order .price {font-size: 18px; color: #fd2f0f}
.item_view .order .box {margin-bottom: 4px;}
.item_view .order .buy {margin-top: 8px;}
.item_view .order .buy span {float:left; margin-top: 9px;}

.item_view .order form label {display: inline-block; width: 50px;}
.item_view .order form select {width: 140px;}
.item_view .order form .field {width: 30px;}
.item_view .order form .button {float: left; margin: 0px 0 0 10px;}

/*---------------- comments --------------*/
.comments {width: 65%; padding-bottom: 15px;}
.comments h5 {margin-bottom: 2px; color: #333; font-weight: bold; font-size: 14px; border-bottom: 1px solid #eeeeee}
.comments small {font-size: 11px; color: #999}
.comments p {padding: 4px 0 12px; color: #333}
.comments a.more {padding: 4px 0 12px; color: #364c59}
.comments a.more:hover {color: #a60000}

.review_block .review_title {margin-bottom: 2px; color: #333; font-weight: bold; font-size: 14px; border-bottom: 1px solid #eeeeee}
.review_block .review_date {font-size: 11px; color: #999}
.review_block .review_content {padding: 4px 0 12px; color: #333}

.post_block .post_title {margin-top: 5px; margin-bottom: 2px; color: #333; font-weight: bold; font-size: 14px; border-bottom: 1px solid #eeeeee}
.post_block .post_date {font-size: 11px; color: #999}
.post_block .post_content {padding: 4px 0 12px; color: #333}

.post_block .post_content img {padding-right:10px;padding-bottom:6px;}

/*============ end: Main Page ============*/


/*========================================*/
/*				    Footer			      */
/*========================================*/

#footer {font-size: 11px;}

#social{
margin-top:10px;
}
#facebook{
display:inline;
float:left;
}
#twitt{
display:inline;
float:left;
}
#mono{
height:5px;
}
#vkontakte{
display:inline;
float:left;
margin-left:11px;
margin-top:-2px;
}
/*------------------ menu ----------------*/
#footer .menu {}
#footer .menu ul {margin: 0 0 10px; color: #747474; font-size: 14px; text-align: center;}
#footer .menu ul li {display: inline;}
#footer .menu ul li a {padding: 0 12px; color: #1eb1d6; text-decoration: none}
#footer .menu ul li a:hover {color: #676666}
#footer .menu ul li a.active {color: #676666}

/*----------------- banners --------------*/
#footer .banners {margin: 0 0 6px; text-align: center;}
#footer .banners img {margin: 0 0px}

/*--------------- copyrights -------------*/
#footer .copyrights {color: #74767c; text-align: center; font-size: 11px;}

/*============= end: Footer ==============*/

/************ end: CONTENT STYLE **********/
#shpcrtgc {float:left;}
#shpcrtca {white-space:nowrap;}


div.clear table {
    width: 100%;
}


div#cat_advproduct_search form table {
    width: 0;
}

div.prdbrief_thumbnail table tr td a {
    margin-left: 10%;
}

.cat_link {overflow: hidden;}
.cat_link li {float: left; width: 33%; margin: 0 0 5px; height: 35px; overflow: hidden;}



img.expando{
border: none;
vertical-align: bottom;
}