/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}


h1 {
	font-size: 20px;
	margin-bottom: 10px;
}

h2 {
	font-size: 18px;
	margin-bottom: 0;
}

h3 {
	font-size: 16px;
	margin-bottom: 0;
}

td {
    font-size: 14px;
}

form {
  margin: 0;
  padding: 0;
}

ul, ol {
	padding:0;
	list-style:none;
}

body {
	font-family: Arial,Tahoma,sans-serif;
	margin: 0;
	font-size: 14px;
	color: #001a48;
	background:#ffffff;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: normal;
	color:#00214E;
}

a:hover {
	text-decoration: underline;
}


input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }


   a img {
    border: 4px solid #ffffff; /* Рамка вокруг изображения-ссылки */
	border-radius: 10px;
   }         
   a:hover img  {
    border: 4px solid #F9B000; /* Рамка при наведении на ссылку курсора мыши */
	border-radius: 10px;
   }

img { 
border: 3px solid #ffffff;
border-radius: 15px;
box-shadow: 2px 2px 5px rgba(0,0,0,.5)
}

.clr {
	/*clear:both;*/
}

/*****************************************/
/***************** IE 6 width ************/
/*****************************************/
html{
/* _padding-left: 1000px;*/
}

body{
 /*_zoom: 1;*/
}

#main{
  min-width:1000px;
 /*_margin-left: -1000px;
 _zoom: 1;
 _position: relative;*/
}


/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

.header-in {
	background:url(/images/fon1.png)	
}

body#default #header,
body#front #header{
	
}
body#default .header-in,
body#front .header-in {
	/*background:url(../images/phone-default-d.png) top right no-repeat;*/
}

.logo {
/*position:absolute;
left:25px;*/
}

.logo img {
    box-shadow: none;
	border-radius:0;
	}

body#default .logo a,
body#front .logo a{
	display:block;
	width:160px;
	height:84px;
	margin:0 auto;
	background: url(../images/logo-default.png) top right no-repeat;
	box-shadow: none;
}

body#default .phone,
body#front .phone {
		/*height:44px;
		background:url(../images/phone-default.png) center top no-repeat;*/
}

/*plumbing*/

body#plumbing #header{background:url(/images/fon1.png) }
body#plumbing .header-in {background:url(/images/fon1.png) }

body#plumbing .logo a{
	display:block;
	width:160px;
	height:84px;
	margin:0 auto;
	background:url(../images/logo-default.png) top right no-repeat;
}
body#plumbing .phone {
		/*height:44px;
		background:url(../images/phone-default.png) center top no-repeat;*/
}

/*polimaterial*/

body#polimaterial #header{background:url(/images/fon1.png)} /* url(../images/flag.png) no-repeat; }*/
body#polimaterial .header-in {background:url(/images/fon1.png)} /*url(../images/phone-default-d.png) top right no-repeat; }*/
body#polimaterial .logo a{
	display:block;
	width:160px;
	height:84px;
	margin:0 auto;
	background:url(../images/logo-default.png) top right no-repeat;
}
body#polimaterial .phone {
		/*height:44px;
		background:url(../images/phone-default.png) center top no-repeat;*/
}

/*roofing*/

body#roofing #header{background:url(/images/fon1.png) }
body#roofing .header-in {background:url(/images/fon1.png) }
body#roofing .logo a{
	display:block;
	width:160px;
	height:84px;
	margin:0 auto;
	background:url(../images/logo-default.png) top right no-repeat;
}
body#roofing .phone {
		/*height:44px;
		background:url(../images/phone-default.png) center top no-repeat;*/
}

/*materials*/

body#materials #header{background:url(/images/fon1.png) }
body#materials .header-in {background:url(/images/fon1.png) }
body#materials .logo a{
	display:block;
	width:160px;
	height:84px;
	margin:0 auto;
	background:url(../images/logo-default.png) top right no-repeat;
}
body#materials .phone {
		/*height:44px;
		background:url(../images/phone-default.png) center top no-repeat;*/
}


/*work*/

body#work #header{background:url(/images/fon1.png) }
body#work .header-in {background:url(/images/fon1.png) }
body#work .logo a{
	display:block;
	width:160px;
	height:84px;
	margin:0 auto;
	background:url(../images/logo-default.png) top right no-repeat;
}
body#work .phone {
		/*height:44px;
		background:url(../images/phone-default.png) center top no-repeat;*/
}

