@charset "UTF-8";
/*
-----------------------------------------------
CR Smith CSS
-----------------------------------------------
/*
1. GLOBAL STYLES
-------------------------------------------------------------------
1.0 Master styles setup
1.1 Headings
1.2 Links + lists
1.3 Forms
1.4 Columns + Rows
1.5 Puffs + Boxes
1.6 Buttons
1.7 Images


2. MAIN PAGE ELEMENTS
-------------------------------------------------------------------
2.0 Wrapper
2.1 Header
2.2 Main nav
2.3 Main content
2.4 Footer
2.5 Second level
2.6 Product galleries


3. SPECIFIC PAGES
-------------------------------------------------------------------
3.0 Home
3.1 Windows
3.2 Windows 2nd level pages
3.3 Doors
3.4 Doors 2nd level pages
3.5 Home Sweeter Home
3.6 Self Build
3.7 Offers
3.8 Conservatories
3.9 Conservatories 2nd level pages
4.0 Plan Your Sweeter Home

4. LANDING PAGES
-------------------------------------------------------------------

4.1 Cheshire
4.2 Solid Roofs
4.3 CR Smith Fix

/*
1. GLOBAL STYLES
------------------------------------------------------------------- */

/* 1.0 Master Styles setup
----------------------------------------------- */
body {
	background: #B6C6D9;
	color: #01267F;
	line-height: 140%;
	margin:0;
	padding:0;
}
p, ul {
	color: #345199;
}
p {
	color: #345199;
	line-height: 160%;
	margin: 0.5em 0 1em 0;
}
a {
	outline:0;
}
#main.secondlevel #page-introduction {
	min-height:167px;
	float: left;
}
#page-introduction p {
	font-size:1.1em;
}
#product-detail {
	clear:both;
	padding-top:15px;
}
#product-detail p {
	color:#01267F;
	font-size:1.1em;
	font-weight:bold;
}
#product-detail h5 {
	font-size:12px;
	margin:0 0 5px 0;
}
#product-detail ul {
	list-style-type:square;
	padding-left:13px;
}


/* 1.1 Headings
----------------------------------------------- */
h1, h2 {
	font-size:3.1em;
	margin-top:0;
	position:relative;
}
h4 {
	font-size:1.8em;
	line-height:120%;
}
h5 {
	font-size:1.1em;
	margin:0 0 0.8em 0;
}



/* 1.2 Links + Lists
----------------------------------------------- */
a { color: #FF6600; text-decoration: none; font-weight:bold; }
a:link { color: #FF6600; text-decoration: none;}
a:visited { color: #FF6600; }
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

ul {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul li {
	padding-left:0;
}


/* 1.3 Forms
----------------------------------------------- */
form label, form .row.multi legend {
	width:200px;	/* use additional class of container at start of this arguement to target any difference to this site-wide standard */
}
form .row.submit {
	margin:1em 0 0 200px;
}
form .textbox input, form .textarea textarea {
	width:250px;
}
form .row.multi fieldset label {
	width:auto;
}
form .ctrlHolder input {
	background:#D0D6E5;
	border:1px solid #001A58;
	font-size:1.1em;
	padding:3px;
} 
form .ctrlHolder input:hover, form .ctrlHolder input:focus {
	background:#fff;
}


/* 1.4 Columns + Rows
----------------------------------------------- */
#column-wrapper, #column-wrapper-book {
	float:left;
	padding:25px 25px 0 25px;
	position:relative;
	width:890px;
}

#column-wrapper-book {
	padding: 0;
	width: 100%;
	}
	
#column-wrapper-book #primary-column {
	width: 454px;
	height: 516px;
	margin: 32px 0 0 0;
	padding: 0 0 0 22px;
	float:left;
	position: relative;
	background-image:url(../img/booking_page_bg.jpg);
	}
	
#column-wrapper-book h1.h1_booking {
	font-size: 28px; 
	margin: 0 0 20px 0;
	padding: 0;
	}
	
#column-wrapper-book #watch-video {
	float: left;
	position: relative;
	width: 100%;
	margin: 376px 0 0 0;
	}
	
#column-wrapper-book #watch-video a {
	display: block;
	width: 75px;
	height: 36px;
	float:left;
	background-image:url(../img/buttons/play-button.gif);
	}
	
#column-wrapper-book #watch-video a span {
	visibility:hidden;
	}
	
#column-wrapper-book #watch-video p {
	width: 320px;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #ff6600;
	float: left;
	position: relative;
	margin: 0 0 0 10px;
	}
		
	

#primary-column, #secondary-column {
	float:left;
	position:relative;
	width:435px;
	display: inline;
}
#primary-column {
	margin-right:20px;
}
#primary-column h1, #primary-column h2 {
	margin-bottom:0;
}
#primary-column h1.windowtitle {
	height: 66px;
}
p.feature, #page-introduction p.feature {
	font-size: 1.3em;
	line-height: 135%;
	font-weight: bold;
}
.column {
  float: left;
  margin: 0 13px 13px 0;
	position:relative;
}
.column.last {
  border-right: 0;
  margin-right: 0;
}
#wrapper #primary .column.half {
  width: 285px;
}
#wrapper #primary .column.quarter {
  width: 136px;
}
#wrapper #primary .column.last {
  margin-right: 0;
}


/* 1.5 Puffs + Boxes
----------------------------------------------- */
.puff {
	background:#fff;
  border: 1px dashed #13337F;
	float:left;
  padding: 10px 10px 5px 10px;
	position:relative;
  width: 236px;
	margin-right:15px;
}

.puff.right {
  float: right;
  margin: 0 0 10px 15px;
}
.puff.left {
  float: left;
  margin: 0 15px 10px 0;
}
.puff.last {
	margin-right:0;
}
.puff p {
	line-height:130%;
}
.puff h3, .puff h4 {
	line-height:120%;
	margin:0 0 10px 0;
	text-indent:-10000px;
}
.puff-wrapper {
	float:left;
	margin-bottom:20px;
}
.puff-wrapper.half {
	width:435px;
}
.puff-wrapper.half .puff {
	height:120px;
	width:188px;
}
#puffs-bottom.quarter .puff {
	height:140px;
	width:188px;
}
#puffs-bottom #special-offers {
	background: url(/assets/img/puffs/brochure3.jpg) bottom right no-repeat #D6DEE9;
}
#special-offers h4 {
	background:url(/assets/img/titles/special-offers.gif) no-repeat 0 0;
}
#special-offers h4#twentypercent-off {
	background:url(/assets/img/titles/20percent-off.gif) no-repeat 0 0;
	height:60px;
	margin-top:15px;
	width:140px;
}
#win-conservatory h4 {
	height:34px;
}
#win-conservatory img {
	position:absolute;
	bottom:10px;
	left:10px;
}
#puffs-bottom #call-free {
	background:url(/assets/img/puffs/operator.jpg) no-repeat bottom right #D6DEE9;
}
#call-free p, #call-free a {
	width:115px;
}
#call-free h4 {
	background:url(/assets/img/titles/call-free.gif) no-repeat 0 0;
	height:44px;
}
#header-puffs {
	float: right;
	width: 681px;
	cursor: pointer;
}

#header-puffs-fix {
	width: 490px;
	padding: 0 0 0 130px;
	float: right;
	position: relative;
}

#header-puffs-fix a {
	text-decoration: none;
	}

#header-puffs a.puff {
	height:90px;
	margin-right:0;
}
#header-puffs a:hover {
	text-decoration: none;
}
#header-puffs p {
	font-size:0.9em;
}
#header-puffs .puff.first {
	border-right:1px solid #CDD2DC;
}
#header-puffs .puff.second {
	border-right:1px solid #CDD2DC;
	border-left:1px solid #fff;
} 
#header-puffs .puff.third {
	border-left:1px solid #fff;
}
#header #online-quote-header {
	background:url(/assets/img/puffs/calc-01.gif) no-repeat 110px 0;
	cursor: pointer;
}
#online-quote-header h4 {
	background:url(/assets/img/titles/online-quote.gif) no-repeat 0 0;
	height:49px;
	width:95px;
}
#header #free-design-header {
	background:url(/assets/img/puffs/free-design2.jpg) no-repeat 138px 0;
	width:210px;
	cursor: pointer;
}
#free-design-header h4 {
	background:url(/assets/img/titles/free-design.gif) no-repeat 0 0;
	height:50px;
	width:98px;
}
#free-design-header p {
	width:125px;
}
#header #free-brochure-header {
	background:url(/assets/img/puffs/brochure2.jpg) no-repeat top right;
	width: 200px;
	cursor: pointer;
}
#free-brochure-header h4 {
	background:url(/assets/img/titles/free-brochure2.gif) no-repeat 0 0;
	height:17px;
	width:103px;
}
#free-brochure-header p {
	width:115px;
}
#colour-selector {
	background: #fff url(/assets/img/puffs/colour-selector.jpg) no-repeat bottom right;
}
object#colour-selector-fl {
	float: left;
	margin-right: 10px;
}
#colour-selector h4 {
	background:url(/assets/img/titles/colour-selector.gif) no-repeat 0 0;
	height:14px;
	width:120px;
}
#colour-selector p {
	padding-bottom:40px;
}
#main.windows #special-offers h4 {
	background:url(/assets/img/titles/special-offers2.gif) no-repeat 0 0;
}
#puffs-bottom.half .puff {
	height:115px;
	width:413px;
}
#signup, #win-conservatory .puff {
	background: #13337E;
	border:1px solid #13337E;
}
#puffs-bottom #signup {
	background: #13337E;
}
#signup h4 {
	background: url(/assets/img/titles/signup.gif) no-repeat 0 0;
	color:#fff;
	height:31px;
	width:142px;
	text-indent:-10000px;
}
#signup p, #win-conservatory .puff p {
	color:#fff;
}

