/* CSS Document */

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

}

body{
	padding: 0px;
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	color: #000000;
	background-color: #ffffff;
	background-position: center;
}


table{
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;

	}
h2 {
color: #009FC6;
font-size: 18px;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}
h3 {
color: #009FC6;
font-size: 16px;
margin: 0px;
padding: 0px;
margin-bottom: 5px;
}

h2 a.hover {
color: #072A60;
}	
h1 {
color: #009FC6;
font-size: 24px;
line-height: 24px;
margin: 0px;
margin-bottom: 5px;
padding: 0px;
}

#vid{width:354px; height:235px;}


#homeBullets ul
{
padding:0px;
margin:0px;
padding-top:10px;
margin-left:6px;
width:170px;
}

#homeBullets li
{
background-repeat: no-repeat;
list-style:none;
padding:3px;
}

#container {
	width:  938px;
	border: 1px solid #072a60;
	border-top: 0px solid #072a60;
	border-bottom: 0px solid #072a60;

	text-align: left;
	margin: 0px;
	background-repeat: repeat;


	
}
#container2 {
	width:  938px;
	border: 1px solid #072a60;
	border-top: 0px solid #072a60;
	border-bottom: 0px solid #072a60;

	text-align: left;
	margin: 0px;
	background-repeat: repeat;
}

*html #container2 {
	width:  938px;
	border: 1px solid #072a60;
	border-top: 0px solid #072a60;
	border-bottom: 0px solid #072a60;
	text-align: left;
	margin: 0px;
	background-repeat: repeat;	
}



#logopanel 
{
	background-image: url(/images/ConservatoryOutlet-Header.gif);
	height: 128px;
	width: 938px;
	background-position: center top;
}


#productpanel {
    border-top: 0px solid #ffffff;
	margin-bottom: 0px;
	width:920px;
	background-color: #ffffff;
	background-image: url(/images/topproductpanel.gif);
	height: 95px;
	background-repeat: no-repeat;
	text-align: left;
	background-position: center bottom;
}
#subscribe_panel {
    border-top: 0px solid #ffffff;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	margin-left: 15px;
	width:891px;
	background-color: #ffffff;
	background-image: url(/images/subscribe_panel.gif);
	height: 285px;
	background-repeat: no-repeat;
	text-align: left;
	background-position: center;
}
#belownav {
	width:938px;
	height: 5px;
	background-color: #ffffff;
	
}


#topnavpanel {
	padding-top: 0px;
	padding-left: 0px;
	line-height: 30px;
	width: 938px;
	text-align: left;
	font-family: arial, Helvetica, sans-serif;
	background-color: #cccccc;
	background-image:url(../images/greyBar.gif);
	background-repeat:repeat-x;
	border-bottom:#CCCCCC 1px solid;
}

#text 
{
	width:auto;
	padding-left: 80px;
	padding-right: 30px;
	padding-top: 80px;
	padding-bottom: 80px;
	text-align: left;	
}


#footerholder {
	width: 938px;
	margin: 0px;
	
}

#footer {
	width: auto;
	clear: both;
	height:120px;
	padding-top: 20px;
	padding-bottom: 20px;	
	text-align:left;
	border-top:#CCCCCC 1px solid;
	margin-left:10px;
	margin-right:10px;
}

#footer_cso_logo
{
	background-color:#FFFFFF;
	height:120px;
	width:200px;
	float:left;
}

#footer_cso_text
{
	height:85px;
	width:700px;
	float:left;
	color:#666666;
	font-size:11px;
}

#footer_cso_trust
{
	background-image:url(../images/cso-company-trust.gif);
	background-repeat:no-repeat;
	height:32px;
	width:700px;
	float:left;
}


#homepanelholder{

text-align: left;
padding-top: 0px;

}

#homepanelleft {
	width: 564px;
	float: left;
	padding-left: 0px;
	

}

#home3panels{
text-align: left;
	
	font-size: 11px;
	margin: 0px;
		
	

}
#homepanelright {
	width: 345px;
	float: left;
	margin-left: 0px;
	padding-bottom: 15px;
	
	
}
#offers{
width: 300px;
padding-top: 5px;
background-color: #ffffff;
}

#offersleft {
	width: 150px;
	

}
#offersright {
	width: 170px;

	background-color: #ffffff;
}


#mainpanelholder{
width: 922px;
background-color: #ffffff;
padding-top: 0px;

}

#mainpanelleft {
	width: 717px;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	float: left;
	text-align: left;

}
#mainpanelright {
	width: 150px;
	float: right;
}




#offersright {
	width: 160px;
	float: right;
	text-align: left;
}


#thepanelholder{

margin-top: 0px;
padding-left: 10px;
padding-top: 0px;

}



#thepanelleft {
	width: 200px;
	float: left;
	margin-top: 10px;
	text-align: left;
	margin-right: 10px;
	background-color:#CCCCCC;
	background-repeat: repeat;
	padding-bottom:10px;

}
#thepanelleft2 {
	width: 200px;
	float: left;
	margin-top: 10px;
	text-align: left;
	margin-right: 10px;
	background-color: #CCCCCC;
	background-repeat: repeat;
}




