﻿/* ------------------------------ Style Reset ------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
font-size:9pt;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style:normal;
font-weight:bold;
}
ol, ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
q:before,q:after {content:”;}
abbr,acronym { border:0;}

/* ------------------------------ Base ------------------------------*/

html, body
{
	height: 100%;
	font-family: Tahoma, Verdana, Arial, Trebuchet MS, Sans-Serif, Georgia, Courier, Times New Roman, Serif;
	_text-align: center;
	font-size: 10pt;
	background-color: #fff;
}
/*p { border:1px solid red !important;}*/
p,ul,li,div,h1{
	color: #697177;
}
a:link, a:visited
{
text-decoration: none;
color: #4682b4;
}
a:hover, a:active
{
text-decoration: none;
color: #697177;
}
a.active
{
color: #515b66;
}

/* ------------------------------ Header ------------------------------*/
#header
{
	width:995px;
	height: 132px;
	margin: 0 auto;
}
#logo
{
	float:left;
	margin:24px 0 24px 4px;
}
*html #logo /* Huck for IE6 */
{
	-margin-left: 4px;
}
#pm
{
	width: 617px;
	float:right;
	padding-right:12px;
	margin-top:12px;
	text-align: left;
}
#dv2, #dv1, #dv2 b, #dv3
{
	color:#697177;
	font-size: 11px;
}
#dv1 div, #dv2 div{
	text-align:left;
}
#dv1
{
	float:left;
	position:relative;
	margin:31px 0 0 10px;
}
#dv2
{
	float:left;
	position:relative;
	margin:31px 0 0 90px;
	color:#697177;
}
#dv3
{
	float:right;
	margin:19px 0 0 0;
	width:186px;
}

/* ------------------------------ Body ------------------------------*/

#nonFooter
{
	position: relative;
	min-height: 100%;
}

* html #nonFooter
{
	height: 100%;
}
#body_div
{
	width:988px; /*Ширина страницы плюс по 8писк с каждой стороны*/
	margin: 0 auto 132px auto;
	text-align:left;
}
#content
{
	float:left;
	position:relative;
	width:690px;
	margin:0 8px 72px 12px;
}
 #promo_big,  #promo_small
{
	margin: 0 auto 24px auto;
	width: 971px;
	padding-left: 0px;

}
#promo_small {margin-left:8px;}

#new-products-promo
{
	margin: 10px 20px;
	width: 929px;
	padding: 0;
}
#new-products-promo div.fl {margin-left: 16px; padding-left: 16px; border-left: 1px dotted #dbe4ec;}
#new-products-promo div.fl:first-child {border-left: 0px;}

/* ------------------------------ Shape ------------------------------*/

.shape .shape_content, .shape b, .shape_content_ss, .shape_content_side1  {
    background-color: #f5f7f9;
}
.shape_content, .shape
{
	border: 1px solid #e9f2fa;
	padding: 6px 10px;
	border-radius:8px;
}
/* ---------------------------- CrossBrowser Inline-Block ----------------------------*/
.inline-block {
    /*width: 200px;*/
    /*min-height: 250px;*/
    display: -moz-inline-stack; /*inline-block для FF2*/
    display: inline-block;
    vertical-align: top; /*Фикс кривости по высоте*/
    zoom: 1; /*IE7*/
    *display: inline;/*IE7*/
    /*_height: 250px; Указываем для IE6*/ 
}

/* ------------------------------ Defs ------------------------------*/

#tabs p, div.text p, .text
{
	margin: 0 0 0.4cm 0;
	font-family: Verdana, Sans-Serif;
	text-align:justify;
}
hr
{
	color: #dbe4ec;
	height:1px;
}
.to_b
{
	color: #4682b4;
}
.ml_0{
	margin-left:0;
}
.pt_6{
	padding-top:6px;
}
.pt_12{
	padding-top:12px;
}
.mt_16{
	margin-top:16px;
}
.mr_12{
	margin-right:12px;
}
.ml_8{
	margin-left:8px;
}
.mlr8{
	margin-left:8px;
	margin-right:8px;
}
.ml_12{
	margin-left:12px;
}
.mt_12{
	margin-top:12px;
}
.pl_12{
	padding-left:12px;
}
.link
{
	list-style: url(assets/images/strelka2.gif);
	margin-left:16px;
	line-height:16px;
}
.fl{
	float: left
}
.fr{
	float: right;
}

