body{
margin:0px;
padding:0px;
background-image:url(../images/top-bg.jpg);
background-repeat:repeat-x;
background-position:top;
font-family:Arial;
font-size:12px;
color:#d4cfc1;
background-color:#373737;
color:#d4cfc1;
}
a{
text-decoration:underline;
color:#d4cfc1;
}
a:hover{
text-decoration:none;
color:#d4cfc1;
}
*{
margin:0px;
padding:0px;
}
img{
font-size:0px;
vertical-align:text-top;
padding:0px; margin:0px;

}
p,div,a,li,ul,img,h1,h2,h3,h4,h5,h6{
margin:0px;
padding:0px;
outline:none;
}
.wrapper1{
width:auto;
margin:0px auto;
background-image:url(../images/wrapper1-bg.jpg);
background-repeat:repeat-x;
background-position:top;
height:116px;
}
.top-header{
width:959px;
height:116px;
margin:0px auto;
}
.logo{
float:left;
width:211px;
height:116px;
font-size:0px;
}
.navigation-area{
float:right;
width:748px;
height:116px;
background-image:url(../images/top-right.jpg);
background-repeat:no-repeat;
background-position:top right;
}


.top-navigation{
float:right;
width:742px;
height:74px;
text-align:right;
padding-right:6px;
}



.phone{
float:right;
width:717px;
height:23px;
text-align:right;
padding-right:25px;
}
.wrapper2{
width:959px;
height:auto;
margin:0px auto;
margin-top:10px;
}
.left-content{
float:left;
width:167px;
height:auto;

}
.right-content{
float:right;
width:780px;
height:auto;
}
.our-products{
width:155px;
height:auto;

font-size:13px;
text-transform:uppercase;
font:Century Gothic;
padding-left:5px;
margin-top:4px;
}

.select{
margin-top:7px;
width:160px;
height:22px;
margin-bottom:3px;
}
.select-category{
margin-top:7px;
margin-bottom:6px;
width:153px;
font-size:12px;

padding-left:7px;
}
.css1{
width:160px;
}
.css1 a{

text-decoration:none;
color:#d4cfc1;
float:left;
width:138px;
height:auto;
background-image:url(../images/up-bg1.gif);
background-repeat:no-repeat;
padding-top:8px;
padding-bottom:8px;
padding-left:22px;
font-size:11px;
text-transform:uppercase;
border-bottom:1px solid #383838;
}

.css1 a:hover{

text-decoration:none;
font-size:11px;
text-transform:uppercase;
color:#d4cfc1;
float:left;
width:138px;
height:auto;
background-image:url(../images/down-bg.gif);
background-repeat:no-repeat;
padding-top:8px;
padding-bottom:8px;
border-bottom:1px solid #383838;
padding-left:22px;
background-color:#212121;
}




.css-selected{
width:160px;
height:1px;
font-size:0px;
border-bottom:1px solid #383838;
}



.css1css1highlight a{

text-decoration:none;
font-size:11px;
text-transform:uppercase;
color:#d4cfc1;
float:left;
width:138px;
height:auto;
background-image:url(../images/down-bg.gif);
background-repeat:no-repeat;
padding-top:8px;
padding-bottom:8px;
border-bottom:1px solid #383838;
padding-left:22px;
background-color:#212121;
}

.css1highlight a:hover{

text-decoration:none;
font-size:11px;
text-transform:uppercase;

color:#d4cfc1;
float:left;
width:138px;
height:auto;
background-image:url(../images/down-bg.gif);
background-repeat:no-repeat;
padding-top:8px;
padding-bottom:8px;
border-bottom:1px solid #383838;

padding-left:22px;
background-color:#212121;
}



.css3 a{

text-decoration:none;
color:#d4cfc1;
float:left;
width:138px;
height:auto;
background-image:url(../images/down-bg.gif);
background-repeat:no-repeat;
text-transform:uppercase;
padding-top:8px;
padding-bottom:8px;

padding-left:22px;
font-size:11px;

}

