/* ========================*/
/*         Layout          */
/* ========================*/

* {
	padding: 0;
	margin: 0;
	}

body {
	background: #F5F4F2;
	font: normal 100%/120% Arial, Helvetica, sans-serif;
	}

#container {
	background: #fff url(../supportimages/bg-main.gif) top left repeat-y;
	width: 993px;
	border: 1px solid #ae9b84;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 250px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	}
	
#content {
	width: 810px;
	float: right;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 0;
	position:relative;
	}
	
#nonseocontent {
	width: 805px;
	float: right;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 0;
	position:relative;
	}
	
#mid-collumn {
	width: 625px;
	float: left;
	}
	
#third-collumn {
	width: 176px;
	float: right;
	}
	
#homepage-content {
	padding: 675px 0 0 0;
	}
	
#homepage-extra-navigation {
	position: absolute;
	top: 0;
	height: 675px;
	width: 625px;
	}

#header {
	background: #fff url(../supportimages/header.jpg) top left no-repeat;
	height: 249px;
	width: 993px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url(../supportimages/header.jpg);
	}
	
#footer {
	clear: both;
	background: #fff url(../supportimages/footer_top.gif) top left no-repeat;
	width: 993px;
	padding: 20px 0 5px 0;
	}
	
#ConservatoryQuote {
	clear: both;
	background: #fff url(../supportimages/ConservatoryQuoteBack.gif) top left no-repeat;
	width: 624px;
	height: 170px;
	padding: 40px 5px 5px 5px;
	}
	
	
/* ========================================================== */
/* ====                      HEADER                      ==== */
/* ========================================================== */

#header .company {
	text-indent: -20000em;
	width: 453px;
	height: 61px;
	overflow: hidden;
	}
	
#header .company a {
	width: 453px;
	height: 61px;
	display: block;
	}
	
#header .numbers {
	display: none;
	}
	
#header #shoppingbasket {
	background: transparent url(../supportimages/basket.gif) top left no-repeat;
	width: 160px;
	height: 200px;
	position: absolute;
	top: 4px;
	right: 3px;
	padding: 35px 8px 0;
	background-image: url(../supportimages/basket.gif);
	}
	
#header #shoppingbasket p {
	color:#5E3021;
	font: bold 62%/120% Arial,Helvetica,sans-serif;
	position: relative;
	margin: 2px 0 0 0;
	}
	
#header #shoppingbasket p span {
	position: absolute;
	display: block;
	top: 0;
	right: 5px;
	width: 50%;
	}
	
/* ========================================================== */
/* ====                      CONTENT                     ==== */
/* ========================================================== */

#content {
	color: #666;
	}
	
/* These are the two boxes under the flash content*/
	
.mainActions { 
	width: 624px;
	height: auto;
	float: right;
	}
	
.mainActions a {
	}
	
/*.mainActions.perfect {
	margin: 0 0 12px 0;
	background: #fff url(../supportimages/whatsnew.jpg) top left no-repeat;
	}

.mainActions.conserve {
	margin: 0 0 12px 0;
	background: #fff url(../supportimages/RoofSplash.jpg) top left no-repeat;
	}*/
	
/*home page welcome text box*/

.homeWelcome {
	width: 307px;
	height: auto;
	float: right;
	margin: 0 0 50px 0;
}
/* These are the 3 conservatory blind quote boxes */
	
.QuoteActions {
	color:#5E3021;
	font: normal 70%/100% Arial,Helvetica,sans-serif;
	width: 389px;
	height: 65px;
	float: left;
	line-height: 15px;
	margin: 0 0 0 0;
	padding-right: 5px;
	}
.QuoteActions2 {
	color:#038746;
	font: bold 70%/100% Arial,Helvetica,sans-serif;
	width: 50px;
	height: 50px;
	float: left;
	line-height: 15px;
	margin: 0 0 0 0;
	padding-right: 10px
	}	
.QuoteActions3 {
	color:#5E3021;
	font: normal 70%/100% Arial,Helvetica,sans-serif;
	width: 160px;
	height: 24px;
	float: left;
	margin: 0 0 0 0;
	}
.QuoteActions4 {
	color:#CC0000;
	font: bold 70%/100% Arial,Helvetica,sans-serif;
	width: 619px;
	height: 65px;
	float: left;
	line-height: 15px;
	margin: 0 0 0 0;
	padding-right: 5px;
	padding-top: 10px;
	}