#thepanelmiddle {
	margin-top: 10px;
	width:500px;
	text-align: left;
	float: left;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;	
}

*html #thepanelmiddle
{
	width:520px;
}

#thepanelmiddlewide
{
	margin-top: 10px;
	text-align: left;
	float: left;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid #072A60;
	width:690px;
}

* html  #thepanelmiddlewide
{
	width:710px;
}


#thepanelmiddleBlog
{
	margin-top: 10px;
    width: 500px;
	text-align: left;
	float: left;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	
	border-left: 1px solid #072A60;
	border-right: 1px solid #072A60;
}

*html #thepanelmiddleBlog
{
	margin-top: 10px;
    width: 520px;
	text-align: left;
	float: left;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	
	
	border-left: 1px solid #072A60;
	border-right: 1px solid #072A60;
}




#thepanelmiddlecontact {
	margin-top: 10px;
	width:690px;
	text-align: left;
	float: left;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
	border-left: 1px solid #072A60;
	border-right: 0px solid #072A60;	
}

*html #thepanelmiddlecontact {
	margin-top: 10px;
	width:710px;
	text-align: left;
	float: left;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 0px;
	border-left: 1px solid #072A60;
	border-right: 0px solid #072A60;	
}


#thepanelright {
	width: 172px;
	float: left;
	margin-right: 0px;	
	background-color: #fff;
   margin-top:10px;
   margin-left: 10px;
   margin-bottom:10px;
}


#contactpanelholder{
width: 920px;
text-align: left;
margin: 0px;
height: 1px;

}



#contactpanelleft {
    border-top: 5px solid white;
	width: 186px;
	float: left;
	margin-top: 0px;
	border-bottom: 10px solid white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;

	
}

#contactpanelleftinside {
	padding-left: 10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-left: 12px;
	height: auto;
	padding-bottom: 1px;
	background-image: url(/images/helppanel_top.gif);	
	
}

#contactpanelmiddle {
	width: 500px;
	height: 900px;
	padding-top: 0px;
	padding-left: 15px;
	padding-right: 25px;
	padding-bottom: 25px;
	margin-top:0px;
    border-bottom: 10px solid white;
	text-align: left;
	float: left;
	border-right: 0px solid #cccccc;
	
}
#contactpanelright {
	width: 170px;
	float: right;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-top: 10px solid white;
	padding-right: 15px;
	padding-left: 0px;
}
.contactpaneltitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #75B81B;
}
.leftpaneltitle {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00436E;
}

	.questionsanswered {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
	}




a:link {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: inherit;
color: #072A60;
	text-decoration: none;
}
a:visited {
	font-family:   arial, Helvetica, sans-serif;
	font-size: inherit;
color: #072A60;
	text-decoration: none;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
	color: #009FC6;
	text-decoration: none;
}
a:active {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: inherit;
	color: #072A60;
	text-decoration: none;
}



.footerlink:link {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #072a60;
	padding: 0px;
	text-decoration: none;
}
.footerlink:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #072a60;
	padding: 0px;
	text-decoration: none;
}
.footerlink:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #072a60;
	padding: 0px;
	
	text-decoration: underline;
}
.footerlink:active {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #072a60;
	padding: 0px;
	text-decoration: none;
}
#belowfooter {
	width: 938px;
	font-family:  Helvetica, sans-serif;
	color: #000000;
	height: 50px;
	background-color: #ffffff;
	text-align: left;
	
	padding-left: 10px;
	padding-top: 3px;
	overflow: hidden;
	
	
}

.motionlablink:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}
.motionlablink:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}
.motionlablink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #009FC6;
	text-decoration: none;

}
.motionlablink:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}



.offerpanellink:link {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 0px;
	text-decoration: none;
}
.offerpanellink:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 0px;
	text-decoration: none;
}
.offerpanellink:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #072A60;
	padding: 0px;
	
	text-decoration: none;
}
.offerpanellink:active {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffffff;
	padding: 0px;
	text-decoration: none;
}

#logo {
	width:200px;
	position:absolute;
	margin-top: 0px;
	margin-left: 0px;
	left: 100px;
	text-align: left;
}

textarea 
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 566px;
	height: 150px;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #446088;
}

.formbox 
{
	font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width: 170px;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #446088;
}


.formboxblue{
font-family: verdana, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
width: 152px;
background-color: #ffffff;
border: 1px solid #96B7D2;
padding: 3px;
margin-top: 5px;
height: 24px;
background-image: url(/images/formbox2.gif);
background-repeat: no-repeat;

}
	.formbox2 {
    font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width: 200px;
	border: none;
	background-color: #ffffff;

	}
	.formbox3 {
    font-family: verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	margin-top: 5px;
	margin-right: 5px;
	width: 60px;
	border: none;
	background-color: #ffffff;

	}
	.formbox4 {
    font-family: arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 5px;
	margin-right: 5px;
	width: 170px;
	border: 1px solid #96B7D2;
	background-color: #ffffff;

	}
	.folding{
 cursor:pointer;

}


