/* Home Styles */
#home .left { width: 480px; padding: 0px 20px;  }
#home .right { width: 400px; }

/* Introbox Styles */

#introbox { position: relative; display: box; overflow: visible; width: 940px; height: 250px; z-index: 1; } 
#introbox .fadingimg { position:absolute; width: 940px; height: 250px;  z-index: -100; }
#introbox-corners {position:absolute; width: 940px; height: 250px; z-index: -50;}
#slidein { height: 250px; width: 148px; position: absolute; left: 0px; top: 0px; overflow: hidden; z-index: 20; }
#slidein img {position:relative; width: 134px; height: 250px; float: left; margin-left: -134px; }
#slideincontrol { float: left; margin-top: 82px; background: transparent url(../images/slidein-buttons.png) no-repeat left top; width: 14px; height: 78px; }
#slideincontrol #on { background-position: right top; }

#home #actions { float: right; width: 360px; height: 250px; padding: 12px; z-index: 10; }
#home .cta { background: transparent url(../images/pink-cta.png) no-repeat top left; text-decoration: none; color: #fff; float: right; }
#home .cta:hover { background-position: 0px -69px; }

.ctaform {color:#FFFFFF;font-size:15px;position:absolute;right:9px;top:11px;z-index:15; }

	.ctaform label { float: left; clear: left; width: 100px; text-align: right; padding-right: 20px; text-shadow: 0 1px 1px #000; font-weight: 600; margin-bottom: 10px; line-height: 26px; }
	.ctaform span { float: left; }
	.ctaform input{ font-size: 13px; }
	.ctaform span.measurement{ margin-right:9px; padding-top: 3px; }
	.ctaform .by { float: left; text-align: center; width: 30px; line-height: 25px; }
	.ctaform input[type=text] { color: #bbb; float: left; height: 16px; }
	
	.ctaform a { display: block; clear: both; margin-left: 115px; }
	.ctaform a.add { color: #fff; text-decoration: underline; font-size: 13px; font-weight: 400; padding-bottom: 8px;}
	.ctaform a.add:hover { color: #9F066C; }
	.ctaform .get { float:left; width: 150px; height: 30px; background: transparent url(../images/ctaform-button.png) no-repeat top left; color: #666; text-shadow: 0 1px 1px #fff; text-align: center; line-height: 29px; border: 0; margin-left: 15px; font-weight: 600; font-size: 14px; cursor: pointer; }
	.ctaform .get:hover { color: #B95699; }
	
	.closeform { display: block; height: 21px; width: 21px; background: transparent url(../images/close-button.png) no-repeat top left; position: absolute; right: -8px; bottom: 4px; z-index: 200;}

	
	.ctaform input, .ctaform textarea { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; color: #bbb; font-size: 13px; }
	
	.ctaform .bg { height: 227px; padding:  6px 8px; float:left; background: transparent url(../images/ctaform_repeat.png) repeat-x top left; }


#shuttercarousel, #latestnews, #testimonials { width: 400px; margin-bottom: 0px; position: relative; }
.bottom { width: 400px;  margin: 0px; height: 12px; margin-bottom: 15px; position: relative; background: url('/skin/purelyshutters/images/home_box_bottom.png') no-repeat;}
.top { width: 400px;  margin: 0px; height: 8px; position: relative; background: url('/skin/purelyshutters/images/home_box_top.png') bottom left no-repeat; float: none;}

#shuttercarousel { background: transparent url(../images/home_box_bg.png) repeat-y; height: 310px; }

#shuttercarousel .previous, #shuttercarousel .next { width: 27px; height: 27px; background: transparent url(../images/carousel-buttons.png) no-repeat; position: absolute }
#shuttercarousel .previous { top: 75px; left: 25px; background-position: top left; }
#shuttercarousel .previous:hover { background-position: bottom left; }	
#shuttercarousel .next { top: 75px; right: 25px; background-position: top right; }
#shuttercarousel .next:hover { background-position: bottom right; }	
#shuttercarousel #spincanvas {position: absolute;  left: 75px; top: 14px; width: 254px; height: 232px; overflow: hidden;}
#shuttercarousel #spincontainer {width: 2000px; position: absolute; left: -375px;}
#shuttercarousel .previewitem {display: block; float:left; position: relative; width: 254px;  margin-right: 121px;}
#shuttercarousel .previewitem span { font-size: 12px; display: block; line-height: 18px; width: 248px; text-align:justify; height: 84px;}
#shuttercarousel a#view { float: left; clear:both; display: block; width: 245px; height: 38px; text-align: center;  background: transparent url(../images/button-large.png) top left no-repeat; 
			  font-size: 15px; font-weight: 700;  color: #393939; text-shadow: 0 1px 1px #fff; line-height: 36px;
			  margin: 255px 0px 0px 78px; }
#shuttercarousel a#view span {background: transparent url(../images/icon-colour.png) no-repeat left center; height: 26px; padding: 8px 0px 8px 30px; }
#shuttercarousel a#view:hover { background-position: bottom left; }
#shuttercarousel a span {color:#000; font-weight: 400;}
#shuttercarousel a span b {color:#9F066C; font-weight: 500;}
		
#latestnews, #testimonials { background: transparent url(../images/home_box_bg.png) repeat-y; height: auto; }
#latestnews {padding-bottom: 5px;}

#latestnews div img { position: relative; float:left; top: 15px; left: 15px; width: 74px; display:block;  }
#latestnews #title { display: block; margin: 0px 0px 5px 105px; font-weight: 700; color: #9F066C; font-size: 14px; padding-top: 15px; }
#latestnews .summary { display: block; margin-left: 105px; color: #464646; font-weight: 400; font-size: 13px; padding-right: 15px; margin-bottom: 5px; height: 35px; overflow: hidden; }
#latestnews .readmore { margin-top:12px;margin-left: 105px; }

.readmore { display: block; width: 101px; height: 28px; text-align: center; font-weight: 700; color: #5F656C; text-shadow: 0 1px 1px #fff; font-size: 15px; line-height: 26px; background: transparent url(../images/readmore-button.png) no-repeat top left; }
#readmore:hover { background-position: bottom left; }

#testimonials p { width: 300px; margin: 0 auto 10px; position: relative; padding-top: 15px; font-size: 15px; }
#testimonials div img { position: absolute;  }
#testimonials img.open { top: 10px; left: -35px; }
#testimonials img.close { bottom: -10px; right: -35px; }
#testimonials .summary {margin-top:-15px;  height: auto; overflow: hidden; display: block;}
#testimonials .summary span {display: table-cell; vertical-align:middle ; height: auto; }
#testimonials .readmore { margin-left: 50px; }

#specialoffer { margin-left: -12px; margin-top: 12px; position: relative; width: 360px; padding-right: 20px; height: 94px; background: transparent url(../images/regular_offer.png) no-repeat top left; margin-bottom: 8px; padding-top:27px; padding-left: 98px; }
#specialoffer span {  right: 4px; height: 38px; width: 390px; color: #464646; text-shadow: 0 1px 1px #fff; font-size: 14px; font-weight: 500; text-align: center; line-height: 28px; }
#specialoffer h4 { margin-top: 10px; color: #BD2B8E; text-shadow: 0px 1px #fff; }

#specialoffer span.smalloffer { width: 340px; font-size: 14px; margin-top: 3px;  text-align:left; line-height:normal; }
#specialoffer span.smalloffer span { font-size: 13px; line-height: normal;}
#specialoffer span.pink {color: #9F066C;}

#christmasoffer { margin-left: -12px; margin-top: 12px; position: relative; width: 260px; padding-right: 20px; height: 102px; background: transparent url(../images/christmas_offer.png) no-repeat top left; margin-bottom: 8px; padding-top:20px; padding-left: 198px; }
#christmasoffer span {  right: 4px; height: 38px; width: 390px; color: #464646; text-shadow: 0 1px 1px #fff; font-size: 16px; font-weight: 500; text-align: center; line-height: 22px; }
#christmasoffer h4 { margin-top: 8px; color: #BD2B8E; text-shadow: 0px 1px #fff; }
#christmasoffer span.smalloffer { width: 340px; font-size: 14px; margin-top: 3px;  text-align:left; line-height:normal; }
#christmasoffer span.smalloffer span { font-size: 13px; line-height: normal;}
#christmasoffer span.pink { color: #9F066C;}
#christmasoffer span.offertag {position:absolute; left: 50px; color: #fff; font-size: 15px; top: 44px; text-shadow: 0px 1px #000; display: block; width: 100px; }


/* #introduction { width: 460px; font-size: 14px; color: #555; line-height: 20px; padding-bottom: 50px; background: transparent url(../images/home-divider.png) no-repeat bottom center; margin-bottom: 30px; } */
#introduction { width: 460px; font-size: 14px; color: #555; line-height: 20px; margin-bottom: 30px; }
#introduction span { font-weight: 700; color: #9F066C; }

#points ul, #newpoints ul { font-size: 14px; color: #555; list-style-type: none; margin-bottom: 20px; }
#newpoints ul { margin-left: 20px; }
#points li, #newpoints li { margin-bottom: 10px; line-height: 19px; padding-left: 35px; background: transparent url(../images/home-bullet.png) left center no-repeat; }

#newpoints h2 { text-transform: uppercase; font-weight: 400; color: #9F066C; margin-bottom: 10px; font-size: 23px; letter-spacing: -0.10em; text-shadow: 0 1px 1px #fff; height: 46px; background: transparent url(../images/front-bullet.png) top left no-repeat; margin-left: -44px; padding-left: 50px; line-height: 40px; }


.fp_news_thumb {width: 74px;}

#quoteform .bg {width: 463px; padding-top: 20px;}
#surveyform .bg {width: 600px;}
#brochureform .bg {width: 740px;}
#brochureform label {width: 70px;}
.ctaform .leftside { height: 235px; width: 7px; float:left; background: transparent url(../images/ctaform_left.png) no-repeat top left; }
.ctaform .rightside { height: 235px; width: 9px; float:right; background: transparent url(../images/ctaform_right.png) no-repeat top left; }
.quickquote input[type=text] { width: 60px; }
.survey, .brochure { background: transparent url(../images/ctaform.png) no-repeat top left; height: 235px;}
.brochure input[type=text], .survey input[type=text] { width: 200px; }
.survey textarea { width: 196px; height:40px; padding: 5px; }
.brochure textarea { width: 196px; height:78px; padding: 5px; }
.brochure a#downloadbrochure { width: 150px; height: 30px; background: transparent url(../images/ctaform-button.png) no-repeat top left; color: #666; text-shadow: 0 1px 1px #fff; text-align: center; line-height: 29px; float: left; margin: 0 0 10px; clear: none; }
a#downloadbrochure:hover { color: #B95699; }
	

.brochure_inner_form .get, .survey_inner_form .get {margin-top: 0px;}

#chooseshutters { display: block; height: 57px; padding-left: 75px; width: 176px; font-size: 15px; color: white; text-shadow: #210A19 0px 1px 1px; background: transparent url(../images/button-whychooseshutters.png) top left no-repeat; padding-top: 12px; padding-right: 10px; line-height: 20px; margin: 20px 0px 0px 20px; }
	#chooseshutters:hover { background-position: bottom left; }