/* General styles */

	
	
	
/* Type Menu */

	#type-wrapper{
		width:100%;
		border:0px solid red;
		margin-top:20px;	
	}
	
	
	#type-wrapper ul {
		border:0px solid black;
		height:90px;
	}	
	
	
	
	#type-wrapper ul li {
		float: left;

	}	
	
	#type-wrapper ul #homeowner {
		background: transparent url('/assets/images/backgrounds/homeowner.png') repeat top left;
		height:80px;
		width:300px;
		font-size:30px;
		color:#FFFFFF;
		padding-top:10px;
		padding-left:20px;		
	}
	
	
	
	#homeowner_readmore{
		position:relative;
		margin-top:5px;
		margin-left:0px;
		padding-top:5px;
		padding-left:20px;
		font-size:16px;
		width:60px;
		height:25px;
		background: #6D82B0 url('/assets/images/arrows/type_arrow.png') no-repeat center left
	}
	

	#type-wrapper ul #specifier {
		background: transparent url('/assets/images/backgrounds/specifier.png') repeat top left;
		height:80px;
		width:300px;
		font-size:30px;
		color:#FFFFFF;
		padding-top:10px;
		padding-left:20px;	
	}	


	#specifier_readmore{
		position:relative;
		margin-left:0px;
		margin-top:5px;
		padding-top:5px;
		padding-left:20px;
		font-size:16px;
		width:60px;
		height:25px;
		background: #333A46 url('/assets/images/arrows/type_arrow.png') no-repeat center left
	}



	#type-wrapper ul #trade {
		background: transparent url('/assets/images/backgrounds/trade.png') repeat top left;
		height:80px;
		width:300px;
		font-size:30px;
		color:#FFFFFF;
		padding-top:10px;
		padding-left:20px;
	}	
	
	
	#trade_readmore{
		position:relative;
		margin-left:0px;
		margin-top:5px;
		padding-top:5px;
		padding-left:20px;
		font-size:16px;
		width:60px;
		height:25px;
		background: #948B4F url('/assets/images/arrows/type_arrow.png') no-repeat center left
	}
	
	
	
	#type_link_homeowner{
		background: transparent url('/assets/images/arrows/type_link_arrow.png') no-repeat center left;
		color:#95B1EF;
		font-weight:bold;
		padding-left:15px;
	}
	
	
	#type_link_specifier{
		background: transparent url('/assets/images/arrows/type_link_arrow.png') no-repeat center left;
		color:#59A1B9;
		font-weight:bold;
		padding-left:15px;
	}	
	
	#type_link_trade{
		background: transparent url('/assets/images/arrows/type_link_arrow.png') no-repeat center left;
		color:#C4B86A;
		font-weight:bold;
		padding-left:15px;
	}	
	
	
	
	
	

/* Form styles */

	.inputButton {
		background-color: #161f1a;
		color: #CCCCCC;
		font-size: 14px;
		border-color: #e4e6e7;
		border-style: solid;
		border-width: 1px;
		cursor:pointer;
	}



	.brForm {
		color: #3D4655;
		float: right;
		width: 700px;
		margin: 10px 20px 0px 0px;
		padding: 0px 10px 10px 30px;
		background: #FFFFFF url('/assets/images/backgrounds/white_blue_corner.png') no-repeat bottom right;
		border:0px solid red;
	}






/* Delivery Options styles */

	.delivery-title {
		width: 310px;
		margin: 10px 20px 0px 0px;
		padding: 10px 10px 10px 10px;
		color:#FFFFFF;
		background: #161f1a url('/assets/images/backgrounds/grey-lilac-corner.gif') no-repeat bottom right;
	}

	.delivery-data {
		width: 310px;
		padding: 10px 10px 10px 0px;
	}

	.delivery-data img {
		padding: 10px 10px 10px 10px;
	}