.sidenavlink:link {
	font-family:  Arial, Helvetica, sans-serif;
	color: #072A60;
	
	text-decoration: none;
	
}
.sidenavlink:visited {
	font-family:  Arial, Helvetica, sans-serif;
	color: #072A60;
	
	text-decoration: none;

}
.sidenavlink:hover {
	font-family:  Arial, Helvetica, sans-serif;
	color: #fff;
	
	text-decoration: none;

}
.sidenavlink:active {
	font-family:  Arial, Helvetica, sans-serif;
	color: #072A60;
	
	text-decoration: none;

}
.subsidenavlink:link {
	font-family:  Arial, Helvetica, sans-serif;
	color: #072A60;
	
	text-decoration: none;
	
}
.subsidenavlink:visited {
	font-family:  Arial, Helvetica, sans-serif;
	color: #072A60;
	
	text-decoration: none;

}
.subsidenavlink:hover {
	font-family:  Arial, Helvetica, sans-serif;
	color: #072A60;
	
	text-decoration: underline;

}
.subsidenavlink:active {
	font-family:  Arial, Helvetica, sans-serif;
	color: #072A60;
	
	text-decoration: none;

}



.productpanellink:link {
	font-family:  Arial, Helvetica, sans-serif;
	
	color: #072A60;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	text-decoration: none;
}
.productpanellink:visited {
	font-family: Arial, Helvetica, sans-serif;

	color: #072A60;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	text-decoration: none;
}
.productpanellink:hover {
	font-family:  Arial, Helvetica, sans-serif;
	color: #009FC6;
	text-align: left;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}
.productpanellink:active {
	font-family:  Arial, Helvetica, sans-serif;

	color: #072A60;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	text-decoration: none;
}




.navpanellink:link {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #072A60;
	padding: 5px;
	font-weight: bold;
	text-decoration: none;
}
.navpanellink:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	color: #072A60;
	font-weight: bold;
	text-decoration: none;
	
}
.navpanellink:hover {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009FC6;
	padding: 5px;
	text-align: left;
	font-weight: bold;

	text-decoration: none;
}
.navpanellink:active {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #009FC6;
	padding: 5px;
	text-align: left;
	font-weight: bold;

	text-decoration: none;
}

.navselected {
    font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px;
	text-align: left;
	color: #009FC6;
	font-weight: bold;

}
#navitem1 {
position: absolute;
top: 147px;
margin-left: 0px;
line-height: 25px;
height: 30px;
}
#navitem2 {
position: absolute;
top: 147px;
margin-left: 71px;
line-height: 25px;
height: 30px;
}
#navitem3 {
position: absolute;
top: 147px;
margin-left: 188px;
line-height: 25px;
height: 30px;
}
#navitem4 {
position: absolute;
top: 147px;
margin-left: 310px;
line-height: 25px;
height: 30px;
}
#navitem5 {
position: absolute;
top: 147px;
margin-left: 410px;
line-height: 25px;
height: 30px;
}
#navitem6 {
position: absolute;
top: 147px;
margin-left: 535px;
line-height: 25px;
height: 30px;
}

#conservatorypanel {
    width: 500px;
	height: 139px;
	background-image: url(/images/conservatories_panel.gif);
	background-repeat: no-repeat;
}
#stylespanel {
    width: 500px;
	height: 139px;
	background-image: url(/images/stylespanel.gif);
	background-repeat: no-repeat;
}
#doorspanel {
    width: 500px;
	height: 250px;
	background-image: url(/images/doorspanel.gif);
	background-repeat: no-repeat;
}

#doorcolorpanel {
    width: 514px;
	height: 352px;
	background-image: url(/images/doorspanelcolor.gif);
	background-repeat: no-repeat;
}


#stylespanel {
    width: 500px;
	
}
.subtitle{
font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #00436E;
	}
	
	
	
.boxlink:link {
	
	background-color: #ffffff;
	width: 197px;
	height: 139px;
	background-repeat: no-repeat;
}
.boxlink:visited {
	
	background-color: #ffffff;
	width: 197px;
	height: 139px;
	
}
.boxlink:hover {
	width: 197px;
	background-color: #000000;
	height: 139px;
	
}
.boxlink:active {
	background-color: #ffffff;
	width: 197px;
	height: 139px;
	
}

.smallprint {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
}

#productdetails {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000000;
}

.onlyprice {
font-family:  Arial, Helvetica, sans-serif;
font-size: 36px;
color: #000000;
}
.ordernowandsave {
font-family:  Arial, Helvetica, sans-serif;
font-size: 19px;
color: #C30808;
}
.normalprice {
font-family:  Arial, Helvetica, sans-serif;
font-size: 19px;
color: #000000;
}
.productname {
font-family:  Arial, Helvetica, sans-serif;
font-size: 22px;
color: #00436E;
}
.cashback {
font-family:  Arial, Helvetica, sans-serif;
font-size: 24px;
color: #C30808;
}