.css3 a:hover{

text-decoration:none;
color:#d4cfc1;
float:left;
width:138px;
height:auto;
background-image:url(../images/down-bg.gif);
background-repeat:no-repeat;
text-transform:uppercase;
padding-top:8px;
padding-bottom:8px;

padding-left:22px;
font-size:11px;

}
.css4{
float:left;
width:138px;
height:15px;

}
.css2 a{
margin-top:7px;
text-decoration:none;
color:#d4cfc1;
float:left;
width:126px;
height:auto;
background-image:url(../images/arrow.gif);
background-repeat:no-repeat;
background-position:top left;
padding-left:14px;
margin-left:8px;
font-size:11px;
}
.css2 a:hover{
text-decoration:none;
color:#ffffff;
}

.pageheading-section{
float:left;
width:775px;
height:auto;
padding-left:10px;

}
.pageheading{
float:left;
width:608px;
height:auto;
font-size:13px;
text-transform:uppercase;
font:Century Gothic;
margin-top:4px;
}
.serach-area{
float:right;
width:158px;
height:22px;
}
.search-box{
float:left;
width:132px;
height:22px;
}
.go{
float:left;
width:26px;
height:22px;
text-align:left;
font-size:0px;
}
.search{
background:none;
border:none;
background-image:url(../images/search-bg.jpg);
background-repeat:no-repeat;
width:124px;
height:20px;
padding:0px 2px 2px 6px;
font-size:11px;
line-height:18px;
color:#636363;
}
.breadcum{
width:740px;
float:left;
padding-left:10px;
padding-bottom:15px;
font-size:11px;
}
.homepage-banner{
margin-top:10px;
width:width:775px;
height:auto;
text-align:right;
}
.wrapper3{
width:958px;
margin:0px auto;
height:auto;
font-size:12px;
line-height:19px;


}
.wrapper4{
margin:0px auto;
height:391px;

background-image:url(../images/project-bg.jpg);
background-repeat:repeat-x;
background-position:top;
margin-top:20px;

}
.our-products-image{
width:810px;
margin:0px auto;
background-image:url(../images/our-product-range.png);
background-position:left;
background-repeat:no-repeat;
padding-left:160px;
height:391px;
text-align:right;
}
.product-bg{



}

.wrapper5{
width:auto;
margin:0px auto;

color:#99FF00;

}
.footer{
width:958px;
margin:0px auto;


}
.footer1{
float:left; 
padding-top:15px;
width:200px;
color:#6c6860;
font-size:11px;
padding-bottom:5px;




}

.footer1 a{
text-decoration:none;
color:#6c6860;

}
.footer2{
float:right;
width:750px;

padding-top:15px;
text-align:right;
font-size:11px;
padding-bottom:5px;

}
.footer2 a{
text-decoration:none;
color:#6c6860;
padding-left:1px;
padding-right:1px;

}

img{
border:0px;
padding:0px; margin:0px;
}

.clear{
clear:both;
}
.main-category{
width:767px;
height:auto;
padding-left:10px;

}
.main-category-image{
float:left;
width:181px;
height:167px;
margin-bottom:30px;
}
.main-image{
width:179px;
height:131px;
font-size:0px;
}
.main-text{
width:173px;
height:24px;
text-align:left;
background-image:url(../images/main-text-bg.jpg);
background-repeat:repeat-x;
background-position:top;
font:bold;
color:#4f4d4a;

padding-top:12px;
padding-left:6px;
font-size:14px;
}

.main-text a{
text-decoration:none;
color:#4f4d4a;
}
.main-category-gap{
float:left;
width:14px;
}
.wrapper-new{
margin-top:5px;
margin-bottom:10px;
width:auto;
height:52px;
background-repeat:repeat-x;
background-image:url(../images/white-bg.jpg);
}

.product-details{
width:767px;
height:auto;
padding-left:10px;
}

.product-image-section{
float:left;
width:392px;
height:auto;
}
.onclickimage{
width:392px;
height:286px;
}
.product-image-details{
float:right;
width:345px;
height:auto;
line-height:17px;
color:#d4cfc1;
}
.enlargeimage{
width:392px;
height:auto;
padding-top:4px;
}
.enlargeimage a{
color:#d4cfc1;
}
.thumbnail{
float:left;
width:102px;
height:auto;
margin-top:15px;
}
.thumbnail-image{
width:102px;
height:74px;
}
.thumbnail-text{
width:102px;
height:auto;
line-height:30px;
}
.thumb-gap{
float:left;
width:10px;
}
.thumbnail a{
text-decoration:none;
color:#d4cfc1;
}
.specials{
width:767px;
height:auto;
margin-bottom:20px;
padding-left:10px;
line-height:19px;
}

