﻿/* Structure layout */
h1{font-size:140%;}
em {font-style:normal:}

hr{display:none; clear:both; margin-bottom:0px !important;}
hr.hrDisplay, hr.cBoth{display:block;}
hr.headerNoBorder{display:block; margin:-10px 10px -10px !important;}
hr.spaced{display:block;margin:-20px 10px -12px !important; padding:0px !important;}
hr.grey{display:block; margin:-10px 10px -12px !important; padding:0px !important;}
hr.topPadding{display:block; margin:-20px 10px 0px !important; padding:0px !important;}
hr.bottomAligned{display:block; margin:-6px 10px -12px !important; padding:0px !important;}
hr.headerHR{display:block; margin:-20px 0px -7px 20px !important; padding:0px !important;}
hr.headerHRNoTopBotMarg{margin:20px 10px 0px !important;}
hr.headerHR_Basket{margin:-5px 10px -25px !important;}	
hr.spaced, hr.noPadding{margin:-20px 10px -5px; display:block;}

/* Generic*/
.leftPanels li label{margin-top:-20px;}
.goBtn{padding-left:1000px;}    
.inlineLinks li{display:inline !important;}
#footer{margin-top:10px;}
.btt{margin-bottom:0px !important;}
.err{width:65% !important;}

img.negTop{margin-top:-20px;}
img.padBottom{padding-bottom:20px;}

#countryScroll{margin-left:195px;}

.column1{width:177px !important;}
	.column1Narrow{width:170px !important; padding-left:8px !important; padding-right:8px !important;}
.column2{width:410px !important;}
	.column2Wide{width:410px !important; margin-left:0px !important;}
	.column2Narrow{width:330px !important; margin-left:0px !important;}
	.column2Narrow_NoLeftRightPaddingMargin{width:300px !important; padding-left:0px !important; padding-right:0px !important; margin-left:0px !important; margin-right:0px !important;}

.column3{width:650px !important;}
.column4{width:920px !important;}
	
.columnNP1{width:217px;}
.columnNP2{width:462px;}
.columnNP3{width:701px;}
.columnNP4{width:968px; padding-top:10px !important;}
	.columnNP3 .columnNP1{width:210px;}
#flashContent.column3{width:702px !important; padding-left:0px !important; padding-right:0px !important; margin-top:20px;}	
	
/*e.g. home page footer panels*/
	ul.inlineUL{margin-bottom:30px;}
		ul.inlineUL li a.panelNoHeightHP, ul.inlineUL li a.panelNoHeight{height:75px; margin-right:0px !important;}
		
ul.pagePanels{margin-top:10px; margin-bottom:20px;}
	ul.pagePanels ul.arrows a{display:inline;}
#footer .inlineUL li a.dyBox_TextOnlyLink{display:inline !important;}

ul.footerIcons li{display:inline;}
	ul.footerIcons li a{margin-bottom:5px;}

ul.breadcrumbs, ul.printLinks{margin-bottom:10px !important;}
	ul.breadcrumbs li a{margin-right:10px;}