#line {
	height: 1px;
	line-height: 1px;
	clear: both;
	width: 500px;
	background-image: url(/images/line.gif);
	background-repeat: repeat-x;

}
.spacerline {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;
padding: 0px;
color: #072A60;
}
.spacerlinenone {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
color: #009FC6;
}
.redpaneltitle {
font-family:  verdana, Helvetica, sans-serif;
font-size: 20px;
color: #ffffff;
}
.bluepaneltitle {
font-family:  verdana, Helvetica, sans-serif;
font-size: 20px;
color: #ffffff;
}
#whiteline {
font-family:  Arial, Helvetica, sans-serif;
font-size: 12px;
height: 1px;
background-image: url(/images/line.gif);
background-repeat: repeat-x;
clear: both;

}
#redpanelinside {
font-family:  verdana, Helvetica, sans-serif;
font-size: 11px;
clear: none;
width: 500px;
color: #ffffff;
}
#bluepanelinside {
font-family:  verdana, Helvetica, sans-serif;
font-size: 11px;
clear: none;
width: 500px;
color: #ffffff;
}

.formbutton {
	font-family:  arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	background-color: #009FC6;
	color: #ffffff;
	border: 1px solid #072A60;
}
.conservatories_financesmall {
font-family:  verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #B12E3D;
}
.conservatories_financelarge {
font-family:  verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #B12E3D;
}
.conservatories_basesmall {
font-family:  verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #8D50A0;
}
.conservatories_baselarge {
font-family:  verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #8D50A0;
}
.conservatories_fittingsmall {
font-family:  verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #00AEEF;
}
.conservatories_fittinglarge {
font-family:  verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #00AEEF;
}
.conservatories_finishingsmall {
font-family:  verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #E89B35;
}
.conservatories_finishinglarge {
font-family:  verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #E89B35;
}


.whitelink:link {
	color: #000000;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.whitelink:visited {
	color: #000000;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.whitelink:hover {
    color: #000000;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #ddd;
}

.bluelink:link {
	color:#000000;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.bluelink:visited {
	color:#000000;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.bluelink:hover {
	color: #ffffff;	
	padding-left: 2px;
	padding-right: 2px;
	background-color: #0F249E;
	border: 1px solid black;
	white-space: normal;
}

.blacklink:link {
	color:#000000;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.blacklink:visited {
	color: #00436E;	
	padding-left: 2px;
	padding-right: 2px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.blacklink:hover {
	color: #ffffff;	
	padding-left: 2px;
	padding-right: 2px;
	background-color: #000000;
	border: 1px solid black;
	white-space: normal;
}


.redlink:link {
	color: #000000;	
	padding-left: 2px;
	padding-right: 2px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.redlink:visited {
	color: #000000;	
	padding-left: 2px;
	padding-right: 2px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.redlink:hover {
	color: #ffffff;	
	padding-left: 2px;
	padding-right: 2px;
	background-color: #C22126;
	border: 1px solid black;
	white-space: normal;
}


.lbluelink:link {
	color: #009FC6;	
}
.lbluelink:visited {
	color: #009FC6;			
}
.lbluelink:hover {
	color: #009FC6;
	text-decoration: underline;		
}


.bluelink:link {
	/*color: #072A60;	*/
	color:#000000;
}
.bluelink:visited {
	/*color: #072A60;	*/	
	color:#FFFFFF;	
}
.bluelink:hover {
	/*color: #009FC6;	*/	
	color:#FFFFFF;
}



.greenlink:link {
	color: #000000;	
	padding-left: 2px;
	padding-right: 60px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.greenlink:visited {
	color: #000000;	
	padding-left: 2px;
	padding-right: 60px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.greenlink:hover {
	color: #ffffff;	
	padding-left: 2px;
	padding-right: 60px;
	background-color: #29503D;
	border: 1px solid black;
	white-space: normal;
}

.oaklink:link {
	color: #000000;	
	padding: 2px;	
	background-color: #ffffff;
	border: 1px solid white;
	
}
.oaklink:visited {
	color: #000000;	
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.oaklink:hover {
	color: #ffffff;	
	padding: 2px;
	background-color: #A56618;
	border: 1px solid white;
	white-space: normal;
}

.rosewoodlink:link {
	color: #000000;	
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.rosewoodlink:visited {
	color: #000000;	
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid white;
	
}
.rosewoodlink:hover {
	color: #ffffff;	
	padding: 2px;
	background-color: #611D17;
	border: 0px solid black;
	white-space: normal;
}


.arrow {
font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #009FC6; 
}
.arrowlinktitle {
font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #009FC6; 
}
.redstar {
font-family:  verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: red;
}
.bluetext {
color: #072A60;
}
.bluetext2 {
color: #072A60;
font-size: 12px;
}

.greentext {
font-size: 12px;
color: #75B81B;
}


.palebluelink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00436E;
	text-decoration: none;
}
.palebluelink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00436E;
	text-decoration: none;
}
.palebluelink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C30808;
	text-decoration: none;
}
.palebluelink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #00436E;
	text-decoration: none;
}
img {
margin: 0px;
}

#leftnavblock {
	background-color: #7ECFE2;
	line-height: 20px;
	color: #072A60;
	border-bottom: 1px solid #fff;
}

.arrowblock{
	
	margin: 0px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	
	line-height: 21px;
	padding: 3px;
	background-color: #072A60;

	white-space: normal;
}
#hrrule {
margin: 0;
padding: 0;
border-top: 5px solid #fff;
border-bottom: 5px solid #fff;
background-color: #072A60;
}

hr {
height: 1px;
border-style: none;
color: #CCCCCC;
background-color: #CCCCCC;
}


#indoorshowrooms{
color: #fff;
background-color: #072A60;

line-height: 25px;
}
.titleshowrooms {
color: #072A60;
}
#breadcrumb {
margin-bottom: 15px;
font-weight: bold;
font-size: 10px;

}
#breadcrumb a{
margin-bottom: 15px;
font-weight: bold;
text-decoration: underline;
}
.breadcrumbselected{
color: #009FC6;
text-decoration: underline;
}

