@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:visited { color: #000099; }
a:active { color: #000099; }
a:hover

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; }


#Container { background:#FFFFFF url(/Images/PageBG.jpg) 0px 132px repeat-x; }
#mainContainer { width: 960px; margin: 0 auto; /*** Centers the design ***/ min-height: 300px; 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 ***/ }

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


/**************************
TOP CLEAR
**************************/
#TopClear { background: #fff; height: 8px; padding:0px; }


/**************************
CONTENT AND COLUMNS
**************************/
.outer { margin-top: 432px; /*** We need to add some space for our top menu ***/ }
.float-wrap { float: left; }
* html .float-wrap { /*** No need for hacking IE on this layout ***/ }
#content { float: left; width: 960px; background: #fff; }
* html #content { position: relative;  /*** IE needs this  ***/ }
.contentWrap { padding: 5px; }
.contentWrap h1 { color:#555555; font-size:17px; }
.contentWrap a { color:#80b315;   }
.contentWrap a:hover { color:#000; text-decoration:none; }



/**************************
TOP BANNERS
**************************/
#Top { float: right; width: 960px; height: 432px; padding: 0px; margin: -432px 0 0 -960px; /*** Move the left column so it takes the positon as a top menu ***/ }
* html #Top { position: relative;  /*** IE needs this  ***/ }
#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 input.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:189px; height:269px; padding: 10px 0 0 131px; float:left; background:url(/Images/QuoteHomeHoldBG.jpg) 0 0 no-repeat; }
.QuoteHeading { font-size:20px; font-weight:bold; color:#000000; }
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; }
#BannerAdvertLeft p { padding:0px; }
#BannerAdvertLeft ul { padding: 5px 0 0 12px; font-size:0.6em; list-style-type:none; display:block; }
#BannerAdvertLeft li { list-style-type:none; display:block; padding: 8px 2px 7px 25px; background: url(/Images/QuoteTick.gif) 0 0 no-repeat; font-weight:bold; }
#BannerAdvertLeft ul li ul li { font-weight:normal; }
#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; }


/*********** Slider setup ***********/
div.scrollable { position:relative; overflow:hidden; width: 860px; height:200px; }
#thumbs { position:absolute; width:20000em; clear:both; /*border:1px solid #efefef;*/ }
a.prev, a.next { margin-top:118px; }
#thumbs div { float:left; width:199px; height:200px; background:url(/Images/StylesHoldBG.jpg) bottom left repeat-x; color:#555; /*border-left:1px solid #333;*/ cursor:pointer; }
#thumbs div.hover { background: none #999999; color:#7b9a00; }
#thumbs div.active { background-color:#fff; cursor:default; }
#thumbs p { margin:0px 13px 5px 13px; font-size:1.2em; color:#555; text-align:center; }
#thumbs a {  color:#555; text-decoration:none; }
#thumbs img {margin:10px 10px 0px 10px; padding:5px 5px 12px 5px; background:url(/Images/StylesBg.jpg) 0 0 no-repeat; }
div.scrollable { float:left; }

a.prev, a.next, a.prevPage, a.nextPage { display:block; width:18px; height:36px; background:url(/Images/left.png) no-repeat; float:left; margin:83px 10px; cursor:pointer; }
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -36px; }
a.disabled { visibility:hidden !important; }
a.next, a.nextPage { background-image:url(/Images/right.png); clear:right; }

/*********** navigator ***********/
div.navi { margin:auto; width:200px; height:20px; text-align:center; }
div.navi a { width:8px; height:8px; float:left; margin:3px; background:url(/Images/navigator.png) 0 0 no-repeat; cursor:pointer; }
div.navi a:hover { background-position:0 -8px; }
div.navi a.active { background-position:0 -16px; }


.HomeLeft { width: 320px; float:left; }
.HomeMid { width: 320px; float:left; overflow:hidden; }
.HomeRight { width: 310px; float:left; }


.HomeContent { width: 300px; line-height:1.4em; padding: 10px 0 0 0 ; }
.HomeContent h2 {  font-size:1.7em; font-weight:bold; color:#555555; line-height:1.3em; }

.TradeLink { padding: 0px; height:187px; line-height:1.5em; width:300px; font-size:1.2em; background:#f2f2f2 url(/Images/Trade-Index-Back-2.jpg) 0 0 repeat-x; color:#FFFFFF;  }
.TradeLinkTop {height:162px; width:280px; margin:0; padding:15px 10px 10px 10px;}
.TradeLink h3 {margin-top:0px; padding-bottom:10px; font-size:1.9em;}
.TradeLink a.TradeBigLink { background-image:url(/Images/TradeWebsiteLink.jpg); background-position:  0px 0px ; background-repeat:no-repeat; line-height:2000em; height: 21px; width:300px; display:block; overflow:hidden; text-decoration:none;  }
.TradeLink a.TradeBigLink:hover { background-position: 0px -21px ; }


.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; overflow:hidden; }
.EssentialGuideHold h3 { 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:5px; background-image:url(/Images/Order-By-Post.jpg); background-position:  0px -21px ; background-repeat:no-repeat; text-indent:-2000em; height: 21px; width:130px; display:block; overflow:hidden; text-decoration:none;line-height: 1.0em; color: transparent;  }
.EssentialGuideHold a.OrderByPost:hover { background-position: 0px 0px ; color: transparent; }
.EssentialGuideHold a.OrderOnline { margin-top:5px; background-image:url(/Images/Download-PDF.jpg); background-position:  0px -21px ; background-repeat:no-repeat;  text-indent:-2000em; height: 21px; width:130px; display:block; overflow: hidden; text-decoration:none;line-height: 1.0em; color: transparent;  }
.EssentialGuideHold a.OrderOnline:hover { background-position: 0px 0px ; color: transparent;  }
.EssentialGuideHold ul { list-style-type:none; padding:0; margin:0; top:0; left:0; line-height: 1.0em;  }
.EssentialGuideHold li { list-style-type:none; padding:0; margin:0; top:0; left:0;  }

.Testimonial { margin:10px 10px 0 10px;  padding: 5px 10px 0 110px; width:180px; height:265px; background:url(/Images/TestimonialBG.jpg)  bottom left repeat-x; }
.TestimonialText { padding: 20px 0px 0 20px; width:160px; font-size:1.4em; line-height:1.6em; }
.TestimonialName {font-size:0.8em; line-height:1.0em;} 

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

.FeaturedConservatory { margin: 10px 0 0 0; padding: 10px 0px 0 0px; line-height:1.5em; width:310px; border-top: 1px solid #ccc ; }
.FeaturedConservatory h4 { font-size:1.5em; font-weight:bold; color:#555555; padding: 0 0 10px 0;}
.FeaturedConservatory img { padding: 0px 10px 0 0px; }

.Certificate { margin: 10px 0 0 0; padding: 10px 0px 0 0px; line-height:1.5em; width:310px; border-top: 1px solid #ccc ; }
.Certificate h4 { font-size:1.3em; font-weight:bold; color:#555555; padding: 0 0 10px 0;}
.Certificate img { padding: 0px 10px 0 0px; }

/*************************
BOTTOM CLEAR
**************************/
#BottomClear { float: left; width: 940px; padding: 0px; height: 8px; }
* html #BottomClear { position: relative;  /*** IE needs this  ***/ }


/**************************
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 0 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 0px; 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 input.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;}