@charset "UTF-8";
/* CSS Document */


/**************************
HTML SETUP
**************************/
* { padding: 0; margin: 0; border: 0; }
body, html { color: #000; font-family:  Arial, Verdana, Tahoma, sans-serif; background: #d4e4a3 ; text-align: center; }
body { font-size: 70%; }
p { padding: 7px 0 7px 0; }
a { color: #000099; }
a:hover
a:visited { color: #000099; }
a:active { color: #000099; }

h1, h2, h3 { font-weight: bold;  }
h1 { font-size: 2em; }
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h1 a, #header h2 { color: #fff; }
.clear { clear: both; }

.Grey { color:#555555; }
a.Grey { color:#555555; }
.Green { color:#80b315; }
a.Green { color:#80b315; }
.Orange {color:#f3971e;}
a.Orange {color:#f3971e;}
.White { color:#fff; }
a.White { color:#fff; }

.Row { clear:both; width:290px; padding:5px 0 0 0; }
.RowLeft { width: 145px; padding:0; margin:0px; float:left; }
.RowRight { width: 145px;  padding:0; margin:0px; float:left; }

.RowFull { clear:both; width:610px; padding:5px 0 0 0; }
.RowLeftFull { width: 150px; padding:0; margin:0px; float:left; }
.RowRightFull { width: 460px;  padding:0; margin:0px; float:left; }


#Container { background:#FFFFFF ; }


#mainContainer { width: 960px; margin: 0 auto; /*** Centers the design ***/ min-height: 300px; background: #FFF; text-align: left; /*** Because we centered the text in body we have to move the text back to left aligning ***/ }
* html #mainContainer { height: 300px; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/ }

/**************************
TOP CLEAR
**************************/
/*#TopClear {  margin-top: 50px; background: #fff; height: 8px; padding:0px; }*/
#TopClear { margin-top: 0px; /*** Make some space for the header menu ***/ background: #FFF; padding: 0px; height: 132px; }


/**************************
CONTENT AND COLUMNS
**************************/
.outer { padding-left: 320px; }
* html .outer { /*** No need for hacking IE on this layout ***/
}
.inner { width: 640px; /*** This width is for non-IE browsers. Mozilla makes this necessary. Be sure to check your layout in different browsers if you changes this value. Especially IE7 seems to create a horisontal scroll if this value is set too large ***/ }
* html .inner { width: 100%; }
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap { float: left; width: 960px; margin-left: -320px; /*** Same length as .outer padding-left but with negative value ***/ }
* html .float-wrap { /*** No need for hacking IE on this layout ***/}
#content { float: right; width: 640px; background: #fff; }
* html #content { position: relative; /*** IE needs this  ***/ }

#CookieTrail { width:600px; height:auto; padding:4px 0 0 0; color:#666;  }
#CookieTrail a { color:#999; text-decoration:none; }
#CookieTrail a:hover { color:#80b315; }

#content .contentWrap { padding: 10px 10px 10px 10px ; position:relative; margin: 20px 0 0 0;  }
#content .contentWrap h1 { padding: 10px 0px 0px 0px ;   }
#content .contentWrap p { padding-top: 7px ; line-height:1.5em; }
#content .contentWrap ul {margin:0; padding:0;}
#content .contentWrap li {padding: 2px 0 5px 15px; list-style-type:none; background:url(/Images/Ultraframe-Conservatory-LI.jpg) 0px 4px no-repeat;}

#BannerRBack { height:44px; width:304px; display:block; float:left; color:#858585; padding-top: 80px; }

.contentWrap a { color:#80b315; }
.contentWrap ul { list-style-type:square; padding: 0 0 0 10px; }
.contentWrap li { list-style-type:square;  padding: 4px 0 0 0px;  margin: 0 0 0 25px; }
 
.TopLink { text-align:right; color:#666666; }
.TopLink a { color:#80b315; }

.ClinicHold { padding: 10px 10px 0 10px; line-height:1.5em; }
.ClinicHold h5 {background:url(/Images/Conservatory-Clinic.jpg); height:86px; width:300px; line-height:200em; display:block; overflow:hidden;}
.ClinicHold p { padding: 0px 20px ;  background:#f9fcf6; }
.ClinicHold a { color:#80b315; }

.EssentialGuideHold   { margin:10px 10px 0 10px;  padding: 0px 10px 0 10px; width:280px; height:258px; background:url(/Images/Essential-Guide-Bg.jpg)  bottom left repeat-x; }
.EssentialGuideHold h5 { font-size:1.7em; font-weight:bold; color:#555555;}
.EssentialGuideHold img { margin-right:10px; border:#ccc solid 2px; float:left; }
.EssentialGuideHold p { line-height: 1.5em; font-size:1.1em; }
.EssentialGuideHold a { color:#80b315; }
.EssentialGuideHold a.OrderByPost { margin-top:10px; background-image:url(/Images/Order-By-Post.jpg); background-position:  0px -21px ; background-repeat:no-repeat; line-height:2000em; height: 21px; width:130px; display:block; overflow:hidden; text-decoration:none;  }
.EssentialGuideHold a.OrderByPost:hover { background-position: 0px 0px ; }
.EssentialGuideHold a.OrderOnline { margin-top:10px; background-image:url(/Images/Download-PDF.jpg); background-position:  0px -21px ; background-repeat:no-repeat; line-height:2000em; height: 21px; width:130px; display:block; overflow:hidden; text-decoration:none;  }
.EssentialGuideHold a.OrderOnline:hover { background-position: 0px 0px ; }

.QuoteHold { margin:10px 10px 0 10px;  padding: 10px 10px 10px 10px; width:280px; background:#f8ba49; }
a.QuoteLink { margin-top:10px; background-image:url(/Images/QuoteButton.jpg); background-position:  0px 0px ; background-repeat:no-repeat; line-height:2000em; height: 21px; width:179px; display:block; overflow:hidden; text-decoration:none;  }
a.QuoteLink:hover { background-position: 0px -21px ; }
.QuoteHold h5 { font-size:1.5em; font-weight:bold; color:#000; padding:0; margin:0; height:auto;}
.QuoteHold ul { margin-top:5px;  padding: 0px 0 0 15px; font-size:0.8em; }
.QuoteHold li {  padding: 8px 0 8px 25px; background: url(/Images/QuoteTick.gif) 0 0 no-repeat; font-weight:bold;  }

.QuoteHold ul li ul li { font-weight:normal; }
.QuoteHoldInner { background:url(/Images/IBGRosette.jpg) 0px 23px no-repeat;}
.QuoteHoldInnerLeft {float:left; width:100px; height:240px; display:block;}
.QuoteHoldInnerRight {float:left; width:180px; height:auto; display:block;}

.ConCleaningHold {width: 300px; margin:0px;  padding: 5px 10px 0px 10px;}


/***********************
FORMS STYLES
***********************/
.FormStyle { }
.focusField{ border:solid 2px #73A6FF; background:#EFF5FF; color:#000; width:205px; padding:5px; height:12px; outline:none; }
.idleField { background:#EEE; color: #6F6F6F; border: solid 2px #DFDFDF; width:205px; padding:5px; height:12px; outline:none; }
.FormStyle .Row { width:325px;   }
.FormStyle .RowLeft { width:100px; float:left; padding: 5px 0 0 0; }
.FormStyle .RowRight { width:225px;  }
.TextBox {background:#EEE; color: #6F6F6F; border: solid 2px #DFDFDF; width:470px; height:290px; padding:5px; font-family:  Arial, Verdana, Tahoma, sans-serif; font-size:1.1em;}
.TextBox:focus  {border:solid 2px #73A6FF; background:#EFF5FF; color:#000;}

.LargeText {background:#EEE; color: #6F6F6F; border: solid 2px #DFDFDF; width:470px; height:290px; padding:5px; font-family:  Arial, Verdana, Tahoma, sans-serif; font-size:1.1em;}
.LargeText:focus {border:solid 2px #73A6FF; background:#EFF5FF; color:#000;}

.Upload {background:#EEE; color: #6F6F6F; border: solid 2px #DFDFDF;font-family:  Arial, Verdana, Tahoma, sans-serif; font-size:1.1em;}
.Upload:focus {border:solid 2px #73A6FF; background:#EFF5FF; color:#000;}
/***********************
INSTALLER LIST
***********************/

/* Links */

a.MoreInformation { margin-top:5px; background-image:url(/Images/More-Information.jpg); background-position:  0px -21px ; background-repeat:no-repeat; padding-top:17px;  height: 4px; width:179px; overflow:hidden; text-decoration:none; position:relative; display:block;  }
a.MoreInformation:hover { background-position: 0px 0px ; }
a.ContactInstaller { margin-top:5px;margin-bottom:5px; background-image:url(/Images/Contact-Installer.jpg); background-position:  0px -21px ; background-repeat:no-repeat;  padding-top:17px;   height: 4px; width:179px; overflow: hidden; text-decoration:none; position:relative; display:block;  }
a.ContactInstaller:hover { background-position: 0px 0px ; }

/* Hold */
#ContactInstallerHold {width:285px; height:auto; margin:0; padding:5px 10px 5px 10px; background:#fafafa url(/Images/Contact-Installer-Bottom-Back.jpg) bottom left repeat-x;}
#SearchAlpha {padding:10px; margin:0; background:url(/Images/Contact-Installer-Bottom-Back.jpg) bottom repeat-x; font-size:1.0em; color:#82b233; }
#SearchAlpha2 {padding:10px; margin:0; background:url(/Images/Contact-Installer-Bottom-Back.jpg) bottom repeat-x; font-size:1.0em; color:#82b233; }
.InstallerH {width:610px; height:auto; margin-bottom:5px; background:#e7efcd; border:5px solid #d4e4a3; padding:0px;}
.JargonH {width:590px; height:auto; margin-bottom:5px; background:#e7efcd; border:5px solid #d4e4a3; padding:10px; line-height:1.4em;}
.InstallerHL {width:380px; height:auto; float:left; padding:10px;}
.InstallerHR {width:200px; height:auto; float:left; padding:5px;}
.InstallerHRI {width:184px; height:auto; float:left; padding:0 0px 0 8px; border-left:3px solid #f2f6e7;}
.Sub { display:none;}

/***********************
NEWS
***********************/
		
.NewsIntro { font-size:1.3em; font-weight:bold; color:#555555;}
		
.NewsAH {width:615px; height:auto; margin-bottom:0px; padding:0; /*border-bottom:4px solid #f2f6e7;*/  border-left:5px solid #fafafa;background:#fafafa url(/Images/Contact-Installer-Bottom-Back.jpg) bottom repeat-x;}
.NewsAH:hover {border-left:5px solid #d4e4a3;}
		
.NewsAT {width:615px; height:auto; margin:0; padding:0;}
.SearchResults {width:595px; height:auto; margin:0; padding:5px 10px 5px 10px;}
.NewsATL {width:365px; height:auto; margin:0; padding:5px 10px 5px 10px; float:left;}
.NewsATR {width:200px; height:auto; margin:0; padding:5px 10px 5px 10px; float:left; text-align:right;}
.NewsHold {width:595px; height:auto; margin:0; padding:10px;}

.ClinicListAH {width:615px; height:auto; margin-bottom:0px; padding:0; /*border-bottom:4px solid #f2f6e7;*/  border-left:5px solid #fafafa;background:#fafafa url(/Images/Contact-Installer-Bottom-Back.jpg) bottom repeat-x;}
.ClinicListAH:hover {border-left:5px solid #d4e4a3;}

.ClinicListLeftHold {width:610px; height:auto; margin:0; padding:0px; float:left;}
		
.ClinicListAT {width:590px; height:auto; margin:0; padding:5px 10px 5px 10px;}
.ClinicListTL {width:590px; height:auto; margin:0; padding:5px 10px 5px 10px; float:left;}
.ClinicListTR {width:171px; height:auto; margin:0; padding:0; float:left; text-align:right;}
.ClinicListHold {width:615px; height:auto; margin:0; padding:0px;}

.FEATClinicListAT {width:419px; height:auto; margin-bottom:6px;}
	
.FEATClinicListTL {width:419px; height:auto; margin:0; padding:15px 10px 5px 10px; float:left;}
	.FEATClinicListTL a h2  {font-size:12px; color: #000000;}
.FEATClinicListTR {width:171px; height:auto; margin:0; padding:0; float:left; text-align:right;}
.FEATClinicListHold {width:615px; height:auto; margin:0; padding:0px;}
.FEATClinicLink {padding:5px 10px 5px 10px; height:auto; margin:0; border-top:1px solid #FFFFFF;}
			
/***********************
Error Page 404
***********************/
.Error {background:url(/Images/404ErrorBottom.jpg) 0 30px no-repeat; height:293px; border-bottom:1px solid #a2cd45;}

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

/***********************
Clinic
***********************/
		
.QALeft {width:67px; height:auto; float:left;}
.QARight {padding:10px;width:533px;height:47px; min-height:47px; float:left; font-weight:bold;}
.QARightAnswer {padding:10px;width:533px;height:auto; float:left;}

.QuestionAnswer { background:url(/Images/ConservClinic/ContentLeftBottom.jpg) 0 0 repeat-x;}
.QuestionAnswer2 {border-top:1px solid #93cc3d;}
		
.ClinicBanner {width:620px; height:160px; margin:0; padding:0; background:url(/Images/ConservClinic/BannerBack.jpg) 0 0 repeat-x}
.ClinicBannerL {width:310px; height:auto; margin:0; padding:0; float:left;}
.ClinicBannerR {width:295px; height:auto; margin:0; padding:35px 15px 10px 0px; float:left; }
.ClinicLogo {width:620px; height:80px; margin:0; padding:0;}
.ClinicBannerCL {width:280px; height:auto; margin:0; padding:15px; line-height:1.4em;}


.ClinicBannerCLB {width:245px; height:59px; margin:0; padding:15px  15px 15px 50px;}

			
.ClinicContent {width:620px; height:auto; margin-top:5px; padding:0;}
.ClinicContentG {width:620px; height:auto; margin-top:5px; padding:0;background:#fbfbfb;}
.ClinicContentL {width:305px; height:auto; margin-right:10px; padding:0; float:left;}
.ClinicContentLT {width:290px; height:19px;  padding:5px 5px 5px 10px; background:url(/Images/ConservClinic/ContentLeftTop.jpg) 0 0 repeat-x; font-size:1.3em; color:#434343;}
.ClinicContentLT2 {width:290px; height:19px;  padding:8px 5px 5px 10px; background:url(/Images/ConservClinic/ContentLeftTop.jpg) 0 3px repeat-x; font-size:1.3em; color:#434343;}
.ClinicContentLTR {width:290px;background:url(/Images/ConservClinic/RepairsTitle.jpg) 0 0 no-repeat; height:19px;  padding:8px 5px 5px 10px;font-size:1.3em; color:#434343; }
.ClinicContentLTM {width:290px; height:19px;  padding:8px 5px 5px 10px; background:url(/Images/ConservClinic/Conservatory-Maintanence.jpg) 0 0px repeat-x; font-size:1.3em; color:#434343;}
.ClinicContentLTC {width:290px;background:url(/Images/ConservClinic/CleaningTitle.jpg) 0 0 no-repeat; height:19px;  padding:8px 5px 5px 10px;font-size:1.3em; color:#434343; }

		
.ClinicContentLM {width:285px; height:auto;  padding:10px; background:#fbfbfb;}
.ClinicContentLM ul {padding:0px;}
.ClinicContentLM li {margin:0;list-style-type:none; background:url(/Images/ConservClinic/ClinicLI.jpg) 0 0px no-repeat; padding:0 5px 5px 25px; line-height:1.3em;}	
.ClinicContentLB {width:305px; height:67px;  padding:0px; background:url(/Images/ConservClinic/ContentLeftBottom.jpg) 0 0 repeat-x;}
.ClinicContentLBFull {width:100%; height:67px;  padding:0px; background:url(/Images/ConservClinic/ContentLeftBottom.jpg) 0 0 repeat-x;}
.ClinicContentLBL {width:67px; height:67px; margin:0; padding:0; float:left;}
.ClinicContentLBR {width:218px; height:44px; margin:0; padding:13px 10px 10px 10px; float:left;}
			
.ClinicContentR {width:305px; height:auto; padding:0; float:left; background:#fbfbfb;}
.ClinicContentRT {width:290px; height:19px;  padding:5px 5px 5px 10px; font-size:1.3em; color:#434343;background:url(/Images/ConservClinic/ContentLeftTop.jpg) 0 0 repeat-x; }
.ClinicContentRM {width:285px; height:auto;  padding:5px 10px 5px 10px; border-bottom:1px solid #efefef;}
.ClinicContentRML {width:90px; height:83px;  padding:0px; float:left;}
.ClinicContentRMR {width:285px; height:auto;  padding:0px; float:left; line-height:1.4em;}
			
a.MyQuestion { margin-top:5px;margin-bottom:5px; background-image:url(/Images/ConservClinic/MyQuestion.jpg); background-position:  0px -21px ; background-repeat:no-repeat; line-height:2000em; 	height: 21px; width:179px; display:block; overflow:hidden; text-decoration:none;  }
a.MyQuestion:hover { background-position: 0px 0px ; }
		
a.BookAppointment { margin-top:5px;margin-bottom:5px; background-image:url(/Images/ConservClinic/BookAppointment.jpg); background-position:  0px -21px ; background-repeat:no-repeat; line-height:2000em; 	height: 21px; width:179px; display:block; overflow:hidden; text-decoration:none;  }
a.BookAppointment:hover { background-position: 0px 0px ; }

a.RegisterForAppointment { margin-top:5px;margin-bottom:5px; background-image: url(/Images/ConservClinic/Register-For-An-Appointment.jpg); background-position:  0px -21px ; background-repeat:no-repeat; line-height:2000em; 	height: 21px; width:290px; display:block; overflow:hidden; text-decoration:none;  }
a.RegisterForAppointment:hover { background-position: 0px 0px ; }

a.BackToHome { margin-top:5px;margin-bottom:5px; background-image: url(/Images/BackToHomePage.jpg); background-position:  0px -21px ; background-repeat:no-repeat; line-height:2000em; 	height: 21px; width:179px; display:block; overflow:hidden; text-decoration:none;  }
a.BackToHome:hover { background-position: 0px 0px ; }

.InstallerSearch { margin-top:5px;margin-bottom:5px; background-image: url(/Images/SearchInstaller.jpg); background-position:  0px -21px ; background-repeat:no-repeat; line-height:2000em; 	height: 21px; width:71px; display:block; overflow:hidden; text-decoration:none;  }
.InstallerSearch:hover { background-position: 0px 0px ; }
		
.ClinicBannerInner {width:620px; height:auto; margin:0; padding:0px; }
.ClinicBannerIC {width:600px; height:auto; margin:0; padding:10px;background:#fbfbfb;}
.ClinicBannerFT {font-size:1.3em; color:#434343;  padding:5px 5px 5px 10px;background:url(/Images/ConservClinic/ContentLeftTop.jpg) 0 0 repeat-x;}
		
.Bronze {color:#bf9970;}
.Silver {color:#b1b1b1;}
.Gold {color:#c3a867;}



/***********************
Conservatory Quoter
***********************/
.CStyleFrame {width:620px; height:auto; margin:0; padding:0;}
.CStyleHoldL {width:465px; height:auto; margin:0; padding:0; float:left;}
.CStyleHoldL a {cursor:help;}
.CStylePodB a {cursor:pointer;}
.CStyleHoldSpacer {width:460px; height:1px; margin:3px 0 3px 0; padding:0; float:left; border-bottom:1px solid #efefef;}

.CStyleText {width:450px; height:auto; margin:0; padding:10px 5px 10px 10px; float:left; background:#fbfbfb; font-size:1.2em;}
.CStylePod {width:150px; height:125px; margin-right:5px; margin-bottom:5px; padding:0; float:left;}
.CStylePodT {width:150px; height:auto; margin:0; padding:0;}
.CStylePodB {width:140px; height:15px; margin:0; padding:5px;}
.CQuote {font-size:1.9em; font-weight:bold; color:#80b315;}
	
.CStyleHoldR {width:155px; height:500px; margin:0; padding:0; float:left;}
.LeftNavHold { margin:0;width:155px; height:auto;  padding:10px 0 0 0; background:#FFFFFF;}
.RightNavT {width:155px; height:9px; margin:0px; padding:0px; background: url(/Images/Quoter/RightNavTop.jpg) 0 0 no-repeat; display:block;}
.RightNavM {width:145px; height:auto; margin:0; padding:0 5px 0 5px; background: url(/Images/Quoter/RightNavM.jpg) 0 0 repeat-y;}
.RightNavB {width:155px; height:9px; margin:0px; padding:0px; background: url(/Images/Quoter/RightNavBottom.jpg) 0 0 no-repeat;}

a.GetConservatoryQuote { margin-top:5px;margin-bottom:5px; background-image:url(/Images/Quoter/GetConservatoryQuote.jpg); background-position:  0px -21px ; background-repeat:no-repeat; line-height:2000em; 	height: 21px; width:231px; display:block; overflow:hidden; text-decoration:none;  }
a.GetConservatoryQuote:hover { background-position: 0px 0px ; }

/***********************
Contact
***********************/
select.Dropdown {width:219px; background:#EEEEEE; border:2px solid #dfdfdf;}
select.Dropdown:focus {background:#eff5ff; border:2px solid #73a6ff;}
#demo2, #Title, #StartProject {width:184px;}


#ContactForm .Row { width:520px; padding: 5px 0 0 90px;}
#ContactForm .RowLeft  { width:145px;}
#ContactForm .RowRight  { width:345px;}
/**********************************************/
		

/**************************
LEFT MENU
**************************/
#Left { float: left; width: 320px;  min-height: 250px; padding: 0px; }
* html #Left { position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/ height: 250px; }
#Left ul, li { padding:0; margin:0; list-style:none;}


a.QuoteNavLink { color:#000; font-weight:bold; background-image:url(/Images/NavVertBGQoute.jpg); background-repeat:repeat-x; background-position: 0px 0px; text-decoration:none; display:block; padding: 8px 0px 0px 10px ; width: 310px; height: 20px; text-align:left; clear:both; }
a.QuoteNavLink:hover { background-position: 0px -28px; color:#000; border-left: 2px solid #ccc; width: 303px; padding: 8px 0px 0px 15px ;  }


/*************************
TOP BANNERS
**************************/


#Top { margin: -124px 0 0 -960px; /*** Moves the right column to the top of the page. This is now our top menu above the header ***/ float: left; width: 960px;   height: 124px; }
* html #Top { position: relative; /*** IE needs this. ***/ margin-top: -124px; /***Since IE is threating padding different than other browsers we need to move it a little bit more ***/ }
#Top ul { list-style: none; }
#Top li { display: inline; padding-right: 10px; }
#Top .NoPad { padding: 0px 0 0 0; margin:0; }
#Top .NoPad a { top: 5px ; position:relative; }

#Banner { height:124px; background:#FFFFFF; width:960px; overflow:hidden;}

#BannerL { height:124px; width:650px; display:block; float:left; overflow:hidden; background: url(/Images/Ultraframe-Logo.jpg) 0px 38px no-repeat; position:relative; }
#BannerL ul { height:38px; }
#BannerL a { color:#000000; text-decoration:none; }
#BannerL a:hover { text-decoration: underline; }
.Logo {  width:290px; padding: 59px 0 0 0; font-size:18px; color:#b7b7b7; }

#BannerR { height:124px; width:304px; display:block; float:left; color:#858585; background:url(/Images/UltraInstalLogo.jpg) 190px 53px no-repeat; position:relative; }
#BannerR p { padding:0;}
#BannerRTop { height:25px; }
#BannerR h6 { color:#698b06; width:304px; padding:0; margin:0; height:auto; line-height: 1.0em; font-size:1.2em; }
#BannerR strong { color:#000; padding:5px 0 0 0; }
#BannerR .Row { clear:both; width:304px; padding:5px 0 0 0; }
#BannerR .RowLeft { width: 145px; padding:0; margin:0px; float:left; }
#BannerR .RowRight { width: 30px;  padding:0; margin:0px; float:left; }
#BannerR .Postcode { background:#fff url(/Images/PostcodeBG.jpg) 0 0 no-repeat; width:134px; height:18px; color:#000; padding: 3px 0 0 5px; font-size:12px; }
#BannerR .Postcode.blur { color: #636363; }
#BannerR .Submit { height:22px; width:33px; border:0px; background: url(/Images/FooterSubmit.jpg) 0 0 no-repeat; color:#FFFFFF; border:0; }
#BannerR a { color:#698b06; }
#WhyUse { clear:both; }

#BannerAdvert { width:960px; height:279px; padding: 1px 0 0 0; background:#FFFFFF url(/Images/PageBG.jpg) 0px 0px repeat-x; }
#BannerAdvertLeft { width:320px; height:279px; float:left; }

#BannerAdvertRight { width:640px; height:279px; float:left; }
#Nav { background: url(/Images/NavBG.jpg) 0 0 repeat-x; width:960px; height:29px; } 
#Nav ul { list-style: none; }
#Nav li { display: block; padding-right: 0; }

#NavRight { background: url(/Images/NavBGQoute.jpg) 0 0 no-repeat; height:20px; width:160px; padding: 8px 0px 0px 0px; display:block; float:left; text-align:center;  }
#NavRight a { color:#000; text-decoration:none; font-weight:bold; }
#NavRight a:hover { color:#FFFFFF; }


/*****************************
INSTALLER CALL TO ACTION 
******************************/

#InstallerCTA {width: 620px; height:auto; padding:0; margin:0;}
#CTABanner {width: 620px; height: 97px; padding:0; margin:0; background:url(/Images/InstallerBkgGreen.jpg) 0 0 repeat-x;}
#CTABLeft {width: 207px; height: 97px; padding:0; margin:0; float:left;}
#CTABRight {width: 353px; height:82px; padding:15px 0px 0px 60px; margin:0; float:left; font-size: 15px;}
.CTAText {width: 353px; height: 22px; padding:0; margin:0;}

.CTATextBox {width: 219px; height:29px; padding:12px 5px 0px 10px; margin:0px; font-size: 16px; color:#333333; font-family: Arial, Helvetica, sans-serif; background:url(/Images/InstallerTextBoxGrn.jpg) 0 0 no-repeat; border: none; display: block; float: left; text-align:center;}

.CTASubmit {width: 50px; height:41px; padding:0; margin:0; font-size: 14px; font-weight: bold; color:#FFFFFF; background: none; border: none; outline: none; float: left; cursor: pointer;}


#CTAGreyHold {width: 590px; height: auto; padding:15px; margin:0; background:url(/Images/InstallerTextBkGrey.jpg) 0 0 repeat-x; line-height: 1.6em; font-size: 10px;}



#SUBInstallerCTA { margin:10px 0px 0 0px;  padding:0px; width:320px; height:auto;}
#SUBCTABanner {width: 320px; height: auto; padding:0; margin:0; background:url(/Images/SUBInstallerBkgGreen.jpg) 0 0 repeat-x;}

#SUBCTABLeft {width: 210px; height: 52px; padding:42px 0 0 108px; margin:0;background:url(/Images/SUBInstallerGreenBkg.jpg) 0 0 no-repeat; }
#SUBCTABRight {width: 310px; height:82px; padding:15px 0px 0px 10px; margin:0; float:left; font-size: 15px;}

.SUBCTAText {width: auto; height: auto; padding:0 0 3px 0; margin:0;}
.SUBCTATextBox {width: 120px; height:29px; padding:12px 5px 0px 10px; margin:0px; font-size: 16px; color:#333333; font-family: Arial, Helvetica, sans-serif; background:url(/Images/SUBInstallerTextBoxGrn.jpg) 0 0 no-repeat; border: none; display: block; float: left; text-align:center;}
.SUBCTASubmit {width: 50px; height:41px; padding:0; margin:0; font-size: 14px; font-weight: bold; color:#FFFFFF; background: none; border: none; outline: none; float: left; cursor: pointer;}
#SUBCTAGreyHold {width: 290px; height: auto; padding:15px; margin:0; background:#dddddd; line-height: 1.2em; font-size: 10px; border-top:2px solid #cccaca;}








/**************************
FOOTER
**************************/
#Footer { text-align: center; background: #d4e4a3 url(/Images/FooterBg.jpg) 0 0 repeat-x;}
#FooterInner { width: 960px; margin: 0 auto; text-align: left; padding: 20px 0 20px 0; }

#Footer ul { list-style: none; float:left;  padding: 0 0 0 22px ; height:154px; background: url(/Images/FooterBgUL.jpg) 0 0 no-repeat ;  }
#Footer ul li {  padding: 1px 0 0 10px ;   }
#FooterInner a {color:#7b9a00; padding: 0 0 0 0 ; text-decoration:none; }
#FooterInner a:hover {color:#000; }

.FooterLeft {width:169px;}
.FooterMid {width:206px;}
.FooterRight {width:214px;}

#FooterInner .SearchForm h6 { font-size:1.1em; padding: 0 0 3px 0; }
#FooterInner .SearchForm { background:#e7efcd; height:52px; padding: 8px 0 0 10px; width:275px;  }
#FooterInner .SearchForm .SearchInput { background:#f0f6e9; width:225px; height:18px; color:#000; padding: 3px 0 0 5px; font-size:12px; }
#FooterInner .SearchForm SearchInput.blur { color: #636363; }
#FooterInner .SearchForm .Submit { height:22px; width:33px; border:0px; background: url(/Images/FooterSubmit.jpg) 0 0 no-repeat; color:#FFFFFF; border:0; }

#FooterInner .FooterSearch { float:left; width:305px; line-height:1.6em; }
#FooterInner .FooterSearch a { color:#000000; padding: 0 0 0 0; text-decoration:none; }
#FooterInner .FooterSearch ul { list-style: none; width:auto; float:none; height:auto; padding:10px 0 10px 0;  background:none; }
#FooterInner .FooterSearch li { display: inline; padding: 0 5px 0 0; }
#FooterInner .FooterSearch ul a { color:#7b9a00; padding: 0 0 0 0;  }
#FooterInner .FooterSearch ul a:hover {color:#000; }


#FooterInner .FooterSearch .ThinkAP {color:#7b9a00;}
#FooterInner .FooterSearch .ThinkAP a {color:#7b9a00;}
#FooterInner .FooterSearch .ThinkAP a:hover {color:#333333;}

.NoBack li {background:none;}

/* MAP INSTALLER LIST */

#maphold {border-left:10px solid #FFFFFF; border-bottom:10px solid #FFFFFF;width:310px; height:460px;float:right;}
#map {width:300px; height:450px;  border:5px solid #d4e4a3;}

/* Conservatory Style Tabs */

#navcontainer ul {padding: 0; margin: 0; /*background: url(Images/UltrSubNav.jpg) 0 0 no-repeat;*/  float: left; width: 620px; height: 64px;}
#navcontainer ul#navlist li {list-style: none; background-image: none; padding:0;margin-top:0;float:left; padding:0; margin:0;}

#navcontainer ul li { display: inline; text-indent: 0;}

#navcontainer ul li a {width: 123px; height: 36px;  padding:28px 0px 0px 0px; margin:0; background: url(/Images/UltrSubNav.jpg) 0 0 no-repeat;  color: #333333; text-decoration: none; float: left;text-align:center; }

#navcontainer ul li a:hover {color: #8cb925;}

#navcontainer a.Overview {background-position: 0px 0px;}
#navcontainer a:hover.Overview {background-position: 0px -65px;}
#navcontainer a.Overview.Selected  {background-position: 0px -65px;}

#navcontainer a.Finishes {background-position: -123px 0px;}
#navcontainer a:hover.Finishes {background-position: -123px -130px;}
#navcontainer a.Finishes.Selected {background-position: -123px -130px;}

#navcontainer a.GallerySub {background-position: -246px 0px;}
#navcontainer a:hover.GallerySub {background-position: -246px -195px;}
#navcontainer a.GallerySub.Selected {background-position: -246px -195px;}

#navcontainer a.Security {background-position: -369px 0px;}
#navcontainer a:hover.Security {background-position: -369px -260px;}
#navcontainer a.Security.Selected {background-position: -369px -260px;}

#navcontainer a.Guarantee {width: 128px; background-position: -492px 0px; }
#navcontainer a:hover.Guarantee {background-position: -492px -325px;}
#navcontainer a.Guarantee.Selected {background-position: -492px -325px;}

.TypePhoto {width: 264px; height:auto; padding:8px 0px 8px 8px; margin:0; display: block; float:right;}

.FinishesHold {width: 590px; height: 66px; padding:8px 0px 8px 18px; margin:0; margin-top: 5px; background: #F6F6F6;}
.FHHold {width: 98px; height: 64px; padding:0px 0px 0px 18px; margin:0; float:left; border-right: 1px solid #FFFFFF; border-left: 1px solid #cccccc;}
.FHImage {width: 80px; height: 43px; padding:0; margin:0; border: 1px solid #CCCCCC; }
.FHTitle {width: 80px; height: 15px; padding:4px 0px 0px 0px; margin:0; font-size: 10px;}
.First {padding:0; border-left: none;}

table {	border-collapse: collapse;}

.stripeMe th {	background: #eeeeee;	padding: 2px 11px;	text-align: left;	line-height: 1.2;font-weight: normal; }
.stripeMe td {padding: 10px;border-bottom: 1px solid #cccccc;vertical-align: top;}
.stripeMe td a {padding:0;}
.stripeMe td * {padding: 0px;}
.stripeMe tr.alt td {background: #f0f8e0;}
.stripeMe tr.over td {background: #d5eca6;}

.CountyList ul {padding:0; margin:0 0 0px 0; }
ul.CountyList  li {padding:10px; float:left; display:block; width:250px;}