#puffs-bottom a.arrange_appointment,
#puffs-bottom #call_estimate {
	display: block;
	width: 435px;
	height: 132px;
	background-image:url(../img/puffs/fix_appointment.gif);
	text-decoration: none;
	float: left;
	position: relative;
	}
	
#puffs-bottom #call_estimate {
	background-image:url(../img/puffs/fix_estimate.gif);
	margin: 0 20px 0 0;
	}
	
#puffs-bottom a.arrange_appointment span,
#puffs-bottom #call_estimate span {
	visibility: hidden;
	}
	
#signup a.findoutmore {
	background:transparent url(/assets/img/buttons/findoutmore2.gif) no-repeat 0 0;
}
#signup label {
	color:#B3BED9;
	display:block;
	margin-bottom:2px;
}
#signup form {
	width:170px;
}
#signup label, #signup form input {
	width:170px;
}
#signup form .ctrlHolder {
	display:block;
	margin-bottom:10px;
}
#puffs-bottom.half #signup {
	margin:0;
}
#puffs-bottom.half #signup h4 {
	background:url(/assets/img/titles/signup2.gif) no-repeat 0 0;
	height:28px;
	width:265px;
}
#puffs-bottom.half #signup form {
	width:100%;
}
#puffs-bottom.half #signup form .ctrlHolder {
	float:left;
}
#puffs-bottom.half #signup form .ctrlHolder.name {
	margin-right:20px;
}
#doors-offers h4 {
	background:url(/assets/img/titles/doors-special.gif) no-repeat 0 0;
	height:19px;
	width:159px;
}
#energy-saving {
	background: #fff url(/assets/img/energy-saving-logo.gif) no-repeat top right;
	clear:both;
	min-height:100px;
}
#energy-saving h4 {
	background: url(/assets/img/titles/energy-saving.gif) no-repeat 0 0;	
	height:18px;
	margin-bottom:10px;
	text-indent:-10000px;
	width:112px;
}
#energy-saving ul {
	list-style-type:square;
	padding-left:13px;
	width:300px;
}
#energy-saving ul li {
	line-height:130%;
	margin-bottom:7px;
}
#energy-saving.alt {
	background: #fff url(/assets/img/puffs/energy-saving-grass.jpg) repeat-x bottom left;
	border:1px dashed #345199;
	margin-bottom:15px;
	padding:10px;
	width:413px;
}
#energy-saving.alt h4 {
	margin-top:0;
}
#energy-saving.alt ul {
	width:280px;
}
.downloads {
	float:right;
	margin:0 0 10px 15px;
	width:187px;
}
.downloads h4 {
	background: #fff url(/assets/img/titles/downloads.gif) no-repeat 0 0;
	height:15px;
	margin:0 0 10px 0;
	width:89px;
}
.downloads ul {
	list-style-type:square;
	padding-left:13px;
}
#contact-us {
	margin:0 0 20px 0;
	width:413px;
}
#contact-us h4 {
	background: #fff url(/assets/img/titles/contact-us.gif) no-repeat 0 0;
	height:15px;
	margin:0 0 10px 0;
	width:118px;
}
#contact-us ul li {
	color:#01267F;
	font-size:1.1em;
	margin:3px 0;
}
#contact-us ul li span {
	font-weight:bold;
}
#buynow-paylater h4, #quality-guaranteed h4 {
	height:16px;
	margin-bottom:10px;
	width:149px;
}
#buynow-paylater h4 {
	background: url(/assets/img/titles/buynow.gif) no-repeat 0 0;	
}
#quality-guaranteed h4 {
	background: url(/assets/img/titles/quality-guaranteed.gif) no-repeat 0 0;
}
#puffs-bottom.quarter #special-designs {
	background: url(/assets/img/puffs/special-designs.jpg) no-repeat 0 0;	
	border:0;
	height:145px;
	margin-top:-3px;
	position:relative;
}
#special-designs a.special-designs {
	background: url(/assets/img/puffs/special-designs-button.jpg) no-repeat 0 0;
	height:34px;
	left:0;
	top:0;
	width:126px;
}
#free-design-service {
	background:#13337E url(/assets/img/puffs/free-design-service.gif) no-repeat top right;
	border:1px solid #13337E;
}
#free-design-service h4 {
	background: url(/assets/img/titles/free-design-service.gif) no-repeat 0 0;
	height:21px;
	width:227px;
}
#free-design-service p {
	color:#fff;
	padding-top:20px;
	width:225px;
}
.puff-wrapper.half #online-quote {
	background: url(/assets/img/puffs/online-quote3.jpg) no-repeat right 40px;
}
.puff-wrapper.half #online-quote h4 {
	background: url(/assets/img/titles/online-quote2.gif) no-repeat 0 0;
	height:16px;
	width:102px;
}
.puff-wrapper.half #online-quote p {
	width:100px;
}
#whatwouldyoudo {
	background: url(/assets/img/puffs/whatwouldyoudo-img.jpg) no-repeat bottom right;
}
#whatwouldyoudo h4 {
	background: url(/assets/img/titles/home-sweeterhome2.gif) no-repeat 0 0;
	height:14px;
	width:164px;
}
#whatwouldyoudo a {
	background: url(/assets/img/puffs/whatwouldyoudo.gif) no-repeat 0 0;
	display:block;
	height:44px;
	margin-top:20px;
	text-indent:-10000px;
	width:156px;
}
#render {
	margin-right:0;
	width:403px;
}
#render h4 {
	background: url(/assets/img/titles/render.gif) no-repeat 0 0;
	height:15px;
	width:135px;
}
#render p {
	width:170px;
}
#render a.makeappointment {
	left:0;
	position:relative;
	top:0;
}
#render a.render-play {
	background: url(/assets/img/puffs/render-play.gif) no-repeat 0 0;
	display:block;
	float:right;
	height:135px;
	text-indent:-10000px;
	width:198px;
}


/* 1.6 Buttons
----------------------------------------------- */
a.button, input.submitButton {
	display:block;
	height:34px;
	outline:0;
	position:absolute;
	text-indent:-10000px;
}
#puffs-bottom a.button, #puffs-bottom input.submitButton {
	bottom:-15px;
	left:10px;
}
.puff-wrapper.half a.button, .puff-wrapper.half input.submitButton {
	bottom:-15px;
	left:10px;
}
a.take-advantage {
	background:url(/assets/img/buttons/take-advantage.gif) no-repeat 0 0;
	width:135px;
}
a.enter {
	background:url(/assets/img/buttons/enter.gif) no-repeat 0 0;
	width:69px;
}
#puffs-bottom a.enter {
	left:15px;
}
form input.submitButton {
	background:url(/assets/img/buttons/submit.gif) no-repeat 0 0;
	border:0;
	cursor:pointer;
	padding:0;
	width:82px;
}
a.findoutmore {
	background:url(/assets/img/buttons/findoutmore.gif) no-repeat 0 0;
	width:120px;
}
h4.free-quote {
	background:url(/assets/img/buttons/free-quote.gif) no-repeat 0 0;
	height:32px;
	margin-bottom:15px;
	position:relative;
	width:171px;
	display:block;
	outline:0;
	position:absolute;
	text-indent:-10000px;
}
a.free-quote {
	background:url(/assets/img/buttons/free-quote.gif) no-repeat 0 0;
	height:34px;
	margin-bottom:15px;
	position:relative;
	width:171px;
	display:block;
	outline:0;
	text-indent:-10000px;
	float: left;
}
object#quotey-c {
	margin-bottom: 10px;
}
a:hover.free-quote, a:hover.homevisit, a:hover.makeappointment {
	background-position:0 -34px;
}
a.homevisit {
	background:url(/assets/img/buttons/homevisit.gif) no-repeat 0 0;
	height:34px;
	position:absolute;
	right:10px;
	top:10px;
	width:171px;
}
a.makeappointment {
	background:url(/assets/img/buttons/makeappointment.gif) no-repeat 0 0;
	height:34px;
	width:171px;
}


/* 1.7 Images
----------------------------------------------- */
img.lifestyle-shots {
	float:left;
	margin-bottom:20px;
}
img#product {
	margin-bottom:15px;
}