/* FAQ styles */

	.faq-box {
		position: relative;
		float: left;
		width: 97%;
		margin: 10px 20px 0px 0px;
		padding: 10px 10px 10px 10px;
		background: #46454A url('/assets/images/backgrounds/grey_blue_corner.png') no-repeat bottom right;
	}

	.faq-abox {
		color: #161f1a;
		float: left;
		width: 97%;
		margin: 10px 20px 0px 0px;
		padding: 10px 10px 10px 10px;
		background: #FFFFFF url('/assets/images/backgrounds/white_blue_corner.png') no-repeat bottom right;
	}
	
	.faq-search-box {
		position: relative;
		float: left;
		width: 97%;
		margin: 10px 20px 0px 0px;
		padding: 10px 10px 10px 10px;
		background: #46454A url('/assets/images/backgrounds/grey_blue_corner.png') no-repeat bottom right;
		height:18px;
	}
	
	
	.faq_link{
		
		color:#FFFFFF;
	
	}
	
	.faq_link:hover{
		
		color:#DDDDDD;
	
	}	
	
	
	
	.faqSpanLeft {
		position: absolute;
		left: 10px;

	}
	
	
	.faqSpanRight {
		float: right;
		border:0px #ffffff solid;
		width:100px;
	}

	
	a.faqTools:link{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #e4e6e7;
		text-decoration:none;
		font-size: 9pt;
		font-weight:normal;
		cursor:hand;
		font-style:italic;
	}
	a.faqTools:active{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #e4e6e7;
		text-decoration:none;
		font-size: 9pt;
		font-weight:normal;
		cursor:hand;
		font-style:italic;
	}
	a.faqTools:visited{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #e4e6e7;
		text-decoration:none;
		font-size:9pt;
		font-weight:normal;
		cursor:hand;
		font-style:italic;
	}
	a.faqTools:hover{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #778cbd;
		text-decoration::none;
		font-size: 9pt;
		font-weight:normal;
		cursor:hand;
		font-style:italic;
	}
	
	
	
	
	
/* Basket styles */

	.bLabel{
		padding: 5px;
		background-color: #444549;
		color: #bdbec1;
		font-weight: bold;
		font-size: 16px;
	}

	.tCornerCell{
		padding: 5px;
		background-color: #e4e6e7;
		color: #000000;
		font-size: 13px;
		background: #FFFFFF url('/assets/images/backgrounds/white_blue_corner.png') no-repeat bottom right;
	}

	.tCell{
		padding: 5px;
		background-color: #FFFFFF;
		color: #000000;
		font-size: 13px;
	}




	.membLabel{
		padding: 3px;
		background-color: #161f1a;
		color: #bdbec1;
		font-weight: bold;
		font-size: 14px;
	}

	.memtCornerCell{
		padding: 3px;
		background-color: #e4e6e7;
		color: #000000;
		font-size: 13px;
		background: #e4e6e7 url('/assets/images/backgrounds/lilac_blue_corner.png') no-repeat bottom right;
	}

	.memtCell{
		padding: 3px;
		background-color: #e4e6e7;
		color: #000000;
		font-size: 13px;
		border-bottom:1px solid #CCCCCC;
	}









/* Link styles */


	a.basketLink:link{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #5F5C5C;
		text-decoration:none;
		font-size: 11pt;
		font-weight:normal;
		cursor:hand;
	}
	a.basketLink:active{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #5F5C5C;
		text-decoration:none;
		font-size: 11pt;
		font-weight:normal;
		cursor:hand;
	}
	a.basketLink:visited{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #5F5C5C;
		text-decoration:none;
		font-size:11pt;
		font-weight:normal;
		cursor:hand;
	}
	a.basketLink:hover{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #778cbd;
		text-decoration::none;
		font-size: 11pt;
		font-weight:normal;
		cursor:hand;
	}


	a.galleryLink:link{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #E4E6E7;
		text-decoration:none;
		font-size: 12pt;
		font-weight:normal;
		cursor:hand;
	}
	a.galleryLink:active{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #E4E6E7;
		text-decoration:none;
		font-size: 12pt;
		font-weight:normal;
		cursor:hand;
	}
	a.galleryLink:visited{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #E4E6E7;
		text-decoration:none;
		font-size:12pt;
		font-weight:normal;
		cursor:hand;
	}
	a.galleryLink:hover{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #778cbd;
		text-decoration::none;
		font-size: 12pt;
		font-weight:normal;
		cursor:hand;
	}

	.gallerySelected{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #778cbd;
		text-decoration::none;
		font-size: 12pt;
		font-weight:normal;
	}




	a.quoteLink:link{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #161f1a;
		text-decoration:none;
		font-size: 16pt;
		font-weight:bold;
		cursor:hand;
	}
	a.quoteLink:active{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #161f1a;
		text-decoration:none;
		font-size: 16pt;
		font-weight:bold;
		cursor:hand;
	}
	a.quoteLink:visited{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #161f1a;
		text-decoration:none;
		font-size:16pt;
		font-weight:bold;
		cursor:hand;
	}
	a.quoteLink:hover{
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		color: #EEEEEE;
		text-decoration::none;
		font-size: 16pt;
		font-weight:bold;
		cursor:hand;
	}