.fz8pt
{
	font-size: 8pt;
}
b{

}
.specials
{
	color:#ff6600;
	padding-left: 0px;
}
.price{
	color: #ff3399;
	padding-left: 0px;
	font-size:8pt;
}
.details{
	float: right;
	font-size:8pt;
}
.comment, .comment2
{
	color: #999999;
	font-size:8pt;
}

.p_link{
	color: #b0b0b0;
}
h1{
	margin:16px 0;
	font-size: 16px;
}
h3 {
	font-weight:normal;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 24px;
	color: #80868a;
	line-height: 24px;
	margin: 0 8px 24px 8px;
}
.dt {
	border: 1px dotted #dbe4ec;
}
.clear-fix
{
	clear: both;
}

/* ------------------------------ Navigation ------------------------------*/

div#nav_menu 
{
height:60px;
width:972px;
margin: 0 auto 24px auto;
}

div#nav_menu  div
{
float:left;

}

a.nav_item, a.active_nav_item
{
display: block;
width: 162px;
height: 60px;
}

a#default
{
background: url(assets/images/menu/default.png) no-repeat 0px 0px;	
}
a#products
{
background: url(assets/images/menu/products.png) no-repeat 0px 0px;	
}
a#specials
{
background: url(assets/images/menu/specials.png) no-repeat 0px 0px;	
}
a#services
{
background: url(assets/images/menu/services.png) no-repeat 0px 0px;	
}
a#info
{
background: url(assets/images/menu/info.png) no-repeat 0px 0px;	
}
a#shopping_cart
{
background: url(assets/images/menu/shopping_cart.png) no-repeat 0px 0px;	
}


a.nav_item:hover
{
background-position: 0px -60px !important;
}
a.active_nav_item
{
background-position: 0px -120px !important;
cursor:default;
}

/* ------------------------------ Breadcrumbs ------------------------------*/