/* These are the 8 boxes on the hoome page */
	
.smallActions {
	color:#5E3021;
	font: normal 70%/120% Arial,Helvetica,sans-serif;
	width: 148px;
	height: 190px;
	float: left;
	margin: 0 10px 0 0;
	}
	
.smallActions img {
	margin: 0 0 8px 0;
	}
	
#content h1 {
	clear: both;
	color: #5e3021;
	font: bold 110%/110% Arial,Helvetica,sans-serif;
	margin: 10px 0 8px 0;
	}
	
#content h2 {
	clear: both;
	color:#AE9B84;
	font: bold 90%/90% Arial,Helvetica,sans-serif;
	margin: 8px 0 6px 0;
	}
	
#content h3 {
	color: #AE9B84;
	font: bold 90%/120% Arial,Helvetica,sans-serif;
	margin: 10px 0 4px 0;
	}
	
#content h1.home {
	background: #fff url(../supportimages/home1.jpg) top left no-repeat;
	width: 624px;
	height: 67px;
	text-indent: -20000em;
	}
	
#content h3.home-like {
	background: #fff url(../supportimages/home1.jpg) top left no-repeat;
	width: 624px;
	height: 67px;
	text-indent: -20000em;
	}
	
#content p,
#content ul,
#content ol,
#content table {
	margin: 0 0 8px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	font-style: normal;
	line-height: 125%;
	font-weight: normal;
	font-variant: normal;
	}
	
#content #productDetail p, {
	font: bold 100%/130% Arial,Helvetica,sans-serif;
	margin-top: 5px;
	}
#content #productDetail ul, {
	font: bold 100%/100% Arial,Helvetica,sans-serif;
	}
#content #productDetail ol, {
	font: bold 100%/100% Arial,Helvetica,sans-serif;
	}
#content #productDetail table {
	font: normal 70%/120% Arial,Helvetica,sans-serif;
	}
	
#content #productDetail {
	width: 385px;
	float: left;
	margin: 0 0 20px 0;
	}
	
#content .productImage {
	float: left;
	width: 200px;
	padding: 10px;
	background: #fff url(../supportimages/product-image-background.gif) top left no-repeat;
	margin: 0 10px 0 0;
	}
	
#content .productImage2 {
	float: left;
	width: 200px;
	padding: 10px;
	background: #fff url(../supportimages/product-image-background2.gif) top left no-repeat;
	margin: 0 10px 0 0;
	color: #5e3021;
	font: normal 70%/120% Arial,Helvetica,sans-serif;
	}
	
#content .price {
	border: 1px solid #ae9b84;
	border-left: none;
	border-right: none;
	padding: 7px;
	}
	
#content .price p:first-child{
	font: bold 80%/120% Arial,Helvetica,sans-serif;
	margin: 0 0 8px 0;
	}
	
#content .price p strong span{
	padding: 0 15px;
	}
	
#content table {
	float: left;
	margin: 5px 0 0;
	}
	
#content table tr td {
	padding: 0 2px 0 2px;
	}
	
#content table tr td .input {
	border: 1px solid #AE9B84;
	color: #666;
	font: normal 100%/120% Arial,Helvetica,sans-serif;
	}
	
#content table tr td .jumpmenu {
	color: #666;
	font: normal 100%/120% Arial,Helvetica,sans-serif;
	}
	
.inputform {
	border: 1px solid #666;
	color:#666;
	font: normal 100%/120% Arial,Helvetica,sans-serif;
	}
	
#content ul {
	margin: 0 0 0 40px;
	}
	
#content ul.noBullet {
	margin: 0 0 0 0;
	list-style-type: none;
	}
	
.left-ad {
	width: 166px;
	height: 70px;
	padding: 90px 5px 0;
	color:#5E3021;
	font: normal 62%/120% Arial,Helvetica,sans-serif;
	margin: 0 0 10px 0;
	}
		
.left-ad.fasttrack {
	background: #fff url(../supportimages/fasttrack2.jpg) top left no-repeat;
	}

.left-ad.samples {
	background: #fff url(../supportimages/freesamples2.jpg) top left no-repeat;
	}

.left-ad.customer {
	background: #fff url(../supportimages/acustomerview2.jpg) top left no-repeat;
	}

.left-ad.measure {
	background: #fff url(../supportimages/measureandfit2.jpg) top left no-repeat;
	}
	