/* Customer styles */

	.formCustomer{


	}

	.formTitle{
		color: #3D4655;
		font-size: 25px;
		text-align:left;
		padding:5px;
	}

	.formLabel{
		color: #3D4655;
		font-size: 15px;
		text-align:left;
		padding:5px;
	}

	.requiredInput{
		color: red;
		font-size: 15px;
		text-align:left;
		padding:5px;
	}

	.formTextInput{
		background-color: #D1E2E7;
		color: #3D4655;
		font-size: 14px;


	}

	.formTextareaInput{
		background-color: #D1E2E7;
		color: #3D4655;
		font-size: 14px;
	}



	.formSelInput{
		background-color: #D1E2E7;
		color: #3D4655;
		font-size: 14px;
		border-color: #e4e6e7;
		border-style: solid;
		border-width: 1px;
	}

	.PageSubTitle{
		background-color: #e4e6e7;
		color: #000000;
		font-size: 13px;
	}


	.tbCell{
		text-align:left;
		padding:5px;	
	}
	



/* Product Configured Total styles */
	
	#totalCost{
	
		margin: 0px;
		padding: 0px;
		border: 0px solid #FFFFFF;
		color: #161f1a;
		font-size: 15px;
		font-weight:bold;
		text-align:left;
		padding:2px;

	}
	
	
	
/* Product styles */	
	
	
	.product-downloads {
		clear: both;
		width: 270px;
		margin: 0px 10px 10px 40px;
		text-decoration:none;
		
	}

	.product-downloads a {
		text-decoration:none;
		
	}



	.product-content{
		float: left;
		width: 360px;
		margin: 0px 0px 20px 0px;
		padding: 0 20px 20px 20px;	
		background: #273434 url('/assets/images/backgrounds/product-content.png') no-repeat bottom right;
		color: #bdbec1;
		overflow: hidden;

	}



/* Pre styles */	

	pre {
		font-family:  sans-serif, Verdana, Arial, Helvetica;
		font-size: 12px;
	}
	
	


/* Search display */

	.search-display {
		float: right;
		width: 650px;
		margin: 20px 20px 0 0;
		padding: 0 20px 20px 20px;
		background: #FFFFFF url('/assets/images/backgrounds/white_blue_corner.png') no-repeat bottom right;
	}	

	.search-display h2 {
		margin: 10px 0 0 0;
	}

	.search-display .images {
		float: left;
		width: 100px;
		margin: 26px 50px 0px 0px;
	}
	
	.search-display .more {
		font-style:italic;
		font-size:12px;
	}	
	
	
	
/* Page Styles */	


	.white-bottom {
		background: #FFFFFF url('/assets/images/backgrounds/white_blue_corner.png') no-repeat bottom right;

	}
	
	
	.lilac-bottom{
		background: #e4e6e7 url('/assets/images/backgrounds/lilac-corner.gif') no-repeat bottom right;
	}
		
	
	
/* Page Boxes */

	.quoteRequest{
		color: #161f1a;
		font-size: 20px;
		text-align:center;
		background: #778cbd url('/assets/images/buttons/purple-corner.gif') no-repeat bottom right;

	}
	
	
/* Download Page */	
	
	.green-box {
		float: right;
		width: 275px;
		height: 150px;
		margin: 10px 0 0 0;
		padding: 0 20px 20px 20px;
		background: #778CBD url('/assets/images/backgrounds/purple-white-corner.gif') no-repeat bottom right;
		color: #bdbec1;
		overflow: hidden;

	}	
	
	
	.download-box {
		color: #161f1a;
		float: left;
		width: 97%;
		margin: 10px 20px 0px 0px;
		padding: 0px 10px 10px 10px;
		background: #e4e6e7;
		background: transparent url('/assets/images/backgrounds/lilac_white_corner.png') no-repeat bottom right;
	}

	.download-title {
		position: relative;
		float: left;
		width: 97%;
		margin: 10px 20px 0px 0px;
		padding: 10px 10px 10px 10px;
		background: #46454A url('/assets/images/backgrounds/grey_white_corner.png') no-repeat bottom right;
		height:18px;
		color:#aaaaaa;
		cursor:pointer;
		font-size:18px;
	}


	
	
	