/*decor*/

body#decor #header{background:#ffffff; }
body#decor .header-in {background:#ffffff; }
body#decor .logo a{
	display:block;
	width:160px;
	height:84px;
	margin:0 auto;
	background:url(../images/logo-default.png) top right no-repeat;
}
body#decor .phone {
		/*height:44px;
		background:url(../images/phone-default.png) center top no-repeat;*/
}

/*contact*/

body#contact #header{background:url(/images/fon1.png) }
body#contact .header-in {background:url(/images/fon1.png) }
body#contact .logo a{
	display:block;
	width:160px;
	height:84px;
	margin:0 auto;
	background:url(../images/logo-default.png) top right no-repeat;
}
body#contact .phone {
		/*height:44px;
		background:url(../images/phone-default.png) center top no-repeat;*/
}

.topnav {
	height:44px;
	background:#F9B000; /*url(../images/nav.jpg) repeat-x;*/
	margin:0 auto;
	padding:1px 0 0 215px;
}

#topnav-in {
    /*margin:0 auto;*/
	width:100%;
}

.default {
position:relative;
}

.fixed {
position: fixed;
top: -10px;
box-shadow: 0 0 10px #222222;
-webkit-box-shadow: 0 0 10px #222;
-moz-box-shadow: 0 0 10px #222;
z-index: 10000;
background:#FFD33D;
height:43px;
width:780px;
}

.topnav ul {
	height:40px;
	margin:0 auto;
}

.topnav ul li{
	height:40px;
	float:left;
}

.topnav ul li a:link,
.topnav ul li a:visited{
	display:block;
	height:31px;
	float:left;
	color:#ffffff;
	text-transform:uppercase;
	padding:13px 15px 0;
	text-decoration:none;
	font-size:18px;
	letter-spacing:1.3px;
}
.topnav ul li.active a,
.topnav ul li a:hover {
	background:#ffffff; /*url('../images/hover-menu.gif') repeat-x;*/
	color:#003661 !important;
}
/*****************************************/
/***************** content ***************/
/*****************************************/

#content {
	background:#ffffff left top repeat-x; 

}

#content-in {
	/*background:url(../images/content-in2.jpg) left top repeat-y; min-height:450px;*/
}

div.pathway  {
margin:10px 0 !important;
}

/*****************************************/
/******************* main ****************/
/*****************************************/

#main-content {
	margin: 0 auto 0 213px;
	text-align:left;
	line-height: 1.4;
	padding:0 40px 0 5px;
	border-left:2px solid #003661;
}

#main-content .content-text {
	padding:2px;
	font-size:14px;
}

#main-content .content-text .contentheading {
	font-size:14px;
	font-family: arial;
	
}

.contentpaneopen {
	width:100%;
	padding:2px;
}

.content-text p {
	padding:10px 0;
	font-size:14px;
}

.blogfront p{
	/*line-height:2;*/
	font-size:14px;
	padding:0 !important;
}

.blogfront small {
	font-size:11px;
}

.buths{
	width:100%;

}

.buths td .box{
	width:190px;
	height:136px;
	position:relative;
	margin:0 auto;
	z-index:0;
}

.buths td img {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:190px;
	height:136px;
	z-index:1;
}

.buths td .box-in {
	position:absolute;
	left:0;
	width:192px;
	height:137px;
	background:url(../images/box-in.png) no-repeat;
	z-index:2;
}

.price {
	width:165px;
	margin: 0 0 0 15px;
}

.price img {
	vertical-align:middle;
}

.price a:link,
.price a:visited {
	text-transform:uppercase;
	font-size:14px;
}

.manufacturers  {
		height:15px;
		font-size:12px;
	}

.manufacturers .box {
	float:left;
}

.manufacturers .braker {
  height: 15px;
}

.text-before {
padding:0 10px 0 0;
}

/*****************************************/
/******************* left ****************/
/*****************************************/

#left {
	width: 221px;
	float: left;
	text-align:left;
	margin:25px 0;
	
}

#left .left-nav ul {
	list-style:none;
	padding:20px 0 0 5px;
	margin:0 0 20px 0;
}

#left .left-nav ul li{
	padding:0 25px 0 0;
}

