/*	-------------------------------------------------------------
	Project Name    house_of_paving
	developer3@silvertrees.net
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.version        1.0
	.updated       21-01-2010
	-------------------------------------------------------------	


/*	-------------------------------------------------------------
	. Defult Rests
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
* { margin:0; padding:0; }
a { color:#333; text-decoration:none; outline:none; }
a:hover { color:#545454; text-decoration:underline; }
img { border:none; }
a:focus { outline:1px dotted invert }
hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0 }
h1, h2, h3, h4, h5, h6, p { padding-bottom:5px; }
h1 { font-size:22px }
h2 { font-size:20px }
h3 { font-size:16px }
h4 { font-size:14px }
h5 { font-size:12px }
h6 { font-size:11px }

/*Commen Classes */
.clear{ font-size:1%; clear:both; height:1%; line-height:1px;}
.Left{ float:left; display:inline;}
.Right{ float:right; display:inline;}
.Mask{ position:absolute; left:0; top:0;}
.Line{background:#d8d5d0; font-size:1%; height:1px; overflow:hidden; line-height:1px; margin:7px 0;}

body{ font:12px Arial, Helvetica, sans-serif; color:#0b0908; background:#FFF; }


.Wrap{ background:url(images/top_bg.gif) repeat-x top; padding-top:4px; display:block; }
.Texture{ background:url(images/bg.gif) repeat;}



.Layout{ margin:0 auto; width:965px; position:relative; background:url(images/sidebar_bg.gif) repeat-y 1px 0; }
.Layout .Sidebar{ width:216px; overflow:hidden; /*border-right:1px solid #000; border-left:1px solid #000;*/ padding-bottom:100px; padding-left:2px;}
.Layout .Contents{  width:680px;  margin-bottom:25px}
h1.Heading{ border-bottom:1px solid #40463d; padding-bottom:3px; display:block; margin-bottom:20px; margin-top:5px;}


.Logo{ display:block; background:url(images/bg_30.png) repeat; height:170px; width:216px; position:relative; margin-bottom:15px;}
.Logo a{ display:block; background:url(images/better_by_design_landscape.gif) no-repeat; height:122px; width:191px; position:absolute; left:15px; top:10px; text-indent:-99999px;}

.Address{ width:145px; display:block; padding-left:20px;}
.Address address { white-space:normal; font-style:normal; font-size:13px; }
.Address address strong { font-size:15px;display:block; padding:6px 0;  }

/*Side Nav*/
.SideNav{ display:block; margin:15px 0 0 0; }
.SideNav ul{ list-style:none;  }
.SideNav ul li{  display:block; margin-top:9px; }
.SideNav ul li a.CatName{ display:block; background:url(images/bg_30.png); height:35px; width:216px; font-size:15px; font-weight:700; text-align:center; padding-top:15px; 
cursor:pointer;position:relative; z-index:15;  color:#FFF;}

.SideNav ul li ul{ display:block; background:url(images/submenu_bg.png)  ; margin:0 0 12px 0; padding:10px 2px 6px 2px; width:212px; overflow:hidden;}
.SideNav ul li ul li{ display:block; border-top:1px solid #697e5e; width:193px; padding:7px 0 7px 22px; margin:0;}
.SideNav ul li ul li a{  font-size:14px; font-weight:700; background:url(images/arrow.gif) no-repeat left 4px; padding-left:20px; display:block; padding-right:7px; width:auto; color:#181717;}

.SideNav ul li a:hover, .SideNav ul li.current a{ color:#cecece; text-decoration:none } 


/*Menu*/
.TopNav{ display:block;height:65px; overflow:hidden; }
.TopNav ul{ margin-left:30px; display:block; position:absolute; right:8px;}
.TopNav li{ float:left; display:block; margin-right:0px; cursor:pointer; position:relative;}
.TopNav li a{  cursor:pointer;display:block; float:left; background:url(images/menu_left.png) no-repeat left ; height:44px;  color:#f2f5f8; text-decoration:none; padding-left:15px; font-size:13px; font-weight:700;  }
.TopNav li a:hover{ text-decoration:none; color:#CCCCCC}
.TopNav li a span{  cursor:pointer;display:block;float:left; background:url(images/menu_right.png) no-repeat right ; height:32px; padding:12px 26px 0 15px; width:auto}


.SideNav ul li ul li ul{ display:block; background:none;padding:0; margin:0; overflow:hidden; padding:5px 0; width:auto}
.SideNav ul li ul li ul li{ margin:0; padding:0; border:0; padding:3px 0 3px 20px; width:170px;}
.SideNav ul li ul li ul li a{ font-size:13px; padding-left:16px;}
.SideNav ul li ul li ul li a:hover{background:url(images/arrow.gif) no-repeat left 4px;}


.HomeBox{ widows:562px; padding:20px 20px 0 20px; display:block; margin-bottom:10px;}

.HomeGallery{ display:block; width:595px; margin-left:30px; }
.Topdetails{ display:block; width:548px;position:relative; padding:18px 25px 27px 0; bottom:-15px;}
.Topdetails .Detailstop{ position:absolute; top:0; height:16px; width:598px; left:0;}
.Gallerytext{ position:absolute; width:230px;z-index:2; background:url(images/bg_overlay.png); right:0px; top:35%; padding:10px 25px; color:#0b0908;}


.Pagenation{ display:block; padding:12px 5px; }
.Pagenation ul{ list-style:none;}
.Pagenation ul li{ background:url(images/seperation.gif) left no-repeat; float:left; display:inline; padding:0 7px; color:#1f1510;}
.Pagenation ul li a{  color:#1f1510;}
.Pagenation ul li.SlideLeft{ background:none; padding:0}
.Pagenation ul li.SlideLeft a{ background:url(images/arrow_left.gif) no-repeat center top; text-indent:-9999px; text-indent:-999999px; display:block; height:8px; width:4px; margin-top:3px;}
.Pagenation ul li a.Active{ font-weight:700;}
.Pagenation ul li.SlideRight a{ background:url(images/arrow_right.gif) no-repeat center top; text-indent:-9999px; text-indent:-999999px; display:block; height:8px; width:4px; margin-top:3px;}
.Pagenation ul li.SlideRight{ padding:0;}
.Pagenation ul li.SlideRight, .Pagenation ul li.First{ background:none}


.HomeGallery .HomeMask{ position:relative; width:554px; height:440px; overflow:hidden; }
.HomeGallery .HomeMask .Mask{ width:555px; height:440px;}

/*White Navigation */
.WhitePagenation ul li.SlideLeft a{background:url(images/white_nav_left.gif) no-repeat top; height:10px; margin-top:2px;}
.WhitePagenation ul li.SlideRight a{background:url(images/white_nav_right.gif) no-repeat top; height:10px; margin-top:2px;}



/*Overlaybox*/
.Overlaybox{ background:url(images/bg_30.png) repeat; display:block;}

.ProductsGallery{ display:block; }
.ProductsGallery .Gallerypreview{ padding:15px; width:388px; left:-13px; position:relative; z-index:50}
.Galleryviewer{ position:relative; height:308px; width:390px; overflow:hidden; }
.Galleryviewer .Mask{  height:308px; width:390px; cursor:pointer; z-index:15;}
.Galleryviewer .OverlayLink{ position:absolute; z-index:20; background:url(images/transparent.gif);}
.Productdetails{ padding:25px 0 0 12px; width:375px;  overflow:hidden; }
.Productdetails h3{ padding:0;}


.Primarydetails{ background:url(images/primary_details.gif) repeat-x bottom; margin-bottom:12px; padding-bottom:12px;}
.Primarydetails h3{ padding-bottom:5px;}

.Secondrydetails{ width:280px; text-align:justify;}
.Enquiry{ display:inline; /*margin-top:-40px;*/}
.Enquiry a{ background:url(images/enquiry.gif) no-repeat; width:75px; height:32px; text-indent:-99999px; display:block}


.Gallerythumbs{ width:225px; padding:9px 7px 7px 10px;}
.Gallerythumbs ul.thumbslist{ list-style:none; }
.Gallerythumbs ul.thumbslist li{ float:left; display:inline; width:98px; height:80px; overflow:hidden; position:relative; margin: 6px; font-size:1%;}
.Gallerythumbs ul.thumbslist li .Mask{  width:98px; height:80px;  overflow:hidden; position:absolute;}
.Gallerythumbs ul.thumbslist li a{ text-indent:-99999px; position:absolute;  width:98px; height:80px;  z-index:5; background:url(images/transparent.gif);}
.Gallerythumbs .Pagenation{ padding-right:12px;}


.WhiteBox{ width:670px; background:#FFF; margin-top:15px; }
.WhiteTop{ display:block; /*background:url(images/white_top.gif) no-repeat top left; */height:22px; font-size:1%;}
.WhiteBottom{ display:block; /*background:url(images/white_bottom.gif) no-repeat left bottom ;*/ height:22px;font-size:1%;}

.Whitecontents{ display:block; padding:0 25px;/*background:url(images/white_bg.gif) repeat-y left;*/}
.Whitecontents ul{ padding-left:13px;}
.Whitecontents h1, .Whitecontents h2, .Whitecontents h3, .Whitecontents h4{ color:#7b9f6f; font-weight:100;}


/*.TowCols{ background:url(images/line.gif) repeat-y 305px;}*/
.TowCols td{ vertical-align:top; padding:10px 5px;}
.TowCols td table{ margin:5px 0;}
.TowCols td table td{ padding:0; vertical-align:bottom}
.TowCols .First{ padding-right:15px; width:295px;}

.Whitecontents .Listing{ display:block; list-style:none; padding:10px 0;}
.Listing li{ padding:5px 0 5px 13px;}
.Listing li.Odd{ background:#ebf1ea;}
.Listing li span{ display:block; background:url(images/dot.gif) no-repeat left 6px; padding-left:15px; color:#000;}

/*Footer*/
.Footer{ background:#FFF url(images/footer.gif) repeat-x top; margin: 0; padding:20px 0 100px 0;}
.Footer p{ margin:0 auto; width:950px; font-size:12px;}
.Footer p span{ padding:0 10px;}

/*Faqs*/
.FAQS{ display:block;}
.FaqList { display:block; background:url(images/line.gif) repeat-y 300px;  margin:30px 0 55px 0; }
.FaqList h3 { font-size:18px;}
.FaqList .Question{ float:left; width:275px; overflow:hidden;}
.FaqList .Question p, .FaqList .Answer p{ width:auto; padding-bottom:10px;}
.FaqList .Answer{ float:left; width:280px; overflow:hidden; padding-left:50px; }


.Contactstop{ padding:7px 0 15px 0;}
.Contactpage{ display:block;}
.Contactpage .ContactForm{ width:330px; overflow:hidden;}
.Contactpage .ContactForm .input, .Contactpage .ContactForm  .Captcha{ width:330px; padding-left:95px;}
.Contactpage .ContactForm .text input{ width:180px;}
.Contactpage .ContactForm .textarea textarea{ width:230px;}
.Contactpage .ContactForm  .Captcha input{ width:97px;}

.Map{ width:255px; overflow:hidden; height:205px;}
.ContactMap { width:250px; overflow:hidden;}
.ContactBox{ background:#f3f3f3; padding:10px; margin:15px 0;}


.note{ background:#fdf7b5; border:2px solid #e8dc62; margin:0 auto; width:50%; text-align:center; padding:5px; font-family:"Trebuchet MS"; font-size:12px;}

.video_player{  padding:30px 0 10px; width:515px;}


.Links{ display:block; padding:15px 0;}
.LinksBox{ border-bottom:1px solid #efefef; padding:10px 0;}
.LinksBox .LinksThumb{ padding-right:15px;}

.Hint{ display:block; margin:0; padding-bottom:20px; padding-left:7px; font-weight:700}