/* Common Styles */

a, body, img, table, div, form, fieldset, h1, h2, h3, h4, h5, h6, span, li, ul { border: 0; outline: none; margin: 0; padding: 0; }
input, textarea { margin: 0; padding: 0; }
*:focus { outline: none; }
a { text-decoration: none; color: #9F066C; font-weight: 600; }
	a:hover { color: #B95699; }
	
area {cursor: pointer;}
	
html, body {height: 100%;}
.pink {color: #9F066C;}
body { background: #E2E3E4; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-weight: 400; color: #5F656C; }
#container { width: 990px; background: #E5E9EE url(../images/footerbg.png) bottom center repeat-x; border-left: 6px white solid; border-right: 6px white solid; margin: 0 auto; }
#header, #content { padding: 0px 25px; }
#container {min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -294px;}

/* Header Styles */
#header { height: 180px; background: url(../images/headerbg.png) repeat-x; }
	#call, #contactcall { height: 30px; padding-left: 30px; background: transparent url(../images/icon-phone.png) left center no-repeat;  }
	#call { float: right; margin-top: 35px; line-height: 30px;  font-size: 19px; }
	#call span { font-weight: 800; }
	a#logo {float: left; width: 372px; height: 60px; background: transparent url(../images/purelyshutters.png) no-repeat left center; display: block; text-indent: -999em; margin: 25px 0px 10px; }
	
 
/* Navigation Styles */
.navigation {width:940px; position:relative; z-index:4; font-family:arial, sans-serif; float: left; margin-bottom: 10px;  }

	/* remove all the bullets, borders and padding from the default list styling */
		.navigation ul {padding:0;margin:0;list-style-type:none; z-index:4; }
		.navigation ul ul { z-index:4; }
	
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown navigation positon */
		.navigation li {float:left; position:relative; z-index:4; }
			.home {
				width: 99px;
			}
			.shutters {
				width: 127px;
			}
			.shapes {
				width: 166px;
			}
			.gallery {
				width: 104px;
			}
			.news {
				width: 114px;
			}
			.test {
				width: 137px;
			}
			.faqs {
				width: 84px;
			}
			.contact {
				width: 101px;
			}
					
	/* style the links for the top level */
	.navigation a, .navigation a:visited {display:block; text-decoration:none; height:45px; font-weight:bold; font-size: 15px; font-weight: 600; text-align: center; line-height: 41px; }
		  
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.navigation ul ul {visibility:hidden; position:absolute;height:0;top:41px;left:0;  }
	 
	 
	/* style the table so that it takes no ppart in the layout - required for IE to work */
	.navigation table {position:absolute; top:0; left:0; border-collapse:collapse;}
	
	/* style the second level links */
	.navigation ul ul a, .navigation ul ul a:visited {background:#D2D3D5; height:auto; padding:5px 0px; font-size: 14px; text-align: left; }
	.navigation ul ul a { height: 30px; line-height: 30px; padding-left: 30px; display: block; width: 106px; width: 97px; }
	.navigation ul ul a:hover { background: #bbb; }
	
	/* make the second level visible when hover on first level list OR link */
	.navigation ul li:hover ul, .navigation ul a:hover ul{visibility:visible;}
	
	/* Hover Styles */
			.navigation a.active, .navigation a.activeleft, .navigation a.activeright { color: #fff; text-shadow: 0 1px 1px #551640; }
			.navigation a.active span { padding-right: 18px; background: transparent url(../images/dropdown-active.png) right 8px no-repeat; }
			.navigation a.inactive span { padding-right: 18px; background: transparent url(../images/dropdown-inactive.png) right 8px no-repeat; }
			
				.navigation a.active:hover, #navigation a.activeleft:hover, #navigation a.activeright:hover { color: #CED2D6; }	
				.navigation a.active { background: transparent url(../images/nav-buttons.png) top right; }
				.navigation a.activeleft { background: transparent url(../images/nav-left.png) top left; }
				.navigation a.activeright { background: transparent url(../images/nav-right.png) top right; }
				
			.navigation a.inactive, .navigation a.inactiveleft, .navigation a.inactiveright { color: #5F646C; text-shadow: 0 1px 1px #E4E6E9; }
			
				.navigation  a.inactive:hover, .navigation a.inactiveleft:hover, .navigation a.inactiveright:hover { color: #222; }
				.navigation  a.inactive { background: transparent url(../images/nav-buttons.png) center right; }
					.navigation li a.inactive:hover { background: transparent url(../images/nav-buttons.png) bottom right; }			
				.navigation  a.inactiveleft { background: transparent url(../images/nav-left.png) center left; }
					.navigation a.inactiveleft:hover { background: transparent url(../images/nav-left.png) bottom left; }			
				.navigation  a.inactiveright { background: transparent url(../images/nav-right.png) center right; }
					.navigation a.inactiveright:hover { background: transparent url(../images/nav-right.png) bottom right; }
					
				.navigation li.dropdown:hover a { background: transparent url(../images/nav-buttons.png) bottom right; }
				.navigation li.dropdown:hover ul li a { background: #D2D3D5; padding-left: 30px; }
			
				/* Dropdown when active */
				
				.navigation li.dropdown:hover a.active { background: transparent url(../images/nav-buttons.png) top right; }
				.navigation li.active:hover ul li a { background: #A00C6E; color: #fff; width: 97px; }
				.navigation li.active:hover ul li a:hover { color: #ccc; }
		
					
		#breadcrumb { font-size: 11.5px; padding-left: 5px; clear: left; float: left; }
			#breadcrumb a.active { color: #9F066C; font-weight: 600; }
			#breadcrumb a.inactive { color: #666; font-weight: 400; }

		.cta .quickquote, .cta .survey, .cta .brochure { padding-left: 105px; background: no-repeat transparent; height: 69px; }
		.cta .quickquote { background-image: url(../images/icon-quickquote.png); background-position: 26px 10px; }
		.cta .survey { background-image: url(../images/icon-survey.png); background-position: 24px 9px; }
		#home .cta .brochure { background-image: url(../images/icon-brochure.png); background-position: 30px 12px; }
		.cta span { display: block; }
		#home .cta span.header { text-shadow: 0px 1px 1px #210a19; }
		.cta span.header { padding-top: 15px; font-weight: 500; font-size: 18px; }
		.cta span.subheader { font-weight: 300; font-size: 13px; }
		#actions .cta { display: block; width: 340px; height: 69px; margin-bottom: 10px; }
		.inputfield { float: left; display: block; background: #E5E9EE; line-height: 28px; color: #60656C; text-shadow: 0 1px 1px #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 8px;}
	.inputfield { padding: 4px 4px; }
	span#surveyerror,  span#brochureerror, span#enquiry-error {color: #B95699; font-size: 11px;; padding-bottom: 5px; font-weight: 500;} 
	#enquiry-error {color: #9F066C; margin-bottom: 4px;}
	span#surveyerror p,  span#brochureerror p, #enquiry-error p {padding: 0px; margin: 0px; padding-bottom: 2px;} 	
	.fpgallery {border: 2px solid #9F066C;}	
	
		
/* Column Styles */

.column { float: left; letter-spacing: 0em; }

	.column { margin-top: 5px; }
		
	#shutter .sidenav { width: 160px; margin-right: 45px; }
	#shutter .left { width: 340px; margin-right: 45px; }
	#shutter .right { width: 350px; }
	
	#ranges .sidenav, #news .sidenav { width: 160px; margin-right: 35px; }
	#ranges .left, #news .left { width: 500px; }
	#ranges .right, #quickquote .right, #contact .right, #news .right { width: 245px; }
	
	.top {margin: 0px; padding: 0px; float:left; }
	.bottom {margin: 0px; padding: 0px; margin-top: 5px; float:left; clear:both; position: relative;}
	
	#quickquote .left, #contact .left, #survey .left, #brochure .left, #faq_page .left, #gallery .left, #shapes-styles .left { width: 630px; margin-right: 65px; }

	h1 { text-transform: uppercase; font-weight: 400; color: #9F066C; margin-bottom: 10px; font-size: 23px; letter-spacing: -0.10em; text-shadow: 0 1px 1px #fff; }

	h2 { font-weight: 600; color: #464646; margin-bottom: 20px; font-size: 16px;  }
/* Contact styles */


	.office {
		float: left;
		font-family: arial;
		font-size: 13px;
		width: 315px;
		margin: 0 0 14px;
	}
	.office h3 {
		color: #9e056b;
		font-size: 16px;
		margin-bottom: 4px;
	}
	.office span {
		color: #9e056b;
		font-size: 18px;
		font-weight: 700;
	}
	.office p {
		font-size: 15px;
		color: #5f656c;
		font-weight: 600;
		margin-top:5px;
		margin-bottom:7px;
	}
	.office ul {
		list-style: none;
	}
	.office ul li {
		
	}
	
/* Sidebar Styles */ 

	#side-specialoffer { width: 245px; height: 106px; background: transparent url(../images/special-small.png) no-repeat; position: relative; margin-bottom: 10px; }
	#side-specialoffer span { position: absolute; top: 24px; right: 0px; height: 70px; width: 155px; color: #464646; text-shadow: 0 1px 1px #fff; font-size: 12px; font-weight: 500; text-align: left;}
	#side-specialoffer span span {position:relative; top: auto; right: auto;}
	#side-specialoffer span.pink {color: #9F066C; position: relative; padding: 0px; margin: 0px; top: 0px; right: 0px; height: auto; } 
	#side-specialoffer h4 {font-size: 15px; color: #BD2B8E; position: absolute; display: block; margin: 0px; top: 76px; left: 90px; height: auto; text-shadow: 0px 1px #fff; } 
	
	#side-christmasoffer { width: 245px; height: 106px; background: transparent url(../images/christmas_small.png) no-repeat; position: relative; margin-bottom: 10px; }
	#side-christmasoffer span { position: absolute; top: 24px; right: 0px; height: 70px; width: 166px; color: #464646; text-shadow: 0 1px 1px #fff; font-size: 12px; font-weight: 500; text-align: left;}
	#side-christmasoffer span.pink {color: #9F066C; position: relative; padding: 0px; margin: 0px; top: 0px; right: 0px; height: auto; } 
	#side-christmasoffer h4 {font-size: 15px; color: #BD2B8E; position: absolute; display: block; margin: 0px; top: 76px; left: 80px; height: auto; text-shadow: 0px 1px #fff; } 
	
	#side-actions { width: 245px;  }
	body#contact #side-actions {padding: 0 0 0 30px;}
/*		#side-actions .cta, .downloadbrochure { width: 245px; margin: 0 0 15px; background: url(../images/cta-small.png) top left; height: 65px; display: block; padding: 0; color: #464646;  } 
			#side-actions .cta:hover { background-position: 0px -65px; color: #000; }
		#side-actions .cta span.header, .downloadbrochure span.header { padding-top: 7px; font-weight: 500; font-size: 15px; text-shadow: 0px 1px 1px #fff; }
		#side-actions .cta span.subheader, .downloadbrochure span.subheader { font-weight: 300; font-size: 11px; }
			#side-actions .cta .quickquote { background-position: 5px 6px; }
			#side-actions .cta .survey {  background-position: 5px 5px; }
			#side-actions .cta .brochure, .downloadbrochure .brochure { background-image: url(../images/icon-brochure2.png); background-position: 8px 9px; }
			#side-actions .cta .quickquote, #side-actions .cta .survey, #side-actions .cta .brochure, .downloadbrochure .brochure { padding-left: 70px;  height: 69px; padding-top: 10px; } */
			
		#side-actions .cta, .downloadbrochure { width: 245px; margin: 0 0 15px; background: url(../images/cta-small-purple.png) top left; height: 65px; display: block; padding: 0; color: white;  } 
			#side-actions .cta:hover { background-position: 0px -65px; color: #fff; }
		#side-actions .cta span.header, .downloadbrochure span.header { padding-top: 7px; font-weight: 500; font-size: 15px; text-shadow: #210A19 0px 1px 1px; }
		#side-actions .cta span.subheader, .downloadbrochure span.subheader { font-weight: 300; font-size: 11px; }
			#side-actions .cta .quickquote { background-position: 5px 6px; }
			#side-actions .cta .survey {  background-position: 5px 5px; }
			#side-actions .cta .brochure, .downloadbrochure .brochure { background-image: url(../images/icon-brochure.png); background-position: 8px 9px; }
			#side-actions .cta .quickquote, #side-actions .cta .survey, #side-actions .cta .brochure, .downloadbrochure .brochure { padding-left: 70px;  height: 69px; padding-top: 10px; }


/* Shutter Page, Side Nav */

	#subnav { list-style-type: none; background: transparent url(../images/subnav-footer.png) bottom center; padding-bottom: 12px;  }
		#subnav li.header { color: #fff; background: transparent url(../images/subnav-header.png); text-shadow: 0 1px 1px #551640; text-align: center; font-weight: 400; font-size: 18px; line-height: 29px; width: 160px; height: 31px; display: block; border: 0; }
		#subnav li { border-left: 1px #CCD0D6 solid; border-right: 1px #CCD0D6 solid; background: #fff; color: #464646; }
		#subnav a { color: #464646; font-weight: 400; }
			#subnav a:hover { color: #999; }
			#subnav .root { padding: 12px 0px 6px 30px; width: 128px; font-size: 16px; font-weight: 600; }
			#subnav .root a { font-weight: 600; }
				#subnav .on a { color: #9F066C; }
			#subnav .sub { padding-left: 55px; height: 28px; width: 103px; font-size: 14px; line-height: 29px; }
				#subnav .active { background: #E4E6E9 url(../images/icon-arrow.png) 30px 11px no-repeat; }
				#subnav .active a {  font-weight: 600; color: #9F066C; }
		
		
				
/* Shutter Page, Left Column */
	#shutterpanel, #shutterimage, #undercolour { display: block; height: 300px; background: transparent no-repeat center top; }
	#shutterimage, #undercolour {float:left;}
	#shutterimage  { width: 340px; margin-bottom: 10px;}
	#shutterpanel, #undercolour {width: 328px;}
		.hingesleft, .hingesright { float:left; width: 5px; height: 300px; background: transparent no-repeat; background-position: center center;}
		.tiltrod { position: absolute; width: 328px; height: 300px; float: left; background: transparent no-repeat; background-position: center; margin: 0; z-index: 110; }
		#custom_rods {z-index: 100; position: absolute; width: 328px; height: 300px; float: left; background: transparent no-repeat; background-position: center; margin: 0;}
		#left_custom_rod {width: 7px; height: 188px; position: absolute; float:left;  margin-left: 78px; margin-top: 35px; display:none;}
		#right_custom_rod {width: 7px; height: 188px; position: absolute; float:left; margin-left: 242px; margin-top: 35px; display:none;}
		.tiltrod_hidden { width: 328px; height: 300px; float: left; background: transparent no-repeat; background-position: center; margin: 0; }
			
	#shutter .left p { font-size: 13px; line-height: 19px; }
	#shapesstyles { margin-bottom: 20px; }
	#shapesstyles span#title { width: 330px; background: transparent url(../images/shapes-header.png); color: #464646; height: 25px; font-weight: 600; text-shadow: 0 1px 1px #fff; display: block; font-size: 14px; padding-left: 10px; line-height: 25px; }
		#shapesstyles span#description { background: #fff url(../images/shapes-footer.png) bottom center no-repeat; display: block; width: 320px; padding: 5px 10px; font-size: 13px; line-height: 19px; }
		
/*	#shutter .cta { background: transparent url(../images/silver-cta.png) no-repeat top left; text-decoration: none; color: #464646; float: right; }
		#shutter .cta span.header { text-shadow: 0px 1px 1px #fff; }
		#shutter .cta:hover { color: #000; background-position: bottom left; }
		#shutter .cta .brochure { background-image: url(../images/icon-brochure2.png); background-position: 30px 12px; } */
		
#shutter .cta { background: transparent url(../images/silver-cta-purple.png) no-repeat top left; text-decoration: none; color: white; float: right; }
		#shutter .cta span.header { text-shadow: #210A19 0px 1px 1px; }
		#shutter .cta:hover { background-position: bottom left; }
		#shutter .cta .brochure { background-image: url(../images/icon-brochure.png); background-position: 30px 12px; }

#shutter .left p.colour-disclaimer {font-style:italic;font-size:8px;line-height:9px;}

/* Customise Panel */

#customisepanel, #formpanel { margin-bottom: 30px;}
#customisepanel a.title { margin-top: 36px; }
#customisepanel a.title, #formpanel a.title { height: 36px; width: 350px; display: block; }
	#customisepanel a.off, #formpanel a.off { background: url(../images/panel-title.png) top left; }
	#customisepanel a.on, #formpanel a.on { background: url(../images/panel-title.png) bottom left; }
	a.title span, a.next { color: #fff; text-shadow: 0px 1px 1px #000; }
	#customisepanel a span, #formpanel a span { margin-left: 10px; padding-left: 36px; height: 36px; display: block; line-height: 35px; font-weight: 400; font-size: 15px; }
		#customisepanel a span, span#measure_title span { background: transparent url(../images/icon-customise.png) no-repeat center left; }
		#formpanel a.title span, span#results_title span { background: transparent url(../images/icon-quote.png) no-repeat center left; }
	
	#quotecontainer div, #customisingcontainer div, #contactform, .guide{ padding: 10px;}
	div#quotecontainer, div#customisingcontainer, #formpanel div#quote_results { padding: 0px; width: 350px; background: transparent url(../images/panel-bg.png) left center repeat-y; font-size: 13px; }
	#quickquote #formpanel div#quote_results { width: 630px; padding: 0px; background: transparent url(../images/panel-bg.png) left center repeat-y; font-size: 13px;}
	div#quote_results div {background: none; }
	div#quote_results div#costperrange {background:url("../images/quickquote-bg2.png") repeat scroll 0 0 transparent; width:610px;}
	#customisepanel p, #formpanel p { font-size: 13px; line-height: 18px; margin: 0; clear: left; }
	
	#customisepanel h3, #formpanel h3 { display: block; width: 338px; padding-left: 10px; height: 24px; background: transparent url(../images/panel-header.png) repeat-x; color: #444; font-weight: 400; font-size: 14px; line-height: 24px; text-shadow: 0px 1px 1px #fff; border-left: #CDD1D7 solid 1px; border-right: #CDD1D7 solid 1px;}
	#customisepanel ul, #formpanel ul { list-style-type: none; }
		#customisepanel select, #formpanel select { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; font-size: 13px; padding: 1px; color: #464646; } 
		#customisepanel label, #formpanel label { margin-right: 8px;  }
		
	#customisepanel .previous { width: 27px; height: 27px; background: transparent url(../images/carousel-buttons.png) no-repeat; float: left; margin: 7px 0px; display: block; }
	#customisepanel .next 	  { width: 27px; height: 27px; background: transparent url(../images/carousel-buttons.png) no-repeat; float: right; margin: 7px 0px; display: block; }
		#customisepanel .previous { background-position: top left; margin-right: 6px; }
			#customisepanel .previous:hover { background-position: bottom left; }	
		#customisepanel .next { background-position: top right; margin-left: 6px; }
			#customisepanel .next:hover { background-position: bottom right; }	
			
	#shuttercolour div {padding: 0px}
	div#measurements  {padding: 10px 0px 10px 10px; }
	#shuttercolour p, #hingecolour p { text-align: center; margin-top: 4px;}
	#shuttercolour div#colourholder {width: 262px; max-width: 262px; float:left; text-align:left; overflow:hidden; text-align:left; height: 44px;}
	#shuttercolour div#colourslider {width: 2000px; float:left; text-align:left; margin-bottom: 1px;}
	#shuttercolour div.colourgroup {width: 262px; float:left; text-align: center; margin-right: 38px;}
	#shuttercolour ul { display: block; width: 262px; height: 40px; float: left; text-align:center; }
		#shuttercolour li { display: inline; height: 40px; width: 40px; margin: 0px; padding: 1px; position: relative;}
			#shuttercolour li span, #hingecolour li span { position: absolute; height: 40px; width: 40px; top: 0px; left: 0px; background: transparent url(../images/icon-check.png) no-repeat center center; z-index: 100; margin: 0; margin-left: 2px; padding: 0; }
	#shuttercolour li span {margin-top: -26px;}
	
	#hingecolour ul { display: block; width: 310; height: 40px; margin: 0px 0px 8px 13px; }
		#hingecolour li { display: block; height: 40px; width: 40px; margin-right: 4px; float: left; position: relative; }
	
	#shuttercolour p span, #hingecolour p span, #formpanel li span { font-weight: 600; color: #9F066C; }
	
	#formpanel ul { margin-bottom: 7px; }
	#formpanel li { margin-bottom: 3px; }
	
	#customisepanel .footer, #shutter #formpanel .footer { background: transparent url(../images/panel-footer.png) bottom center no-repeat; display: block; height: 8px; width: 350px; padding: 0; margin: 0; }

/* Quote Panel */
	
	#formpanel #measurements label { width: 75px; float: left; clear: left; line-height: 24px; }
	#formpanel #measurements input { width: 50px; height: 14px; float: left; font-size: 12px; color: #888; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }
	#formpanel #measurements span.by { float: left; padding: 0px 10px; line-height: 26px; }
	#formpanel #measurements { overflow: hidden; }
	#formpanel #measurements a.remove { float: left; margin-left: 15px; margin-top: 2px; padding-left: 12px; display: block; width: 65px; height: 23px; line-height: 21px; font-size: 13px; background: transparent url(../images/remove-button.png) no-repeat bottom left; color: #666;  text-shadow: 0px 1px 1px #fff; font-weight: 500; text-align: center; }
	#formpanel #measurements a.add, #formpanel #measurements a.update { float: left; display: block; color: #464646; width: 140px; height: 24px; padding-left: 20px; padding-right: 0px; margin-bottom: 10px; background: transparent url(../images/add-button.png) no-repeat bottom left; text-shadow: 0px 1px 1px #fff; line-height: 22px;  }
	#measurements a.update { margin-left: 10px; }
	#formpanel #measurements a.remove:hover, #formpanel #measurements a.add:hover { color: #B95699; }
	
	#formpanel #measurements p#validation, 
	#formpanel #measurements ul, 
	#container #formpanel #savequote div.save-error, 
	#container #formpanel #submitquote div.save-error,  
	div.save-error { background: #9F066C; color: #fff; font-weight: 600; padding: 3px 5px; margin-right: 20px; }
	#submitquote .save-error p {padding: 0px;}
	
	#formpanel .calculated { padding: 0px 1px; width: 348px; overflow: hidden; }
		span.cost { float: left; width: 168px; color: #9F066C; font-weight: 500; }
		span.title {  float: left; clear: left;  width: 140px; font-weight: 600; text-shadow: 0px 1px 1px #fff; color: #464646; }
		span.total { font-size: 24px; line-height: 30px; display: block; padding: 8px 10px; }
		span.comparison { font-size: 14px; line-height: 16px; display: block; padding: 6px 10px; }
		span.todd { background: #C3C8CC; }
		span.codd { background: #E5E7EA; }
		span.teven { background: #E1E3E5; }
		span.ceven { background: #F2F3F4; }
		#formpanel .calculated p { padding: 10px; }
		.costtagline { text-align: center; font-weight: 500; font-size: 15px; font-style: italic; color: #9F066C; }
	
	.savequote, .submitquote, .savequoteon, .submitquoteon {float: left; height: 163px; background: transparent url(../images/rangequote_ctas.png) no-repeat; text-indent: -100em;}	
	.savequote, .savequoteon { width: 175px; }
		.savequote { background-position: top right; }
		.savequoteon { background-position: bottom right; }
	.submitquote, .submitquoteon { width: 175px; }
		.submitquote { background-position: top left; }
		.submitquoteon {  background-position: bottom left;}
	.savequote a, .submitquote a, .savequoteon a, .submitquoteon a { font-weight: 700; font-size: 15px; }
	#formpanel a span#save, #formpanel a span#submit { margin: 0px; text-shadow: 0px 1px 1px #fff; height: 38px; display: block; line-height: 37px; color: #464646;   }
	#formpanel a span#submit {margin-left: 13px;}
	#formpanel a span#save {margin-left: 21px;}
		#formpanel a span#save { background: transparent url(../images/icon-save.png) no-repeat center left; padding-left: 40px; }
		#formpanel a span#submit { background: transparent url(../images/icon-submit.png) no-repeat center left; padding-left: 33px; }
	.savequote:hover { background-position: bottom right; }
	.submitquote:hover { background-position: bottom left; }
	#formpanel a.savequoteon span#save, #formpanel a.submitquoteon span#submit { color: #fff; text-shadow: 0px 1px 1px #000; }
	
	#submitquote, #savequote { clear: left; }
	#formpanel #savequote, #formpanel #submitquote { overflow: hidden; }
	#submitquote p, #savequote p { padding: 10px 0px; }
	#submitquote label, #submitquoteon label {float:left; padding: 3px 3px 3px 5px; width: 64px;}
	#formpanel #savequote input.text, #formpanel #submitquote input.text, #formpanel #savequote textarea, #formpanel #submitquote textarea { float: left; font-size: 12px; color: #888; text-align: left; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }		
	#formpanel #savequote input.text, #formpanel #submitquote input.text {width: 214px; height: 15px; }
	#formpanel #savequote textarea, #formpanel #submitquote textarea { width: 214px; height: 100px; float: left; margin-right: 0; padding: 2px; }
	#customisepanel a.send, #formpanel a.send, .send { width: 65px; height: 24px; background: transparent url(../images/send-button.png) no-repeat; font-size: 13px; line-height: 18px; border: 0; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; padding-left: 14px; color: #A51A78; float:left; margin: 2px 0px 0px 0px; padding: 3px 2px 2px 6px; text-shadow: 0px 1px 1px #fff;  }
		.send:hover { cursor: pointer; }
	.form_thanks {padding-left: 10px;}
		
	#quickquote #formpanel div#nextstep { background:none;}
	div#nextstep { overflow: hidden; padding-top: 0px; margin-top:-55px; }
	div#quotecontainer div#nextstep { margin-top:-45px;}
	div#nextstep a { background: url(../images/nextstep-button.png); text-align: center; font-weight: 400; width: 126px; height: 26px; display: block; float: right; line-height: 25px; }
		
/* Ranges Styles */

	#ranges .preview { width: 215px; margin: 0px 35px 30px 0px; float: left; }
		#ranges img { width: 215px; height: 196px; display: block; }
		#ranges .shortdescription { width: 195px; padding: 10px; background: transparent url(../images/ranges-info.png) bottom left; overflow: hidden; border-top: 1px solid #CDD1D7; }
			#ranges p { margin: 0 0 10px; font-size: 11px; color: #777; letter-spacing: 0em; line-height: 13px; }
			#ranges span.shorttitle, #ranges span.shortinfo { color: #444; float: left; display: block; font-size: 11px; margin-bottom: 3px;  }
				#ranges span.shorttitle { clear: left; width: 50px;  }
				#ranges span.shortinfo { font-weight: 600; width: 140px;  }
			#ranges .customiselink { background: transparent url(../images/customise-button.png) top left; width: 192px; height: 36px; display: block; float: left; font-size: 13px; color: #464646; text-shadow: 0px 1px 1px #fff; margin-top: 10px; }
				#ranges .customiselink span { background: transparent url(../images/icon-customise.png) center left no-repeat; padding-left: 35px; display: block; height: 36px; line-height: 35px; margin-left: 6px; }
				#ranges .customiselink:hover { background-position: bottom left; }
				
/* Quick Quote Styles */

#quickquote #formpanel span.title { height: 36px; width: 630px; display: block; background: url(../images/quickquote-sectiontitle.png) top left; text-shadow: 0px 1px 1px #000; color: #fff; }
#quickquote #formpanel span.on { background-position: bottom left; }
#quickquote #formpanel span.btitle { height: 36px; width: 630px; display: block; background: url(../images/quickquote-title.png) top left; text-shadow: 0px 1px 1px #fff; color: #666; }
#quickquote #formpanel span.title span, #quickquote #formpanel span.btitle span {padding-left: 36px; margin-left: 10px; line-height: 37px; height: 36px; display: block;}
#quickquote #formpanel a span.title span { color: #fff;}
#quickquote #formpanel a span.title {padding: 0px; margin: 0px;}

	#quickquote #formpanel span#quote_title { background: transparent url(../images/icon-quote.png) no-repeat center left;  }
	#quickquote #formpanel div { background: transparent url(../images/quickquote-bg.png) repeat-y top left; font-size: 13px; padding: 10px; clear:left; }
	#quickquote #formpanel div#delivery, #quickquote #formpanel div#rodposition {padding: 5px 10px;}
		#quickquote #formpanel p#validation, #quickquote #formpanel #measurements ul { width: 600px; }
	#quickquote #formpanel h3 { width: 618px; clear:left;}
	#quickquote #formpanel .quote_options_left {float:left; width: 315px; padding: 0px; overflow: hidden; border-right: 1px solid #fff; clear:none;}
	#quickquote #formpanel .quote_options_right {float:left; width: 313px;padding: 0px; overflow: hidden; clear:none; border-right: 1px solid #CDD1D7}
	#quickquote #formpanel .quote_options_left h3, #quickquote #formpanel .quote_options_right h3 {width: 309px;}
	
	#quickquote #formpanel #quote_results div.range { width: 140px; padding: 6px; float: left; height: 245px; background: 0; margin: 0; clear:none; }
		#quickquote #formpanel { font-size: 13px; color: #464646; }
		
		#quickquote #formpanel .range img { width: 140px; height: 128px; display: block; margin-bottom: 5px; }
		#quickquote #formpanel .range p { text-align: center; font-size: 14px; color: #444; font-weight: 600; }	
			#quickquote #formpanel .range p span { display: block; }
				#quickquote #formpanel .range p span.material { font-weight: 400; margin-bottom: 3px; color: #666; }
				#quickquote #formpanel .range p span.rangecost { font-size: 16px;  }
	
				#quickquote #formpanel .customiselink { background: transparent url(../images/quickquote-customise.png) top left; width: 120px; height: 36px; display: block; float: left; color: #464646; text-shadow: 0px 1px 1px #fff; margin: 0px 0px 0px 11px; }
				#quickquote #formpanel #quickquote_buttons {background: none; display:block; height:  220px; width: 282px; position: relative; float:right; margin-top: -260px; right: 0; padding-right:15px; padding-top: 0px;} 
				#quickquote #formpanel #quickquote_buttons .customiselink { height: 38px; background: transparent url(../images/button-large.png) top left; width:245px; margin-bottom:23px;} 
				#quickquote #formpanel #quickquote_buttons .customiselink span {height: 26px;  padding: 8px 0 8px 0px; font-size:14px; background:none; text-align:center; line-height: 22px;}
				#quickquote #formpanel #quickquote_buttons .customiselink:hover {background-position: 0px -38px ;}
				#quickquote #formpanel .customiselink span { background: transparent url(../images/icon-customise.png) center left no-repeat; padding-left: 37px; font-weight: 500; display: block; height: 36px; font-size: 12px;  line-height: 14px; margin-left: 7px; padding-top: 3px; }
				#quickquote #formpanel .customiselink:hover { background-position: bottom left; }
	#formpanel #measurements div {overflow: hidden; padding: 0px; margin-left: 0px; margin-top: 5px; display: block; background: none;}
								
	#quickquote #formpanel .calculated { padding: 5px 1px; width: 628px; overflow: hidden; background: #C3C8CC; }
		#quickquote #formpanel .calculated span { font-size: 20px; line-height: 30px; display: block; padding: 2px 10px; text-shadow: 0px 1px 1px #fff; font-weight: 600; }

	#quickquote #formpanel div#options {background-image:none; padding: 0px; }
	
	#quickquote #formpanel .footer, #contact #formpanel .footer, #survey #formpanel .footer, #brochure #formpanel .footer { background: transparent url(../images/quickquote-footer.png) bottom center no-repeat; display: block; height: 8px; width: 630px; padding: 0; margin: 0; }
	
	#quickquote #formpanel a.savequote, #quickquote #formpanel a.savequoteon, #quickquote #formpanel a.submitquote, #quickquote #formpanel a.submitquoteon { float: left; background: transparent url(../images/quickquote_ctas.png) no-repeat; overflow: hidden; text-indent: -1000px;  }
		#quickquote #formpanel a.submitquote { background-position: top left; width: 149px; height:163px; }
			#quickquote #formpanel a.submitquote:hover { background-position: bottom left; }
		#quickquote #formpanel a.savequote { background-position: top right; width: 128px; height: 163px; }
			#quickquote #formpanel a.savequote:hover { background-position: bottom right; }
			#quickquote #formpanel span.footer {clear:left;}
		#quickquote #formpanel a.savequoteon, #quickquote #formpanel a.savequoteon:hover {  background-position: bottom right;}
		#quickquote #formpanel a.submitquoteon, #quickquote #formpanel a.submitquoteon:hover {  background-position: bottom left;}
		
		#quickquote #formpanel a span#save { margin-left: 52px; }
		#quickquote #formpanel a span#submit { margin-left: 17px; }
		
	#quickquote #formpanel #savequote p, #quickquote #formpanel #submitquote p { display: block; float: left; padding-right: 10px; }
	#quickquote #formpanel #savequote div, #quickquote #formpanel #submitquote div, #quickquote #formpanel div.form_data { float: left; padding: 0; margin: 0; background: none; }
	#formpanel #savequote .send { margin-left: 5px; }
	#formpanel #submitquote .send { margin-left: 100px; }
	#formpanel #submitquote textarea { width:214px; }

/* News Styles */

.newsentry { position: relative; display: block; padding-bottom: 20px; padding-top: 10px; overflow: hidden; border-top: 2px solid #9F066C; width: 456px;}
.newsentry img { float: left; display: block; padding-right: 15px; width: 100px; }
	.newsentry div { margin-left: 100px;}
	.newsentry .title {clear:none; display: block; margin-bottom: 5px; font-weight: 700; color: #9F066C; font-size: 16px; width: 327px;  height: 22px; overflow: hidden;}
	.newsentry .summary { display: block; color: #555; font-weight: 400; font-size: 13px; margin-bottom: 10px; width: 327px; height: 97px; }
	.newsentry .date { font-style:italic;display: block; color: #555; font-weight: 400; font-size: 11px; padding-right: 15px; margin-bottom: 10px; float:left; padding-left:11px }
	.newsentry .readmore { display: block; float:right; margin-right: 5px; }
	.newsentry .newsimage {float:left; padding-bottom: 15px;}
.article { width: 470px; }	
.article img { width: 470px; }
.article p { font-size: 13px; line-height: 19px; }
	.article p span { font-weight: bold; color: #9F066C; }


/* Footer Styles */
#footer { width: 990px; border-left: 6px white solid; border-right: 6px white solid; margin: 0 auto; height: 224px;}
#footer div { padding: 100px 0px 10px; margin: 0 20px; width: 940px; height: 92px; clear: both; background: transparent url(../images/footer.png) no-repeat 0px 100px; overflow: hidden; }
	#footer div ul { list-style-type: none; margin-bottom: 45px; }
		#footer div li { float: left; }
		
		ul#links { padding: 27px 9px 0px; font-size: 12px; line-height: 35px; font-size: 11px; }
			ul#links li { padding: 0px; padding-right: 15px; float:right }
			ul#links li.break { float:left; }
			ul#links a { font-weight: 400; color: #5F656C; }
	
	#footer #details, ul.areas { font-size: 11px; padding: 0px 5px; }		
	#footer #details { float: left; display: block; }
	ul.areas {width: 950px; margin: 0px auto; text-align: center; padding-bottom: 2px;line-height:15px;}
		ul.areas li { padding-left: 10px; display:inline-block; padding-right: 10px; border-right: 1px solid #666;}
		ul.areas a { color: #777; text-decoration:none; font-weight:400;}
		ul.areas a:hover {text-decoration:underline; }
		
		ul.areas li:last-child { border: none;}

#push { height: 294px; clear:both;}
		
#custom_colorpicker { overflow: hidden; display: block; clear:both;}	
#shuttercolour {height: 56px; overflow: hidden;}	
#undercolour {background-color: #ffffff; }

span.required {color: #9F066C; clear:left; font-size: 12px;}

.button {width: 65px; height: 24px; background: transparent url(../images/send-button.png) no-repeat; font-size: 13px; line-height: 18px; border: 0; text-align: center; font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #A51A78; float: left; padding:3px 2px 2px 6px; text-shadow:0 1px 1px #FFFFFF;}
.inline_button {margin: 2px 0px 0px 5px;}
.new_form {margin: 10px 0px 0px 0px;}
.send_form {margin: 0px 0px 0px 100px;}

.preview h1 {margin: 0px; height: 219px; overflow: hidden;}
#style_size input {margin-right:4px;}
#style_size span, #rodposition span  { margin: 0px; padding: 0px; width: 68px; display:inline-block;}
#style_size span {margin-right: 4px;}

#formpanel a span#quote_icon {background:url("../images/icon-quickquote_small.png") no-repeat scroll left center transparent; height: 26px; width: 50px; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 25px; line-height: 26px;}

#formpanel h3 a span {display: inline; line-height: 22px; padding: 0px; margin: 0px; margin-left: 2px;}

span.boldpink {color: #9F066C; font-weight: 600; float:left; clear:left;}
#formpanel a .boldpink {background: url('../images/quote_changebutton.png') no-repeat top left;width: 55px; height: 19px; float:right ;margin-right: 115px; margin-top: 3px;}
#formpanel a:hover .boldpink {background-position: bottom left;}


.bcarrow {font-size: 9px; height: 10px; vertical-align:text-top; padding: 1px;}
.newsback { color:#FFFFFF; display:block; font-weight:400; height:26px; line-height:25px; text-shadow:0 1px 1px #000000; background: transparent url(../images/faqs_back.png) top left no-repeat; padding-left: 25px; width: 96px; margin-bottom: 15px; font-size: 13px; }
#quickquotesubmit {margin-left: 120px; float:left;}


.whychooseshutters { width: 630px; margin-right: 55px; }
.whychooseshutters h2 { text-transform: uppercase; font-weight: 400; color: #9F066C; margin-bottom: 5px; font-size: 20px; letter-spacing: -0.10em; text-shadow: 0 1px 1px #fff; padding-top: 15px; }
.whychooseshutters p { margin-left: 15px; padding-left: 30px; font-size: 14px; background: transparent url(../images/home-bullet.png) no-repeat 0% 50%; }

span.copyright { display:block; font-size: 11px; color: #888; margin-top: 20px; margin-right: 30px; float:right;}

#offers .left { width: 605px; margin-right: 90px; }
#offers .column #offerslist p { font-size: 16px; line-height: 26px; margin: 0px; }
	#offers .column #offerslist a { border-bottom: 1px solid #9F066C;}
#offers .column #offerslist h3 { margin-top: 40px; margin-bottom: 30px; }
#offers .faq_on { background: url(../images/offerpage_faqheader.png); }
	#offers .faq_on:hover { cursor: pointer; }
	
#offers .column #offerslist p.offerpanel {background: url(../images/offer_panel.png); width: 455px; display:block; height: 69px; line-height: 22px; padding: 8px 15px; margin: 15px 5px;}	

#maps { margin-top: 75px; clear: both; }
.map { width: 270px; float: left; }
.map h3 { font-weight: 400; color: #464646; text-shadow: 0 1px 1px white; padding-left: 15px; background: url(../images/maps_header.png); line-height: 37px; width: 255px; }