/*******************************************************************************
* Base Styles - DON'T CHANGE THESE!!!                                          *
*                                                                              *
* These rules are used to reset the CSS default properties so things render    *
* identically (or as close we we can get them) in different browsers.          *
*******************************************************************************/

body									{ margin: 10px; padding: 0; font-size: 0.948em; line-height: 1.22 }
h1, h2, h3, h4, h5, h6, p,
ul, ol, dl, form, fieldset,
table, address, blockquote				{ margin: 0 0 1.22em 0; padding: 0; }
ul ul, ul ol, ol ol, ol ul				{ margin-bottom: 0 }
ul, ol, blockquote						{ margin-left: 1.75em }
blockquote								{ margin-right: 2.75em }
fieldset 								{ padding: 0.5em }
table									{ border-collapse: collapse; border-spacing:0 }
th										{ text-align: left }
select,input,textarea					{ font: inherit }


/******************************************************************************* 
* CMS Common                                                                   *
*******************************************************************************/

#content form dt 						{ float:left; clear: both; width: 35%; padding-top:5px; margin-right:4%; }
#content form dd 						{ float: right; margin:1px 0; width: 60%; }

/*
#content form dt 						{ margin:5px 0 0 0 }
#content form dd 						{ margin:0 0 5px 0 }
*/

img										{ border:none; }
img.center								{ margin:auto; clear:both; display:block; float:none; }
img.right								{ float:right; margin:0 0 25px 25px; clear: right; }	
img.left								{ float:left; margin:0 25px 25px 0; clear: left; }


dd.radio, 
 dd.checkbox 							{ position: relative }
dd.radio label, 
 dd.checkbox label						{ padding-left: 24px; }
dd.radio input,
 dd.checkbox input						{ position: absolute; left: 0; }

dd.textinput input						{ width:60% }
dd.textinput-wide input,
 dd.textareainput textarea				{ width:99% }
dd.textinput-narrow input				{ width:40% }
dd.textinput-tiny input					{ width:10% }