/*
2. MAIN PAGE ELEMENTS
------------------------------------------------------------------- */

/* 2.0 Wrapper
----------------------------------------------- */
#wrapper {
	width: 960px;     /* set width of site */
}


/* 2.1 Header
----------------------------------------------- */
#header-wrap {
	background:url(/assets/img/main-bg.jpg) repeat-y 0 0;
	height:113px;
	padding:0 10px;
}

#header {
	background:url(/assets/img/header-bg.jpg) repeat-x bottom left;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	height:93px;
	padding:20px 15px 0px 15px;
	width:890px;
}

#header-background-fix {
	background-image: url(../img/estimate.gif);
	float: left;
	position: relative;
	width: 329px;
	height: 93px;
	padding: 0;
	margin: 0 0 0 70px;
	}
	
h1#logo, h2#logo, h1#logo a, h2#logo a {
	background:url(../img/logo.gif) no-repeat;     /* specify location of logo image */
	height:72px;
	width:207px;
}

h1#fix-logo {
	background-image:url(../img/fix-logo.gif);
	width: 268px;
	height: 72px;
	margin: 0;
	float: left;
	position: relative;
	padding: 0;
	}
	
#header .puff {
	background:url(/assets/img/nav/header-puff-bg.jpg) no-repeat top right;
	border: 0;
	float:left;
	padding: 0 10px;
	width:187px;
}
#header .puff h4 {
	font-size:1.5em;
	margin:0 0 5px 0;
}
#header .puff.first {
	padding-left:30px;
}
#header .puff.last {
	padding-right:0;
	border-right:0;
}


/* 2.2 Main Nav
----------------------------------------------- */
#navigation {
	background:url(/assets/img/nav/nav-bg.jpg) no-repeat 0 0;
	float:left;
	height:30px;
	width:960px;
}
ul#nav {
	float:left;
	padding-left:30px;
}
ul#nav li a {
	height:29px;     /* specify height of navigation images */
}

#nav a { background-position:0 -29px; }
#nav .on a { background-position:0 0px; }     /* specify starting position of nav image states */
#nav a:hover { background-position:0 0px; }
#nav .on a:hover { background-position:0 0px; }     /* this option for rollover state for option which is "on" - leave same as line 37 otherwise */

/* change widths and source of each navigation item */

ul#nav #nav_home_1, ul#nav #nav_home_1 a { width:39px; background-image:url(/assets/img/nav/nav_home_1.gif); }
ul#nav #nav_home, ul#nav #nav_home a { width:188px; background-image:url(/assets/img/nav/nav_home.gif); }
ul#nav #nav_windows, ul#nav #nav_windows a { width:87px; background-image:url(/assets/img/nav/nav_windows.gif); }
ul#nav #nav_doors, ul#nav #nav_doors a { width:74px; background-image:url(/assets/img/nav/nav_doors.gif); }
ul#nav #nav_conservatories, ul#nav #nav_conservatories a { width:133px; background-image:url(/assets/img/nav/nav_conservatories.gif); }
ul#nav #nav_planhome, ul#nav #nav_planhome a { width:203px; background-image:url(/assets/img/nav/nav_planhome.gif); }
ul#nav #nav_selfbuild, ul#nav #nav_selfbuild a { width:96px; background-image:url(/assets/img/nav/nav_selfbuild.gif); }
ul#nav #nav_offers, ul#nav #nav_offers a { width:70px; background-image:url(/assets/img/nav/nav_offers.gif); }

/* landing page additions */
ul#nav #nav_conservatories_more, ul#nav #nav_conservatories_more a { width:175px; background-image:url(/assets/img/nav/nav_more_conservatories.gif); }
ul#nav #nav_windows_more, ul#nav #nav_windows_more a { width:127px; background-image:url(/assets/img/nav/nav_more_windows.gif); }



/* 2.3 Main Content
----------------------------------------------- */
#main {
	background:url(/assets/img/main-bg.jpg) repeat-y 0 0;
	float:left;
	margin:0;
	overflow:hidden;
	padding:0 10px;
	width:940px;
}
#puffs-bottom {
	
	float:left;
	overflow:hidden;
	width:940px;
	padding-top: 18px;
	padding-bottom: 11px;
	padding-left:28px;

}
#puffs-bottom .puff {
	float:left;
	height:225px;
	width:188px;
	background: #D6DEE9;
	cursor: pointer;
}
#puffs-bottom a.puff:hover {
	text-decoration: none;
}
#main-bottom {
	background:url(/assets/img/main-bottom.jpg) no-repeat 0 0;
	float: left;
	height:23px;
	width:960px;
}
#main-bottom.second-level {
	background:url(/assets/img/main-bottom2.jpg) no-repeat 0 0;
}
#section-titles h2 {
	margin:0 0 8px 0;
	color: #FA8823;
	font-weight: normal;
	font-size: 1.7em;
}
#section-titles h1 {
	height:40px;
	margin:0 0 8px 0;
	text-indent:-10000px;
}
#main #page-header h1 {
	height:26px;
	text-indent:-10000px;
}
.item {
	float:left;
	margin:1em 0;
}


/* 2.4 Footer
----------------------------------------------- */
#footer {
	color:#777;
	clear:both;
	float:left;
	font-size:0.85em;
	margin:0;
	padding:0 30px 30px 30px;
	width:900px;
}
#footer a {
	color:#4966A3;
}
#legals {
	width:50%;
	float:left;
}
#legals ul, #legals li {
	margin:0;
	padding:0;
}
#legals li {
	list-style:none;
	float:left;
	margin-right:12px;
}
#legals li.last {
	margin-right:0;
}
#line {
	float:left;
	width:50%;
	text-align:right;
	color:#888;
}
#further-links {
	float:left;
	font-size:1.2em;
	margin-top:20px;
}
#further-links h5 {
	color:#254691;
	font-size:1.1em;
	margin:0 0 0.4em 0;
}
#further-links ul {
	width:136px;
}


/* 2.5 Second level
----------------------------------------------- */
.puff-wrapper.half #signup h4, .puff-wrapper.quarter #signup h4 {
	background:#555 url(/assets/img/titles/signup3.gif) no-repeat 0 0;
	height:33px;
	width:145px;
}
#main.secondlevel #secondary-column .puff {
	float:right;
	width:188px;
}
#main.secondlevel #column-wrapper {
	background: #fff url(/assets/img/product-bg.png) no-repeat top right;
	padding-right:0;
	width:915px;
}
#main.toplevel #column-wrapper, #main.secondlevel #column-wrapper {
	background: #fff url(/assets/img/cream-bg.png) no-repeat top right;
	padding-right:0;
	width:915px;
}
#main.product #column-wrapper {
	background: #fff url(/assets/img/product-bg.png) no-repeat top right;
	padding-right:0;
	width:915px;
}
#main.conservatories.product #column-wrapper {
	background: #fff url(/assets/img/conservatories-bg.gif) no-repeat top right;
	padding-right:0;
	width:915px;
}

div#tierbox {
	width: 210px;
	float: left;
}
div#tierbox a {
	margin-bottom: 10px;
	float: left;
}
* html div#tierbox a {
	margin-bottom: 8px;
}

/* 2.6 Product galleries
----------------------------------------------- */
#product-gallery {
	float:left;
	margin:0;
	width: 435px;
}
#main.windows #product-gallery, #main.doors #product-gallery {
	margin:25px 0;
}
#product-gallery ul {
	float: left;
	width: 431px;
}
#main.doors #product-gallery ul {
	float: left;
	width: 258px;
}
#product-gallery ul li {
	float: left;
	height: 57px;
	margin-right: 9px;
	width: 79px;
	display: inline;
	margin-bottom: 10px;
}
#product-gallery ul li a {
	border: 2px solid #AFC5E0;
	display: block;
	height: 57px;
	width: 79px;
}
#product-gallery ul li a:hover, #product-gallery ul li a.current {
	border: 2px solid #3C5897;
}
#product-gallery ul li.last {
	margin-right: 0;
}
#current-photo {
	float:left;
	height: 316px;
	margin-bottom:15px;
	position:relative;
	width: 435px;
}
#current-photo img {
	left: 0;
	position: absolute;
	top: 0;
}
a.previous, a.next {
	display:block;
	height:42px;
	position:absolute;
	text-indent:-10000px;
	top:141px;
	width:19px;
	z-index: 99;
}
#product-gallery a.previous {
	background: url(/assets/img/product-galleries/back.gif) no-repeat 0 0;
	left:0;
}
#product-gallery a.next {
	background: url(/assets/img/product-galleries/forward.gif) no-repeat 0 0;
	right:-1px;
}
#main.doors #product-gallery {
	margin-left:90px;
	width: 300px;
	display: inline;
}
#main.doors #product-gallery ul li, #main.doors #product-gallery ul li a {
	width: 47px;
}
#main.doors #current-photo {
	width: 258px;
}
#main.doors a.previous, a.next {
	display:block;
	height:42px;
	position:absolute;
	text-indent:-10000px;
	top:141px;
	width:19px;
	z-index: 999;
}