#Crumbs{margin: 0 8px 22px 9px}
.B_crumb, .B_homeCrumb {
	font-weight:normal;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 18px;
	color: #4682b4;
}
.B_crumb a, .B_homeCrumb a
{	border-bottom: #80868a solid 1px;}
.B_crumb, .B_currentCrumb
{	padding-left: 28px;
	background: url(assets/images/breadcrumbs_arrow.png) no-repeat 7px 9px;}
.B_currentCrumb {
	font-weight:normal;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size: 18px;
	color: #80868a;
}

/* ------------------------------ Specials ------------------------------*/
ul#specials {}
ul#specials li {position:relative; margin-top:24;}

li .button-go-m {position:absolute;}

/* ------------------------------ Product ------------------------------*/

ul.SPEC, ol.COMPL
{

}
ul.SPEC li, ol.COMPL li
{
line-height: 16px;
border-top: 1px solid #dbe4ec;
padding:4px 0;
}
ul.SPEC li:first-child, ol.COMPL li:first-child
{
border-top: 0px;
}
ul.SPECy 
{
	padding-left:16px;
	margin-bottom: 12px;
	min-height: 250px;
	_height:250px;
}
ul.SPECy li
{
line-height: 16px;
padding:1px 0;
}
#product_image
{
float: left;
text-align:center;
border: 1px dotted #dbe4ec;
border-radius:2px;
height:244px;
margin: 0 0px 16px 12px;
padding-top:20px;
}
a.single_image{
background: url(/assets/images/lupa.gif) right bottom no-repeat;
padding:20px;
}
img.single_image{padding:20px;}
#product_small_desc
{
width: 400px;
position: relative;
float: left;
text-align: justify;

}
.pr_price{
	font-size: 20px;
	color: #ff3399;
	font-weight:normal;
}

/* ------------------------------ Sidebar ------------------------------*/
#sidebar
{
	float: left;
	width: 248px;
	position: relative;
	margin-left: 8px;
}
#sidenavnext
{
	margin:5px 0px 4px 17px;
}

.ParentRowTpl
{
	list-style: url(assets/images/plus.gif);
}
#sidenav li a
{
font-size: 16px;
}
#sidenav li
{
	padding: 1px 0;
	list-style: none;
}
#sidenavnext li
{
	padding: 1px 0;
	list-style: url(assets/images/bolee.gif);
}
#sidenavnext li a
{
font-size: 13px;
}
#sidenavnext li ul li a
{
font-size: 11px;
}
#sidenavnext li.ActiveParentRowTpl, #sidenavnext li.ParentRowHereTpl
{
	list-style: url(assets/images/minus.gif);
}
* html li.wfmenu a.active
{
color: #515b66;
}
#sidenavnext li.ParentRowTpl
{
	list-style: url(assets/images/plus.gif);
}

/* ------------------------------ Product Item ------------------------------*/

.shop-stuff {float:left; margin:0 8px 16px 8px; width: 229px; border: 1px solid #dbe4ec; border-radius:8px; }
.shop-stuff:hover {background-color:#fbfcfe; border-color:#cdd6de;}
.shop-stuff-ft {width: 216px; margin:0 0px 16px 12px;}
.shop-stuff .shs-title { font-family: 'PT Sans Narrow'; font-size:18px; min-height:36px; _height:36px; line-height:18px;}
.shop-stuff .shs-descr { min-height:60px; max-height: 60px !important;}

.shop-stuff div.img_pre {text-align:center;}
.shop-stuff div.img_pre img {max-height: 150px}
.shs-price {font-weight:bold; font-size:11pt; color: #ff3399;}
.shop-stuff span.go {margin-left:125px; _margin-left:124px;}
.shop-stuff span.go2 {margin-left:18px;}
.shop-stuff span.go2 a {margin:0px; float:right;}
.relative {position:relative;  padding:10px;}

/* *** crossbrowser inline-block *** */
.shop-stuff {
  /* for firefox2 */
  display: -moz-inline-stack;
  /* for all modern */
  display: inline-block; vertical-align: top;
  /* for IE6 & IE7 */
  zoom: 1; *display: inline;
}
.shop-stuff .shs-descr {
  /* for IE6 */  
  _height: 60px;
}
.shs-def
{
padding:0px 10px 4px 10px;
height:25px;
_padding-top:3px;
}
.shs-def .pet
{
position:relative;
float:left;
width:79px;
}
.shs-def .pet .pr_price {font-size:17px; }
.shs-def .vas
{
position:relative;
float:right;
}
.mt_0 {
	margin-top: 0px;
}
/* ------------------------------ Tabs ------------------------------*/
div.tabs-box {margin-left: 12px;}
ul.tabs
{

}
ul.tabs li{
padding-top:10px;
text-align:center;
cursor:pointer;
height:26px;
width:135px;
background:url(assets/images/tabs.png) 0 0;
color:#4682b4;
display: block;
float:left;
margin-bottom:24px;
}
ul.tabs li.current{background-position: 0 -72; color: #697177; font-weight:bold;}
.tabs-box .box {
  display: none; /* по умолчанию прячем все блоки */
  margin-top:24px;
  padding-bottom:24px;
  border-bottom: 1px solid #e9f2fa;
  clear:both;
}
.tabs-box .box.visible {
  display: block; /* по умолчанию показываем нужный блок */

}
/* ------------------------------ Buttons ------------------------------*/	

.to-cart-button-l {
width:87px;
height:31px;
background:url(assets/images/buttons/to-cart-blue-l.png) 0 0;
border:0;
cursor:pointer;
display:block;
}
.to-cart-button-l:hover {background-position: 0 -31;}
.to-cart-button-l:active {background-position: 0 -62;}

.button-go-m {
width:84px;
height:28px;
background:url(assets/images/buttons/go-grey-m.png) 0 0;
border:0;
cursor:pointer;
display:block;
}
.button-go-m:hover {background-position: 0 -28;}
.button-go-m:active {background-position: 0 -56;}

.details-button-s,
.back-button-s,
.empty-cart-button-s,
.checkout-button-s,
.send-button-s
{
	height:21px;
	border:0;
	cursor:pointer;
	display:block;
	float:left;
	margin-right:8px;
}
.details-button-s:hover,
.back-button-s:hover,
.empty-cart-button-s:hover,
.checkout-button-s:hover,
.send-button-s:hover
{background-position: 0 -21;}

.details-button-s:active,
.back-button-s:active,
.empty-cart-button-s:active,
.checkout-button-s:active,
.send-button-s:active
{background-position: 0 -42;}

.details-button-s {width:79px; background:url(assets/images/buttons/details-grey-s.png) 0 0;}
.back-button-s {width:53px; background:url(assets/images/buttons/back-grey-s.png) 0 0;}
.empty-cart-button-s {width:119px; background:url(assets/images/buttons/empty-cart-grey-s.png) 0 0;}
.checkout-button-s {width:107px; background:url(assets/images/buttons/checkout-blue-s.png) 0 0;}
.send-button-s {width:78px; background:url(assets/images/buttons/send-blue-s.png) 0 0;}


/* ------------------------------ Products Listing ------------------------------*/

.list_item
{
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #e9f2fa;
height:174px;
margin-bottom:12px;
}
.list_item:hover {background-color:#fbfcfe; border:1px solid #dbe4ec; border-radius:8px;}
.list_item_image img{max-width:150px;}
.list_item_image 
{
position:relative;
float:left;
width:150px;
height: 150px;
margin:12px;
text-align: center;
background-color:#fff;
}
.list_item_description
{
margin: 10px 0;
padding-left: 10px;
position:relative;
width:350px;
float:left;
border-left: 1px dotted #e9f2fa;
height:154px;
}
.list_item_price
{
margin: 10px 0;
padding:0 10px;
position:relative;
width:130px;
float:right;
color:#697177;
border-left: 1px dotted #e9f2fa;
height:154px;
}

.h8{
	height: 129px;
}
.fl_r{
	float: right !important;
}
.fl_l{
	float: left;
}
.rel {position:relative;}
.listing_link
{
	display:block;
	font-family: 'PT Sans Narrow'; 	font-size: 24px; line-height:24px;
	margin-bottom: 4px;
}
.green{
	color: #66cc00;
}
.orange
{
	color: #ff9a00;
}
.comment2
{
	color: #697177;
}
.comment2-head
{
	color: #697177;
}

input.qua
{
	margin-right:6px;
	color: #657f90;
	border: 1px solid #abb9c3;
	background: #f5f7f9;
	line-height:20px;
	padding:2px 0 0 2px;
	float:left;
	width:25px;
}

/* ------------------------------ Quote Shapes ------------------------------*/
div.errors strong, div.errors b, h5
{
	text-transform: uppercase;
	font-size: 10px;
	margin-bottom:5px;
}
div.quote /*Yellow Shape*/
{
	padding:8px;
	background-color: #f9edbe;
	border-top: 1px solid #f0c36d;
	border-bottom: 1px solid #f0c36d;
	border-right: 1px solid #f0c36d;
	border-left: 10px solid #f0c36d;
	border-radius:2px;
	color:#3b444a;
}	

.inactive /*Shape*/
{
	background-color: #f1f1f1 !important;
	border-top: 1px solid #dbe4ec !important;
	border-bottom: 1px solid #dbe4ec !important;
	border-right: 1px solid #dbe4ec !important;
	border-left: 10px solid #dbe4ec !important;
	border-radius:2px;
	color:#3b444a;	
}
.done /*Green Shape*/
{
	padding:8px;
	background-color: #def9be !important;
	border-top: 1px solid #c6f06d !important;
	border-bottom: 1px solid #c6f06d !important;
	border-right: 1px solid #c6f06d !important;
	border-left: 10px solid #c6f06d !important;
	border-radius: 2px;
	color:#3b444a;	
}

div.errors /*Red Shape*/
{
	padding:8px;
	background-color: #f9c5be !important;
	border-top: 1px solid #f06d6f !important;
	border-bottom: 1px solid #f06d6f !important;
	border-right: 1px solid #f06d6f !important;
	border-left: 10px solid #f06d6f !important;
	border-radius:2px;
	color:#3b444a;	
}

div.norm /*Blue Shape*/
{
	padding:8px;
	background-color: #bef1f9 !important;
	border-top: 1px solid #6df0ee !important;
	border-bottom: 1px solid #6df0ee !important;
	border-right: 1px solid #6df0ee !important;
	border-left: 10px solid #6df0ee !important;
	border-radius:2px;
	color:#3b444a;	
}

/* ------------------------------ Footer ------------------------------*/

#footer
{
	clear:both;
	width:972px;
	height:60px;
	color: #999;
	position: relative;
	margin: -3.5em auto 0 auto;
}
/* A CSS hack that only applies to IE -- specifies a different offset for the footer */
* html #footer
{
	margin-top: -3.4em;
}