.left-ad.roman1 {
	background: #fff url(../supportimages/wr1.jpg) top left no-repeat;
	}
	
.left-ad.roman2 {
	background: #fff url(../supportimages/wr2.jpg) top left no-repeat;
	}
	
.left-ad.roman3 {
	background: #fff url(../supportimages/wr3.jpg) top left no-repeat;
	}
	
	.left-ad.venetian1 {
	background: #fff url(../supportimages/wv1.jpg) top left no-repeat;
	}
	
	.left-ad.venetian2 {
	background: #fff url(../supportimages/wv2.jpg) top left no-repeat;
	}
	
	.left-ad.venetian3 {
	background: #fff url(../supportimages/wv3.jpg) top left no-repeat;
	}
	
	.left-ad.vertical1 {
	background: #fff url(../supportimages/vb1.jpg) top left no-repeat;
	height: 120px;
	}
	
	.left-ad.vertical2 {
	background: #fff url(../supportimages/vb2.jpg) top left no-repeat;
	}
	
	.left-ad.vertical3 {
	background: #fff url(../supportimages/vb3.jpg) top left no-repeat;
	height: 120px;
	}
	
	.left-ad.pleated1 {
	background: #fff url(../supportimages/pl1.jpg) top left no-repeat;
	}
	
	.left-ad.pleated2 {
	background: #fff url(../supportimages/pl2.jpg) top left no-repeat;
	}
	
	.left-ad.pleated3 {
	background: #fff url(../supportimages/pl3.jpg) top left no-repeat;
	}
	
	.left-ad.roller1 {
	background: #fff url(../supportimages/rb1.jpg) top left no-repeat;
	height: 120px;
	}
	
	.left-ad.roller2 {
	background: #fff url(../supportimages/rb2.jpg) top left no-repeat;
	}
	
	.left-ad.roller3 {
	background: #fff url(../supportimages/rb3.jpg) top left no-repeat;
	height: 120px;
	}
	
	.left-ad.panel1 {
	background: #fff url(../supportimages/pa1.jpg) top left no-repeat;
	}
	
	.left-ad.panel2 {
	background: #fff url(../supportimages/pa2.jpg) top left no-repeat;
	}
	
	.left-ad.panel3 {
	background: #fff url(../supportimages/pa3.jpg) top left no-repeat;
	}
	
	.left-ad.conservatory1 {
	background: #fff url(../supportimages/cr1.jpg) top left no-repeat;
	height: 90px;
	}
	
	.left-ad.conservatory2 {
	background: #fff url(../supportimages/cr2.jpg) top left no-repeat;
	height: 90px;
	}
	
	.left-ad.conservatory3 {
	background: #fff url(../supportimages/cr3.jpg) top left no-repeat;
	height: 90px;
	}
			
	.left-ad.originw1 {
	background: #fff url(../supportimages/wk1b.jpg) top left no-repeat;
	height: 120px;
	}
		
	.left-ad.originw2 {
	background: #fff url(../supportimages/wk2.jpg) top left no-repeat;
	}
		
	.left-ad.originw3 {
	background: #fff url(../supportimages/wk3.jpg) top left no-repeat;
	height: 120px;
	}
			
	.left-ad.originw4 {
	background: #fff url(../supportimages/wk1.jpg) top left no-repeat;
	height: 120px;
	}
			
	.left-ad.originw6 {
	background: #fff url(../supportimages/wk5.jpg) top left no-repeat;
	height: 80px;
	}
	
	.left-ad.originw5 {
	background: #fff url(../supportimages/wk4.jpg) top left no-repeat;
	}
	
#content .product,
#content .bospverts,
#content .bosppleats {
	margin: 0 0 20px 0;
	}
	
	
#content .productHeader {
	height: 37px;
	position: relative;
	background: #fff url(../supportimages/product-title.gif) top left no-repeat;
	}
	
#content #mid-collumn .productHeader {
	background: #fff url(../supportimages/product-title-smaller.gif) top left no-repeat;
	}
	
#content .productHeader h3,
#content .productHeader h1 {
	font: italic 120%/120% Arial,Helvetica,sans-serif;
	color:#5E3021;
	float: left;
	margin: 6px 12px;
	}
	
#content .productHeader h3 a {
	color:#5E3021;
	}
	
#content .productHeader .price {
	margin: 5px 0;
	border: none;
	float: left;
	padding: 6px 12px 0 0;
	}
	