#left .left-nav ul li a:link,
#left .left-nav ul li a:visited {
	text-transform:uppercase;
	color:#00214e;
	font-size:14px;
}

#left .left-nav ul li a:hover {
	text-decoration:none !important;
}


#left .left-nav ul#san {
	list-style:none;
	padding:20px 0 0 0;
	margin:0 8px 0 0;
}

#left .left-nav ul#san li{
	padding:5px 0;
}

#left ul#san li a:link,
#left ul#san li a:visited{
	text-transform:none !important;
	font-size:14px;
	padding:4px 0 0 6px;
	display:block;
	height:20px;
	letter-spacing:0.9px;
}

#front #left li a:link,
#front #left li a:visited  {
	padding-bottom:2px;
}

#front #left li a:hover {
	background:url(../images/line-hover.gif) left bottom repeat-x !important;
	text-decoration:none !important;
}

#left ul#san li.active a,
#left ul#san li a:hover {
	background:#F9B000; /*url(../images/li-hover.jpg) no-repeat;*/
	text-decoration:none;

}

#left .left-nav ul ul {
	margin:0;
	padding:5px 0 0 0;
}

#left .left-nav ul li li {
	padding:0 0 0 10px !important;
	width:195px;
}

#left ul li li a:link,
#left ul li li a:visited{
	display:block;
	height:18px;
	text-transform:none;
	font-size:11px;
	padding:2px 0 0 0 !important;
	background:none !important;
}

#left ul li li span {
	padding:0 0 2px 0;
}

#left ul li li.active a span,
#left ul li li a:hover span,
#left ul li li.active li a:hover span{
	background:none !important;
	text-decoration:none!important;
	background:url(../images/line-hover.gif) left bottom repeat-x !important;
}

#left ul li li.active li a span {
	background:none !important;
}

#left .search {
	height:50px;
	padding:5px 0 0 0;
	background:#f1ae39;
	margin:0 0 30px 0;
}

#left .search .input-box {
	border:none;
	background:url(../images/box-input.jpg) no-repeat;
	height:22px;
}

#left .search .input-box input {
	width:175px;
}

#left .search .inputbox {
	border:none;
	background:none;
	padding:4px 5px 0 5px;
	}

#left .search .button {
	border:none;
	background:none;
	text-transform:uppercase;
	color:#00214e;
	/*font-family:Arial Narrow;*/
	font-size:14px;
}

/*****************************************/
/******************* footer ****************/
/*****************************************/

.footer {
	height:84px;
	background:url(/images/fon1.png) /*url(../images/footer-bg.jpg) repeat-x;*/
	/*overflow:hidden;*/
}
.footer img {
    box-shadow: none;
	border-radius:0;
}

.footer a img {
    border: 0; /* Рамка вокруг изображения-ссылки */
	border-radius: 0;
   }  

.footer ul {
	list-style:none;
	/*height:25px;*/
}

.footer ul  li {
	float:left;
	padding:10px 5px 0 5px;
}

.footer ul li a:link,
.footer ul li a:visited{
	display:block;
	height:5px;
	float:left;
	text-transform:uppercase;
	color:#00214e;
	font-size:12px;
	font-weight:normal;
}

.footer .bottom-menu{
	/*width:835px;
	margin:10px auto;*/
}

/*virtua mart*/

.browseProductImageContainer  {
float:none;
margin: 0px !important;
width:auto;
}

.product-counter {
	width:150px;
	float:right;
}

.pathway {
	font-size:12px !important;
}

.pathway a:link, .pathway a:visited {
	font-size:12px !important;
}

.producthover {
	display:block;
	background:#fff;
	text-decoration:none;
}

.producthover a:hover {
	text-decoration:none;
}

.producthover-in {
	display:block;
	height:136px;

}

a.producthover:hover {
	background:#fff url(../images/producthover.jpg) no-repeat;
	text-decoration:none;
}
a.producthover:hover span {
	background:url(../images/producthover-in.gif) right top no-repeat;
	text-decoration:none;
 }

.browseProductImageContainer img {
	height:104px;
	margin:-5px 0 0 5px;
	/*margin:-15px 0 0 5px;
	position:relative;
	z-index:5;*/
	
}

.browseProductContainer  {
	margin:5px;
	padding:5px;
}

.browseProductDescription  {
margin-top:0;
}

.browseProductDescription td {
	font-size:12px;
	vertical-align:middle;
}

