/****************************************************** LYCO DIRECT STATIC ********************************************************/

/********************************* CUSTOMER SERVICES *******************************/

.customerServicesContainer {position: relative; width: 592px; padding-bottom: 10px; margin: 0 auto;}
.customerServicesContainer .nav {position: relative; width: 592px; margin-bottom: 30px; background: url(../img/customerServices/navBg.png) repeat-y top left;}
#mainContent .customerServicesContainer .nav .top {position: relative; width: 592px; background: url(../img/customerServices/navTop.png) no-repeat top left;}
#mainContent .customerServicesContainer .nav .bottom {position: relative; width: 592px; background: url(../img/customerServices/navBottom.png) no-repeat bottom left; padding: 15px 0;}

.customerServicesContainer h3 {color: #737373; font-size: 14px; margin: 0 14px 10px 14px;}
.customerServicesContainer h3.halfDots {background:url(../img/customerServices/dashedHeader.gif) no-repeat left bottom; padding-bottom: 7px; width:310px;}
.customerServicesContainer h3.fullDots {background:url(../img/logoIcon/dotsHorizDarkGrey.gif) repeat-x left bottom; padding-bottom: 7px; width:564px;}
.customerServicesContainer p {color: #737373; font-size: 11px; margin: 0 14px 15px 14px; line-height:14px;}
.customerServicesContainer p a {color: #737373; font-size: 11px; text-decoration: underline;}
.customerServicesContainer p a:hover {text-decoration: none;}
.customerServicesContainer ul {width:532px;margin-left:19px;color:#737373;}
.customerServicesContainer ul li{text-align:justify;margin-bottom:15px;list-style:none;background:url(../img/customerServices/bulletRound.gif) no-repeat left 2px;padding-left:20px; line-height: 14px;}
.customerServicesContainer.returns ul li {margin-bottom:5px; font-weight: bold;}
.customerServicesContainer.help ul {margin-left: 10px; padding-bottom: 6px; color:#137bd0;}
.customerServicesContainer.help ul li{margin-bottom:5px;}
.customerServicesContainer.find ul {margin-bottom: 25px;}
.customerServicesContainer.find ul li {margin-bottom: 5px;}

.customerServicesContainer .nav ul {width: 500px; margin-left: 6px; position: relative; z-index: 20;}
.customerServicesContainer .nav ul li {width: 162px; margin: 0 2px 2px 0; float: left; display: inline; list-style: none; height: 21px; background:none; padding:0;}
.customerServicesContainer .nav ul li a {background: url(../img/customerServices/navRollover.gif) no-repeat top left; color: #fff; font-weight: bold; font-size: 11px; padding-left: 20px; width: 142px; height: 21px; line-height: 20px; display: block; text-decoration: none;}
.customerServicesContainer .nav ul li a:hover {background: url(../img/customerServices/navRollover.gif) no-repeat bottom left; text-decoration: none;}
.customerServicesContainer .nav ul li a.active {background: url(../img/customerServices/navRollover.gif) no-repeat bottom left;}
.customerServicesContainer .nav .laptopImg {position: absolute; top: 17px; right: -2px; width: 193px; height: 111px; background: url(../img/customerServices/laptopImg.png) no-repeat; z-index: 10;}

.customerServicesContainer .greyBox {position: relative; margin: 0 4px 15px 4px; float: left; display: inline;}
.customerServicesContainer .greyBox h2.header {position: relative; top: 3px; height: 27px;}
.customerServicesContainer .greyBox.website h2.header {width: 109px; background: url(../img/customerServices/websiteHeader.gif) no-repeat;}
.customerServicesContainer .greyBox.sales h2.header {width: 94px; background: url(../img/customerServices/salesHeader.gif) no-repeat;}
.customerServicesContainer .greyBox.customerService h2.header {width: 167px; background: url(../img/customerServices/customerServiceHeader.gif) no-repeat;}
.customerServicesContainer .greyBox .borderTL {background: url(../img/customerServices/greyBoxTL.gif) no-repeat top left;}
.customerServicesContainer .greyBox.website .borderTL, .customerServicesContainer .greyBox.sales .borderTL, .customerServicesContainer .greyBox.customerService .borderTL {background: url(../img/customerServices/greyBoxTLBlue.gif) no-repeat top left;}
.customerServicesContainer .greyBox .borderTR {background: url(../img/customerServices/greyBoxTR.gif) no-repeat top right;}
.customerServicesContainer .greyBox .borderBL {background: url(../img/customerServices/greyBoxBL.gif) no-repeat bottom left;}
.customerServicesContainer .greyBox .borderBR {background: url(../img/customerServices/greyBoxBR.gif) no-repeat bottom right;}

.customerServicesContainer .greyBox .content {position: relative; margin: 0; padding: 13px 3px 13px 15px;}
.customerServicesContainer .greyBox .content p {color: #737373; font-size: 11px; padding: 0 0 3px 28px; margin: 0; line-height: 16px;}
.customerServicesContainer .greyBox .content p.email {background: url(../img/customerServices/iconEmail.gif) no-repeat left top; height: 32px;}
.customerServicesContainer .greyBox .content p.tel {background: url(../img/customerServices/iconTel.gif) no-repeat left top; height: 26px; line-height: 24px; margin-bottom: 3px;} 
.customerServicesContainer .greyBox .content p.fax {background: url(../img/customerServices/iconFax.gif) no-repeat left top; margin-bottom: 8px; height: 16px;}
.customerServicesContainer .greyBox .content p.hours {font-size: 10px; font-weight: bold; padding: 0; margin-bottom: 10px;}
.customerServicesContainer .greyBox .content p.help {background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x left top; height: 55px; padding: 10px 0 0 0; margin: 0 12px 0 0; line-height: 14px;}
.customerServicesContainer .greyBox .content p.noBg {background: none;}
.customerServicesContainer .greyBox .content p a {text-decoration: none;}
.customerServicesContainer .greyBox .content p a:hover {text-decoration: underline;}

.customerServicesContainer.intro .greyBox .content p, .customerServicesContainer.delivery .greyBox .content p, .customerServicesContainer.returns .greyBox .content p {font-size: 14px;}
.customerServicesContainer.intro .greyBox .content p.email, .customerServicesContainer.delivery .greyBox .content p.email, .customerServicesContainer.returns .greyBox .content p.email {height: 25px;}
.customerServicesContainer.intro .greyBox .content p.hours, .customerServicesContainer.delivery .greyBox .content p.hours, .customerServicesContainer.returns .greyBox .content p.hours {font-size: 11px; margin: 0 0 5px 28px;}
.customerServicesContainer.intro .greyBox .content p a, .customerServicesContainer.delivery .greyBox .content p a, .customerServicesContainer.returns .greyBox .content p a {font-size: 14px;}

.customerServicesContainer .greyBox .content .address {margin: 0px; padding-left: 30px; height: 293px; background: url(../img/customerServices/iconAddress.gif) no-repeat left top;}
.customerServicesContainer .greyBox .content .address p {padding: 0; margin: 0 0 10px 0;}
.customerServicesContainer .greyBox .content .address p span.large {font-size: 14px; line-height: 18px;}
.customerServicesContainer .greyBox .content .address p.link {background: url(../img/customerServices/bulletBlue.gif) no-repeat left center; padding: 0 0 0 10px; margin: 0 0 0 -10px;}
.customerServicesContainer .greyBox .content .address p.link a {color: #137bd0; font-size: 10px; font-weight: bold; text-decoration: none;}
.customerServicesContainer .greyBox .content .address p.link a:hover {text-decoration: underline;}

/*** CONTACT US ***/
#enquiryBoxContainer {position: relative; float: left; display: inline; width: 277px; margin: 0 0 0 13px;}
#enquiryBoxContainer .questionMark {position: absolute; top: -10px; right: -10px; width: 51px; height: 51px; background: url(../img/customerServices/iconQuestionMark.png) no-repeat; z-index: 10;}
#enquiryBoxContainer .headerBar {background: url(../img/customerServices/enquiryBoxHeader.png) no-repeat; position: relative; width: 277px; height: 25px; padding-top: 4px;}
#enquiryBoxContainer .headerBar h2 {position: relative; height: 22px; display: block; margin-left: 18px; width: 80px; background: url(../img/customerServices/enquiryFormHeader.gif) no-repeat;}
#enquiryBoxContainer .boxBg {position: relative; background: url(../img/customerServices/enquiryBoxBg.png) repeat-y top left; width: 277px; margin-bottom: 15px;}
#enquiryBoxContainer .boxBottom {position: relative; background: url(../img/customerServices/enquiryBoxBottom.png) no-repeat bottom left; width: 277px;}

#enquiryBoxContainer .enquiryBoxContent {position: relative; width: 269px; padding: 10px 4px 18px 4px;}
#enquiryBoxContainer .enquiryBoxContent .text {position: relative;  width: 269px; height: 52px;}
#enquiryBoxContainer .enquiryBoxContent .text p {color: #737373; font-size: 11px; line-height: 14px; margin: 0 18px;}
#enquiryBoxContainer .enquiryBoxContent fieldset {position: relative; padding-top: 10px;}
#enquiryBoxContainer .enquiryBoxContent .enquiryFormField {clear:both; float:left; display:inline; position:relative; width:269px;padding:3px 0; margin:0 0 4px 0; color:#737373; font-size:11px; line-height:19px;}
#enquiryBoxContainer .enquiryBoxContent .enquiryFormField label {display:block; float:left; display:inline; font-size:11px; color:#737373; font-weight: bold; text-align:right; width:70px;}
#enquiryBoxContainer .enquiryBoxContent .enquiryFormField label span.star {color:#cd0404; font-weight: normal;}
#enquiryBoxContainer .enquiryBoxContent .enquiryFormField input {display:block; float:left; display:inline; width:158px; margin:0 0 0 9px; border:1px solid #b3b7bd; padding:2px 0 2px 4px; color:#737373;}
#enquiryBoxContainer .enquiryBoxContent .enquiryFormField select {display:block; float:left; display:inline; width:158px; margin:0 0 0 9px; border:1px solid #b3b7bd; padding:2px 0 2px 4px; color:#737373;}
#enquiryBoxContainer .enquiryBoxContent .enquiryFormField textarea {display:block; float:left; display:inline; width:158px; height: 70px; margin:0 0 0 9px; border:1px solid #b3b7bd; padding:2px 0 2px 4px; color:#737373;}
#enquiryBoxContainer .enquiryBoxContent p.required {color: #cd0404; font-size: 10px; font-weight: normal; margin: 0 0 0 79px; width: 90px;}
#enquiryBoxContainer .enquiryBoxContent .enquiryFormField.fieldError input, #enquiryBoxContainer .enquiryBoxContent .enquiryFormField.fieldError textarea {border:1px solid #cd0404; background-color: #fff;}
#enquiryBoxContainer .enquiryBoxContent .enquiryFormField.fieldError label {color: #cd0404;}
#enquiryBoxContainer .enquiryBoxContent .errorMsg {position: relative; top: 5px; clear: both; background: url(../img/logoIcon/errorIconTrans.gif) no-repeat left top; color:#cd0404; font-weight: normal; margin-left: 79px; width: 180px; height: 16px; line-height: 15px; text-indent: 20px; padding: 0;}

#enquiryBoxContainer .enquiryBoxResponse {position: relative; width: 269px; height: 220px; padding: 60px 4px 10px 4px; text-align: center;}
#enquiryBoxContainer .enquiryBoxResponse h2 {width: 108px; height: 23px; display: block; margin: 0 auto 20px auto; background: url(../img/customerServices/thankYouHeader.png) no-repeat;}
#enquiryBoxContainer .enquiryBoxResponse p {color: #737373; font-size: 11px; font-weight: normal; margin: 0; line-height: 16px;}

/*** HELP & FAQ'S ***/
.faqs {position: relative; width: 564px; margin: 0 0 20px 14px; padding-bottom: 12px; background:url(../img/logoIcon/dotsHorizDarkGrey.gif) repeat-x left bottom;}
.faqs ol {position: relative; list-style: none; width: 564px;}
.faqs ol li {width: 564px; display: block; line-height: 20px;}
.faqs ol li a {color: #137bd0; font-size: 11px; font-weight: bold; text-decoration: none; display: block; width: 564px;}
.faqs ol li a:hover {text-decoration: underline;}

.faqBox {position: relative; width: 590px; margin: 0 auto 20px auto; background:url(../img/customerServices/faqsBoxBg.gif) repeat-x left 4px;}
.faqBox .faqHeader {position:relative; padding-left:14px; width:576px; height:40px; background: url(../img/customerServices/faqsBoxTop.gif) no-repeat left top;}
.faqBox .faqHeader h2 {font-size:11px; font-weight: bold; color:#137bd0; width: 465px; line-height: 39px;}
.faqBox .faqHeaderOn {position:relative; padding-left:14px; width:576px; height:40px; background: url(../img/customerServices/faqsBoxTop.gif) no-repeat left bottom;}
.faqBox .faqHeaderOn h2 {font-size:11px; font-weight: bold; color:#fff; width: 465px; line-height: 39px;}

.faqBox .content {background: url(../img/customerServices/faqsBoxBorder.gif) repeat-y left top;} 
.faqBox .content .background {background: url(../img/customerServices/faqsBoxBottom.gif) no-repeat left bottom; padding: 10px 14px; width: 562px;} 
.faqBox .content p {color: #137bd0; margin: 0 0 10px 0;} 
.faqBox .content p a {color: #137bd0;} 

/*** OUR COMMITMENT TO YOU ***/
.customerServicesContainer .quote {color:#be0027;margin:25px 0 0 14px;background:url(../img/customerServices/quoteOpen.gif) no-repeat left top;padding-left:42px;width:505px;}
.customerServicesContainer .quote h2 {float:left;position:relative;font-size:11px;font-weight:bold;margin:5px 0 10px 0;}
.customerServicesContainer .quote p {clear:both;color:#be0027;margin:0 0 10px 0;}
.customerServicesContainer .quote img {float:left;margin: -34px 0 0 94px;}

.customerServicesContainer .bubble {position:relative;background:url(../img/customerServices/bubble.gif) no-repeat;}
.customerServicesContainer .bubble p {color:#be0027;text-align:center;margin:7px 0 0 0;}
.customerServicesContainer .bubble.b1 {float:right; display: inline; margin:-39px 63px 0 0;background-position:left top;width:230px;height:97px;}
.customerServicesContainer p.p1 {margin-top:27px;}
.customerServicesContainer .bubble.b2 {float:left; display: inline; margin:-45px 0 0 22px;background-position:left -97px;width:281px;height:123px;}
.customerServicesContainer p.p2 {margin-top:32px;}
.customerServicesContainer .bubble.b3 {float:right; display: inline; margin:-53px 22px 0 0;background-position:left -220px;width:284px;height:127px;}
.customerServicesContainer p.p3 {margin-top:58px;}
.customerServicesContainer .bubble.b4 {float:left; display: inline; margin:-65px 0 10px 22px;background-position:left -350px;width:310px;height:138px;}
.customerServicesContainer p.p4 {margin-top:55px;}

/*** DELIVERY INFO ***/
.customerServicesContainer.delivery .nav {margin-bottom: 45px;}
.customerServicesContainer .pickpack {position: relative; margin:0 auto 20px auto; width:560px; height:125px; background:url(../img/customerServices/van.jpg) no-repeat 0 0;}
.customerServicesContainer .pickpack p {position: absolute; top:18px; right:20px; font-size:14px; line-height:18px; text-align:center; width:269px;}

.customerServicesContainer .packaging {height:155px; margin: 0 0 0 14px; background:url(../img/customerServices/man.gif) no-repeat 0px 9px;}
.customerServicesContainer .packaging h2 {margin:0 0 10px 0; font-size:14px;line-height:16px;width:309px;height:24px;color:#737373;}
.customerServicesContainer .packaging ul {margin:0;width:175px;}
.customerServicesContainer .packaging ul li {margin-bottom:0px;text-align:right;background:none;color:#be0027;font-size:14px;line-height:20px;}
.customerServicesContainer .packaging img {float:right;margin:13px 42px 0 0;}

.customerServicesContainer .service {margin-top: -15px;}
.customerServicesContainer .service h2 {margin: 0 0 10px 14px; font-size:14px; line-height:16px; width:309px; height:24px; color:#737373; background:url(../img/customerServices/dashedHeader.gif) no-repeat left 23px;}
.customerServicesContainer .service img {float:right; margin:-17px 15px 0 0;}
.customerServicesContainer .service .qualityservice {width:280px;}

.customerServicesContainer.delivery .greyBox, .customerServicesContainer.returns .greyBox {margin-left: 31px;}
.customerServicesContainer.delivery .greyBox .content, .customerServicesContainer.returns .greyBox .content {padding-top: 20px;}
.customerServicesContainer.delivery .greyBox .content .left, .customerServicesContainer.returns .greyBox .content .left {float: left; display: inline; margin-left: 10px; width: 255px;}
.customerServicesContainer.delivery .greyBox .content .right, .customerServicesContainer.returns .greyBox .content .right {float: left; display: inline; margin-left: 30px; width: 200px;}

/*** SECURE ONLINE SHOPPING ***/
.customerServicesContainer img.thawteBanner {float: right; display: inline; margin: 20px 20px 0 15px;}
.customerServicesContainer .httpsBanner {position: relative; width: 488px; height: 88px; margin: 0 auto 15px auto;}

/*** RETURNS POLICY ***/
.customerServicesContainer.returns img {float: right; display: inline; margin-left: 20px;}

/*** HOW TO FIND US ***/
.customerServicesContainer.find p.link {background: url(../img/customerServices/bulletBlue.gif) no-repeat left center; padding: 0 0 0 10px; margin: 0 15px 20px 14px; width: 255px; line-height: 35px; float: left; display: inline;}
.customerServicesContainer.find p.link a {color: #137bd0; font-size: 11px; font-weight: bold; text-decoration: none; background: url(../img/customerServices/mapLogos.gif) no-repeat; height: 35px; display: block; width: 255px;}
.customerServicesContainer.find p.link a.multimap {background-position: right top;}
.customerServicesContainer.find p.link a.googleMaps {background-position: right bottom;}
.customerServicesContainer.find p.link a:hover {text-decoration: underline;}

/*** CAREERS ***/
.customerServicesContainer .careersBox {position: relative; width: 580px; margin: 0 auto 10px auto; background: url(../img/news/boxBg.png) repeat-y left;}
#mainContent .customerServicesContainer .careersBox .top {position: relative; width: 580px; background: url(../img/news/boxTop.png) no-repeat top left;}
#mainContent .customerServicesContainer .careersBox .bottom {position: relative; width: 546px; background: url(../img/news/boxBottom.png) no-repeat bottom left; padding: 0 17px 10px 17px;}
.customerServicesContainer .careersBox .placeholder {position: relative; float: left; display: inline; width: 150px; height: 100px; margin: 14px 22px 0 0; z-index: 10;}
.customerServicesContainer .careersBox .content {position: relative; height: 126px;}
.customerServicesContainer .careersBox h1 {margin-bottom: 2px; padding: 11px 105px 0 0; color: #be0027; font-size: 11px; font-weight: bold;}
.customerServicesContainer .careersBox h2.articleHeader {margin-bottom: 2px; padding: 11px 105px 0 0;}
.customerServicesContainer .careersBox h2.articleHeader a {color: #be0027; font-size: 11px; font-weight: bold; text-decoration: none;}
.customerServicesContainer .careersBox h2.articleHeader a:hover {text-decoration: underline;}
.customerServicesContainer .careersBox h2 {color: #737373; font-size: 11px; font-weight: bold; margin-bottom: 5px; padding: 0;}
.customerServicesContainer .careersBox p.date {color: #be0027; font-size: 11px; font-weight: normal; margin: 0 0 15px 0;}
.customerServicesContainer .careersBox p {color: #737373; font-size: 11px; font-weight: normal; margin: 0 0 10px 0; line-height: 14px;}
.customerServicesContainer .careersBox ul {margin-bottom: 10px;}
.customerServicesContainer .careersBox ul li {margin-bottom: 5px;}

/***************************** TERMS & CONDITIONS / PRIVACY POLICY ****************************/

.termsContainer {position: relative; width: 568px; padding-bottom: 10px; margin: 0 auto;}
.termsContainer .content {background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x left bottom; padding: 5px 0;}
.termsContainer .content.last {background: none; padding: 5px 0 0 0;}
.termsContainer h2 {padding-top: 10px; margin-bottom: 10px; color: #737373; font-size: 11px; font-weight: bold; text-transform: uppercase;}
.termsContainer p {margin: 0 0 10px 18px; line-height:14px; color: #737373; font-size: 11px; font-weight: normal;}
.termsContainer p a {color: #737373; font-size: 11px; font-weight: normal; text-decoration: underline;}
.termsContainer p a:hover {text-decoration: none;}

/******************************************* BUYING GUIDES ****************************************/

.buyingGuidesContainer {position: relative; width: 592px; padding-bottom: 0px; margin: 0 auto;}
.buyingGuidesContainer .nav {position: relative; width: 592px; margin-bottom: 10px; background: url(../img/customerServices/navBg.png) repeat-y top left;}
#mainContent .buyingGuidesContainer .nav .top {position: relative; width: 592px; background: url(../img/customerServices/navTop.png) no-repeat top left;}
#mainContent .buyingGuidesContainer .nav .bottom {position: relative; width: 586px; background: url(../img/customerServices/navBottom.png) no-repeat bottom left; padding: 15px 0 15px 6px;}
.buyingGuidesContainer .nav .questionMarksImg {position: absolute; bottom: -10px; right: -5px; width: 93px; height: 100px; background: url(../img/buyingGuides/questionMarksImg.png) no-repeat; z-index: 10;}

.buyingGuidesContainer .nav ul {float: left; margin-right: 2px; position: relative;}
.buyingGuidesContainer .nav ul li {margin-bottom: 2px; list-style: none; height: 21px;}
.buyingGuidesContainer .nav ul li a {background: url(../img/buyingGuides/navRollover.gif) no-repeat left top; color: #fff; font-weight: bold; font-size: 11px; padding-left: 20px; height: 21px; line-height: 20px; display: block; text-decoration: none;}
.buyingGuidesContainer .nav ul li a:hover {background-position: left bottom; text-decoration: none;}
.buyingGuidesContainer .nav ul li a.active {background-position: left bottom;}
.buyingGuidesContainer .nav ul.columnOne {width: 157px;}
.buyingGuidesContainer .nav ul.columnOne li a {width: 137px;}
.buyingGuidesContainer .nav ul.columnTwo {width: 188px;}
.buyingGuidesContainer .nav ul.columnTwo li a {width: 168px;}
.buyingGuidesContainer .nav ul.columnThree {width: 166px; z-index: 20;}
.buyingGuidesContainer .nav ul.columnThree li a {width: 170px;}

.buyingGuidesContent {position: relative; width: 562px; padding: 15px 0 1px 0; margin: 0 auto;}
.buyingGuidesContent h2 {background: url(../img/buyingGuides/dotsFaded.gif) no-repeat left bottom; padding: 10px 0 8px 0; margin-bottom: 10px; color: #737373; font-size: 14px; font-weight: bold; position: relative;}
.buyingGuidesContent h2.headerWide {background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x left bottom; margin-bottom: 15px;}
.buyingGuidesContent h3 {margin-bottom: 8px; color: #737373; font-size: 11px; font-weight: bold;}
.buyingGuidesContent p {margin-bottom: 15px; line-height:14px; color: #737373; font-size: 11px; font-weight: normal;}
.buyingGuidesContent p a {color: #737373; font-size: 11px; font-weight: normal; text-decoration: underline;}
.buyingGuidesContent p a:hover {text-decoration: none;}

.buyingGuidesContent .subNav {position: relative; width: 562px; background: url(../img/logoIcon/dotsHorizGrey.gif) repeat-x left bottom; padding: 0 0 5px 0; margin-bottom: 10px;}
.buyingGuidesContent .subNav ul {position: relative;}
.buyingGuidesContent .subNav ul li {background: url(../img/buyingGuides/arrowBulletBlue.gif) no-repeat left 4px; margin-bottom: 10px; list-style: none; float: left; display: inline; width: 225px; padding-left: 10px;}
.buyingGuidesContent .subNav ul li a {color: #137bd0; font-weight: bold; font-size: 11px; text-decoration: none; line-height: 14px;}
.buyingGuidesContent .subNav ul li a:hover {text-decoration: underline;}
.buyingGuidesContent .subNav ul li a.active {text-decoration: underline;}

.buyingGuidesContent div.lowEnergy { background: url(../img/buyingGuides/lowEnergyImg.jpg) no-repeat right top; }
.buyingGuidesContent div.lowEnergy .subNav{ padding:27px 0; }
.buyingGuidesContent div.lightBulb{ background: url(../img/buyingGuides/bulbFitting_bg.jpg) no-repeat right top; }
.buyingGuidesContent div.lightBulb .subNav{ padding:5px 0; }
.buyingGuidesContent div.indoor{ background: url(../img/buyingGuides/indoor_bg.jpg) no-repeat right top; }
.buyingGuidesContent div.indoor .subNav{ padding-bottom:46px; }
.buyingGuidesContent div.outdoor{ background: url(../img/buyingGuides/outdoor_bg.jpg) no-repeat right top; }
.buyingGuidesContent div.outdoor .subNav{ padding-bottom:46px; }
.buyingGuidesContent div.industrial{ background: url(../img/buyingGuides/industrial_bg.jpg) no-repeat right top; }
.buyingGuidesContent div.industrial .subNav{ padding-bottom:46px; }
.buyingGuidesContent div.safety{ background: url(../img/buyingGuides/safety_bg.jpg) no-repeat right top; }
.buyingGuidesContent div.safety .subNav{ padding-bottom:46px; }
.buyingGuidesContent div.energySaving{ background: url(../img/buyingGuides/energy_save.gif) no-repeat right top; margin-top: -10px;}
.buyingGuidesContent div.energySaving .subNav{ padding:15px 0; }

.buyingGuidesContent .subNav.fittingTypes {width: 235px; background: none; padding: 15px 0 5px 0;}
.buyingGuidesContent .subNav.fittingTypes ul li {float: none; display: block;}
.buyingGuidesContent ul {list-style: none; margin-left: 15px; padding-bottom: 7px;}
.buyingGuidesContent ul li {padding-left: 18px; background: url(../img/product/specBullet.gif) no-repeat left 2px; color: #737373; font-size: 11px; font-weight: normal; line-height: 14px; margin-bottom: 8px; position: relative;}
.buyingGuidesContent img.fittingTypesImg {float: right; display: inline; margin: 0 0 0 15px;}

/*** GLOSSARY ***/
.glossaryContent {position: relative; width: 582px; padding: 15px 0 1px 0; margin: 0 auto;}

.glossaryContent .letterBar {position: relative; width: 582px; height: 24px; margin-bottom: 20px; background-color: #e7e7e7;}
.glossaryContent .letterBar ul {width: 577px; list-style: none; padding-left: 5px; margin: 0} 
.glossaryContent .letterBar ul li {list-style: none; float: left; display: inline; margin: 0; width: 22px; height: 24px; line-height: 23px; text-align: center; color: #8e8e8e; font-size: 11px; font-weight: bold; padding: 0; background: none;}
.glossaryContent .letterBar ul li a {color: #137bd0; font-size: 11px; font-weight: bold; display: block; width: 22px; height: 24px; text-decoration: none; line-height: 23px; text-align: center;} 
.glossaryContent .letterBar ul li a:hover {text-decoration: none; color: #be0027;} 

.glossaryContent h2 {margin: 0 10px 8px 10px; color: #737373; font-size: 11px; font-weight: bold;}
.glossaryContent h3 {background: url(../img/customerServices/glossaryHeadersBg.gif) repeat-x left top; height: 29px; padding: 10px 0 0 10px; margin-bottom: 10px; color: #be0027; font-size: 14px; font-weight: bold; position: relative;}
.glossaryContent p {margin: 0 10px 15px 10px; line-height:14px; color: #737373; font-size: 11px; font-weight: normal;}

.glossaryTable {position: relative; width: 556px; margin: 0 auto 20px auto; background: #fff url(../img/businessAccount/tableBg.gif) repeat-x 0px 4px;}
.glossaryTable .background {background: url(../img/businessAccount/tableBorderB.gif) no-repeat left bottom; width: 556px; padding-bottom: 4px;}
.glossaryTable table {color: #595959; width: 556px; border-collapse: collapse; background: url(../img/businessAccount/tableHead.gif) no-repeat top left; font-family: Tahoma, Arial, Verdana;}
.glossaryTable table th {font-size: 11px; font-weight: bold; height: 38px;}
.glossaryTable table th div.headSep {background: url(../img/businessAccount/tableHeadSep.gif) no-repeat 0px 4px; height: 38px; line-height: 38px;}
.glossaryTable table td {font-size: 11px; font-weight: normal; text-align: center; padding: 5px 10px; background: url(../img/product/itemsTable/cellBg.gif) no-repeat left bottom;}
.glossaryTable table td.borderL {background: url(../img/product/itemsTable/borderL.gif) repeat-y left; width: 4px; padding: 0;}
.glossaryTable table td.borderR {background: url(../img/product/itemsTable/borderR.gif) repeat-y right; width: 4px; padding: 0;}
.glossaryTable table td.firstDigit {background-position: -2px bottom; width: 255px;}
.glossaryTable table tr.bottomRow td {background-position: 0px -2px;}
.glossaryTable table tr.bottomRow td.borderL {background: url(../img/product/itemsTable/borderBL.gif) no-repeat left bottom; width: 4px; padding: 0;}
.glossaryTable table tr.bottomRow td.borderR {background: url(../img/product/itemsTable/borderBR.gif) no-repeat right bottom; width: 4px; padding: 0;}
.glossaryTable table tr.bottomRow td.firstDigit {background-position: -2px -2px;}

/********************************************* BUSINESS ACCOUNT PAGE *************************************************/

.businessAccountContainer {position: relative; width: 574px; padding-bottom: 10px; margin: 0 auto;}

.businessAccountContainer .benefits {position: relative; width: 574px; height: 239px; background: url(../img/businessAccount/benefitsBg.jpg) no-repeat; margin-bottom: 10px;}
.businessAccountContainer .benefits h2 {position: absolute; top: 18px; left: 165px; color: #fff; font-size: 14px;}
.businessAccountContainer .benefits ul {position: absolute; top: 50px; left: 175px;}
.businessAccountContainer .benefits ul li {list-style: none; margin: 0; padding-left: 25px; background: url(../img/home/businessAccountTick.gif) no-repeat left 2px; color: #fff; font-size: 11px; font-weight: bold; line-height: 20px;}
.businessAccountContainer .benefits .laptopImg {position: absolute; right: -5px; bottom: -80px; width: 179px; height: 137px; background: url(../img/businessAccount/laptopImg.png) no-repeat;}

.businessAccountContainer .intro {position: relative; width: 544px; margin: 0 auto;}
.businessAccountContainer .intro h2 {color: #737373; font-size: 14px; margin-bottom: 10px; background: url(../img/logoIcon/dotsHorizDarkGrey.gif) repeat-x left bottom; padding-bottom: 5px;}
.businessAccountContainer .intro p {color: #737373; font-size: 11px; margin-bottom: 15px; line-height: 14px;}
.businessAccountContainer .intro p.large {font-size: 14px; width: 375px; line-height: 18px;}
.businessAccountContainer .intro a {color: #737373; font-size: 11px; text-decoration: none;}
.businessAccountContainer .intro a:hover {text-decoration: underline;}

/****** BUSINESS TYPE TABLE ******/
#businessTypeTable {position: relative; width: 556px; margin: 0 auto 20px auto; background: #fff url(../img/businessAccount/tableBg.gif) repeat-x 0px 4px;}
#businessTypeTable .background {background: url(../img/businessAccount/tableBorderB.gif) no-repeat left bottom; width: 556px; padding-bottom: 4px;}
#businessTypeTable table {color: #595959; width: 556px; border-collapse: collapse; background: url(../img/businessAccount/tableHead.gif) no-repeat top left; font-family: Tahoma, Arial, Verdana;}

/*** HEADER ***/
#businessTypeTable table th {font-size: 10px; font-weight: bold; height: 38px;}
#businessTypeTable table th.organisation {text-align: left; text-indent: 10px;}
#businessTypeTable table th div.headSep {background: url(../img/businessAccount/tableHeadSep.gif) no-repeat 0px 4px; height: 31px; padding-top: 7px; line-height: 12px; font-weight: normal;}

/*** GENERAL ***/
#businessTypeTable table td {font-size: 11px; font-weight: normal; text-align: center; padding: 3px 0; background: url(../img/product/itemsTable/cellBg.gif) no-repeat left bottom;}
#businessTypeTable table td.borderL {background: url(../img/product/itemsTable/borderL.gif) repeat-y left; width: 4px;}
#businessTypeTable table td.borderR {background: url(../img/product/itemsTable/borderR.gif) repeat-y right; width: 4px;}
#businessTypeTable table td.organisation {background-position: -2px bottom; width: 170px; text-align: left; text-indent: 10px;}

/*** HEADING ROW ***/
#businessTypeTable table tr.heading td {font-weight: bold; background-position: -2px bottom; text-align: left; text-indent: 10px; padding-top: 10px;} 
#businessTypeTable table tr.heading td.borderL {background: url(../img/product/itemsTable/borderL.gif) repeat-y left; width: 4px;}
#businessTypeTable table tr.heading td.borderR {background: url(../img/product/itemsTable/borderR.gif) repeat-y right; width: 4px;}

/*** ICONS ***/
#businessTypeTable table td .tick {background: url(../img/product/itemsTable/stockIconIn.png) no-repeat; width: 16px; height: 12px; display: block; margin: 0 auto;}
#businessTypeTable table td .cross {background: url(/common/img/product/itemsTable/stockIconOut.png) no-repeat; width: 14px; height: 14px; display: block; margin: 0 auto;}

/*** BOTTOM ROW ***/
#businessTypeTable table tr.bottomRow td {background-position: 0px -2px;}
#businessTypeTable table tr.bottomRow td.borderL {background: url(../img/product/itemsTable/borderBL.gif) no-repeat left bottom; width: 4px;}
#businessTypeTable table tr.bottomRow td.borderR {background: url(../img/product/itemsTable/borderBR.gif) no-repeat right bottom; width: 4px;}
#businessTypeTable table tr.bottomRow td.organisation {background-position: -2px -2px;}

/******************************/

.businessAccountContainer .bulkDiscount {position: relative; width: 556px; height: 98px; padding-top: 20px; background: url(../img/businessAccount/bulkDiscountBg.gif) no-repeat; margin: 0 auto 20px auto;}
.businessAccountContainer .bulkDiscount h2 {color: #be0027; font-size: 14px; margin: 0 0 10px 135px;}
.businessAccountContainer .bulkDiscount p {color: #737373; font-size: 11px; font-weight: bold; margin: 0 15px 0 135px; line-height: 16px;}

.businessAccountContainer .accountOptions {position: relative; width: 558px; background: url(../img/businessAccount/optionsBg.gif) repeat-y left top; margin: 0 auto;}
#mainContent .businessAccountContainer .accountOptions .top {background: url(../img/businessAccount/optionsTop.gif) no-repeat left top; width: 558px; padding: 0;}
#mainContent .businessAccountContainer .accountOptions .bottom {background: url(../img/businessAccount/optionsBottom.gif) no-repeat left bottom; width: 530px; padding: 14px 14px 6px 14px;}

.businessAccountContainer .accountOptions h2 {color: #137bd0; font-size: 14px; margin: 0 0 10px 10px;}
.businessAccountContainer .accountOptions .option {background: url(../img/logoIcon/dotsHorizDarkGrey.gif) repeat-x left top; padding: 15px 0 5px 0;}
.businessAccountContainer .accountOptions .option .number {float: left; display: inline; width: 43px; height: 43px; display: block; background: url(../img/businessAccount/optionsNumSprite.gif) no-repeat;}
.businessAccountContainer .accountOptions .option.one .number {background-position: left top;}
.businessAccountContainer .accountOptions .option.two .number {background-position: left bottom;}
.businessAccountContainer .accountOptions .content {float: right; display: inline; width: 475px; padding-bottom: 1px;}
.businessAccountContainer .accountOptions .content p {color: #137bd0; font-size: 11px; margin-bottom: 10px; line-height: 14px;}
.businessAccountContainer .accountOptions .content .optionsImg {padding: 5px 0 10px 40px;}
.businessAccountContainer .accountOptions .content .contactDetails {float: right; display: inline; width: 235px; margin-left: 10px; padding-top: 10px;}
.businessAccountContainer .accountOptions .content .contactDetails img {margin-bottom: 5px;}

/********************************************* ABOUT US PAGE *************************************************/

.aboutUsContainer {position: relative; width: 592px; padding-bottom: 10px; margin: 0 auto;}
.aboutUsContainer p {color: #737373; font-size: 11px; margin: 0 14px 15px 14px; line-height:14px;}
.aboutUsContainer p.intro {z-index: 10; position: relative;}

.aboutUsContainer .greyBox, .expertAdviceContainer .greyBox {position: relative; margin: 0 auto 15px auto; width: 584px;}
.aboutUsContainer .greyBox .borderTL, .expertAdviceContainer .greyBox .borderTL {background: url(../img/customerServices/greyBoxTL.gif) no-repeat top left;}
.aboutUsContainer .greyBox .borderTR, .expertAdviceContainer .greyBox .borderTR {background: url(../img/customerServices/greyBoxTR.gif) no-repeat top right;}
.aboutUsContainer .greyBox .borderBL, .expertAdviceContainer .greyBox .borderBL {background: url(../img/customerServices/greyBoxBL.gif) no-repeat bottom left;}
.aboutUsContainer .greyBox .borderBR, .expertAdviceContainer .greyBox .borderBR {background: url(../img/customerServices/greyBoxBR.gif) no-repeat bottom right; position: relative;}

.aboutUsContainer .greyBox .bulbImg {background: url(../img/about/bulbImg.jpg) no-repeat; position: absolute; top: -34px; right: 0px; width: 333px; height: 160px;}
.aboutUsContainer .greyBox .content {position: relative; margin: 0; padding: 25px 0 15px 36px;}

.aboutUsContainer .greyBox .block {background: url(../img/about/imgSprite.jpg) no-repeat; position: relative; padding: 10px 0 0 135px;}
.aboutUsContainer .greyBox .block.catalogue {background-position: left 0px; height: 70px; margin-bottom: 10px;}
.aboutUsContainer .greyBox .block.website {background-position: left -80px; height: 80px; margin-bottom: 10px;}
.aboutUsContainer .greyBox .block.sales {background-position: left -170px; height: 80px; margin-bottom: 10px;}
.aboutUsContainer .greyBox .block.call {background-position: left -260px; height: 80px;}
.aboutUsContainer .greyBox .block h2 {color: #be0027; font-size: 11px; padding-bottom: 6px; margin-bottom: 8px; background: url(../img/about/dotsLong.gif) no-repeat left bottom;}
.aboutUsContainer .greyBox .block h2.short {background: url(../img/about/dotsShort.gif) no-repeat left bottom;}
.aboutUsContainer .greyBox .block p {margin: 0 20px 0 0;}

/******************************** EXPERT ADVICE PAGE **************************************/

.expertAdviceContainer {position: relative; width: 592px; padding-bottom: 10px; margin: 0 auto;}
.expertAdviceContainer p {color: #737373; font-size: 11px; margin: 0 14px 15px 14px; line-height:14px;}
.expertAdviceContainer p a {color: #737373; font-size: 11px; font-weight: bold; text-decoration: underline;}
.expertAdviceContainer p a:hover {text-decoration: none;}

.expertAdviceContainer .greyBox .content {position: relative; margin: 0; padding: 25px 0 3px 15px;}
.expertAdviceContainer .greyBox .content img {margin: 0; float: left; display: inline;}

.expertAdviceContainer .enquiryBoxContent {position: relative; width: 269px; padding: 10px 4px 18px 4px; float: left; display: inline;}
.expertAdviceContainer .enquiryBoxContent .text {position: relative;  width: 269px; height: 52px;}
.expertAdviceContainer .enquiryBoxContent .text p {color: #737373; font-size: 11px; line-height: 14px; margin: 0 18px;}
.expertAdviceContainer .enquiryBoxContent fieldset {position: relative; padding-top: 10px;}
.expertAdviceContainer .enquiryBoxContent .enquiryFormField {clear:both; float:left; display:inline; position:relative; width:269px;padding:3px 0; margin:0 0 4px 0; color:#737373; font-size:11px; line-height:19px;}
.expertAdviceContainer .enquiryBoxContent .enquiryFormField label {display:block; float:left; display:inline; font-size:11px; color:#737373; font-weight: bold; text-align:right; width:70px;}
.expertAdviceContainer .enquiryBoxContent .enquiryFormField label span.star {color:#cd0404; font-weight: normal;}
.expertAdviceContainer .enquiryBoxContent .enquiryFormField input {display:block; float:left; display:inline; width:158px; margin:0 0 0 9px; border:1px solid #b3b7bd; padding:2px 0 2px 4px; color:#737373;}
.expertAdviceContainer .enquiryBoxContent .enquiryFormField select {display:block; float:left; display:inline; width:158px; margin:0 0 0 9px; border:1px solid #b3b7bd; padding:2px 0 2px 4px; color:#737373;}
.expertAdviceContainer .enquiryBoxContent .enquiryFormField textarea {display:block; float:left; display:inline; width:158px; height: 70px; margin:0 0 0 9px; border:1px solid #b3b7bd; padding:2px 0 2px 4px; color:#737373;}
.expertAdviceContainer .enquiryBoxContent p.required {color: #cd0404; font-size: 10px; font-weight: normal; margin: 0 0 0 79px; width: 90px;}
.expertAdviceContainer .enquiryBoxContent .enquiryFormField.fieldError input, .expertAdviceContainer .enquiryBoxContent .enquiryFormField.fieldError textarea {border:1px solid #cd0404; background-color: #fff;}
.expertAdviceContainer .enquiryBoxContent .enquiryFormField.fieldError label {color: #cd0404;}
.expertAdviceContainer .enquiryBoxContent .errorMsg {position: relative; top: 5px; clear: both; background: url(../img/logoIcon/errorIconTrans.gif) no-repeat left top; color:#cd0404; font-weight: normal; margin-left: 79px; width: 180px; height: 16px; line-height: 15px; text-indent: 20px; padding: 0;}

.expertAdviceContainer .enquiryBoxResponse {position: relative; width: 269px; height: 220px; padding: 60px 4px 10px 4px; text-align: center;}
.expertAdviceContainer .enquiryBoxResponse h2 {width: 108px; height: 23px; display: block; margin: 0 auto 20px auto; background: url(../img/customerServices/thankYouHeader.png) no-repeat;}
.expertAdviceContainer .enquiryBoxResponse p {color: #737373; font-size: 11px; font-weight: normal; margin: 0; line-height: 16px;}

/******************************** USEFUL WEBSITES PAGES **************************************/

.resourcesContainer {position: relative; width: 592px; padding-bottom: 10px; margin: 0 auto;}
.resourcesContainer .nav {position: relative; width: 592px; margin-bottom: 30px; background: url(../img/customerServices/navBg.png) repeat-y top left;}
#mainContent .resourcesContainer .nav .top {position: relative; width: 592px; background: url(../img/customerServices/navTop.png) no-repeat top left;}
#mainContent .resourcesContainer .nav .bottom {position: relative; width: 592px; background: url(../img/customerServices/navBottom.png) no-repeat bottom left; padding: 15px 0;}

.resourcesContainer .nav ul {width: 500px; margin-left: 6px; position: relative; z-index: 20;}
.resourcesContainer .nav ul li {width: 162px; margin: 0 2px 2px 0; float: left; display: inline; list-style: none; background:none; padding:0;}
.resourcesContainer .nav ul li a {background: url(../img/resources/navRollover.gif) no-repeat left 0px; color: #fff; font-weight: bold; font-size: 11px; padding: 3px 0 4px 20px; width: 142px; line-height: 14px; display: block; text-decoration: none;}
.resourcesContainer .nav ul li a:hover {background: url(../img/resources/navRollover.gif) no-repeat left -35px; text-decoration: none;}
.resourcesContainer .nav ul li.active a {background: url(../img/resources/navRollover.gif) no-repeat left -35px;}
.resourcesContainer .nav .navImg {position: absolute; bottom: -25px; right: 7px; width: 117px; height: 115px; background: url(../img/resources/navImg.gif) no-repeat; z-index: 10;}

/*** NOTE: NEEDS TO BE RE-STYLED ***

.resourcesContainer .subNav {position: relative; left: -1px; width: 554px; height: 36px; margin: 0px; padding: 14px 0 0 0px; background: url(../img/resources/subNavBg.jpg) no-repeat bottom left;}
.resourcesContainer .subNav ul {position: relative; margin: 0 0 0 29px; padding: 0; color: #6d8296;}
.resourcesContainer .subNav ul li {margin: 0; list-style: none; float: left; display: inline;}
.resourcesContainer .subNav ul li a {color: #6d8296; font-size: 11px; font-weight: normal; text-decoration: none;}
.resourcesContainer .subNav ul li a:hover {text-decoration: underline;} 
.resourcesContainer .subNav ul li.active a, .resourcesContainer .subNav ul li.active a:hover {text-decoration: underline;} 
.resourcesContainer .subNav ul li span.sep {margin: 0 10px 0 8px;}

*******************************/

.resourcesContainer .resourceBox {position: relative; width: 580px; margin: 0 auto 10px auto; background: url(../img/news/boxBg.png) repeat-y left;}
#mainContent .resourcesContainer .resourceBox .top {position: relative; width: 580px; background: url(../img/news/boxTop.png) no-repeat top left;}
#mainContent .resourcesContainer .resourceBox .bottom {position: relative; width: 546px; background: url(../img/news/boxBottom.png) no-repeat bottom left; padding: 0 17px 10px 17px;}
.resourcesContainer .resourceBox .placeholder {position: relative; float: left; display: inline; width: 150px; height: 100px; margin: 14px 22px 0 0; z-index: 10;}
.resourcesContainer .resourceBox .content {position: relative; height: 126px;}
.resourcesContainer .resourceBox h2 {margin-bottom: 3px; padding-top: 10px; color: #be0027; font-size: 11px; font-weight: bold;}
.resourcesContainer .resourceBox p {color: #737373; font-size: 11px; font-weight: normal; margin-bottom: 10px; line-height: 14px;}
.resourcesContainer .resourceBox p.url {margin-bottom: 15px;}
.resourcesContainer .resourceBox p.url a {color: #be0027; font-size: 11px; text-decoration: none;}
.resourcesContainer .resourceBox p.url a:hover {text-decoration: underline;}

.resourcesContainer .noResources{position: relative; width: 550px; height: 100px;margin: 0 auto; padding-top: 50px; text-align: center;}
.resourcesContainer .noResources p, .resourcesContainer .pageDescription p {color: #737373; font-size: 11px; font-weight: normal; margin: 0 0 10px 0; line-height: 16px;}
.resourcesContainer .noResources a, .resourcesContainer .pageDescription a {color: #737373; font-size: 11px; font-weight: bold; text-decoration: underline;}
.resourcesContainer .noResources a:hover, .resourcesContainer .pageDescription a:hover {text-decoration: none;}
.resourcesContainer .noResources a.redText, .resourcesContainer .pageDescription a.redText {color:#BE0027;}