#leftnavdropdown 
{
font-size: 10px;
padding: 10px 10px 10px 25px;
border-bottom:#FFFFFF 1px solid;
bac

}
.lbluetext {
color: #009FC6;
}


#bluebar
{
	background-color: #072a60;  
	color: #fff; 
	font-size: 11px; 
	padding-right: 10px; 
	padding: 5px;
	height:15px;
}

.smalltext
{
	font-size:10px;
	color:#00467F;
	font-weight:bold;
}

.lightBlueLink:link
{
	color: #009FC6;
}
.lightBlueLink:visited
{
	color: #009FC6;
}

.lightBlueLink:hover
{
	text-decoration:underline; 
	color: #00467F;
}
.lightBlueLink:active
{
	color: #009FC6;
}

*html .featured-home{
	width: 565px;
}

.featured-home{
	padding-left:10px;
	margin-bottom:5px;
	width: 555px;
	float:left;
}


.quick-links{
	margin-left: 10px;
	padding-top:15px;
	width: 918px;
	height:160px;
	text-align:left;
}


.homePageFeaturedArticleImage
{
	float:left;
	width:175px;
	margin-top:8px;
	margin-right:10px;
}

.homePageFeaturedArticle
{
	float:left;
	width:360px;
	margin-top:5px;
	margin-left:5px;
}

.news-feed
{
	float: left; 
	width: 353px; 
	margin-left: 10px;
}
.greyBanner
{
	background-image:url(../images/greyBar.gif);
	background-repeat:repeat-x;
	color: #00467f; 
	margin-top: 0px; 
	padding-top: 6px;
	padding-bottom:6px; 
	padding-left:10px;
	border:#CCCCCC 1px solid;
}


.blueLeftNavElement
{
	background-color:#072C60; 
	height:20px; 
	color:#FFFFFF; 
	padding-top:5px; 
	padding-left:5px; 
	padding-bottom:3px; 
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
}

.leftLinks
{
	padding-top:5px;
	padding-left:5px;
	color:#072A60;
}

.quick-link-blocks
{
	float:left; 
	width:183px; 
	font-size:11px;
	padding-top:10px;
	padding-bottom:10px;
}

.contactBar
{
	background-image:url(../images/greyBar.gif);
	background-repeat:repeat-x;
	color: #072A60; 
	margin-top: 0px; 
	padding-top: 6px;
	padding-bottom:6px; 
	padding-left:6px;
	border:#CCCCCC 1px solid;
}


#homeOrangeriesHolder
{
	width:553px; 
	border:1px #CCCCCC solid; 
	height:290px; 
	float:left;
}

*html #homeOrangeriesHolder
{
	width:555px; 
	border:1px #CCCCCC solid; 
	height:294px; 
	float:left;
}

#homeEnergyHolder
{
	width:351px; 
	border:1px #CCCCCC solid; 
	height:290px;  
	float:left; 
	margin-left:10px;
}

*html #homeEnergyHolder
{
	width:353px; 
	border:1px #CCCCCC solid; 
	height:294px;
	float:left; 
	margin-left:10px;
}

#middleSectionHolder
{
	width:920px; 
	height:295px; 
	margin-left:10px;
}

*html #middleSectionHolder
{
	width:920px; 
	height:300px; 
	margin-left:10px;
}

#orangeryBlock
{
	float:left; 
	margin-left:5px; 
	width:355px;
}

#energyBlock
{
	float:left; 
	margin-left:5px; 
	width:220px;
}