/*
3. SPECIFIC PAGES
------------------------------------------------------------------- */

/* 3.0 Home
----------------------------------------------- */
#masthead {
	background:#555 url(/assets/img/masthead1.jpg) no-repeat 0 0;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	height:255px;
	width:920px;
}
#masthead h3 {
	margin:0;
	padding:0;
}
#masthead h3 a {
	display:block;
	height:255px;
	text-indent:-10000em;
	width:920px;
}
#boilerplate {
	background:#13337E;
	float:left;
	padding:10px 10px 15px 10px;
	width:920px;
}
#boilerplate #boilerplate-text {
	float:left;
	padding:10px 30px 0 15px;
	width:280px;
	display:inline;
}
#boilerplate h2, #boilerplate h3 {
	color:#fff;
}

#boilerplate h2 {
	background:url(/assets/img/titles/the-sensible-way.gif) no-repeat 0 0;
	font-size:1.85em;
	height:77px;
	line-height:130%;
	text-indent:-10000px;
	width:273px;
	margin-top: 4px;
}
#boilerplate h3 {
	color:#D0D6E5;
	font-size:1.15em;
	line-height:130%;
	margin-top:10px;
}
ul.products {
	float:left;
	padding-left:0;
	position:relative;
	width:595px;
}
ul.products2 {
	float:left;
	padding-left:0;
	position:relative;
	width:800px;
}
ul.products li, ul.products2 li {
	background:#777;
	float:left;
	width:184px;
	margin-right:12px;
}
ul.products li h3, ul.products2 li h3 {
	margin:0;
}
ul.products li.last, ul.products2 li.last {
	margin-right:0;
}
ul.products li a, ul.products2 li a {
	display:block;
	width:184px;
	height:162px;
	text-indent:-10000em;
}
ul.products li a.doors {
	background: url(/assets/img/puffs/home-doors.jpg) no-repeat 0 0;
}
ul.products li a.conservatories {
	background: url(/assets/img/puffs/home-conservatories.jpg) no-repeat 0 0;
}
ul.products li a.windows {
	background: url(/assets/img/puffs/home-windows.jpg) no-repeat 0 0;
}
ul.products2 li a.doors {
	background: url(/assets/img/puffs/home-doors.jpg) no-repeat 0 0;
}
ul.products2 li a.conservatories {
	background: url(/assets/img/puffs/home-conservatories.jpg) no-repeat 0 0;
}
ul.products2 li a.windows {
	background: url(/assets/img/puffs/home-windows.jpg) no-repeat 0 0;
}


/* 3.1 Windows
----------------------------------------------- */
#main.windows #primary-column h1 {
	background: url(/assets/img/titles/a-new-window.gif) no-repeat 0 0;
	text-indent: -9999px;
	margin-bottom: -10px;
}
#main.windows ul.products {
	width:435px;
}
#main.windows ul.products h3 {
	margin:0;
}
#main.windows ul.products li {
	margin-right:20px;
	margin-bottom:15px;
}
#main.windows ul.products li, #main.windows ul.products li a {
	height:192px;
	width:197px;
}
#main.windows ul.products li a#window-casement {
	background: url(/assets/img/puffs/windows-casement.jpg) no-repeat 0 0;
}
#main.windows ul.products li a#window-tiltturn {
	background: url(/assets/img/puffs/window-tiltturn.jpg) no-repeat 0 0;
}
#main.windows ul.products li a#window-reversible {
	background: url(/assets/img/puffs/window-reversible.jpg) no-repeat 0 0;
}
#main.windows ul.products li a#window-slidingsash {
	background: url(/assets/img/puffs/window-slidingsash.jpg) no-repeat 0 0;
}

#prodbot.products2 li a#window-casement {
	background: url(/assets/img/puffs/windows-casement.jpg) no-repeat 0 0;
}
#prodbot.products2 li a#window-tiltturn {
	background: url(/assets/img/puffs/window-tiltturn.jpg) no-repeat 0 0;
}
#prodbot.products2 li a#window-reversible {
	background: url(/assets/img/puffs/window-reversible.jpg) no-repeat 0 0;
}
#prodbot.products2 li a#window-slidingsash {
	background: url(/assets/img/puffs/window-slidingsash.jpg) no-repeat 0 0;
}

ul#prodbot {
	width: 800px;
	background: url(/assets/img/main-bg2.jpg) top center repeat-y #D6E3F5;
	padding: 20px 80px 0 80px;
	display: inline;
}


ul#prodbot_landing {
	width: 800px;
	height: 180px;
	padding: 0px 80px 0 60px;
	display: inline;
	float: left;
	position: relative;
}

#prodbot_landing.products2 li a#window-casement {
	background: url(/assets/img/puffs/windows-casement.jpg) no-repeat 0 0;
}
#prodbot_landing.products2 li a#window-tiltturn {
	background: url(/assets/img/puffs/window-tiltturn.jpg) no-repeat 0 0;
}
#prodbot_landing.products2 li a#window-reversible {
	background: url(/assets/img/puffs/window-reversible.jpg) no-repeat 0 0;
}
#prodbot_landing.products2 li a#window-slidingsash {
	background: url(/assets/img/puffs/window-slidingsash.jpg) no-repeat 0 0;
}

/* 3.2 Windows 2nd level pages
----------------------------------------------- */
#main.slidingsash #section-titles h1 {
	background: url(/assets/img/titles/windows-slidingsash.gif) no-repeat 0 0;
	margin-bottom: -5px;
	height: 95px;
}
#main.slidingsash #puffs-bottom {
	background:#D6E3F5;
}
#main.slidingsash #main-bottom {
	background: #D6E3F5 url(/assets/img/main-bottom2.jpg) no-repeat 0 0;
	margin-bottom: -10px;
}
#main.casement #section-titles h1 {
	background: url(/assets/img/titles/windows-casement.gif) no-repeat 0 0;
	height: 95px;
	margin-bottom: -5px;
}
#main.tiltturn #section-titles h1 {
	background: url(/assets/img/titles/windows-tiltturn.gif) no-repeat 0 0;
	height: 64px;
	margin-bottom: -5px;
}
#main.reversible #section-titles h1 {
	background: url(/assets/img/titles/windows-reversible.gif) no-repeat 0 0;
	margin-bottom: -5px;
	height: 124px;
}



/* 3.3 Doors
----------------------------------------------- */

#main.doors #page-header h1 {
	background: url(/assets/img/titles/doors.gif) no-repeat 0 0;
	height:66px;
	text-indent:-10000px;
	width:448px;
}
#page-header {
	float:left;
	margin-bottom:10px;
	width:890px;
}
#page-header #title-introduction {
	float:left;
	margin-right:20px;
	width:490px;
}
#page-header .puff {
	background:#D6E4F5;
	padding-top:30px;
	width:358px;
	margin-right:0;
}
#page-header h1 {
	margin-bottom:15px;
}
#page-header #buynow h4 {
	background: url(/assets/img/buttons/buynow.gif) no-repeat 0 0;
	height:34px;
	position:absolute;
	top:-8px;
	left:8px;
	width:164px;
}
#page-header #buynow a {
	float:right;
	margin-top:-23px;
	position:relative;
}
#main.doors ul.products {
	background:#D6E4F5;
	margin-left:-25px;
	padding:15px 25px 20px 25px;
	width:890px;
	display: inline;
}
#main.doors ul.products li {
	height:230px;
	margin-right:20px;
	width:207px;
}
#main.doors ul.products li.last {
	margin-right:0;
}
#main.doors ul.products li a {
	height:230px;
	width:207px;
}
#main.doors ul.products li a#lorimer-pvc {
	background: url(/assets/img/puffs/lorimer-pvc.jpg) no-repeat 0 0;
}
#main.doors ul.products li a#timber-doors {
	background: url(/assets/img/puffs/timber-doors.jpg) no-repeat 0 0;
}
#main.doors ul.products li a#patio-doors {
	background: url(/assets/img/puffs/patio-doors.jpg) no-repeat 0 0;
}
#main.doors ul.products li a#french-doors {
	background: url(/assets/img/puffs/french-doors.jpg) no-repeat 0 0;
}


/* 3.4 Doors 2nd level pages
----------------------------------------------- */
ul#doors {
	margin-top:-15px;
	margin-bottom:30px;
	padding-left:40px;
	position:relative;
}
ul#doors li {
	display:block;
	float:left;
	padding-left:0px;
	padding-right:40px;
	width:100px;
}
ul#doors li.last {
	padding-left:10px;
	padding-right:0;
}
#main.timberdoors #product-detail {
	padding-top:0;
	padding-left:10px;
}
#main.timberdoors #section-titles h1 {
	background: url(/assets/img/titles/timberdoors.gif) no-repeat 0 0;
	height:101px;
	margin-bottom: -5px;
	width: 435px;
}
#main.lorimerpvc #section-titles h1 {
	background: url(/assets/img/titles/doors-lorimerpvc.gif) no-repeat 0 0;
	height:70px;
	margin-bottom: -5px;
}
#main.patiodoors #section-titles h1 {
	background: url(/assets/img/titles/doors-patiodoors.gif) no-repeat 0 0;
	height: 100px;
	margin-bottom: -5px;
}
#main.frenchdoors #section-titles h1 {
	background: url(/assets/img/titles/doors-frenchdoors.gif) no-repeat 0 0;
	height: 100px;
	margin-bottom: -5px;
}