ul.printLinks{margin-left:40px; padding:10px 0px !important;}
	ul.printLinks a{background:url(http://codelaboratories.com/images/print.png) no-repeat left 3px; padding-left:20px;}


ul.footerPanels{margin-left:10px;}
	ul.footerPanels li{display:inline;}
		ul.footerPanels li a{margin-bottom:0px;}
	
ul.leftPanels{clear:both;}
ul.colFull{margin-bottom:40px !important;}
.linkList ul li{display:inline;}
	
.btt{padding-bottom:10px;}
	.btt li{width:184px !important;text-align:right;}
	.btt a{background:url(http://codelaboratories.com/images/btt.png) no-repeat 110px;}

.hotspotBull{display:block !important; background: url(http://codelaboratories.com/images/hotspot_bg.gif)!important;}
.hotspotLinks a:hover .hotspotBull,.hotspotLinks a:focus .hotspotBull{background:url(http://codelaboratories.com/images/hotspot_bg.gif) right !important;color:#666;}


/* Filter page*/
.filterList{width:719px !important;}
	.filterList .column2{width:281px !important;}
	.filterList ul li{width:100%;}
.filterHeader{width:400px !important; margin-left:0px;}
#searchBar fieldset input{float:left;}
#searchBar fieldset label{float:left; margin-left:10px;}
#searchBar fieldset legend{display:none;}


/* Product page*/
ul#productTabs{clear:both; margin:0px 0px 0px 20px;}
	ul#productTabs li{width:150px;}
	#productTabs a.selected{height:27px;}
	#productTabsDivContainer{clear:both; margin-top:-1px;}	
		#productTabsDivContainer #tabsContent ul{clear:both;}
		#productTabsDivContainer .dbBG .column1{margin-left:20px;}
		#productTabsDivContainer .column3 .column2{width:445px !important;}
		#productTabsDivContainer .column3 .column1{margin-right:0px !important;}
.featuresDiv{width:737px;}
	.featuresDiv #moreFeatures{clear:both;}
	.featuresDiv #viewFeaturesLink{margin-left:10px;}
	.featuresDiv .featPanels{margin-right:10px !important;}
#imageSwapLinks a{float:left;margin:0px;margin-left:2px;margin-bottom:4px;}
		
	
/* Product page*/
.vacuumPanels li{float:left; margin:0px !important; padding:0px;}	
	#panel_allergyPetsBAF{ background-position: -20px bottom !important;}
	#panel_allergyPetsBAF li{display:inline;}

	#panel_allergyPetsAAF{ background-position: -20px bottom !important;}
	#panel_allergyPetsAAF li{display:inline;}


/* Parts page*/
ul.parts li{width:150px;}

	
/* DC24 homepage */
.hotspotBullPos{display:block !important; background: url(http://codelaboratories.com/images/landing/dc24/speech.gif)!important;}
.hotspotLinksPos a:hover .hotspotBull,.hotspotLinksPos a:focus .hotspotBull{background:url(http://codelaboratories.com/images/landing/dc24/speech.gif) right no-repeat !important;color:#666;position:absolute;}
.hotspotLinksPos a {position:absolute}

.dc24HPRollover1 {margin-left:-30px;}
.dc24HPRollover2 {margin-left:130px;}
.dc24HPRollover3 {margin-left:140px;}

ul.hotspotLinks li {width:135px; padding-right:0px; padding-left:0px;}

/* Technology - Root Cyclone */
#rootCyclone a.arrowRight{margin-top:20px; display:block;}

/* 
    Bullet points
    ------------------------------------------------------------------
    these are all absolutely positioned, so you will need a new set
    for each technology page
*/

.hotspotLinks li a{position:relative !important;}
span.listNoLeft, span.listLeft{ left:-30px !important;}

/* Air Blade */
#ab_1{left:380px !important;top:444px !important;}
#ab_2{left:345px !important;top:302px !important;}
#ab_3{left:458px !important;top:181px !important;}
#ab_4{left:373px !important;top:50px !important;}
#ab_5{left:317px !important;top:-186px !important;}
#ab_6{left:394px !important;top:-347px !important;}
#ab_7{left:306px !important;top:-492px !important;}


/* Root Cyclone */
#rootCycDiagram #hotspot_1 span.listLeft{top:0px !important; left:-30px !important;}
#rootCycDiagram #hotspot_2 span.listLeft{top:72px !important; left:-30px !important;}
#rootCycDiagram #hotspot_3 span.listLeft{top:165px !important; left:-30px !important;}
#rootCycDiagram #hotspot_4 span.listLeft{top:257px !important; left:-30px !important;}

#rc_1{top:315px !important; left:-480px !important;}
#rc_2{top:235px !important; left:-390px !important;}
#rc_3{top:145px !important; left:-315px !important;}
#rc_4{top:45px !important; left:-240px !important;}


/* Air Muscle */
#airmuscleDiagram #hotspot_1 span.hotspotBull.listNoLeft{top:0px !important; left:-30px !important;}
#airmuscleDiagram #hotspot_2 span.hotspotBull.listNoLeft{top:92px !important; left:-30px !important;}
#airmuscleDiagram #hotspot_3 span.hotspotBull.listNoLeft{top:185px !important; left:-30px !important;}

#am_1{left:-345px !important;top:130px !important;}
#am_2{left:-305px !important;top:170px !important;}
#am_3{left:-202px !important;top:30px !important;}


/* Technology - Ball Technology */
#bt_1{top:112px !important; left:-435px !important;}
#bt_2{top:30px !important; left:-500px !important;}
#bt_3{top:0px !important; left:-157px !important;}
#bt_4{top:85px !important; left:-420px !important;}

/* Technology - DDM */
#ddm_1{top:390px !important; left:700px !important;}
#ddm_2{top:339px !important; left:590px !important;}
#ddm_3{top:392px !important; left:60px !important;}
#ddm_4{top:300px !important; left:-85px !important;}

/* DC24 Landing Page Speech Boxes */
#db_1{left:-70px !important;top:235px !important;}
#db_2{left:-30px !important;top:235px !important;}
#db_3{left:15px !important;top:235px !important;}


#lightbox_Content, #loadingGIF{position:absolute !important;}
.dyBox_VideoLink{padding:10px 0px 0px 30px !important;}


.footerCatsPad li a{width:177px;}
#staf,#share{background-image:none !important;top:750px !important;border:2px solid #ccc;background-color:#fff !important;}
.insideFooter .column1 a{width:150px !important;}
.columnInsideLeft{clear:both !important; }
	

/* Support pages */
ol.numbered{margin-bottom:10px;}
#expert table{width:680px !important; padding:0px; margin:0px;}
/*
	#expert .nav{margin-top:20px;}
	#expert .nav li{float:left; margin-right:20px;}
*/
	#expert .back{clear:both;}
	#expert ul li a{display:inline !important; clear:both;}
	

/* Contact us */
#contact_subject{margin-top:10px;}
#contact_subject #survey span textarea{ float:left !important;}
#frmContact select#slWho, #frmContact select#slWhy{margin-left:0px !important;}
#frmContact #frmControls #btnSubmit{margin-left:-3px !important;}

/* Special offers */
.panelOffersBuyCentered{padding-left:10px;}


/*------------Basket section-----------------------*/
/* All pages*/
.basketIcons{margin:0px -10px 10px 0px  !important;}
.rad{margin-top:-5px;}
.chk{margin-top:-3px;}
fieldset .selField, fieldset select.formField{margin-left:-3px !important;}


/* basket.asp */
	#updated, #paymentLoading{background-image: none !important;border:4px solid #f2f2f2;background-color: #FFF;left:0px !important;}

.payments .links{margin-bottom:10px;}
.payments .links li{display:inline !important;}
#promo input#promoCode{width:60px !important;}


/* address.asp */
#frmAddress .fldWide label{width:300px;}
#frmAddress #deliveryAdd{margin-bottom:20px;}
#frmAddress .formField, #frmAddress .txt{width:220px;}


/* payments.asp */
.fld #ccexp2, .fld #ccstart2{margin-left:0px !important;}
#recycleOption .tinyLabel{display:none;}
#billingaddressform .columnNP1, #deliveryaddressform .columnNP1{margin-left:6px;}


/* review.asp */
#frmConfirm{margin-bottom:20px;}
#frmConfirm .links{margin-bottom:10px;}
#frmConfirm .links li{display:inline !important;}
#frmConfirm #confirm.goldButton{height:22px !important; padding-top:2px !important;}


/* confirm.asp */
#orderNo .goldButton{margin-bottom:10px;}

/*---------------End Basket section----------------------*/

/*------------Account section-----------------------*/
.prodReg .adr .postal-code{padding-bottom:20px !important;}
.prodReg .adr .arrowRight{display:block;}
.vcard {width:130px !important;}

.column2 p.cBoth a.dyBox_TextOnlyLink{background-image:none !important;}
#frmProdReg #newAddress.goldButton{margin-left:-5px; !important; clear:both; margin-top:10px; !important;}
/*---------------End Account section----------------------*/

/*---------------Where to find localresult.asp----------------------*/

#recordListDiv{width:190px !important;margin-right:0px;}
#fmFinderLI {width:217px;}

/*---------------product compare, sorting height problem for buttons under main images ----------------------*/

.prodDetails{height:55px;}

/*--------------- Pets / Allergy Page More / Back Link ----------------------*/

.slideLinks{padding-left:0px !important;margin-left:40px !important;}

/*--------------- Allergy RHS Text ----------------------*/

    .hepa_1, .hepa_2, .hepa_3{padding-top:0px !important; margin-left:10px}
    .hepa_1{margin-top:30px !important;}
    .hepa_2{margin-top:15px !important;}
    .hepa_3{margin-top:15px !important;}


/* -- LETTERBOX -- */
.letterboxHome{height:356px !important;}

/* This is to solve the issue of the page panel widths, primarily on the dryers homepage, as the panels were not expanding to the full width in IE6 */

.dryerHomePanelBSF, .dryerHomePanelWhy, .dryerHomePanelSeeUs, .dryerHomePanelBuy {width:184px!important;}


#ballContent, #gamesLink {padding-top:20px;}

/* PRODUCT FEATURES Buy Now Block */

.buyNow {margin-top:-1px !important;}


.divider{margin-bottom:13px;margin-top:0px !important;background-image:url(http://codelaboratories.com/images/bg_col3.png);}

.column3 .column2 {
margin:10px 10px 0 0 !important;
width:380px !important;
}

.reultsHead{width:721px!important;margin-left:265px !important;}
ul.miniUL li{padding-right:10px !important;width:110px !important;}

ul.filterWash li { width:125px !important;}
ul.filterWash li a span { width: 125px !important; }

#loadBar{margin-left:-400px !important;padding-left:0px !important;}

#searchResults #compareBtn {margin-left:31px !important;}

.column2ListItems {width:420px !important;}

/* DDM White Background Left */
#ddmwbl_1{left:-90px;top:-15px;}
#ddmwbl_2{left:-110px;top:0px;}
#ddmwbl_3{left:-115px;top:140px;}
#ddmwbl_4{left:-175px;top:150px;}
#ddmwbl_5{left:-185px;top:60px;}

/* DDM White Background Right */
#ddmwbr_1{left:-180px;top:15px;}
#ddmwbr_2{left:-160px;top:85px;}
#ddmwbr_3{left:-110px;top:140px;}

/* specialoffers/gradedsale.asp */

.colFull .smallText { padding-bottom:20px} /* adds padding to the last paragraph to stop text overwriting the last HR */

.leftPanels li {
    background-color    : #303030; 
}

/* Press site */
	/*Page formatting*/
	.columnThird{width:259px !important;}
	.columnTwoThird{width:568px !important;}
	.columnThird_Narrow{width:105px !important;}

	/*The following are added to allow the A:hover span to display on screen - ie6 bug*/
	.prodSelection span, .prodSelection_White span{background:none !important; border:none !important;}/*To get rid of span background when not hovering over image - not disappearing otherwise*/
	.prodSelection:hover, .prodSelection:focus, .prodSelection_White:hover, .prodSelection_White:focus{margin:0 auto; }/*needed to make span appear - ie6 bug*/
	.prodSelection:hover span, .prodSelection:focus span, .prodSelection_White:hover span, .prodSelection_White:focus span{background-color:#111 !important; border:1px solid #333 !important;}
	
	/*Press site - Product images page*/
	#press_ProductImages{padding-left:1em !important;}
	
	/*Press site - Video page*/
	#videopicker .column1{width:120px !important; margin-right:12px;}

/* Where to buy page - sorts labels out in find a retailer */

#ie6SearchBar label{margin-top:-30px!important;}

#productLineup li h4 {font-size:100% !important;}


/* REVIEWS */
.reviewProducts ul li a{width:120px;}
#accessoryDiv{background-image:none !important;background-color:#fff !important;opacity:0.6;filter:alpha(opacity=60);height:550px !important;}
.selectedProduct .prodCover {background-image:none !important;background-color:#000 !important;opacity:0.6;filter:alpha(opacity=60);}