/* CSS Document */
body
{
 position:relative;
 margin: 0 auto;
 padding: 0;
 min-width: 1024px;
 max-width: 1280px;
}

a,img {outline: none; border: none; }

#wrapper { width: 100%; padding: 0; margin: 0; background: url(../img/footerLeftBkg.gif) no-repeat bottom left; }

/*Шапка*/
#header { position: relative; height: 218px; }
#header-bushes { position:absolute; top: 0; left: 0; width: 400px; height: 100%; background: url(../img/bush.jpg); }
#header .logo{background-image:url(../img/newlogo.png); position:absolute; top: 30px; left: 30px; width: 785px; height:150px;}
#header-house { position:absolute; top: 0; right: 0; width: 430px; height: 100%; background: url(../img/house.jpg); }

/*Верхнее горизонтальное меню*/
#navTop { width: 100%; height: 60px; position: relative; background: url(../img/navTop-fill.jpg); }
#navTop-menuShelter { margin: 0 310px 0 200px; width: auto; }
#navTop .navTop-menu { width: 100%; color: white; font: bold 14px Arial, Helvetica, sans-serif; }
#navTop .navTop-menu a:link { color: white; text-decoration: none; }
#navTop .navTop-menu a:hover { color: white; text-decoration: underline; }
#navTop .navTop-menu a:visited { color: white; text-decoration: none; }
#navTop-house { position:absolute; top: 0; right: 0; width: 310px; height: 100%; background: url(../img/house.jpg) -120px -218px;}


#content { position: relative; width: 100%; margin-bottom:30px; }
/*Скруглённый блок для превьюшек страниц*/
#content .pagePreview
{
 position: relative;
 background: #D2E0ED;
 height:auto;
 margin: 0 0 40px 0;
 padding: 35px 0 10px 0;
 width:95%;
 overflow:hidden;
}

#content .pagePreview p { margin: 0; text-align: justify;}
/*#content .pagePreview img { float: left; margin: 5px 15px 5px 0; }*/
#content .pagePreview .next { float: right; }
#content  .patch { display:block; clear: left; height: 5px; margin:0;} /*Заплатка. Высота float картинки не учитывается при построении div'a*/

#content .pagePreview .pageWrap {margin: 15px 20px; }
#content .pagePreview .pageWrap .imgWrap { float:left; width: 90px; text-align:center; margin: 0 10px 10px 0;}
#content .pagePreview .pageWrap .imgWrap img { float:none; clear:both; margin: 0 auto;}

#content .pagePreview .textWrap {margin:5px 10px;}
#content .pagePreview .textWrap img {float:left; margin: 0 15px 5px 0;}
#content .pagePreview .nextWrap {text-align:right; margin:0 10px; clear:both;}
#content .pagePreview .nextWrap img {float:none; margin-top:10px;}

#content .pagePreview .videoWrap {clear:left; margin: 20px 0; overflow: hidden;}
.videoWrap .videoDescrWrap { margin: 0; padding: 0 0 0 20px; }
.videoWrap .videoDescrWrap h3,p { margin: 0 0 20px 0; }

#content .pagePreview .goodPreview h5{margin-top:0;}

#content .pagePreview .review { margin-bottom: 20px; padding-bottom:10px; border-bottom:1px dashed #336699;}