/* 3.5 Home Sweeter Home
----------------------------------------------- */
#main.home-sweeterhome #column-wrapper {
	padding-top:0;
}
#flash-movie {
	background:#eee url(/assets/img/flash-movie-bg.jpg) no-repeat 0 0;
	height:427px;
	position:relative;
	width:890px;
}
#flash-movie h2 {
	background:#13337E;
	color:#fff;
	font-size:2em;
	left:240px;
	line-height:140%;
	margin:0;
	padding:15px;
	position:absolute;
	top:160px;
	width:370px;
}


/* 3.6 Self Build
----------------------------------------------- */
#main.selfbuild {
	padding-bottom:15px;
}
#main.selfbuild h3, #main.selfbuild h4 {
	height:22px;
	margin:0 0 10px 0;
	text-indent:-10000px;
}
#main.selfbuild #primary-column h1 {
	background: url(/assets/img/titles/selfbuild.gif) no-repeat 0 0;
}
#trade h3 {
	background: url(/assets/img/titles/selfbuild-trade.gif) no-repeat 0 0;
	width:57px;
}
#survey-help h3 {
	background: url(/assets/img/titles/selfbuild-selfbuild.gif) no-repeat 0 0;
	width:97px;
}
#survey-help h4 {
	background: url(/assets/img/titles/surveyhelp.gif) no-repeat 0 0;
	width:97px;
}
#survey-help img, #online-discounts img {
	float:right;
	margin-left:10px;
}
#selfbuild-focus {
	background:#D4E2F5;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	float:left;
	padding:20px;
}
#selfbuild-focus .column {
	margin-bottom:0;
	width:190px;
}
#selfbuild-focus .column p {
	margin-bottom:0;
}
#selfbuild-focus .column img {
	margin-bottom:15px;
}
#selfbuild-focus #selfbuild-conservatories {
	margin-right:15px;
}
#selfbuild-focus #selfbuild-conservatories h4 {
	background: url(/assets/img/titles/selfbuild-conservatories.gif) no-repeat 0 0;
	width:115px;
}
#selfbuild-focus #selfbuild-windows h4 {
	background: url(/assets/img/titles/selfbuild-windows.gif) no-repeat 0 0;
	width:115px;
}


/* 3.7 Offers
----------------------------------------------- */
#main.offers h3, #main.offers h4 {
	height:22px;
	margin:0 0 10px 0;
	text-indent:-10000px;
}
h1#offer_title {
	background: url(/assets/img/titles/special-offers-title.gif) no-repeat 0 0;
	height: 29px;
	width: 187px;
	text-indent: -9999px;
}
h1#offer_title_cons a {
	background: url(/assets/img/titles/special-offers-cons.gif) no-repeat 0 0;
	height: 29px;
	width: 416px;
	text-indent: -9999px;
	display: block;
}
h1#offer_title_wins a {
	background: url(/assets/img/titles/special-offers-wins.gif) no-repeat 0 0;
	height: 29px;
	width: 416px;
	text-indent: -9999px;
	display: block;
}
h1#offers-homemaker {
	background: url(/assets/img/titles/offers-homemaker.gif) no-repeat 0 0;
	height: 24px;
	width: 389px;
	text-indent: -9999px;
	margin: 1em 0 0 0;
}



/* 3.8 Conservatories
----------------------------------------------- */
#main.conservatories.root #column-wrapper {
	background: #fff url(/assets/img/conservatories-main-bg.jpg) no-repeat 0 0;
}
#main.conservatories #section-titles h1 {
	margin-bottom:10px;
}
#main.conservatories #page-header h1 {
	background:transparent url(/assets/img/titles/conservatories.gif) no-repeat scroll 0 0;
	width:427px;
	height: 84px;
}
#main.conservatories #section-titles h2 {
	font-size: 1.5em;
}
#main.conservatories #page-introduction p {
	width:402px;
}
#main.conservatories.product #page-introduction p {
	width:auto;
}
#main.conservatories #primary-column .column {
	/* height:259px; */
	margin-bottom:0;
	/* width:210px; */
}
#main.conservatories #primary-column .column h3 {
	text-indent:-10000px;
}
#features {
	margin-top:20px;
	padding-bottom: 10px;
}
#features h3 {
	margin-bottom:5px;
}
#main #home-sweeterhome {
	background: url(/assets/img/puffs/home-sweeterhome.jpg) no-repeat bottom right;
	border: 1px dashed #01267F;
	margin-top: 10px;
	width:190px;
	padding: 10px;
	height: 200px;
	float: left;
}
#main #home-sweeterhome h3 {
	background: url(/assets/img/titles/home-sweeterhome-large.gif) no-repeat 0 0;
	height:19px;
	text-indent:-10000px;
	width:187px;
}
#main #home-sweeterhome p {
	background: url(/assets/img/puffs/home-sweeterhome-quote.gif) no-repeat 0 0;
	height:124px;
	text-indent:-10000px;
	width:110px;
	margin-top: 10px;
}
#main #home-sweeterhome a {
	background: url(/assets/img/buttons/play-button.gif) no-repeat 0 0;
	display:block;
	height:35px;
	margin: 10px 0 0 10px;
	text-indent:-10000px;
	width:75px;
}

#main #free3d-conservatory {
	background: url(/assets/img/puffs/free3d-design.jpg) no-repeat bottom right;
	border: 1px dashed #01267F;
	margin-top: 10px;
	width:216px;
	padding: 0;
	height: 213px;
	float: left;
}

#main #free3d-conservatory h3 {
	background: url(/assets/img/titles/free-3d-design.gif) no-repeat 0 0;
	height:61px;
	text-indent:-10000px;
	width:216px;
}

#main #free3d-conservatory a {
	background: url(/assets/img/buttons/play-button.gif) no-repeat 0 0;
	display:block;
	height:35px;
	margin: 107px 0 0 10px;
	text-indent:-10000px;
	width:75px;
}

#main #book-now {
	background: url(/assets/img/puffs/free3d-design-book.jpg) no-repeat bottom right;
	border: 1px dashed #01267F;
	margin-top: 10px;
	width:210px;
	padding: 0;
	height: 213px;
	float: left;
}

#main #book-now h3 {
	background: url(/assets/img/titles/conservatories-book.gif) no-repeat 0 0;
	height:105px;
	text-indent:-10000px;
	width:210px;
}


#main #book-now a {
	background: url(/assets/img/buttons/book-now-button.gif) no-repeat 0 0;
	display:block;
	height:35px;
	margin: 65px 0 0 10px;
	text-indent:-10000px;
	width:108px;
}



#main.product #home-sweeterhome {
	background: url(/assets/img/puffs/home-sweeterhome.gif) no-repeat bottom right;
	border: 1px dashed #345199;
	padding: 10px;
	width: 190px;
}
#main.product #home-sweeterhome h3 {
	background: url(/assets/img/titles/home-sweeterhome.gif) no-repeat 0 0;
	height:22px;
	width:166px;
}
#main.product #home-sweeterhome p {
	background:none;
	height:auto;
	text-indent:0;
	width:100px;
}
#design-service h3 {
	background: url(/assets/img/titles/designservice.gif) no-repeat 0 0;
	height:22px;
	width:174px;
}
#design-service a.playvideo {
	background: url(/assets/img/puffs/freedesign-play.jpg) no-repeat 0 0;
	display:block;
	height:135px;
	margin-bottom:20px;
	text-indent:-10000px;
	width:198px;
}
#buynow-paylater, #quality-guaranteed {
	border:0;
}
#quality-guaranteed {
	margin-right:20px;
}
#buynow-paylater {
	border-right:1px solid #B6C6D9;
}
ul#work-rest-play {
	position:absolute;
	left:360px;
	top:215px;
}
ul#work-rest-play li a {
	display:block;
	height:28px;
	margin-bottom:15px;
	text-indent:-10000px;
	width:60px;
}
ul#work-rest-play li a#work {
	background: url(/assets/img/buttons/work.gif) no-repeat 0 0;
}
ul#work-rest-play li a#rest {
	background: url(/assets/img/buttons/rest.gif) no-repeat 0 0;
}
ul#work-rest-play li a#play {
	background: url(/assets/img/buttons/play.gif) no-repeat 0 0;
}
#conservatory-style {
	float:left;
	margin-top: 20px;
}
#conservatory-style h3 {
	background: url(/assets/img/titles/whatstyle.gif) no-repeat 0 0;
	height:22px;
	text-indent:-10000px;
	width:222px;
	margin-bottom: 20px;
}