/* Gallery slideshow */

	.gallery_slideshow {
		position: fixed;
		float:left;
		width: 500px;
		overflow: auto;
		margin-left:270px;
		border:0px solid #161f1a;
		top:240px;
		background-attachment:fixed; 
		scrollbar-arrow-color: #FFFFFF;
		scrollbar-track-color: #717e7e;
		scrollbar-face-color: #161f1a;
		scrollbar-highlight-color: #a5a5a5;
		scrollbar-3dlight-color: ;
		scrollbar-darkshadow-color: #182b2b;
		scrollbar-shadow-color: #253737;
	}

	.gallery_slideshow .prev {
		position: absolute;
		bottom: 0px;
		left: 0px;
		z-index: 4;
		width: 24px;
		height: 24px;
		text-indent: -9000px;
		overflow: hidden;
		background: #161f1a url('/assets/images/slideshow/prev.gif') no-repeat top left;
	}

	.gallery_slideshow .prev a {
		display: block;
		height: 24px;
	}

	.gallery_slideshow .prev a:hover {
		background: #161f1a url('/assets/images/slideshow/prev-hover.gif') no-repeat top left;
	}

	.gallery_slideshow .next {
		position: absolute;
		bottom: 0px;
		right: 0px;
		z-index: 4;
		width: 24px;
		height: 24px;
		text-indent: -9000px;
		overflow: hidden;
		background: #161f1a url('/assets/images/slideshow/next.gif') no-repeat top left;
	}

	.gallery_slideshow .next a {
		display: block;
		height: 24px;
	}

	.gallery_slideshow .next a:hover {
		background: #161f1a url('/assets/images/slideshow/next-hover.gif') no-repeat top left;
	}




	.galleryLinkDiv{
		border:0px solid green;
		float:right;
		width:180px;
		position:relative;
		top:20px;
		padding:4px;
		background: #161f1a url('/assets/images/backgrounds/grey-corner.gif') no-repeat bottom right;		
	}
	
	
	
/* Bespoke Rooflight Page */

	.bespoke-box {
		position: relative;
		float: left;
		padding: 10px 10px 10px 10px;
		background: #788CBC url('/assets/images/backgrounds/purple-white.png') no-repeat bottom right;
		color:#FFFFFF;
	}

	.bespoke-content {
		color: #161f1a;
		float: left;
		padding: 10px 10px 10px 10px;
		background: #e4e6e7 url('/assets/images/backgrounds/lilac-white.png') no-repeat bottom right;
	}

	.bespokeDownload{
		 width:140px;
		 border:0px solid #000000;
		 font-size:12px;
		 padding:10px;
		 background-color:#788CBC;
		 color:#FFFFFF;
		 float:right;
		 cursor:pointer;
		 text-align:center;
		 margin-left:10px;
	}



/* Homeowner category listing */


	.page-content .homeowner-list {
		float: right;
		width: 730px;
		margin: 20px 0 0 0;
	}

	.page-content .homeowner-list .product {
		float: left;
		width: 230px;
		margin: 10px 0 0 10px;
		padding: 0 0px 0px 0px;
		background: transparent url('/assets/images/backgrounds/black_box_background.png') no-repeat bottom right;
	}


	.page-content .homeowner-list .product first-product {
		margin: 10px 0 0 10px;
	}


	.page-content .homeowner-list .product .box_text{
		color:#FFFFFF;
		padding:5px;
		padding-left:20px;
		font-size:20px;
	}

	.page-content .homeowner-list .product .homeowner-readmore{
		color:#FFFFFF;
		text-decoration:none;
	}


	.page-content .homeowner-list h2 {
		height: 2.5em;
	}

	.page-content .homeowner-list .product img, .page-content .homeowner-list .product p {
		clear: both;
		margin: 20px 0 0 0;
	}

	.page-content .homeowner-list .product img, .page-content .homeowner-list .product first-product {

		margin: 0 0 0 0;
	}
	
	
	
	#slider_link{
		text-decoration:none;
		color:#FFFFFF;
	}

	#slider_link:hover{

		color:#DDDDDD;
	}	
	
	
	
/* News Styles */	

	.news_link{
		
		color:#FFFFFF;
	
	}
	
	.news_link:hover{
		
		color:#DDDDDD;
	
	}