/*Границы*/
#content  .tb { position: absolute; top: 0; left:0; width: 100%; height: 2px; background: url(../img/corners/borderBlue.gif); font-size: 1px; }
#content  .rb { position: absolute; top: 0; right: 0; width: 2px; height: 1200px; background: url(../img/corners/borderBlue.gif); font-size: 1px; }
#content  .bb { position: absolute; bottom: 0; left:0; width: 100%; height: 2px; background: url(../img/corners/borderBlue.gif); font-size: 1px; }
#content  .lb { position: absolute; top: 0; left:0; width: 2px; height: 1200px; background: url(../img/corners/borderBlue.gif); font-size: 1px; }
/*Уголки*/
#content .ltc { position: absolute; top: 0; left:0; width: 15px; height: 15px; background: url(../img/corners/ltc-navy15.gif) no-repeat; font-size: 1px; z-index: 5; }
#content .rtc { position: absolute; top: 0; right:0; width: 15px; height: 15px; background: url(../img/corners/rtc-white15.gif) no-repeat; font-size: 1px; }
#content .rbc { position: absolute; bottom: 0; right:0; width: 15px; height: 15px; background: url(../img/corners/rbc-white15.gif) no-repeat; font-size: 1px; background-position: right bottom;}
#content .lbc { position: absolute; bottom: 0; left:0; width: 15px; height: 15px; background: url(../img/corners/lbc-white15.gif) no-repeat; font-size: 1px; }
/*Заголовок в превьюшке*/
#content .titleWrap { position: absolute; top: 0; left: 0; height: 30px;  background: white; color: #340c6f; overflow:hidden; }
.titleWrap .title { position:relative; width: 100%; height: 100%; margin: 0; }
.arrow { width: 30px; height:100%; margin-right: 5px; background: url(../img/corners/arrowNavy.gif) center no-repeat; float: left; border-right: 1px solid #340c6f; }
.title .text { font: bold 14px Arial, Helvetica, sans-serif; display:inline-block; margin: 5px 10px 0 0; }
.title .trbc { position: absolute; bottom: 0; right:0; width: 15px; height: 15px; background: url(../img/corners/rbc-navy15.gif); background-position: right bottom; font-size: 1px; }
/*Границы*/
.title .ttb { position: absolute; top: 0; left:0; width: 100%; height: 2px; background: url(../img/corners/borderNavy.gif); font-size: 1px; }
.title .trb { position: absolute; top: 0; right: 0; width: 2px; height: 100%; background: url(../img/corners/borderNavy.gif); font-size: 1px; }
.title .tbb { position: absolute; bottom: 0; left:0; width: 100%; height: 2px; background: url(../img/corners/borderNavy.gif); font-size: 1px; }
.title .tlb { position: absolute; top: 0; left:0; width: 2px; height: 100%; background: url(../img/corners/borderNavy.gif); font-size: 1px; }

/*Широкий блок под контент*/
#content-singleWideBlock { margin: 0px 300px 20px 30px; }
/*Левый блок на главной*/
#content-blockLeft { width: 35%; margin-left: 2%; float:left;  }
* html #content-blockLeft { width: 35%; margin-left: 0; }
/*Правый блок на главной*/
#content-blockRight { position: relative; float:right; width:63%; margin: 0 0 20px 0px; }

#content-blockRight .pagePreview {
 background: #D2E0ED;
 height:auto;
 padding: 35px 0 10px 0;
 width: auto;
 min-width: 50%;
 position:relative;
 margin-right: 20px;
 /*margin-left: 20px;*/
}
* html #content-blockRight .pagePreview { width: 55%; }
* html .titleWrap { width: 50%; }


#content-blockRight-navRight
{
 display:block; 
 float: right;  
 width: 260px; 
 padding-top: 250px;
 background: url(../img/navRight-house.jpg) no-repeat top right; 
}


#content-blockRight-navRight .menuItem { clear: both; float: right;  width: 110px; height: 37px;  margin: 1px 0 1px 0; padding: 6px 0 0 47px; background: url(../img/navRight-button.jpg) no-repeat; color: white; font: bold 14px Arial, Helvetica, sans-serif; }
#content-blockRight-navRight .menuItem a:link { color: white; text-decoration: none; }
#content-blockRight-navRight .menuItem a:hover { color: white; text-decoration: underline; }
#content-blockRight-navRight .menuItem a:visited { color: white; text-decoration: none; }

#footer { width: 100%-50px; height: 20px; background: #340c6f; text-align:right; margin-top: 40px; padding: 5px 0 0 0; color: white; font: 12px Arial, Helvetica, sans-serif; clear:both; float: none; margin-left:50px;}
#footer .footerText {margin-right:20px;}
#footer .footerText a {color:white;}
#sdkb	 	{float:left; color:#669;}
#sdkb a		{color:#669; text-decoration:underline;}
#sdkb a:hover{color:#fff;}
#sdkb a:hover+span {color:#f0f;}


#content .galleryItem { width: 150px; height:150px; border:1px solid #3399CC; float:left; margin: 20px 0 20px 40px; padding: 5px; text-align: center; background-color: #FFFFFF;}
#content .galleryItem img {margin: 0px; float:none;}

#content .productsItem
{
 position:relative;
 width:40%; height:150px;
 float:left; 
 margin:20px 0 20px 5.5%;
 padding: 10px 1% 20px 1%;
 text-align: center;
 background-color: #FFFFFF;
 text-align:left;
}
* html #content .productsItem { margin-left: 20px; }

#content .productsItem img {margin: 0 10px; float:left; border:1px solid #3399CC;}
#content .productsItem h3 {font: bold 16px Arial, Helvetica, sans-serif; margin:0;}

#content .readMore:link, .readMore:hover, .readMore:active, .readMore:visited { color: red; display:block; text-decoration:underline; }

#content .addToCart {position: absolute; right:0; bottom:0; text-align:right; padding-right: 5px;}
#content .addToCart p {color:red; font: bold 9px Arial; clear:left; text-align: center; margin-bottom:5px;}
#content .addToCart a:link, a:hover, a:active, a:visited {color: #FF0000; text-decoration:none;}
#content .addToCart img{ margin:0; border:none;}


#content .productsItemShow {margin:20px 0;  padding: 10px 1% 20px 1%;}
#content .productsItemShow img {margin: 0 20px; float:left;}
#content .productsItemShow h3 {font: bold 16px Arial, Helvetica, sans-serif; margin:0;}


#cartRight  {padding: 35px 0 10px 0; width:155px; margin: 20px 0; float:right; clear:both; position:relative;}
#cartRight p {margin: 5px; font: 12px Arial, Helvetica, sans-serif;}

#credits { position:absolute; bottom: 5px; right: 5px; width: 150px; height: 20px; font-size: 14px; margin-left: 15px; font-style: italic; }
#credits a { color: blue; }