dd.captcha *							{ vertical-align: middle }
dd.captcha img							{ background:#fff; border:1px solid #999; margin: 0 20px 5px 0; padding:5px }


/******************************************************************************* 
* Page Structure                                                               *
*******************************************************************************/
body									{ margin:0; font: .8em/1.4 Arial; padding-top:15px; }

#container								{ background:url("images/container-grad.jpg") bottom left repeat-x; position:relative; overflow:auto;}

#header									{  overflow:hidden; background:#fff; height:110px; padding-top:10px; margin-bottom:25px; }

#additonal								{ width:210px; float:right;  background:#fff;  padding:10px; margin-top:-20px;  position:relative; z-index:20; _padding-top:20px; _position:static}
#related								{ width:144px; float:left;  padding-top:20px;  margin-left:-727px; _margin-left:-717px;}
#substance								{ width:561px; float:left;      margin-left:166px; _margin-left:78px; padding:15px 0;}

#substance b							{ color:#E80202; }

#footer-ctas							{ clear:both; }

#footer									{ background: url("images/footer-back.png") 0 0 repeat-x; font-size:80%; clear:both; }

#navigation ul,
#header,
.inner,
.wrap,
#content								{  width:977px; margin:auto; }

#legal									{ padding-top:20px;  }

/******************************************************************************* 
* Common Styles                                                                *
*******************************************************************************/

h1,
h2,
h3										{ line-height:1.1; font-family:"Georgia"}

h1										{ font-size:210%; color:#011750; margin-bottom:25px;}
h2										{ font-size:160%; }
h3										{ font-size:120%; }

.bb-logo								{ float:left; padding-top:20px; }
.bb-logo img							{ float:left; }
p.escape								{ float:right; padding-top:60px; }


.foot-contact							{ float:left; width:611px; margin-left:40px; font-size:85%; color:#000}
.foot-contact h2						{ color:#011750; font-size:140%; margin-bottom:10px; }
.foot-contact img						{ float:left; margin-right:20px;}
.foot-contact p							{ margin-bottom:5px; }
.foot-contact b							{ color:#DD0202;}
.foot-contact img						{ float:left; margin-right:20px;}

.paging									{ display:block; background:#eee; margin-bottom:25px; padding:5px }

#header p.logo							{ float:left; }
#header span.strap						{ float:left; }
#header .contact-cta					{ background:url("images/get-in-touch-cta.png") 0 0 no-repeat; float:right; text-indent:-10000em; width:284px; height:96px; }

#header .strap							{ color:#666; font-weight:bold; padding-top:55px; margin-left:70px}
#header .strap em						{ font-style:normal; font-weight:bold; color:#EE0202;  }
#header .strap b						{ font-weight:normal; color:#1C3F95; }

/* Main */
#related h2								{ background:#DD0202; color:#fff; padding:5px; font-size:120%; margin-bottom:5px;}
#related ul								{ list-style:none; margin:0; }
#related ul li							{ margin:8px 0;}
#related ul li.open a					{ color:#DD0202; font-weight:bold}
#related ul li.open li a				{ color:#011750; font-weight:normal;}
#related ul li a						{ color:#333; text-decoration:none; }
#related ul li a:hover					{ color:#999; }
#related ul li a.active					{ color:#DD0202; font-weight:bold;}
/* Sub Sect */
#related ul	ul							{ border-top:1px dashed #DD0202; border-bottom:1px dashed #DD0202; margin:5px 0; }
#related ul	ul	a						{ color:#011750; padding-left:15px; display:block;}
#related ul	ul	a.active				{ color:#011750; background:url("images/related-active.png") 0 .25em no-repeat; font-weight:normal}
#related div							{ margin-bottom:20px; }
#related div div						{ margin:0; }

#legal									{ padding-bottom:20px; }

#navigation								{ background:url("images/navigation-back.png") 0 0 repeat-x #10358D; padding:5px 0; overflow:auto; }
#navigation ul							{ list-style:none;  overflow:hidden;}
#navigation ul li						{ float:left; display:inline;  padding:0 15px; border-right:1px solid #E80202}
#navigation ul li:first-child			{ padding-left:0; }
#navigation ul li:last-child			{ border:none; }
#navigation ul li a						{ float:left; color:#fff; text-decoration:none; font-size:110%;}
#navigation ul li a:hover				{ color:#4F83FF; }

#substance table						{ width:100%; border-collapse: separate; border:none; margin-bottom:1.5em}
#substance table th						{  color:#000;  border:none;}
#substance table td						{ border:none;  vertical-align: top; width:171px; }
#substance table tr						{ }

#substance table img					{  background:#fff; margin-bottom:10px }
#substance h2,							
#substance td h3						{ color:#011750 }
#substance td h3						{ min-height:35px; }

#substance fieldset						{ padding:0; border:none; margin:0; }
#substance fieldset	dt					{ float:none; margin:0; }
#substance fieldset	dd					{ margin:0; float:none; }
#substance fieldset	dd input,
  #substance fieldset	dd textarea			{ width:550px; }

#form-error								{ border:3px double #c00; background:#fee; padding:10px; margin-bottom:15px }	
#form-error	h1							{ color: #c00; font-size:140%; border:none; margin:0; }
#substance #form-error li							{ background:none; padding:0; }

#footer-nav								{ background:url("images/footer-nav-repeater.png") 0 0 repeat-x #03184F; padding:2px; clear:both; }
#footer-nav		ul						{ list-style:none; margin:0;}
#footer-nav		ul	li a				{ color:#fff; text-decoration:none; font-size:80%;}

#footer-ctas							{ padding-top:22px; background:url("images/footer-ctas-repat.jpg") 0 0 repeat-x;  }
#footer-ctas h2							{ background:#fff;  padding:5px; float:left;  margin:0; }
#footer-ctas h2 span					{ background:#031137; color:#fff; padding:4px; float:left; font-size:75%; }
#footer-ctas img						{ float:left; margin:0 5px 10px 0;}

#gallery								{ overflow:auto; margin-bottom:40px;  padding-top:20px;}

#gallery div#images 					{ list-style: none; margin: 0;  width:560px; margin:auto;   }
#gallery div#images img					{ margin: 0; padding: 0; position: static; float: none;  }

#gallery ul#thumbnails					{ list-style: none; margin: 0; margin-bottom:20px; float:left; width:560px; }
#gallery ul#thumbnails li				{ float: left; height:61px; margin:10px 5px 0 0; border: 1px solid #E80202; padding: 4px; background:#fff; text-align:center; overflow: hidden; cursor: pointer;  }
#gallery ul#thumbnails li img			{ margin: auto; padding: 0; position: static; float: none; border: none; display: inline-block; vertical-align:middle; }
#gallery ul#thumbnails li.active,
#gallery ul#thumbnails li:hover			{ border-color:#03184F}


#footer-ctas .inner						{ background:url("images/footer-ctas-inner.jpg") 0 0 no-repeat; height:243px; padding-top:15px;}
#footer-ctas .inner .group				{ background:#fff; clear:both; height:150px; padding:10px 15px 20px 15px;}

#additonal .site-search					{ background:url("images/search-box-back.png") 0 0 repeat-x #FE0202; margin-bottom:30px; border:1px solid #fff;}
#additonal .site-search	 form,
 #additonal .site-search fieldset					{ border:none; margin:0; padding:0; }
 #additonal .site-search	 form					{ padding:10px; }
 #additonal .site-search fieldset input				{ width:150px; }
 #additonal .site-search fieldset input.button		{ width:30px; height:21px; margin:0; cursor:pointer; padding-bottom:2px; background:url("images/buttton-grad.png") 0 0 repeat-x #860101; border:none; color:#fff;}

#additonal .side-container						{ margin:-10px -10px 0 -10px; padding:10px; border:1px solid #eee; border-bottom:none; }

 #additonal .form								{ background:url("images/enquiry-form-back.png") bottom left repeat-x #000; padding:10px 15px; margin-bottom:20px; color:#fff;}
  #additonal .form	p							{ font-size:90%; }
 #additonal .form h2							{ color:#E80202; margin-bottom:.5em; }
  #additonal .form dt							{ float:none; }
  #additonal .form	 fieldset					{ border:none; padding:0; margin:0;}
  #additonal .form	 fieldset	dd				{ float:none; }
  #additonal .form fieldset dd input,
 	#additonal .form fieldset dd textarea		{ width:170px; margin:3px 0; }
	#additonal .form form div input				{ background:url("images/button.png") top right no-repeat; padding:2px 15px 2px 5px; color:#fff; border:none; cursor:pointer; margin:0;}
	
#testimonail-co									{ background:url("images/testimonials-back.jpg") bottom left no-repeat; font-family:Georgia; clear:both; height:165px; padding-left:252px; padding-top:20px; padding-right:20px;} 
#testimonail-co h3								{ color:#DC0202; text-transform:uppercase; margin-bottom:10px;}
#testimonail-co	 blockquote						{ padding:0; margin:0; font-style:italic; font-size:90%; }
#testimonail-co	 blockquote	p					{ color:#011750; font-weight:bold; }
#testimonail-co	 blockquote	cite				{ color:#DC0202; }
#testimonail-co	 	a					{ background:url("images/button.png") top right no-repeat; padding:2px 20px 2px 5px; margin-top:-32px; color:#fff; float:right; text-decoration:none; font-family:"Arial"}

body.default #preamble								{ background:url("images/preamble-repeater.png") 0 0 repeat-x;  }
body.default #preamble	.inner						{ padding-left:121px; background:url("images/default-inner.png") 0 0 no-repeat; width:856px; height:77px; padding-top:30px;}
body.default  #preamble .inner	p			{ color:#fff; font-size:150%; font-family:"Georgia"; font-weight:bold }
body.default #substance h2							{ border-top:1px solid #E80202; padding-top:15px; }
body.default #substance ul				{ list-style:none; margin:0; }
body.default #substance ul li			{ margin:5px 0; background:url("images/substance-li-back.png") 0 .4em no-repeat; padding-left:28px; }

body.home  #preamble					{ background:url("images/preamble-home-repeat.png") 0 0 repeat-x;  }
body.home  #preamble .inner				{  background:url("images/home-preamble-inner.png") 0 0 repeat-x; height:577px; position:relative}

body.home  #preamble img.ray			{ position:absolute; top:62px; left:0; z-index:1000}
body.home  #preamble .controls			{ position:absolute; right:81px; top:348px;  }
body.home  #preamble .controls a		{ color:#fff; border:1px solid #7E3D20; padding:1px 5px; text-decoration:none; margin-right:5px; font-size:80%;}
body.home  #preamble .controls a.active	{ background:#fff; color:#E80202}
body.home  #preamble .controls a:hover	{ background:#E80202; }

body.home  p.call-out			{ color:#fff; font-size:150%; padding-top:20px; display:block; text-align:center; font-weight:bold; font-family:"Georgia" }

body.home #substance					{ width:727px; margin:0; padding-bottom:0;}
body.home #additonal					{ margin-bottom:0; padding-bottom:0; }
body.home #substance td					{ width:228px; }
body.home #substance td	h2,
body.home #substance td	p				{ padding:5px; }
body.home #substance td	p				{ margin-bottom:5px; }
body.home #substance td	img				{ display:block; margin:0 auto; padding:0; }
body.home #substance td	h2				{ color:#011750; font-size:110%; }
body.home #substance td i				{  color:#011750; font-weight:bold; }
body.home #substance td a				{ background:url("images/button.png") top right no-repeat; padding:2px 20px 2px 5px; color:#fff; border:none; cursor:pointer; margin:0; float:left; clear:left; text-decoration:none}


body.home .ui-coolj					{ width:602px; height:245px; overflow:hidden; position:absolute; top:97px; right:91px;  }

body.home  ul.products					{ list-style:none; margin:0; position:absolute; bottom:49px; }
body.home  ul.products	li				{ float:left; display:inline; margin-right:20px; }
body.home  ul.products	li a			{ width:146px; height:137px; float:left;  background:url("images/sprites-home-services.jpg") 0 0 no-repeat; color:#fff; font-weight:bold; text-indent:-10000em;  overflow:hidden}
body.home  ul.products	li.windows a	{ background-position:0 0; }
body.home  ul.products	li.doors a				{ background-position:-146px 0; }
body.home  ul.products	li.conservatories a		{ background-position:-292px 0; }
body.home  ul.products	li.roofline a			{ background-position:-438px 0; }
body.home  ul.products	li.garage-doors a		{ background-position:-584px 0; }
body.home  ul.products	li.furniture a			{ background-position:-730px 0; }

body.home  ul.products	li.windows a:hover	{ background-position:0 -144px; }
body.home  ul.products	li.doors a:hover			{ background-position:-146px -144px; }
body.home  ul.products	li.conservatories a:hover	{ background-position:-292px  -144px; }
body.home  ul.products	li.roofline a:hover			{ background-position:-438px  -144px; }
body.home  ul.products	li.garage-doors a:hover		{ background-position:-584px  -144px; }
body.home  ul.products	li.furniture a:hover		{ background-position:-730px  -144px; }
	
body.home  ul.products	li.furniture 		{ margin:0; }

body.home .home-ctas					{ border-top:1px dashed #E80202; padding-top:20px; margin-bottom:20px; float:left; width:727px; }
body.home .home-ctas h2					{ background:url("images/home-cta-top.png") 0 0 no-repeat; width:727px; height:37px; display:block; margin:0; text-indent:-10000em;  }
body.home .home-ctas .group				{ background:url("images/home-cta-back.png") bottom left no-repeat; padding:15px; border-top:0; overflow:auto; text-align:center; _height:170px;}
body.home .home-ctas .group	img			{ float:left; margin:0 6px 12px 0;}

body.two-cols #substance					{ width:727px; margin:0; padding-bottom:0; }
body.two-cols #additonal					{ margin-bottom:0; padding-bottom:0; }
body.two-cols #related						{ display:none; }
body.two-cols #substance fieldset	dd input,
  body.two-cols #substance textarea			{ width:710px; }

body.sitemap #substance ul						{ margin:0; list-style:disc; padding-left:10px;}
body.sitemap #substance ul	a					{ color:#0D2D55; text-decoration:none; }
body.sitemap #substance ul li					{ background:none; padding:0; }
body.sitemap #substance ul ul					{ margin:10px 0 10px 10px;  list-style:square;}


body.search #substance ul						{ margin:0; list-style:disc; padding-left:10px;}
body.search #substance ul	a					{ color:#0D2D55; text-decoration:none; }
body.search #substance ul li					{ background:none; padding:0; }


/* Drop Shadows */

#additonal .form,
#additonal .site-search,	
#additonal .site-search fieldset input			 { -moz-box-shadow:0px 2px 5px #333; -webkit-box-shadow:0px 2px 5px #333; box-shadow:2px 2px 5px #333; }

body.home  ul.products	li a		 { -moz-box-shadow:0px 2px 5px #000; -webkit-box-shadow:0px 2px 5px #000; box-shadow:2px 2px 5px #000; }

#additonal .side-container						{ -moz-box-shadow:0px -3px 2px #999; -webkit-box-shadow:0px 2px 5px #333; box-shadow:2px 2px 5px #333; }