.solidrooflink {

	margin-left:20px;
	margin-top:20px;
	
}
	
#conservatory-style ul.products h3 {
	background:none;
	height:auto;
	width:auto;
	padding: 0;
	margin:0;
}
#main.conservatories ul.products {
	margin-bottom:20px;
	width:890px;
}
#main.conservatories ul.products li {
	height:104px;
	width:140px;
	margin-right:10px;
}
#main.conservatories ul.products li a {
	width:140px;
	height:104px;
}
#main.conservatories ul.products li.last {
	margin-right:0;
}
#main.conservatories ul.products li a#victorian {
	background: url(/assets/img/puffs/conservatory-victorian.jpg) no-repeat 0 0;
}
#main.conservatories ul.products li a#sunlounge {
	background: url(/assets/img/puffs/conservatory-sunlounge.jpg) no-repeat 0 0;
}
#main.conservatories ul.products li a#gullwing {
	background: url(/assets/img/puffs/conservatory-gullwing.jpg) no-repeat 0 0;
}
#main.conservatories ul.products li a#edwardian {
	background: url(/assets/img/puffs/conservatory-edwardian.jpg) no-repeat 0 0;
}
#main.conservatories ul.products li a#gable {
	background: url(/assets/img/puffs/conservatory-gable.jpg) no-repeat 0 0;
}
#main.conservatories ul.products li a#special {
	background: url(/assets/img/puffs/conservatory-special.jpg) no-repeat 0 0;
}


/* 3.9 Conservatories 2nd level pages
----------------------------------------------- */
#main.conservatories.product #section-titles h1 {
	width:435px;
	text-indent:-10000px;
	margin-bottom: -10px;
}
#main.victorian #section-titles h1 {
	background: url(/assets/img/titles/conservatories-victorian.gif) no-repeat 0 0;
	height:67px;
}
#main.sunlounge #section-titles h1 {
	background: url(/assets/img/titles/conservatories-sunlounge.gif) no-repeat 0 0;
	height:132px;
}
#main.gullwing #section-titles h1 {
	background: url(/assets/img/titles/conservatories-gullwing.gif) no-repeat 0 0;
	height:68px;
}
#main.edwardian #section-titles h1 {
	background: url(/assets/img/titles/conservatories-edwardian.gif) no-repeat 0 0;
	height:130px;
}
#main.gablefront #section-titles h1 {
	background: url(/assets/img/titles/conservatories-gablefront.gif) no-repeat 0 0;
	height:102px;
}
#main.specialdesigns #section-titles h1 {
	background: url(/assets/img/titles/conservatories-specialdesigns.gif) no-repeat 0 0;
	height:106px;
}

/* 4.0 Plan Your Sweeter Home
----------------------------------------------- */
#main.planhome #title-introduction {
	width:435px;
}
#main.planhome #title-introduction h1 {
	background: url(/assets/img/titles/planyoursweeterhome.gif) no-repeat 0 0;
	height:31px;
	margin-bottom:10px;
	text-indent:-10000px;
	width:360px;
}
#main.planhome #title-introduction h1#plan-windows {
	background: url(/assets/img/titles/planyour-windows.gif) no-repeat 0 0;
	width: 617px;
	height: 29px;
}
#main.planhome #title-introduction h1#plan-cons {
	background: url(/assets/img/titles/planyour-cons.gif) no-repeat 0 0;
	width: 559px;
	height: 29px;
}
#main.planhome #primary-column, #main.planhome #secondary-column {
	background: #fff;
	border: 1px dashed #B7BDD3;
	padding:15px;
	width:403px;
}
#main.planhome #primary-column {
	background: #fff url(/assets/img/planhome-windowsdoors.jpg) no-repeat 5px 50px;
}
#main.planhome #secondary-column {
	background: #fff url(/assets/img/planhome-conservatories.jpg) no-repeat 5px 50px;
}
#main.planhome #primary-column p, #main.planhome #secondary-column p {
	font-size:1.1em;
}
#main.planhome #primary-column h2 a {
	background: url(/assets/img/titles/windowsdoors.gif) no-repeat 0 0;
	height:322px;
	margin-bottom:10px;
	width:400px;
	text-indent: -9999px;
	display: block;
}
#main.planhome #secondary-column h2 a {
	background: url(/assets/img/titles/conservatoriesh2.gif) no-repeat 0 0;
	height:435px;
	margin-bottom:10px;
	text-indent:-10000px;
	width:400px;
	display: block;
}
#main.planhome #primary-column .puff-wrapper.half, #main.planhome #secondary-column .puff-wrapper.half {
	margin: 30px 0 0 0;
	width:403px;
}
#main.planhome #primary-column .puff-wrapper.half .puff, #main.planhome #secondary-column .puff-wrapper.half .puff {
	border:0;
	display:inline;
	font-size:0.9em;
	margin-right:25px;
	padding:0;
	position:relative;
}
#main.planhome #primary-column .puff-wrapper.half .puff.last, #main.planhome #secondary-column .puff-wrapper.half .puff.last, #main.planhome #secondary-column .puff-wrapper.half #render {
	margin-right:0;
}
#main.planhome #secondary-column .puff-wrapper.half #render a.render-play {
	margin:-125px 0 0 0;
}

#blogbtn {
	width:498px;
	height: 230px;
	color: #FFF;
	padding: 15px;
	float: right;
	position: relative;
	left: 40px;
	top: -594px;
	font-size: 18px;
	line-height: 135%;
	font-weight: bold;
	text-align: center;
	background-image: url(../img/blogbtn.png);
	background-repeat:no-repeat;
	margin-bottom:-300px;
	display:block;
	cursor:pointer;
}
/*4.1 LANDING PAGES - CHESHIRE*/

#landing_wrap {
	width: 915px;
	float: left;
	position: relative;
	}
	
#landing_wrap h1 {
	font-size: 32px;
	line-height: 1.1em;
	text-align: left;
	width: 580px;
	margin: 0 0 10px 0;
	}
	
#landing-intro {
	float: right;
	position: absolute;
	top: 0px;
	left: 610px;
	width: 280px;
	margin: 0 22px 0 0;
	display: inline;
	}
	
#landing_wrap p {
  	font:"Lucida Sans",Verdana,Arial,Helvetica,Sans-serif !important;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
	margin: 4px 0 16px 0;
	color:#6577b5;
	}
	
#landing_wrap p a {
	text-decoration: none;
	color: #ed6f07;
	}
	
/*4.2 LANDING PAGES - SOLID ROOFS*/

#main.sun-rooms {
	float:left;
	margin:0;
	padding:0 0 0 10px;
	width:940px;
}

#main.sun-rooms #column-wrapper {
	background-image:url(../img/sun_rooms_bg.jpg);
	background-repeat:no-repeat;
	width: 890px;
	float: left;
	position: relative;
	}

#main.sun-rooms #primary-column {
	float:left;
	position:relative;
	width:330px;
	margin: 0;
}

#main.sun-rooms #primary-column h1 {
	margin: 0;
}

#main.sun-rooms #primary-column h2 {
	background-image: url(../img/titles/design-options.gif);
	width: 320px;
	height: 23px;
	margin: 0;
	font-size: 14px;
	}

#solid_appointment a {
	width: 305px;
	height: 100px;
	display: block;
	background-image:url(../img/puffs/button_arrange_appointment.gif);
	border: 1px dashed #13337F;
	float:left;
	position: relative;
	margin: 65px 0 0 0;
	padding: 0;
	text-decoration: none;
	}

#solid_appointment a span {
	visibility: hidden;
	}

#main.sun-rooms #secondary-column {
	width: 550px;
	position: relative;
	margin: 0 0 0 10px;
	}
	
#main.sun-rooms #section-titles {
	background: url(/assets/img/titles/sun_rooms.gif) no-repeat 0 0;
	height: 63px;
	width: 330px;
	margin: 0;
}

#main.sun-rooms #sun-intro {
	float: left;
	position: relative;
	width: 320px;
	height: 140px;
	padding: 20px 0 0 0;
	}
	
#main.sun-rooms #primary-column p {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	line-height: 16px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0;
	}
	
#main.sun-rooms #primary-column ul {
	font-size: 16px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}
	
#main.sun-rooms #threed-views {
	width: 550px;
	height: 230px;
	background-image:url(../img/sun_rooms_3d.jpg);
	background-repeat:no-repeat;
	float: left;
	position: relative;
	}
	
#main.sun-rooms #primary-column ul li {
	display: block;
	margin: 0;
	padding: 14px 0 0 0;
	}

#main.sun-rooms #sun-options {
	float: left;
	position: relative;
	width: 320px;
	padding: 20px 0 0 0;
	}

	
#main.sun-rooms #gable-view, #main.sun-rooms #edwardian-view {
	width: 550px;
	height: 170px;
	background-image:url(../img/sun_rooms_gable_cad.gif);
	float: left;
	position: relative;
	margin: 0 0 20px 0;
	}
	