#orangeryImageHolder
{
	width:185px; 
	float:left;
}

.orange
{
	color:#FF6600;
}
.green
{
	color:#A3CA3B;
}
.greyItalic
{
	color:#999999; 
	font-style:italic;
}

.topLeftMargin
{
	margin-top:10px; 
	margin-left:10px;
}

/****** product landing pages *****/


#landing-left-list
{
	width:180px; 
	margin:0px;
	padding-left:5px;
}

#landing-left-list li
{
	background:url(../images/product_landing/list-icon.jpg) no-repeat 0 50%; 
	list-style:none; 
	padding-left:35px;
	color:#072A60;
	padding-bottom:10px;
}

.landing-imageHolderLeft
{	
	width:160px; 
	height:145px; 
	float:left; 
	border:1px solid #CCCCCC;
}

.landing-imageHolder
{	
	width:160px; 
	height:145px; 
	float:left; 
	border:1px solid #CCCCCC;
	margin-left:5px;
}


*html .landing-imageHolderLeft
{	
	width:162px; 
	height:145px; 
	float:left; 
	border:1px solid #CCCCCC;
}

*html .landing-imageHolder
{	
	width:162px; 
	height:145px; 
	float:left; 
	border:1px solid #CCCCCC;
	margin-left:5px;
}

.landing-cmHolder
{
	width:496px; 
	float:left; 
	display:inline; 
	margin-left:8px;
}

#landing-offerBanner
{
	margin-bottom:8px;
}

#landing-leftcol
{
	width:196px;

	float:left;
}	

#landing-middlecol
{
	width:720px; 
	float:left;
}

#landing-titleHolder
{
	width:712px; 
	background-color:#072A60; 
	color:#FFFFFF; 
	height:40px; 
	margin-bottom:8px; 
	margin-left:8px;
}

.landing-title
{
	color:#FFFFFF;
	background-image:url(../images/product_landing/blue-bar-grad.jpg);
	background-repeat:repeat-x;
	font-size:16px; 
	padding-left:8px; 
	padding-top:8px;
}


.testimonialImage
{
	margin-bottom:10px;
	margin-left:2px;
}

.landing-right-col-bottom
{
	border:1px solid #cccccc; 
	padding-top:10px; 
	padding-left:10px; 
	padding-bottom:10px;
	margin-left:2px;
}

.landing-titleHolder
{
	width:496px; 
	background-color:#072A60; 
	color:#FFFFFF; 
	height:40px; 
	margin-bottom:8px;
}

.landing-right-col-top
{
	width:205px; 
	float:left; 
	display:inline; 
	margin-left:9px;
}

.landing-formHolder
{
	width:497px; 
	float:left; 
	display:inline; 
	margin-top:8px;
}


.darkformbutton 
{
	font-family:  arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding: 2px;
	width:50px;
	background-color: #072A60;
	color: #ffffff;
	border: 1px solid #072A60;
}

.landingHeaderTitle
{
	padding-left:5px; 
	color:#072A60;
	font-weight:normal;
}

/************************************/

/***** HIDE TEXT FIELD FOR SPAM FILTERING *****/
.checker
{
	display:none;
}

.formError
{
	color:#FF3300;
	font-weight:bold;
	font-size:10px;
}

#errorBar
{
	height:25px; 
	width:410px; 
	background-color:#FFE4E2; 
	border:#FFBDB8 solid 1px; 
	padding-left:7px; 
	padding-top:5px; 
	margin-bottom:10px; 
	text-align:center;
	display:none;
	font-weight:normal;
}

#errorImageHolder
{
	float:left; 
	width:23px; 
	height:19px;
}

.errorTextHolder
{
	font-size:12px; 
	float:left; 
	height:19px;
	width:370px; 
	padding-top:0px;
	margin-top:1px;
}
/***********************************************/


/******************JQUERY CYCLE CROSS FADE******************/

.showroom-home{  
    height:  141px;  
    width:   331px;  
    padding: 0;  
    margin:  0;  
} 
 
.showroom-home img {  
    width:  331px; 
    height: 141px; 
    top:  0; 
    left: 0;
	border:1px #CCCCCC solid; 
}

.orangery-home{  
    height:  141px;  
    width:   164px;  
    padding: 0;  
    margin:  0;  
} 
 
.orangery-home img {  
    width:  164px; 
    height: 141px; 
    top:  0; 
    left: 0;
	border:1px #CCCCCC solid; 
} 


/***********************************************/

.navy
{
	color:#072A60;
	font-size:12px;
}


ul#buttonBreadcrumb
{
	font-size:12px;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	font-weight:bold;
}

ul#buttonBreadcrumb li
{
	display:inline;	
}

ul#buttonBreadcrumb li.active
{
	background-color:#E0E0E0;
	text-decoration:none;
	border:#CCCCCC 1px solid;
	height:10px;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	padding:5px;
	color:#072A60;
}