.browseProductContainer {
	position:relative;
	height:136px;
	
}

.more {
	padding:0 5px 0 0;
}

.browseProductDescription  p {
	width:160px;
}

.prev a:link,
.prev a:visited,
.next a:link,
.next a:visited,
a.ProductDetails {
	color:#d8dadc;
	font-weight:bold;
	font-size:12px;
}

.browseProductTitle  {
float:none;
font-size:16px;
font-weight:bold;
margin-top:3px;
padding:3px;
width:100%;
}

.category-box {
	padding:10px 0;
}

.category-box a:link,
.category-box a:visited {
	font-size:13px;
	font-weight:bold;
}

.category-box a:hover {
	text-decoration:none;
}

.category-box img {
	height:105px;
width:165px;
}

.category-box  .categoryhover {
	/*background:#fff;*/
	width:95%;
}

.category-box  .categoryhover-in  {
	height:130px;
	padding:6px 10px 0 10px;
	text-align:left;
}
/*временно хочу изменить это дело 
.category-box  .categoryhover:hover {
background:#fff url(../images/producthover.jpg) no-repeat;
}

.category-box  .categoryhover:hover  .categoryhover-in{
background:url(../images/producthover-in-category.gif) right top no-repeat;
} */

.pagenav {
	font-size:12px;
}

/*contact*/

.ckCSSlabel  {
	float:none;
}

#ckform p {
	padding:0;
	margin:0;
}

#emailForm  label {
	font-size:14px;
	display:block;
	margin:4px 0 0 0;
}

#emailForm p {
	padding:0;
}

.ckCSSlabel {
	margin:0;
}

.ckCSSinputnormal  {
	display:block;
	float:none;
	margin-top:0;
	border:none;
}

.ckCSSlabel  {
	font-weight:bold;
	font-size:12px;
}

#emailForm p.input  {
	width:206px;
	height:22px;
	border:none;
	background:url(../images/inputbox.jpg) left top no-repeat;
}

#emailForm .input input {
	font-size:11px;
	border:0;
	background:none;
	padding:2px 0 0 2px;
}

.ckCSSnoTip {
	width:216px;
}

textarea#text {
	background:#fff;
	width:206px;
	height:50px;
	border:none;
	overflow:hidden;
}

#ckform {
	padding:0;
	margin:0;
}

.FileAdd {
	padding:2px 0;
	font-weight:bold !important;
	cursor:pointer; 
	border:none;
	background:none;
	margin:15px 0;
}

.ck-button {
	width:150px;
	height:36px;
	padding:2px 0;
	font-weight:bold !important;
	cursor:pointer;
	border:none;
	background:none;
	margin:15px 0;
}

#submit_bt {
	border:none;
	background:url(../images/sent.jpg) no-repeat;
	width:150px;
	height:36px;
	color:#001A48;
	padding:2px 0;
	cursor:pointer;
}

.browseProductContainer  {
padding:0 !important;
vertical-align:top;
width:auto !important;
}

.form2 {
	width:135px;
	float:right;
}

td.back a {
	color:#D8DADC;
font-size:12px;
font-weight:bold;
padding:0 20px 0;
}

.counter {
	padding:7px;
	
}

.counter img {
	margin:0 2px;
}

/**/

#ckform {
	position:relative; /* чтобы можно было позиционировать абсолютно элементы внутри формы */
	padding:0;
	margin:0;
}


#addlbl {
	display:block;
	margin:10px 0;
}

#mask {
	width:86px; /* Эти значения чисто из-за особенностей моего рисунка */
	height:37px;
	padding:3px 0 0 0;
	background:url(../images/add.jpg) no-repeat 0 0;
	cursor:pointer; color:#ced2d4;

}

#fileInput {
	width:86px; /* вот незадача, FF не хочет задавать ширину, для этого зададим size */
	height:37px;
	position:absolute;/* позиционируем настоящий input type=file */
	left:0;
	bottom:80px;
	opacity: 0;/* задаем нулевую видимость */
	/*filter:alpha(opacity=0);*/
	border:none;
	background:none;cursor:pointer; color:#ced2d4;cursor:pointer; 
}
#fileInputText {
	width:100px;
	margin-left:90px;
	font-size:22px;border:none;
	background:none;
	font-size:12px;cursor:pointer; 
}