#content .productHeader .price strong {
	color: #c00;
	}
	
#content .product p {
	padding: 8px 12px 15px;
	border-bottom: 1px solid #af9c85;
	}
	
#content .icons {
	position: absolute;
	top: 6px;
	right: 12px;
	}
	
#content .product a.prod,
#content .bospverts a.prod,
#content .bosppleats a.prod {
	color:	#666;
	display: block;
	float: left;
	margin: 15px 0 0 10px;
	padding: 0;
	text-decoration:none;
	width:105px;
	font: normal 70%/120% Arial,Helvetica,sans-serif;
	}
	
#content a.showclass {
	display: block; 
	margin: 0 0 8px 0;
	padding: 0 0 0 10px;
	font: normal 60%/120% Arial,Helvetica,sans-serif;
	background: #fff url(../supportimages/down.gif) 0 60% no-repeat;
	}
	
#content a.showclass.swap {
	background: #fff url(../supportimages/up.gif) 0 60% no-repeat;
	}
	
#content .product p.showMore {
	padding: 0 12px 4px;
	border-bottom: 1px solid #af9c85;
	}
	
/* ========================================================== */
/* ====                      FOOTER                      ==== */
/* ========================================================== */
	
#footer p {
	text-align: center;
	margin: 5px 0 0 0;
	}
	
#footer p img {
	margin: 0 3px;
	}
	
#footer div.held {
	width: 548px;
	margin: 0 auto;
	}
	
#google_amark_b {
	float: left;
	margin: 2px 0 0 5px; 
	}
	
p.footer_paragraph {
	padding: 3px 0;
	color: #666;
	font: normal 75%/120% Arial, Helvetica, sans-serif;
	text-align: center;
	}
	
/* ========================*/
/*         Styling         */
/* ========================*/

#container ul.navigation li {
	list-style-type: none;
	}

#container ul.navigation li a {
	/*background: #fff url(../supportimages/navimage.jpg) 0 50% no-repeat;*/
	height: 16px;
	width: 160px;
	border-bottom: 1px solid #AE9B84;
	color: #AE9B84;
	font: normal 70%/120% Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	text-indent: 6px;	
	display: block;
	padding: 4px 0 0 0;
	}
	
#container ul.navigation li a:hover {
	/*background: #fff url(../supportimages/navimage.jpg) -160px 50% no-repeat;
	}*/
	background-color: #AE9B84;
	color: #FFF;
	}	

#container ul.navigation_blue li {
	list-style-type: none;
	}

#container ul.navigation_blue li a {
	background: #fff url(../supportimages/navimage.jpg) 0 50% no-repeat;
	height: 16px;
	width: 160px;
	border-bottom: 2px solid #FFF;
	border-top: 2px solid #FFF;
	/*background-color: #D1E0FF;*/
	color: #5E3021;
	font: normal 70%/120% Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
	text-indent: 6px;	
	display: block;
	padding: 4px 0 0 0;
	}
	
#container ul.navigation_blue li a:hover {
	background: #fff url(../supportimages/navimage.jpg) -160px 50% no-repeat;
	/*text-decoration: underline;*/
	}
		
#content p.breadcrumb {
	font: normal 70%/120% Arial, Helvetica, sans-serif;
	border-bottom: 0px solid #d6cdc1;
	padding: 5px 0 5px 0;
	}
	
#content p.breadcrumb a {
	color: #AE9B84;
	}

a {
	color: #CC3230;
	outline: none;
	text-decoration: none;
	}
	
a:hover { 
	text-decoration: underline;
	}
	
a img {
	border: none;
	}

html {
	overflow-y: scroll;
	}
	
.right {
	text-align: right;
	}
	
#content *.noClear {
	clear: none;
	}

/* ========================*/
/*          Hacks          */
/* ========================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#sddm
{	margin: 0;
	padding: 63px 0 0 227px;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 4px 0 0 0;
	height: 16px;
	width: 140px;
	/*background-color: #7DA8FF;*/
	color: #5E3021;
	text-align: center;
	text-decoration: none}