.special-heading{
width:767px;
height:auto;
color:#d4cfc1;

}
.special-section{
margin-top:5px;
width:767px;
height:auto;
}
.special-image{
float:left;
width:181px;
height:130px;
font-size:0px;
}
.special-text{
width:580px;
height:auto;
float:right;
}
.special-text-heading{
width:580px;
height:auto;
color:#d4cfc1;

}
.special-text-dec{
width:580px;
height:auto;
margin-top:5px;
color:#d4cfc1;

}
.more{
width:580px;
height:auto;
text-align:right;
}
.border{
margin-top:20px;
width:767px;
height:auto;
}
.css5 a{
margin-top:7px;
text-decoration:none;
color:#d4cfc1;
float:left;
width:117px;
height:15px;
background-image:url(../images/arrow2.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:23px;

margin-left:8px;
font-size:10px;
}

.css5 a:hover{

margin-top:7px;
text-decoration:none;
color:#ffffff;
float:left;
width:117px;
height:15px;
background-image:url(../images/arrow2.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:23px;
font-size:10px;
margin-left:8px;
}

.css6 a{
margin-top:7px;
text-decoration:none;
color:#d4cfc1;
float:left;
width:130px;
height:auto;
padding-left:18px;
margin-left:4px;
font-size:11px;
}

.css6 a:hover{
margin-top:7px;
text-decoration:none;
color:#ffffff;
float:left;
width:130px;
height:auto;
padding-left:18px;
font-size:11px;
margin-left:4px;
}
.css7{
margin-top:7px;
text-decoration:none;
color:#d4cfc1;
float:left;
width:113px;
height:auto;
padding-left:27px;
margin-left:8px;
font-size:11px;
}
.text-link{
color:#d4cfc1;
font-size:11px;
}
.text-link a{
text-decoration:none;
color:#d4cfc1;
font-size:11px;
}
.text-link a:hover{
text-decoration:none;
color:#ffffff;
}
.installation-design{
width:767px;
height:auto;
margin-bottom:20px;
line-height:19px;
}
.solidline{
width:767px;

font-size:0px;
margin-top:10px;
margin-bottom:20px;
}
.installation-images{
width:767px;
height:auto;
margin-top:15px;
}
.installation-gallery{
float:left;
width:181px;
height:auto;
}
.installation-gallery-image{
width:181px;
height:132px;
font-size:0px;

}
.installation-gallery-text{
width:181px;
height:25px;
text-align:left;
margin-top:5px;
}
.installation-gallery-text a{
text-decoration:none;
color:#D4CFC1;
}
.installation-gap{
float:left;
width:12px;
}
.installation-heading{
width:767px;
height:auto;
font-size:14px;
text-transform:uppercase;
}

span.select5{position:absolute; width:165px; height:24px; padding-left:0px; background-image:url(../images/salectbg.jpg); background-repeat:no-repeat; overflow:hidden;line-height:22px; color:#464c53; font-family:Verdana; font-size:11px; font-weight:normal;}
input.styled5 { display: none;  position: relative; overflow:scroll; margin-top:-20px;}
select.styled5 {
	filter:alpha(opacity=0);
	opacity:0;
	width:165px;
	z-index: 5;
	font-family:Verdana;
	color:#777775;
	font-weight:normal;
	font-size:11px;
	height:22px;
	position:relative;
	*top:4px;
}

span.select{position:absolute; width:194px; height:20px; margin:0px; overflow:hidden;line-height:20px; color:#464c53; font-family:Arial; font-size:11px; font-weight:normal; background-image:url(../images/salect-box.jpg); background-repeat:no-repeat; padding-left:5px;}
input.styled { display: none;  position: relative; overflow:scroll;}
select.styled{ position: relative; width: 195px; opacity: 0; filter: alpha(opacity=0); z-index: 5; font-family:Arial;color:#666666; font-weight:normal; font-size:11px;}


#products{margin:0 auto;}
#aside{ margin:0 auto;}

#aside .product{ float:left; width:181px; height:131px; margin-right:10px; margin-bottom:35px;}
#aside .product{ float:left; line-height:30px;}
#aside .product .picture{width:181px; height:131px; display: table-cell; vertical-align:bottom;}
#aside .product .title{ float:left; line-height:25px;}









#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }


.share-line{ float:left; margin-top:20px; margin-bottom:20px; }