#main.sun-rooms #edwardian-view {
	background-image:url(../img/sun_rooms_edwardian_cad.gif);
	}
	
#main.sun-rooms #conservatory-style {
	float:left;
	margin-top: 20px;
}
#main.sun-rooms #conservatory-style h3 {
	background: url(/assets/img/titles/whatstyle.gif) no-repeat 0 0;
	height:22px;
	text-indent:-10000px;
	width:222px;
	margin-bottom: 20px;
}
#main.sun-rooms #conservatory-style ul.products h3 {
	background:none;
	height:auto;
	width:auto;
	padding: 0;
	margin:0;
}
#main.sun-rooms #conservatory-style ul.products {
	margin-bottom:20px;
	width:890px;
}
#main.sun-rooms #conservatory-style ul.products li {
	height:104px;
	width:140px;
	margin-right:10px;
}
#main.sun-rooms #conservatory-style ul.products li a {
	width:140px;
	height:104px;
}
#main.sun-rooms #conservatory-style ul.products li.last {
	margin-right:0;
}
#main.sun-rooms #conservatory-style ul.products li a#victorian {
	background: url(/assets/img/puffs/conservatory-victorian.jpg) no-repeat 0 0;
}
#main.sun-rooms #conservatory-style ul.products li a#sunlounge {
	background: url(/assets/img/puffs/conservatory-sunlounge.jpg) no-repeat 0 0;
}
#main.sun-rooms #conservatory-style ul.products li a#gullwing {
	background: url(/assets/img/puffs/conservatory-gullwing.jpg) no-repeat 0 0;
}
#main.sun-rooms #conservatory-style ul.products li a#edwardian {
	background: url(/assets/img/puffs/conservatory-edwardian.jpg) no-repeat 0 0;
}
#main.sun-rooms #conservatory-style ul.products li a#gable {
	background: url(/assets/img/puffs/conservatory-gable.jpg) no-repeat 0 0;
}
#main.sun-rooms #conservatory-style ul.products li a#special {
	background: url(/assets/img/puffs/conservatory-special.jpg) no-repeat 0 0;
}


/*4.3 LANDING PAGES - FIX*/
#main.crsmith-fix {
	float: left;
	position: relative;
	}
	
#main.crsmith-fix #primary-column {
	float:left;
	position:relative;
	width:404px;
	display: inline;
	margin: 0;
}

#main.crsmith-fix #secondary-column {
	width: 486px;
	float: left;
	position: relative;
	}

#main.crsmith-fix #section-titles h1 {
	background: url(/assets/img/titles/fix.gif) no-repeat 0 0;
	height: 57px;
	margin: 0;
}

#main.crsmith-fix #primary-column {
	float: left;
	position: relative;
	width: 404px;
	height: 196px;
	}
	
#main.crsmith-fix #primary-column p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin: 14px 20px 0 0;
	}
	
#main.crsmith-fix #primary-column h2 {	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #13337E;
	font-size: 1.7em;
	font-weight: bold;
	margin:18px 0 14px 0;
	}
	
	
#main.crsmith-fix #primary-column #lower_bg {
	float: left;
	position: relative;
	width: 404px;
	height: 190px;
	background-image:url(../img/fix_left_bg_lower.gif);
	}
	
#main.crsmith-fix #secondary-column #fix-will {
	background-image:url(../img/fix_right_bg.gif);
	width: 486px;
	height: 443px;
	}
	
/* Landing Page Product Galleries
----------------------------------------------- */

#product-gallery-landing {
	float:left;
	margin: 0;
	width: 915px;
}
#main.landing-page #product-gallery-landing {
	margin:25px 0;
}
#product-gallery-landing ul {
	float: left;
	width: 915px;
}
#main.landing-page #product-gallery-landing ul {
	float: left;
	width: 258px;
}
#product-gallery-landing ul li {
	float: left;
	height: 93px;
	margin-right: 9px;
	width: 139px;
	display: inline;
	margin-bottom: 10px;
}
#product-gallery-landing ul li a {
	border: 2px solid #AFC5E0;
	display: block;
	height: 93px;
	width: 139px;
}
#product-gallery-landing ul li a:hover, #product-gallery-landing ul li a.current {
	border: 2px solid #3C5897;
}
#product-gallery-landing ul li.last {
	margin-right: 0;
}
#current-photo-landing {
	float:left;
	height: 386px;
	margin-bottom:15px;
	position:relative;
	width: 579px;
}
#current-photo-landing img {
	left: 0;
	position: absolute;
	top: 0;
}
#product-gallery-landing a.previous,#product-gallery-landing a.next {
	display:block;
	height:42px;
	position:absolute;
	text-indent:-10000px;
	top:160px;
	width:19px;
	z-index: 99;
}
#product-gallery-landing a.previous {
	background: url(/assets/img/product-galleries/back.gif) no-repeat 0 0;
	left:0;
}
#product-gallery-landing a.next {
	background: url(/assets/img/product-galleries/forward.gif) no-repeat 0 0;
	right:-1px;
}
#main.landing page #product-gallery-landing {
	margin-left:90px;
	width: 300px;
	display: inline;
}
#main.landing-page cheshire #product-gallery-landing ul li, #main.landing-page #product-gallery-landing ul li a {
	width: 47px;
}
#main.landing-page #current-photo-landing {
	width: 579px;
}
#main.landing-page cheshire a.previous, a.next {
	display:block;
	height:42px;
	position:absolute;
	text-indent:-10000px;
	top:160px;
	width:19px;
	z-index: 999;
}

/* Landing Page Product Galleries
----------------------------------------------- */
		

/* OFFERS */

div.row {
	width: 915px;
	float: left;
	position:relative;
}

div.rowOffers {
	width: 915px;
	float: left;
}
div.row .split, div.rowOffers .split {
	width: 430px;
	float: left;
	margin-right: 20px;
	margin-top: 20px;
	display: inline;
}
div.row .split h2, div.rowOffers .split h2 {
	width: 430px;
	float: left;
	height: 48px;
	text-indent: -9999px;
}
div.row #puffs-bottom {
	padding: 40px 0;
}
div.row .split h2#on_cons, div.rowOffers .split h2#on_cons {
	background: url(/assets/img/titles/offers-cons.gif) top left no-repeat;
}
div.row .split h2#on_win, div.rowOffers .split h2#on_win {
	background: url(/assets/img/titles/offers-win.gif) top left no-repeat;
}

/* WHAT WOULD YOU DO IN YOURS GALLERY */

h1#what-would {
	background: url(/assets/img/titles/what-would-you-do.gif) top left no-repeat;
	width: 406px;
	height: 24px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#product-gallery.wwyd {
	width: 915px;
	float: left;
}
#product-gallery.wwyd #current-photo {
	width: 600px;
	height: 400px;
	float: left;
}
#product-gallery.wwyd ul {
	float: left;
	width: 300px;
	margin-left: 15px;
}
#product-gallery.wwyd ul li {
	margin-bottom: 10px;
}

/* PLAN YOUR SWEETER HOME PAGES */

#planyour-win-1 {
	width: 449px;
	float: left;
	margin:0;
}
#planyour-win-2 {
	width: 451px;
	float: left;
	margin:0;
}
#plansplit {
	width: 451px;
	float: left;
	margin-bottom: 10px;
}
#plansplit .bit {
	float: left;
	width: 199px;
	margin-left: 15px;
	margin-right: 11px;
	display: inline;
}
#plansplit .bit img {
	margin-top: 10px;
}
#planyour-con-1 {
	width: 640px;
	float: left;
	margin:0 20px 0 0;
}
#planyour-con-2 {
	width: 255px;
	float: left;
	margin:0;
}
#planyour-con-2 img {
	margin-bottom: 20px;
}


/* CONTACT US */ 

h1#contact-title {
	background: url(/assets/img/titles/contact-us-n.gif) 0 0 no-repeat;
	width: 146px;
	height: 24px;
	text-indent: -9999px;
}
div.contactrow {
	width: 435px;
	float: left;
	margin: 1em 0;
}
div.contactunit {
	width: 210px;
	float: left;
	margin-right: 7px;
}
div.showroom {
	width: 413px;
	float: left;
	padding: 10px;
	border: 1px dashed #13337F;
	font-size: 1.1em;
	margin-bottom: 10px;
}
div.showroom h5 {
	font-size: 1.6em;
}
#googlemap-01, #googlemap-02 {
	width: 280px;
	height: 150px;
	float: right;
	background: #ccc;
}
#expand-01, #expand-02 {
	display: none;
	float: left;
	clear: both;
}
div#contactform {
	border: 1px dashed #13337F;
	background: #E0EAF6;
	width: 415px;
	float: left;
	padding: 10px;
}
div#contactform h5 {
	font-weight: bold;
	margin: 1.5em 0 0.2em 0;
}
div#contactform .row {
	width: 415px;
	float: left;
	margin: 0.5em 0;
}
div#contactform .row label {
	float: left;
	width: 130px;
	text-align: right;
	font-size: 1.1em;
	padding: 3px;
}
div#contactform .row.textbox input {
	width: 250px;
	float: left;
	border: 1px solid #01267F;
	padding: 3px;
}
div#contactform .row.dropdown select {
	width: 250px;
	float: left;
	border: 1px solid #01267F;
	padding: 3px;
}
div#contactform .row p.aside {
	font-size: 0.9em;
	width: 250px;
	margin-left: 145px;
	float: left;
	clear: both;
	display: inline;
}
div#contactform .row input#submit {
	font-size: 0.9em;
	width: 100px;
	margin-left: 145px;
	float: left;
	clear: both;
	display: inline;
	background: #01267F;
	border: none;
	outline: none;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
}