#sddm li a:hover
{	text-decoration: underline}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #AE9B84;
	border: 0px solid #AE9B84}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 2px 10px;
		width: 118px;
		height: 16px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFF;
		color: #5E3021;
		border-bottom: 1px solid #AE9B84;
		border-left: 1px solid #AE9B84;
		border-right: 1px solid #AE9B84;
		font: 11px arial}

	#sddm div a:hover
	{	background: #AE9B84;
		text-decoration: none;
		color: #FFF}
		
	/*detail page references from old style sheet*/

#pricefrom {
	background-image: url(../supportimages/pricefrombac06.gif);
	background-repeat: no-repeat;
	float: left;
	width: 388px;
	position: relative;
	padding-left: 1px;
}
#pricefromvert {
	background-image: url(../supportimages/pricefrombacvert.gif);
	background-repeat: no-repeat;
	float: left;
	width: 388px;
	position: relative;
	padding-left: 1px;
}
#pricefromheading {
	float: left;
	width: 260px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 5px;
	color: #666666;
}
#pricefromheading2 {
	float: left;
	width: 360px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-left: 5px;
	margin-top: 5px;
	color: #FF0000;
}
#enterwindow {
	float: left;
	width: 388px;
	position: relative;
	font: normal 70%/120% Arial,Helvetica,sans-serif;
	margin-left: 5px;
	margin-top: 5px;
	color: #666666;
	margin-bottom: 3px;
}
#enterwindow2 {
	float: left;
	width: 360px;
	position: relative;
	font: normal 70%/120% Arial,Helvetica,sans-serif;
	margin-left: 5px;
	margin-top: 5px;
	color: #FF0000;
	margin-bottom: 3px;
}
#pricefrombasket {
	background-image: url(../supportimages/pricefrombac02.gif);
	background-repeat: no-repeat;
	float: left;
	width: 388px;
	position: relative;
	padding-left: 1px;
}
#pricefrombasketPF {
	background-image: url(../supportimages/pricefrombacPF.gif);
	background-repeat: no-repeat;
	float: left;
	width: 388px;
	position: relative;
	padding-left: 1px;
}
#pricefromCR {
	background-image: url(../supportimages/pricefrombacCR.gif);
	background-repeat: no-repeat;
	float: left;
	width: 388px;
	position: relative;
	padding-left: 1px;
}
#pricefromCR2 {
	background-image: url(../supportimages/pricefrombacCR2.gif);
	background-repeat: no-repeat;
	float: left;
	width: 388px;
	position: relative;
	padding-left: 1px;
}
#pricefrombasketpremium {
	background-image: url(../supportimages/pricefrombac02premium.gif);
	background-repeat: no-repeat;
	float: left;
	width: 388px;
	position: relative;
	padding-left: 1px;
}
#pricefrombasketkiruna {
	background-image: url(../supportimages/pricefrombac02kiruna.gif);
	background-repeat: no-repeat;
	float: left;
	width: 388px;
	position: relative;
	padding-left: 1px;
}
#pricefrombasketkirunat {
	background-image: url(../supportimages/pricefrombac03kiruna.gif);
	background-repeat: no-repeat;
	float: left;
	width: 388px;
	position: relative;
	padding-left: 1px;
}
#pricefrombasketvert {
	background-image: url(../supportimages/pricefrombacvert2.gif);
	background-repeat: no-repeat;
	float: left;
	width: 388px;
	position: relative;
	padding-left: 1px;
}
#pricefrombasketpanel {
	background-image: url(../supportimages/pricefrombacpanel2.gif);
	background-repeat: no-repeat;
	float: left;
	width: 388px;
	position: relative;
	padding-left: 1px;
}
#pricefrombasketroller {
	background-image: url(../supportimages/pricefrombacroller2.gif);
	background-repeat: no-repeat;
	float: left;
	width: 388px;
	position: relative;
	padding-left: 1px;
}
#largepricefrom {
	float: left;
	width: 265px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #666666;
	line-height: 34px;
	background-color: #CCCCCC;
	height: 30px;
	border: 1px dashed #666666;
	margin-bottom: 3px;
	margin-top: 5px;
	padding-left: 3px;
}
.largeblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
#pricefromheadingbasket {
	float: left;
	width: 385px;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin-left: 3px;
	margin-top: 5px;
	margin-bottom: 4px;
	color: #666666;
	height: 40px;
}
.redprice {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
	margin-top: 0px;
}
.redpricelarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
}
.redpricemedium {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}
.redpricemediumstrike {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #CC0000;
	text-decoration:line-through;
}
.redpricesmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #AD9980;
	text-decoration: none;
}
.redpricesmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CC0000;
	text-decoration: none;
}