ul#buttonBreadcrumb li a:link
{
	text-decoration:none;
	border:#CCCCCC 1px solid;
	height:10px;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	color:#072A60;
}


ul#buttonBreadcrumb li a:visited
{
	text-decoration:none;
	border:#CCCCCC 1px solid;
	height:10px;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
	color:#072A60;
}

ul#buttonBreadcrumb li a:hover
{
	text-decoration:none;
	background-color:#CCCCCC;
	color:#00AEEF;
}

.buttonBreadcrumbHolder
{
	width:500px;
	height:15px;
	padding-top:10px;
}

ul.buildRegsBullets
{
	margin-left:20px;
	padding-left:5px;
}

ul.buildRegsBullets li
{
	margin-bottom:5px;
}

/***** NEW VALIDATED FORMS *****/

.formBanner
{
	background-image:url(../images/greyBar.gif);
	background-repeat:repeat-x;
	color: #00467f; 
	height:32px;
	width:695px;
	border:#CCCCCC 1px solid;
}

.formTextHolder
{
	font-weight:bold; 
	color:#072A60;
	padding:7px;
}

.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}




/******** blind PAGES STYLES ************/

#blindGalleryHolder
{
	width:680px; 
}

#blindGalleryLeftCol
{
	width:323px; 
	float:left;
	margin-right:20px;
}

#blindGalleryRightCol
{
	width:335px; 
	float:left; 
}

#blindImageHolder
{
	border:#CCCCCC 1px solid; 
	width:320px; 
	height:352px;
}

*html #blindImageHolder
{
	width:323px;
	height:353px;
}

.blindCol
{
	margin-bottom:10px;
	color:#999999
}

.blindCol a
{
	color:#999999;
}

.blindCol a:visited
{
	color:#999999;
}

.blindCol a:hover
{
	color:#072A60;
}

.blindCol a:active
{
	color:#999999;
}

.blindCol .gallerySelected a
{
	font-weight:bold;
	color:#072A60;
}

.blind2col
{
	float:left; 
	width:160px;
}

.swatchHolder
{
	margin-top:10px; 
	width:330px; 
	height:30px;
}

.individualSwatch
{
	width:160px; 
	float:left; 
	margin-left:2px; 
	margin-bottom:5px;
}

.blindInfoHolder
{
	border-right:#CCCCCC solid 1px; 
	padding-right:4px;
	min-height:120px;
}



.galleryWindowList
{
	list-style:none;
	display:inline;
	color:#999999;
	margin:0px;
	padding:0px;
}

.galleryWindowList li
{
	float:left;
	width:66px;
	height:75px;
	padding-bottom:12px;
	color:#333333;
	
}	



.galleryList
{
	list-style:none;
	color:#999999;
	margin:0px;
	padding:0px;
	margin-top:10px;
}

.galleryList li
{
	margin-bottom:3px;
	font-weight:bold;
}

#linkHolder .galleryList li a
{
	color:#999999;
}

#linkHolder .galleryList li a:hover
{
	color:#072C60;
}

#linkHolder .galleryList li a .selected
{
	color:#072C60;
}
/***** NEW VALIDATED FORMS *****/

.formBannerHolder
{

	color:#FFFFFF; 
	height:40px; 
	background-image:url(../images/blue-bar-grad.jpg);
	background-repeat:repeat-x;
	width:695px;
}

.formText
{
	color:#FFFFFF;
	font-size:16px; 
	padding-left:8px; 
	padding-top:8px;
}


.formBanner
{
	background-image:url(../images/greyBar.gif);
	background-repeat:repeat-x;
	color: #00467f; 
	height:32px;
	width:695px;
	border:#CCCCCC 1px solid;
}

.formTextHolder
{
	font-weight:bold; 
	color:#072A60;
	padding:7px;
}

.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}


/******************Carousel gallery on Homepage******************/
.carousel-gallery
{
	margin-left: 10px;
	width: 610px;
	text-align:left;
	padding-top:7px;
	padding-bottom:5px;
	float:left;
	 
}
.carousel-gallery h3
{	
	color: #00467f; 
}

.carousel_border
{
	width:916px;
	height:200px;
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	margin-left: 10px;
	padding-top:4px;
	padding-bottom:4px;
	margin-bottom:10px;
	margin-top:8px;
}
*html .carousel_border
{
	width:918px;
}

.carousel_holder ul li
{	
	margin:4px;
}

.carousel_holder
{
	margin-left:4px;
	height:180px;
}

.carousel_holder ul li a
{
	text-decoration:underline;
	font-weight:bold;
}

.carousel_holder ul li a:visited
{
	text-decoration:underline;
	font-weight:bold;
}

.carousel_holder ul li a:hover
{
	text-decoration:underline;
	font-weight:bold;
	color:#009FC6;
}

.carousel_holder ul li img
{	
	border:#CCCCCC 1px solid;
}

.prev
{	
	background-image:url(../images/arrow-left.gif);
	width:30px;
	height:30px;
	float:left;
	background-color:#F5F5F5;
	margin-left:6px;
	margin-right:8px;
}