h1#terms-title {
	background: url(/assets/img/titles/terms.gif) 0 0 no-repeat;
	width: 263px;
	height: 24px;
	text-indent: -9999px;
}
h1#privacy-title {
	background: url(/assets/img/titles/privacy.gif) 0 0 no-repeat;
	width: 182px;
	height: 29px;
	text-indent: -9999px;
}
#main.privacy h3 {
	font-size: 1.5em;
	margin: 1em 0;
}
#main.privacy p, #main.privacy ol, #main.privacy ul {
	font-size: 1.1em;
}




#header a#random_puff {
	border: 1px dashed #002868;
	width: 198px;
	margin-top: -10px;
	background-position: right 10px;
	padding-top: 5px;
}

#header a#fix_puff {
	border: 1px dashed #002868;
	width: 218px;
	margin-top: -10px;
/*	background-position: right 10px;*/
	height: 95px;
	float: right;
}

#header a.puff_conservatory_landing, #header a.puff_windows_landing, #header a.puff_fix  {
	background-position: top -10px left 10px;
	border: 1px dashed #002868;	
	width: 218px;
	height: 95px;
	display: block;
	padding: 0;
	margin: -10px 0 0 0;
	float: left;
	position:relative;
	}

#header a.puff_conservatory_landing {	
	background-image:url(../img/puffs/spec/01_v2.gif);
	}
	
#header a.puff_windows_landing {
	background-image:url(../img/puffs/spec/buy2_smalloffer.gif);
	}
	
#header a.puff_fix {
	background-image:url(../img/puffs/spec/no-call-out.gif);
	margin: 0;
	background-position: top left;
	}

/* CONSERVATORY BOOKING FORM */ 

h1#booking-title {
	background: url(/assets/img/titles/contact-us-n.gif) 0 0 no-repeat;
	width: 146px;
	height: 24px;
	text-indent: -9999px;
}
div.bookingrow {
	width: 435px;
	float: left;
	margin: 1em 0;
}
div.bookingunit {
	width: 210px;
	float: left;
	margin-right: 7px;
}
div.showroom {
	width: 413px;
	float: left;
	padding: 10px;
	border: 1px dashed #13337F;
	font-size: 1.1em;
	margin-bottom: 10px;
}
div.showroom h5 {
	font-size: 1.6em;
}
#googlemap-01, #googlemap-02 {
	width: 280px;
	height: 150px;
	float: right;
	background: #ccc;
}
#expand-01, #expand-02 {
	display: none;
	float: left;
	clear: both;
}
div#bookingform {
	border: 1px dashed #13337F;
	background: #E0EAF6;
	width: 416px;
	float: left;
	position: relative;
	padding: 10px;
	margin: 22px 0 0 0;
}
div#bookingform h5, div#bookingform h5.request {
	font-weight: bold;
	margin: 2em 0 0.2em 0;
}
div#bookingform h5.request {
	font-weight: bold;
	margin: 1em 0 0.2em 0;
}


div#bookingform .row {
	width: 415px;
	float: left;
	position: relative;
	margin: 0.5em 0;
}
div#bookingform .row label, div#bookingform .row label.time {
	float: left;
	width: 130px;
	text-align: right;
	font-size: 1.1em;
	padding: 3px;
}

div#bookingform .row label.day {
	float: left;
	width: 45px;
	text-align: right;
	font-size: 1.1em;
	padding: 3px;
}

div#bookingform .row.textbox input {
	width: 250px;
	float: left;
	border: 1px solid #01267F;
	padding: 3px;
}

div#bookingform .row input.checkbox {
	width: 20px;
	margin: 0 0 0 140px;
	float: left;
	position: relative;
	padding: 3px;
}

div#bookingform .row.dropdown select {
	width: 250px;
	float: left;
	border: 1px solid #01267F;
	padding: 3px;
}

div#bookingform .row.dropdown select.time, div#bookingform .row.dropdown select.day {
	width: 90px;
	float: left;
	border: 1px solid #01267F;
	padding: 3px;
}

div#bookingform .row.dropdown select.day {
	width: 110px
	}

div#bookingform .row p.aside {
	font-size: 0.9em;
	width: 250px;
	margin: 0 0 0 5px;
	float: left;
	position: relative;
/*	display: inline;*/
}
div#bookingform .row input#submit {
	font-size: 0.9em;
	width: 100px;
	margin-left: 145px;
	float: left;
	clear: both;
	display: inline;
	background: #01267F;
	border: none;
	outline: none;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	cursor: pointer;
}

div#bookingform div.clear {
	float: left;
	position: relative;
	width: 100%;
	height: 10px;
	}

h1#terms-title {
	background: url(/assets/img/titles/terms.gif) 0 0 no-repeat;
	width: 263px;
	height: 24px;
	text-indent: -9999px;
}
h1#privacy-title {
	background: url(/assets/img/titles/privacy.gif) 0 0 no-repeat;
	width: 182px;
	height: 29px;
	text-indent: -9999px;
}
#main.privacy h3 {
	font-size: 1.5em;
	margin: 1em 0;
}
#main.privacy p, #main.privacy ol, #main.privacy ul {
	font-size: 1.1em;
}




#header a#random_puff {
	border: 1px dashed #002868;
	width: 198px;
	margin-top: -10px;
	background-position: right 10px;
	padding-top: 5px;
}

#header a.puff_conservatory_landing, #header a.puff_windows_landing {
	background-position: top -10px left 10px;
	border: 1px dashed #002868;	
	width: 218px;
	height: 95px;
	display: block;
	padding: 0;
	margin: -10px 0 0 0;
	float: left;
	position:relative;
	}

#header a.puff_conservatory_landing {	
	background-image:url(../img/puffs/spec/01_v2.gif);
	}
	
#header a.puff_windows_landing {
	background-image:url(../img/puffs/spec/buy2_smalloffer.gif);
	}

img.solidroof{
	padding-left:666px;
	margin-top: -44px;
}

.homeOfferWins{
	display:inline;
	position:relative;
	top:12px;
	width:325px;
	height:254px;
	margin-left:-4px;
}

.homeOfferCons{
	display:inline;
	position:relative;
	top:12px;
	width:325px;
	height:242px;
	margin-left:12px;
}
 
.callFreePanel{
	display:inline;
	width:210px;
	height:242px;
	position:relative;
	left:14px;
}

.comLogos{
	margin-right:13px;
	margin-bottom:13px;
	position:relative;
	top:20px;
}

.logoGap{
	height:8px;
}

/* offer page changes */

#vertOffer{
	height:727px;
	width:440px;
	position:absolute;
	left:450px;
	top:17px;
	overflow:hidden;
}

#offerBoxOne{
	margin-top:16px;
	margin-bottom:20px;
}

#bottomOfferBox{
	position:relative;
	width:915px;
	height:380px;
	float:left;
	display:block;
}

#offerBotLeft{
	margin-right:17px;
	margin-top:10px;
	width:430px;
	position:absolute;
	left:0px;
	top:0px;
	display:inline-block;
}

#offerBotRight{
	margin-top:10px;
	width:430px;
	position: absolute;
	top:-1px;
	right:34px;
	display:inline-block;
}

#quoterAd{
    background-image: url(/assets/img/quoteradbg2.jpg);
    width:920px;
    height:469px;
    margin-left:10px;
    position: relative;
    margin-bottom: 10px;
}

#boilerplateQuoter {
	background:#ffffff;
	float:left;
	padding:10px 10px 15px 10px;
	width:920px;
}

#main-bottomQuoter {
	background:url(/assets/img/main-bottom.jpg) no-repeat 0 0;
	float: left;
	height:23px;
	width:960px;
        padding-top:20px;
}

#quoterAd h1{
    font-family: verdana;
    font-size: 18px;
    color:#ffffff;
    position:absolute;
    top:8px;
    left:26px;
    line-height: 18px;
    font-weight: bold;
}

#quoterAd h2{
    font-family: verdana;
    font-size: 18px;
    color:#b8e0fc;
    position:absolute;
    top:364px;
    left:484px;
    line-height: 18px;
}

#quoterAd h3{
    font-family: verdana;
    font-weight: bold;
    font-size: 30px;
    color:#ffffff;
    position:absolute;
    top:403px;
    left:485px;
    line-height: 30px;
}