/*----------------------------------------------------------------------
[Shared Stylesheet] 
Desc: contains styles for home and product pages

Copyright:		Great Fridays 2011
Client:			Bowers &amp; Wilkins
Project:		Right Now Support 
Created by:		Luke Byrne
Last Updated:	05 - 10 - 11				
-----------------------------------------------------------------------*

/* OVERLAY ----------------------------------------------------------*/
.overlayForm { margin-top: 10px; width: 370px; float: left; position: relative; }
	.overlayBoxWrapper h2 { padding-bottom: 20px; }
	.overlayForm p { overflow: hidden; }
		.overlayForm input, .overlayForm textarea { float: right; }
		.overlayForm label { font-weight: bold; }
		
/* ERRORS */
p.error { position: absolute; bottom: 15px; padding: 0; width: 230px; color: #ae3e3e; }
.overlayForm input.error { color: #ae3e3e; background-position: 0 -408px; }
.overlayForm textarea.error { color: #ae3e3e; background-position: 0 -440px; }
label.error { color: #ae3e3e; width: 250px; font-weight: normal; float: left; }
			
/* Support pages ---------------------------------------- */
.supportTheme .contentWrapper { padding-top: 36px; }
	.supportRowNew { width: 900px; padding: 0 30px 12px; margin-bottom: 28px; background: url(images/shadow-940.png) center bottom no-repeat; }
	.noBackground { background: none; }
		.noBackground p { width: 575px;}
			.noBackground p a { text-decoration: underline; }
		.supportOverview .supportRowNew { padding-bottom: 62px; }
		.supportHeadphones .supportRowNew { padding-bottom: 292px; }
			.supportRowNew h1 { padding: 0; margin-bottom: 18px; }
			.supportRowNew h3 { padding-bottom: 16px; }
			p.bigMargin { padding: 0; margin-bottom: 56px; }
			p.medMargin { padding: 0; margin-bottom: 36px; }
			p.contactIntro { min-height: 59px; }
			p.width75 { width: 75%; }
			.supportHotspots { padding: 0; margin-bottom: 45px; }
			.supportHotspots li { position: relative; float: left; width: 216px; margin-left: 12px; }
				.supportHotspots li:first-child { margin-left: 0; }
					.supportHotspots li img { display: block; margin-bottom: 16px; }
					.supportHotspots li span { font-size: 14px; }
					.supportHotspots li a:hover span, .supportHotspots li a:hover { text-decoration: none; }
					.hotpotBG { width: 216px; height: 10px; background: url(images/hotspot-bg.png) no-repeat; position: absolute; left: 0; top: 118px; }
					a:hover .hotpotBG { background-position: 0 -28px; }
	.contentWrapper.supportContact, .contentWrapper.supportSearchResults { padding: 0; }
		.col710 { width: 710px; margin-top: 36px; }
		.supportContact h1 { font-size: 18px; line-height: 22px; margin-bottom: 22px; }
		.supportContact .supportRowNew { width: 670px; padding: 0 10px 12px 30px; margin-bottom: 28px; background: url(images/shadow-710.png) center bottom no-repeat; }
			.supportContact .overlayForm { margin: 0 0 48px; float: none; }
				#contactForm select { float: right; width: 266px; padding: 2px 2px 2px 4px; height: 23px; }		
				#contactForm label { line-height: 22px; width: 90px; float: left; }	
				#contactForm label.error { width: 250px; line-height: 15px; }
				.selectHolder { background: url(images/curves.png) 0 -690px no-repeat; height: 17px; padding: 3px 10px; position: relative; width: 246px; }
				#contactForm .selectHolder  { float: right; }
					#contactForm .selectHolder label { line-height: 18px; font-weight: normal; float: none; }
					.selectHolder select { position: absolute; left: 0; top: 0; }
				.selectHolder.error { background-position: 0 -732px; }
		.col235 { width: 200px; background: #f8f8f8; min-height: 695px; padding-top: 26px; margin-top: 1px; float: right; }
			.row235 { width: 207px; background: url(images/shadow-235.png) center bottom no-repeat; padding: 0 10px 10px 18px; margin-bottom: 27px; }
			.row235 h3 { font-size: 18px; padding-bottom: 11px; }
			.telephoneNum { font-size: 18px; padding: 0; margin-bottom: 56px; color: #333; }
			.callUs { margin-bottom: 5px; padding: 0; font-size: 11px; }
				.questions { width: 195px; margin-bottom: 8px; }
					.questions li { padding-top: 15px; margin-bottom: 15px; border-top: 1px solid #e9e9e9; }
					.questions li:first-child { padding: 0; border: 0; }
						.questions li a { font-weight: bold; }
	.col704 { width: 704px; padding-top: 36px; }
		.searchIntro { margin-left: 20px; min-height: 119px; }
			.searchIntro h1 { font-size: 18px; line-height: 22px; }
			.col506 { width: 506px; padding: 0; margin-bottom: 16px; }
			.popularQ { display: inline-block; *display: inline; background: url(images/icons.png) right -993px no-repeat; padding-right: 10px; font-weight: bold; }
				.popularQ:hover { background-position: right -1008px; }
				.col506 .inputLg { background: url(images/input-lg.png) no-repeat; width: 414px; }
				.col506 input.smallButton { background-position: 0 -775px; width: 51px; margin-top: -1px; padding-top: 4px\9; }
				@media screen and (-webkit-min-device-pixel-ratio:0) {
    				.col506 input.smallButton { padding-top: 4px; }
				}
		.paginationTop { background: url(images/pagination-top.png) no-repeat; padding: 33px 10px 0 20px; height: 42px; width: 674px; margin-bottom: 24px; }
		.paginationBottom { background: url(images/pagination-bottom.png) no-repeat; padding: 12px 10px 0 20px; height: 50px; width: 674px; }
		.paginationBottom span.left { margin-top: 6px; }
			.paginationSearch form, .paginationSearch ul { display: inline-block; *display: inline; }
			.paginationSearch ul { margin-left: 15px; }
				.paginationSearch .selectHolder { width: 99px; background-position: 0 -820px; display: inline-block; }
				.paginationSearch select { width: 119px; height: 23px; }
				.paginationSearch label { line-height: 18px; margin-right: 10px; }
					.paginationSearch .selectHolder label { margin: 0; }
				.paginationSearch li { display: inline; background: url(images/icons.png) 0 -867px no-repeat; }
				.paginationSearch li.firstListItem, .paginationSearch li.prev, .paginationTop li.next { background: none; }
					.paginationSearch li a { padding: 0 4px; text-decoration: underline; }
					.paginationSearch li.next a { background: url(images/icons.png) right -885px no-repeat; padding-right: 8px; padding-left: 0; }
					.paginationSearch li.prev a { background: url(images/icons.png) 0 -912px no-repeat; padding-left: 8px; padding-right: 0; }
					.paginationSearch li.active a { color: #000; }
		.searchResults { margin-left: 20px; padding: 0; margin-bottom: 45px; }
			.searchResults li { list-style-type: decimal; list-style-position: inside; margin-bottom: 5px; font-size: 12px; }
		.supportSearchResults .col235 { min-height: 663px; }
		.row235 .submitQuestion { margin-bottom: 47px; background-position: 0 -863px; width: 152px; margin-bottom: 46px\9; }
		@media screen and (-webkit-min-device-pixel-ratio:0) {
    		.row235 .submitQuestion { margin-bottom: 45px; }
		}
		
		.contentWrapper.rightNowOverview, .contentWrapper.rightNowArticle { padding-top: 0; }
			.col685 { width: 685px; padding-top: 36px; }
				.col685 .supportRowNew { width: 665px; padding: 39px 0 0 20px; background: url(images/shadow-685.png) no-repeat center top; }
					.col685 h2 { margin-bottom: 18px; }
					.rightNowIntro p { padding: 0; }
				.col685 .rightNowSpec  { overflow: hidden; padding: 10px 0 50px 20px; margin-bottom: 0; }
					.rightNowSpec > li { border-left: 1px solid #e9e9e9; width: 181px; float: left; padding: 40px 10px 0 30px; margin-top: -10px; padding-bottom: 200px; margin-bottom: -200px; }
					.rightNowSpec > li:first-child { border-left: 0; width: 211px; padding: 40px 10px 200px 0; }
						.rightNowSpec .selectHolder { display: inline-block; *display: inline; *zoom: 1; background-position: 0 -820px; width: 99px; }
							.rightNowSpec .selectHolder label { line-height: 16px; }
						.rightNowSpec select { width: 119px; height: 23px; }
						.rightNowSpec > li li { list-style: inside; font-size: 12px; }
						.rightNowSpec > li p { padding-bottom: 16px; }
				.col685 .rightNowQuestions { margin-bottom: 18px; }
					.rightNowQuestions p { padding: 0; }
						.rightNowQuestions p a { font-weight: bold; text-decoration: underline; }
					.rightNowQuestions ul { margin-bottom: 31px; padding: 0; }
						.rightNowQuestions li { margin-bottom: 5px; list-style-position: inside; list-style-type: decimal; font-size: 12px; }
				.articleInfo > img { margin-top: 20px; }
				.articleInfoContent { width: 66%; margin-bottom: 14px; }
					.articleInfoContent h2 { margin-top: 8px; }
				.supportBreadcrumb { font-weight: bold; background: url(images/icons.png) 0 -930px no-repeat; padding-left: 10px; display: inline-block; }
					.supportBreadcrumb:hover { background-position: 0 -947px; }
				.scrollTop { font-weight: bold; background: url(images/icons.png) right -964px no-repeat; padding-right: 10px; display: none; }
				.js .scrollTop { display: list-item; }
					.scrollTop:hover { background-position: right -979px; }
				.yesNoList li { display: inline-block; margin-right: 10px; *display: inline; }
					.yesNoList li a { background: url(images/curves.png) 0 -908px no-repeat; width: 62px; }
			.col685 .relatedQuestions { margin-bottom: 10px; }
				.relatedQuestions ul { padding-bottom: 0; }
					.relatedQuestions li { margin-bottom: 5px; font-size: 12px; }