.next
{	
	background-image:url(../images/arrow-right.gif);
	width:30px;
	height:30px;
	float:left;
	background-color:#F5F5F5;
}

/******* special offer home pages ********/

.white {color:#FFFFFF; font-size:15px;}

.padding8px{padding:8px;}

h2.white{font-weight:normal; margin:0px; padding:0px; margin-bottom:7px; font-size:21px;}

.center{text-align:center;}

#home-offers-container{margin-left:8px; margin-top:8px;}

#homeoffers-holder{width:640px; float:left; padding-bottom:4px;}


#text-offer-seperator{height:280px; padding-bottom:5px;}


#text-offer-seperator .top-banner{width:310px; height:280px; float:left;}

#text-offer-seperator .right{margin-right:10px;}

#homeoffers-rightholder{width:280px; background-color:#8CC63F; height:640px; float:left;}


#homeoffers-brochure{width:259px; height:157px; background-image:url(/images/special-offer-home/free-brochure.jpg); background-repeat:no-repeat; overflow:hidden;}
#homeoffers-quote{width:259px; height:157px; background-image:url(/images/special-offer-home/free-quote.jpg); background-repeat:no-repeat; overflow:hidden; margin-bottom:7px;}

#homeoffers-textholder{background-color:#072A60; width:315px; height:280px; color:#FFFFFF; float:left;}
#homeoffers-imageholder{float:left; height:280px; width:315px; overflow:hidden;}

.offer{width:320px; height:170px; float:left; margin-bottom:5px; margin-top:5px;}
.offerRight{width:302px; height:170px; float:left; margin-bottom:5px; margin-top:5px;}

.offer img{border:4px #A8A9AD solid;}
.offerRight img{border:4px #A8A9AD solid;}

#homeoffers-rightholder table{color:#FFFFFF; font-weight:bold; margin:0px; padding:0px;}

#homeoffers-rightholder form{margin-left:0px; margin-right:0px; margin-top:10px; margin-bottom:0px; padding:0px;}

#homeoffers-rightholder tr,td{margin:0px; padding:0px; height:20px;}

#homeoffers-rightholder input.wideText{width:260px; font-size:16px; border:1px #FFFFFF solid;}

#homeoffers-rightholder select.wideText{width:260px; font-size:14px; border:1px #FFFFFF solid;}

#homeoffers-rightholder input.errorText{background-color:#FFE4E2; border:1px #FF3300 solid;}

#homeoffers-rightholder tr.buttonHolder{text-align:right;}

#homeoffers-rightholder tr.buttonHolder td{padding-top:20px;}



/************ NEW PRODUCT PAGE ***************/

#productHero {width:185px;height:380px; float:left;}
#accordionHolder{width:315px; float:left; margin-bottom:10px;}
#swatchHolder{width:500px; background-color:#D9D9D9; margin-top:1px; margin-bottom:10px; padding-top:15px;}

.featureAcc  {width: 315px;}
.featureAcc div {background-color: white;}
.featureAcc p {margin-bottom : 10px;border: none;text-decoration: none; font-size: 11px;margin: 0px;padding: 5px;color:#666666;}
.featureAcc a {cursor:pointer;display:block;padding:5px;margin-top: 0;text-decoration: none;font-size: 12px;color: black;background-color: #CCCCCC;border-top: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF;}
.featureAcc a:hover {background-color: #828282;color:#FFFFFF;font-weight:bold;}
.featureAcc a.current {color: white;background-color: #828282;font-weight:bold;}

/* root element for tabs  */
ul.tabs { list-style:none; margin:0 !important; padding:0;height:30px;	}
/* single tab */
ul.tabs li { float:left; text-indent:0;padding:0;margin:0 !important;list-style-image:none !important;}
/* link inside the tab. uses a background image */
ul.tabs a { font-size:12px;color:#003E76;font-weight:bold;display:block;height: 28px;  line-height:30px;width: 115px;text-align:center;	text-decoration:none;padding:0px; margin:0px;	position:relative;top:2px;border-top:1px solid #CCC;border-left:1px solid #CCC;}
ul.tabs li.last a { border-right:1px solid #CCC;}
ul.tabs a:active {outline:none;}
/* when mouse enters the tab move the background image */
ul.tabs a:hover {color:#FFF;}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs .current, .tabs .current:hover, .tabs li.current a {background-color:#D9D9D9;cursor:default !important; color:#000 !important;}
/* initially all panes are hidden */ 
.panes .pane {display:none;}
ul.swatch {display:inline; list-style-type:none;}
ul.swatch li{float:left; margin-left:10px; margin-bottom:10px; width:88px;}
#form small{font-size:11px;}

#form td {padding-top:3px; padding-bottom:3px;}

ul li .swatchLabel{text-align:center; font-size:9px; height:25px; margin-top:5px;}
ul.swatch li.first{margin-left:0px;}

ul.swatch li img {border:1px white solid;}