﻿/*
    DYSON - General layout styles
    -----------------------------
    05/05/09
    
    Main Colours
    -----------------------------
    Black       :#000;
    Dark Grey   :
    Med Grey    :
    Light Grey  :
    Blue        :#3399ff;
    Gold        :#ffcc00;
    -----------------------------
*/
@import 'reset.css';
@import 'typography.css';
html {height:101%;}
body {font-size:77%;color:#fff;font-family:Arial, Helvetica, Verdana, sans-serif;background-color:#141414;margin:0 auto; -webkit-text-size-adjust:none;}
/* 
-------------------------------------------------------------------------------------------
    CONTAINERS
-------------------------------------------------------------------------------------------
*/
#container, .container{background-color:#000;}
#container #content, .container .content{
    width               :988px;
    margin              :0 auto;
    padding             :0px 0px 0px 0px;
}
#mainContent, .mainContent{margin-top:0px;}
/* 
-------------------------------------------------------------------------------------------
    HEADER and FOOTER 
-------------------------------------------------------------------------------------------
*/
#header,#footer
{
    background-color    :#141414;
    width               :988px;
    margin              :0 auto;
}

#header
{
    height              :127px;
}
#header div{padding-top:0px !important; z-index:10002;}
#header a{text-decoration:none;color:#999;display:block;margin:0 0 16px 0;}
#header a:hover,#header a:focus,#header a.on{color:#fff;}

#header .column3{width:728px;padding-right:0px;}

#header ul li a { text-transform  :uppercase; margin :0 19px 0 0;padding :0px; font-size:0.95em;}
#midNav ul li a { text-transform  :uppercase; margin :0 19px 0 0;padding :0px; font-size:0.8em;}
#midNav ul li a.arrowRight {margin-top:4px;} 

ul#productMenu li a { text-transform  :uppercase;}
ul#productMenu li {padding-left:29px}
ul#productMenu li a span.arrowRight { display:inline; font-size:.8em}
ul#productMenu li a span.arrowRight, ul.basePanels li a span.arrowRight {background :url(/images/arrow_next_off.gif) no-repeat scroll 0px 3px !important;}
ul#productMenu li a:hover span.arrowRight, ul.basePanels li a:hover span.arrowRight {color:#fff; background:url(/images/arrow_next.gif) no-repeat scroll 0px 3px !important;}

#midNav ul li a.trolley {background:url('/images/basketIcon.jpg') no-repeat; padding-left:30px; font-size:1.15em !important; text-transform:none !important; font-weight:bold;}
#header ul li.on a{color:#fff;}
#header #subNav
{
    font-size       :0.8em;
    float           :left;
    padding         :0 0 0 10px;
    margin          :15px 0 0 0;
}
#header #subNav ul li{margin-bottom:0px;}
#header #subNav ul li a{
    clear               :both;
    text-transform      :none;
    height              :20px;
    font-size           :110%;
}

#footer{width:988px;font-size:90%;color:#666 !important;}
#footer p{color:#666 !important;}
#footer img{}
#footer a{color:#666;}
#footer a:hover,#footer a:focus{color:#fff;}

#footer hr.headerHR{border-top:1px solid #333 !important;}

/*Temp v4 footer*/
.v4Footer .footerContainer{border-bottom:1px solid #333333; display:block; float:left; margin:0 0 20px; padding-bottom:35px;}
	.v4Footer .headerLink{width:160px !important;}
	.v4Footer li.headerLink a{text-transform:none !important;}
	
/* NEW HOMEPAGE STYLES */
    #footer #footSiteMap {margin-top:2.5em; margin-bottom:1.5em;}
    #footer #footSiteMap ul.inlineUL li {width:185px;}
    #footer #footSiteMap ul.inlineUL li.headerLink a {color:#fff; padding-bottom:15px;}
    #footer #footSiteMap ul.inlineUL li.headerLink ul li a { color:#666 !important;padding-bottom:2px; }
    #footer #footSiteMap ul.inlineUL li.headerLink ul li a:hover { color:#fff !important; }

    #footer ul.sitemap li a {font-size:0.9em;}
    ul.socialMedia li {padding-left:10px; color:#999999}
/* END NEW HOMEPAGE STYLES */


    
    /* NEW SITE MAP */
    ul.sitemap{margin-top:4px;}
    ul.sitemap li a{border-left:1px solid #666;padding-left:8px;padding-right:8px;line-height:8px;margin-bottom:13px;}

.footerPanels{margin-top:10px;clear:both;font-size:90%;line-height:130%;}
ul.footerPanels h3{color:#fff;margin-bottom:8px;}

.footerPanels li{margin-bottom:5px;}
.footerPanels li a{margin-top:3px;}
.footerPanels li li{margin-bottom:0px;}


.pcSearch{margin-top:8px;width:130px;padding-top:5px;height:13px;border:1px solid #000;font-size:90%;}
.pcSearchBtn{background:#333333 url(/images/arrow_next.gif) no-repeat scroll 8px 6px;
    height:20px;
    margin:0px 0 0px 3px;
    text-align:center;
    width:20px; 
    border:0px none;

    text-indent:-10000px;    
}


ul.footerIcons li{margin-bottom:5px;}
ul.footerIcons li a{padding-left:25px;background-repeat:no-repeat;}
ul.footerIcons li a.iconRegister{background-image:url(/images/iconRegister.gif);}
ul.footerIcons li a.iconSignUp{background-image:url(/images/iconSignup.gif);}
ul.footerIcons li a.iconHelp{background-image:url(/images/iconHelp.gif);}
ul.footerIcons li a.iconFeedback{background-image:url(/images/iconFeedback.gif);}
ul.footerIcons li a.iconEnvironment{background-image:url(/images/iconEnvironment.gif);}
ul.footerIcons li a.iconPanel{background-image:url(/images/iconPanel.gif);}

.territories{margin-top:16px;}
/* 
------------------------------------------------------------------------------------------- 
COLUMNS
-------------------------------------------------------------------------------------------
*/
    /*
        layout allows for upto 4 columns
        for a 2 colum layout (left hand narrow, right hand wide), use .column1 and .column3
    */
    .column1,.column2,.column3,.column4,.column5{margin:10px 10px 0 10px;float:left;padding:0px 20px 20px 20px;display:block;}
    /* display:inline;*/
    .column1Full{float:left;margin:0px;padding:0px;width:247px;}
    .column1Full .headerHR{margin:0px 0px -25px 10px !important;}
    .column1{width:187px;}
    .column2{width:434px;}
    .column3{width:681px;}
    .column4{width:928px;}
	.column5{width: 269px;} /* -- Three column layout -- */
    
    .column1Wide{margin-right:0px;padding-right:0px;width:217px;}
    
    .colFull{margin:0px !important;padding:0px !important;}
    
    .columnNP1,.columnNP2,.columnNP3,.columnNP4{margin:0 10px 20px;float:left;padding:0px 0px 0px 0px;}
    /* display:inline;*/

    .columnNP1{width:227px;}
    .columnNP2{width:474px;}
    .columnNP3{width:741px;}
    .columnNP4{width:968px;}
    
    .colHighlight{background-color:#1a1a1a;}
    
    /* Used for columns inside other columns*/
    .column1 .column1{padding:0px;margin:10px 0px 0 0;}
    .column2 .column1{padding:0px;margin:10px 0px 0 0;}
    .column3 .column2{padding:0px;margin:10px 30px 0 0;}
    .column3 .column1{padding:0px;margin:10px 30px 0 0;}
    .column4 .column2{padding:0px;margin:10px 10px 0 0;}
    .column4 .column3{padding:0px;margin:10px 10px 0 0;}
    .column4 .column1{padding:0px;margin:10px 10px 0 0;}
	
	.paddingLeft {margin-left:60px !important;}
    
    /* used on WMDD + press sites */
    .narrowCol{width:300px}
    
    .disInline{display:inline !important;}
	#header #accountMenu span.greyText a, #header #accountMenu a span.greyText {color:#666666 !important;}
	#header #accountMenu span.greyText a:hover, #header #accountMenu a:hover span.greyText {color:#fff !important;}

	.signOut{ color:#666666 !important; line-height:100%;}
    .printLinks{padding-bottom:10px;padding-top:10px;margin-top:0px;}
    
    /* used as a splitter between two columns. Need to reduce the margin by 1px to accommodate border */
    .rightBorder{border-right:1px solid #333;margin-right:9px;height:100%;}
    .leftBorder{border-left:1px solid #333;margin-left:9px;height:100%;}
    .dbBG{background-image:url(/images/bg_double_line.png); height:100%}
    .sgBG{background-image:url(/images/bg_single_line.png); height:100%}
    .scBG{background-image:url(/images/bg_single_line_centre.png); height:100%}
    .col3BGwht{background-image:url(/images/bg_col3_wt.png);}
    
    .col1_wht{background-image:url(/images/bg_col1_wht.gif);}
    .colBorders{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding-top:20px;}
    .colTopBorder{border-top:1px solid #ccc;padding-top:20px;}
    
/* 
------------------------------------------------------------------------------------------- 
LIST ITEMS
-------------------------------------------------------------------------------------------
*/

    ul{list-style:none;}                       /* General Lists */
    li, li a, .links a {color:#333;display:block;}

    
    #content li, .content li, li a, .links a {color:#999;}
    
    ul.inlineUL li{display:inline;float:left;}  /* Inline list items */
    ul.listUL li{display:block;clear:both;float:none;}
    
    ul li a, .links a {text-decoration:none;}
    ul li a:hover, .links a:hover,ul li a:focus, .links a:focus{color:#fff;}

    ul.miniUL{list-style:none;}
    ul.miniUL li{float:left;display:inline;padding-right:30px;width:110px;font-size:90%;}
    ul.miniUL li img{float:left;margin-bottom:10px;border:1px solid #333;margin-top:20px;}
    ul.miniUL li span{display:block;font-size:110%;color:#fff;font-weight:bold;}
    
    ol.inlineOL li a{display:inline;}
    
    .bullet,ul.txt{margin-bottom:20px;}
    .bullet li,ul.txt li { margin-left:20px;display:list-item; list-style:disc;margin-bottom:10px;}
    .specBull{margin-left:-7px !important;}
    
    .bulletWhite,ul.txt{margin-bottom:5px;}
    div#letterbox ul.bulletWhite li,.bulletWhite li,ul.txt li  {margin-left:15px; display:list-item; list-style:disc;color:#fff;}
    
    .panelText{font-size:100%;padding:15px 20px;color:#fff !important;background-color:#333 !important;}
    .panelText span{font-size:120% !important;}
/*
------------------------------------------------------------------------------------------- 
BREADCRUMBS
-------------------------------------------------------------------------------------------
*/
    .footerBreadCrumbs{border-top:1px solid #CCC;clear:both;}

    .navBar{margin-bottom:15px;height:30px;background-color:#ffcc00;padding:10px 0 0 10px;}
    .navBar ul{float:left;width:222px;}
    .breadcrumbs{font-size:85%;padding-bottom:10px;padding-top:0px;margin-top:10px;}
    .breadcrumbs a{text-decoration:underline;padding:0 10px 0 0;background:url(/images/crumb.gif) no-repeat right;margin:0 8px 0 0; }

    .backLinks{font-size:90%;padding-top:10px;margin:15px 0 10px 30px;display:block;}	
/* 
------------------------------------------------------------------------------------------- 
SEARCH BOX
-------------------------------------------------------------------------------------------
*/
#subNav input{
    border-right        :1px solid #666;
    border-top          :1px solid #666;
    border-bottom       :1px solid #666;
    border-left         :0px none;
    float               :left;
    width               :18px;
    height              :20px;
    background-color    :#000;
    color               :#666;
}
.searchField{
    font-size           :90%;
    border              :1px solid #666 !important;
    background-color    :#000;
    color               :#999 !important;
    width               :120px !important;
    height              :16px !important;
    margin-bottom       :5px;
}

#navMain{clear:both; }
#navMain li {margin-top:5px;}
#header a.homeLink{width:200px;float:left;margin-top:13px;}

/*
------------------------------------------------------------------------------------------- 
PANELS
-------------------------------------------------------------------------------------------
*/

.resetPanel{margin:0px;padding:0px;}

ul.panels,ul.offerPanels{margin:0px;padding:0px;}
ul.panels li{position:relative;}
.panels a,.offerPanels a{
	position            :relative;
	background-color    :#141414; 
	text-align          :center;
	height              :170px;
	padding             :20px 0 10px 0;
	margin-bottom       :0px;
	font-size:90%;
	z-index:0;
}
#offerPanelsWht a{
	background-color    :#fff; 
	color               :#333;
}
#offerPanelsWht .whtBground
{
    color               :#333;
}
.specialOfferpanel	{
	position            :relative;
	background-color    :#141414; 
	text-align          :center;
	margin-bottom       :0px;
	padding             :20px 0 10px 0;
	height              :255px;
	font-size			:90%;
	background-color	:#000000;
	background-image:url(/images/specialOffers/limited.png); 
	background-position:top right; 
	background-repeat:no-repeat;
}

.inlineBlock { display:inline-block !important;}

.panels a img, .offerPanels a img {
	position            :absolute;
	bottom:0px; left:20px; z-index:10 !important;
	}
	

.panels a span, .title span,.offerPanels a span, .specialOfferpanel span
{
    margin              :0 auto;
	line-height         :120%;
	font-size           :130% !important;
	padding-bottom      :5px;
	
}
.offerPanels a{
    height:255px !important;
    background-color:transparent; /* each offer should have a background image */
    padding-top:15px;
}

.panelOffersBuyCentered {padding-left:22px;}

ul.basePanels li a { height:75px; display:block; }
ul.basePanels li a span {display:block; vertical-align:baseline; position:absolute; bottom:20px;}
.disBlock {display:block;}
ul.basePanels li {display:block; position:relative;}

div.basePanels {height:100px;}

div.basePanels a {background-color:#099; display:block; height:100%}
div.basePanels a span {position:relative; vertical-align:bottom; left:20px}

/*
------------------------------------------------------------------------------------------- 
LEFT HAND PANELS
-------------------------------------------------------------------------------------------
*/
#fmFinder{background-color:#303030;}
#fmFinder fieldset{margin-top:0px;margin-bottom:5px;}
.leftPanels li{
    background-color    :#1a1a1a; 
	margin-bottom       :5px;
}
.leftPanels li h2{padding:15px 20px 5px;color:#fff;}

.leftPanels li a,.leftPanels li form, .columnNP1 .featureItemLink{
	padding             :15px 20px 15px 20px;
	font-size           :90%;
	
}

.leftPanels li ul{padding-bottom:10px;}
.leftPanels li li a{padding:0px 20px 10px 35px;background:url(/images/arrow_next.gif) no-repeat 20px 5px;color:#fff;}
.leftPanels li li a.off{padding:0px 20px 10px 35px;background-image:none;color:#999;}
.leftPanels li span, .leftPanels li label, .panels li span, .offerPanels li span{
	font-size           :1.1em; 
	color               :#fff; 
	font-weight         :bold;
	display             :block;
	width               :170px;
}

.leftPanels li li a:hover,.leftPanels li li a:focus{;background:url(/images/arrow_next_off.png) no-repeat 20px 5px;color:#999;}

.leftPanels li li a.off:hover,.leftPanels li li a.off:focus{background-image:none;}
.leftPanels select{width:130px;font-size:90%;height:19px;margin-top:4px;}
.leftPanels input{height:19px !important;margin-top:4px;padding-top:0px;}

/* BTT */
.btt{padding-bottom:10px;font-size:85%;}
.btt li{width:187px;text-align:right;}
.btt a{background:url(/images/btt.png) no-repeat 120px;}
/* 
------------------------------------------------------------------------------------------- 
STORE PAGE BLOCKS
-------------------------------------------------------------------------------------------
*/

.blocks {
	background-color:#1a1a1a; 
	padding:20px;
	margin-bottom:5px;
	}

.blocks span,.blocksFixed span, .title span, .browseRange{
	font-size:1.1em; 
	color:#fff; 
	font-weight:bold;
}
.browseRange
{
    font-size:1.0em;
    padding-top:3px;
 }
.blocksFixed {
	position:relative;
	background-color:#1a1a1a; 
	text-align:center;
	height:150px;
	padding:10px 0 10px 0;
	margin:0px -20px -20px -20px;
	}

.blocksFixed img {
	position:absolute;
	bottom:10px; left:35px; right:35px;
	}

.blockBackground {
	background-repeat:no-repeat; 
	min-height:185px; 
	height:185px; 
	margin-bottom:20px;
}

.blockClicks a { 
	display:block; 
	min-height:160px; 
}

.homeOffers {	background:url(/images/offer.gif) top right no-repeat !important;}
.storeOffers {	background:url(/images/offer.gif) top right no-repeat;}
.storeNew { background:url(/images/newGold.png) top right no-repeat !important;}
.storeNewFlag { background:url(/images/newGoldFlag.png) top right no-repeat !important;}
.xmas { background:url(/images/xmas2010New.jpg) top right no-repeat !important;}
/* 
------------------------------------------------------------------------------------------- 
CLEARS AND FLOATS
-------------------------------------------------------------------------------------------
*/
    .fLeft{float:left !important;}
    .fRight{float:right !important;}
    .tCentre{text-align:center;}
    .tLeft{text-align:left;}
    .tRight{text-align:right;}
    .cBoth{clear:both;}
    .hidden{display:none !important;}
    .noBorder{border:0px !important;padding-left:0px !important;}
	.clear { display:inline-block; }   
	.clear:after, .container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
	* html .clear { height:1%; }
	.clear { display:block; }
	.posRel{position:relative;}
/* 
------------------------------------------------------------------------------------------- 
Filler
-------------------------------------------------------------------------------------------
*/
	.noMargin{margin:0px !important;}
	.noMarginRight{margin-right:0px !important;}
    .noMarginLeft{margin-left:0px !important;}
	.noMarginTop{margin-top:0px !important;}
    .noMarginBottom{margin-bottom:0px !important;}
	
	.noPadding{padding:0px !important;}
    .noPaddingRight{padding-right:0px !important;}
	.noPaddingLeft{padding-left:0px !important;}
    .noPaddingTop{padding-top:0px !important;}
    .noPaddingBottom{padding-bottom:0px !important;}

	.padTop{padding-top:2em !important;}
	.padTop01em {padding-top:0.1em !important;}
	.padTop02em {padding-top:0.2em !important;}
	.padTop03em {padding-top:0.3em !important;}
	.padTop04em {padding-top:0.4em !important;}
	.padTop05em {padding-top:0.5em !important;}
	.padTop1em {padding-top:1em !important;}
	.padTop15em {padding-top:1.5em !important;}
	.padTop2em {padding-top:2em !important;}
	.padTop3em {padding-top:3em !important;}
	
	.padBottom { padding-bottom:1em !important;}
	.padBottom01em {padding-bottom:0.1em !important;}
	.padBottom02em {padding-bottom:0.2em !important;}
	.padBottom03em {padding-bottom:0.3em !important;}
	.padBottom04em {padding-bottom:0.4em !important;}
	.padBottom05em {padding-bottom:0.5em !important;}
	.padBottom1em {padding-bottom:1em !important;}
	.padBottom15em {padding-bottom:1.5em !important;}
	.padBottom2em {padding-bottom:2em !important;}
	.padBottom3em {padding-bottom:3em !important;}

	.padLeft {padding-left:1em !important;}
	.padLeft01em {padding-left:0.1em !important;}
	.padLeft02em {padding-left:0.2em !important;}
	.padLeft03em {padding-left:0.3em !important;}
	.padLeft04em {padding-left:0.4em !important;}
	.padLeft05em {padding-left:0.5em !important;}
	.padLeft1em {padding-left:1em !important;}
	.padLeft15em {padding-left:1.5em !important;}
	.padLeft2em {padding-left:2em !important;}
	.padLeft3em {padding-left:3em !important;}
	
	.padRight {padding-right:1em !important;}
	.padRight01em {padding-right:0.1em !important;}
	.padRight02em {padding-right:0.2em !important;}
	.padRight03em {padding-right:0.3em !important;}
	.padRight04em {padding-right:0.4em !important;}
	.padRight05em {padding-right:0.5em !important;}
	.padRight1em {padding-right:1em !important;}
	.padRight15em {padding-right:1.5em !important;}
	.padRight2em {padding-right:2em !important;}
	.padRight3em {padding-right:3em !important;}
		
	.margTop{margin-top:2em !important;}
	.margTop01em{margin-top:0.1em !important;}
	.margTop02em{margin-top:0.2em !important;}
	.margTop03em{margin-top:0.3em !important;}
	.margTop04em{margin-top:0.4em !important;}
	.margTop05em{margin-top:0.5em !important;}
	.margTop1em{margin-top:1em !important;}
	.margTop15em{margin-top:1.5em !important;}
	.margTop2em{margin-top:2em !important;}
	.margTop3em{margin-top:3em !important;}
	.margTopPx{margin-top:14px !important;}
	.margTop10px{margin-top:10px !important;}
	
	.margBottom{margin-bottom:2em !important;}
    .margBottom01em{margin-bottom:0.1em !important;}
    .margBottom02em{margin-bottom:0.2em !important;}
    .margBottom03em{margin-bottom:0.3em !important;}
    .margBottom04em{margin-bottom:0.4em !important;}
    .margBottom05em{margin-bottom:0.5em !important;}
	.margBottom1em{margin-bottom:1em !important;}
	.margBottom15em{margin-bottom:1.5em !important;}
	.margBottom2em{margin-bottom:2em !important;}
	.margBottom3em{margin-bottom:3em !important;}
	.margBottom4em{margin-bottom:4em !important;}
	.margBottom5em{margin-bottom:5em !important;}

	.margLeft{margin-left:1em !important;}
	.margLeft01em{margin-left:0.1em !important;}
	.margLeft02em{margin-left:0.2em !important;}
	.margLeft03em{margin-left:0.3em !important;}
	.margLeft04em{margin-left:0.4em !important;}
	.margLeft05em{margin-left:0.5em !important;}
	.margLeft1em{margin-left:1em !important;}
	.margLeft15em{margin-left:1.5em !important;}
	.margLeft2em{margin-left:2em !important;}
	.margLeft3em{margin-left:3em !important;}
	
	.margRight{margin-right:1em !important;}
	.margRight01em{margin-right:0.1em !important;}
	.margRight02em{margin-right:0.2em !important;}
	.margRight03em{margin-right:0.3em !important;}
	.margRight04em{margin-right:0.4em !important;}
	.margRight05em{margin-right:0.5em !important;}
	.margRight1em{margin-right:1em !important;}
	.margRight15em{margin-right:1.5em !important;}
	.margRight2em{margin-right:2em !important;}
	.margRight3em{margin-right:3em !important;}
		
	.negTop {margin-top:-3em !important;}
	.negTop05em {margin-top:-0.5em !important;}
	.negTop1em {margin-top:-1em !important;}
	.negTop2em {margin-top:-2em !important;}
	
	.negBottom {margin-top:-3em !important;}
	.negBottom05em {margin-top:-0.5em !important;}
	.negBottom1em {margin-top:-1em !important;}
	.negBottom2em {margin-top:-2em !important;}
	
	.rightMargin {padding-right:120px !important; padding-top:20px;}

/* 
------------------------------------------------------------------------------------------- 
Table for Japanese symbols
-------------------------------------------------------------------------------------------
*/

	table.padded1em td,	table.padded1em th {padding:5px;}
	table.padded1em td.borderRight {padding-right:40px; padding-left:10px;}

/* 
------------------------------------------------------------------------------------------- 
Borders
-------------------------------------------------------------------------------------------
*/

.borderTop {border-top:1px solid #333;}
.borderLeft {border-left:1px solid #333;}
.borderRight {border-right:1px solid #333;}
.borderBottom {border-bottom:1px solid #333;}
.borderAll {border:1px solid #333;}


/* 
------------------------------------------------------------------------------------------- 
HRs
-------------------------------------------------------------------------------------------
*/
    hr{clear:both;height:1px;border:0px none;border-top:1px solid #141414;margin-bottom:10px;}
    #container hr, .container hr {border-top:1px solid #000;}

    hr.panelHR{border-top:1px solid #2a2a2a;}
    hr.headerHR{border-top:1px solid #333 !important;margin:0px 10px -25px 10px !important; padding:5px 0px 5px 0px; }
    hr.clear{border-top:1px solid #000 !important;margin:10px 100px 0px 10px !important; padding:5px 0px 5px 0px;}
    hr.browseHR{border-top:1px solid #333 !important;margin:20px 10px -5px 10px !important; padding:5px 0px 5px 0px; }
    hr.panelTopHR{border-top:1px solid #333 !important;margin:0px 10px -25px 10px !important; padding:0px 0px 5px 0px; }
	hr.panelsHR{border-top:1px solid #333 !important;margin:16px 10px -20px 10px !important; padding:4px 0px 5px 0px; }
    hr.footerHR{border-top:1px solid #333 !important;margin:0px 10px -12px 10px !important; padding:5px 0px 5px 0px; }
    hr.headerNoBorder{border-top:1px solid #000 !important;margin:0px 10px 0px 10px !important; }
    hr.contentHR{border-top:1px solid #333 !important; margin:0 -20px; }
    hr.noPadding{border-top:1px solid #333 !important; margin:0 10px; }
    hr.topPadding{border-top:1px solid #333 !important; margin:25px 10px; }
    hr.spaced{border-bottom:1px solid #333 !important; margin:10px; padding-top:20px  }
    
    hr.tabsHR{border-top:1px solid #333 !important;margin:20px 0px 20px 0px !important; padding:5px 0px 0px 0px; }
	.spacer{height:10px;display:block;background-color:#009999;}

    .panelBorder{clear:both;margin:-20px 10px -25px;border-top:1px solid #333 !important;display:block;width:968px;}
/*
------------------------------------------------------------------------------------------- 
BUTTONS
-------------------------------------------------------------------------------------------
*/

.buttonLg{font-size:100% !important;}
.buyButtons li{margin-bottom:5px;}
.greyButton,.goldButton,.applyBtn{cursor:pointer;width:89px;height:18px;padding-top:1px;font-size:80%;font-weight:bold;display:block;color:#000 !important;font-size:90%; text-align:center; text-decoration:none;} 
.goldButton{background:url(/images/btn_gold_bg.png);border:1px solid #ca8b08;border-top:1px solid #ffc23b;}
.greyButton{background:url(/images/btn_grey_bg.png);border:1px solid #a2a2a2;border-top:1px solid #b2b2b2;}
.goldButton:hover,a.greyButton:hover,.goldButton:focus,a.greyButton:focus{color:#666;}
.goldButtonBlock {display:block;}
a.greyButton,a.goldButton {padding-top:2px;height:20px !important; background-color:#000000;}

.greyButtonLrg{cursor:pointer; width:auto; min-width:80px; min-height:26px; height:auto !important; height:26px; color:#000 !important; background:#b8b8b8 url(/images/btn_grey_lrg_bg.png) repeat-x top left;border:1px solid #a2a2a2;border-top:1px solid #b2b2b2; text-decoration:none; display:inline-block; text-align:center; padding:5px 10px; font-weight:bold; line-height:26px; font-size:1.1em;} 
	.greyButtonLrg:hover, .greyButtonLrg:focus{color:#666 !important;}

.lrgGoldButton{cursor:pointer; width:auto; min-width:80px; min-height:26px; height:auto !important; height:26px; color:#000 !important; background:#FFE388 url(/images/btn_gold_bg.png) repeat-x bottom left; border:1px solid #ca8b08;border-top:1px solid #ffc23b; text-decoration:none; display:inline-block; text-align:center; padding:5px 10px; font-weight:bold; line-height:26px; font-size:1.1em;} 
	.lrgGoldButton:hover, .lrgGoldButton:focus{color:#666 !important;}

.blueButton{cursor:pointer; width:90px; min-width:80px; height:20px; color:#FFF !important; background:#26328c url(/images/btn_blue_bg.png) repeat-x top left; border:1px solid #424c9b; border-top:1px solid #26328c; text-decoration:none; display:block; text-align:center; padding:7px 4px;} 
	.blueButton:hover, .blueButton:focus{color:#CCC !important;}
	
.lgtBlueButton{cursor:pointer; width:90px; min-width:80px; height:20px; color:#FFF !important; background:#3c6fcb url(/images/btn_lgtBlue_bg.png) repeat-x top left; border:1px solid #1c4ea7; border-top:1px solid #1c4ea7; text-decoration:none; display:block; text-align:center; padding:7px 4px;} 
	.lgtBlueButton:hover, .lgtBlueButton:focus{color:#CCC !important;}

.purpBtnTall{background:url(/images/btn_purple.png) repeat-x left top #6c619c; min-height:32px;height:auto !important; height:32px;padding:8px 20px;width:89px;color:#fff;border:1px solid #000;text-decoration:none;font-weight:bold;}
    .purpBtnTall:hover, .purpBtnTall:focus{color:#CCC;}
    
.lgtPurpBtnTall{background:url(/images/btn_lgtPurple.png) repeat-x left top #7756cb; min-height:32px;height:auto !important; height:32px;padding:8px 20px;width:89px;color:#fff;border:1px solid #624f95;text-decoration:none;font-weight:bold;}    
    .lgtPurpBtnTall:hover, .lgtPurpBtnTall:focus{color:#CCC;}

/* Black button */
.blackButton{background:url(/images/btn_blk.png) repeat-x left top #000; min-height:32px;height:auto !important; height:32px;padding:13px 20px;width:89px;color:#fff;border:1px solid #333333;text-decoration:none;font-weight:bold;}    
    .blackButton:hover, .blackButton:focus{color:#CCC;}
		
input.greyButton,input.goldButton{height:24px;}
.compareBtn{width:150px !important;}

.applyBtn{width:50px;height:20px;padding-bottom:5px;}   

.smlButton{width:20px;float:left;padding-top:0px;margin-left:10px;}
.wideButton{width:140px;padding-top:0px}
.bigWideButton{width:180px;padding-top:0px}
.browseButton{margin-left:10px;}
.goBtn{
    background:url(/images/btn_go.png) center no-repeat;
    width:15px;
    height:17px;
    margin-top:0px;
    margin-left:5px;
    text-indent:-1000px;
    border:0px none;
}


.buttonMargRight{margin-right:10px;}
/*a.resetBtn{padding:0px !important;float:left;margin-top:5px;cursor:pointer;background:#242424 url(/images/btn_reset.gif) center no-repeat;padding:6px;text-indent:-1000px;overflow:hidden;width:62px; height:10px;color:#242424;}*/
a.resetBtn{font-size:90%;color:#999 !important;width:62px; height:10px;float:left;padding:0 0 0 10px !important;}
.disabled{color:#666 !important;}
h2 span.disabled{color:#666 !important;display:block;font-size:80%;margin-bottom:5px;}

/* Used on basket page for none changable inputs, such as promotional items */

input.buttonBare {background-color:#fff !important; border:#FFFFFF !important;}

/*
------------------------------------------------------------------------------------------- 
GENERAL LINKS
-------------------------------------------------------------------------------------------
*/

/* Generic link with  tab */
.arrows a{margin-bottom:10px;}
.arrows a,p.arrowRight,span.arrowRight,a.arrowRight,a.arrowLeft,a.arrowUp,a.print,a.email, .disc{
    color           :#999;
    padding         :0 0 0 10px !important;    
    text-decoration :none;
    background      :transparent  no-repeat scroll 5px 6px;
}
a.arrowRight,p.arrowRight,span.arrowRight,.arrows a{
    background      : url(/images/arrow_next_off.gif) no-repeat scroll 0px 6px !important;
}

#midNav li a.arrowRight {background:url(/images/arrow_next_off.gif) no-repeat scroll 0px 6px !important;}
#midNav li  a.arrowRight:hover, #midNav li a.arrowRight:focus{background:url(/images/arrow_next.gif) no-repeat scroll 0px 6px !important;}

.ulList{margin:20px 0 20px 0;}
.disc{background:url(/images/ulDisc.png) no-repeat scroll 0px 6px; display:block;}
.footerPanels a.arrowRight{background:url(/images/arrow_next_off.png) no-repeat scroll 0px center !important;}
.pagePanels .arrows a{display:block !important;background:url(/images/arrow_next_off.png) no-repeat scroll 0px center !important;}

span.arrowRight {display:block}
a.arrowLeft{
    background:url(/images/arrow_back_off.png) no-repeat scroll 0px 4px;
}
a.arrowUp{
    background:transparent url(/images/arrow_up.png) no-repeat scroll 0px 4px;
}
.arrowRight:hover,.arrowRight:focus{background:url(/images/arrow_next.gif) no-repeat scroll 0px 6px !important;}
.arrowRight:hover,.arrowRight:focus,.arrowLeft:hover,.arrowLeft:focus,.arrowUp:hover,.arrowUp:focus{color:#fff;}

a.arrowLeft:hover,.a.arrowLeft:focus{background:url(/images/arrow_back.png) no-repeat scroll 0px 4px;}

.arrowSm{font-size:90%;}
a.closeLink,a.openLink{
    color           :#999;
    text-decoration :none;
    background      :left no-repeat;
    padding-left    :15px;
}
a.closeLink{background-image:url(/images/arrow_up.gif);}
a.openLink{background-image:url(/images/arrow_down.gif);}

a.closeLink:hover,a.openLink:hover,a.closeLink:focus,a.openLink:focus{color:#FFF;}
a.closeLink:hover,a.closeLink:focus{background-image:url(/images/arrow_up_off.gif);}
a.openLink:hover,a.openLink:focus{background-image:url(/images/arrow_down_off.gif);}


a.print,a.email{padding:3px 5px 0 25px !important;font-size:90%;}
a.print{background-image:url(/images/print.png);}
a.email{background-image:url(/images/email.png);}
a.smlLink{font-size:90%;}
a.upperCase{text-transform:uppercase; background-position:0px 3px !important;}
	a.upperCase:hover, a.upperCase:focus{background-position:0px 3px !important;}
a.arrowNoUnderline{text-decoration:none !important;}

.specOffer{margin-top:18px;}
/* Arrow lis */
/*
.arrows a{color:#fff;}
.arrows a:hover,.arrows a:focus{color:#999;}
*/

/* Video Links */
a.dyBox_VideoLink{background:url(/images/video.png) no-repeat left; color:#999; padding-left:30px; min-height:21px; display:block; text-decoration:none; margin-right:10px;}
a.dyBox_VideoLink:hover, a.dyBox_VideoLink:focus{color:#FFF;}


.indent{padding-left:15px;font-size:90%;}
/*
------------------------------------------------------------------------------------------- 
PRODUCT TABS and MAIN PRODUCT CONTENT
-------------------------------------------------------------------------------------------
*/
/*#flashcontent{padding-top:24px;z-index:-10;}*/
#flashcontent{padding-top:24px;z-index:-10;}
#assetViewer{z-index:-10;}
#prodSummary{padding-top:14px;}
#prodSummary div{margin-top:10px;}
#prodSummary div p{font-size:95%;}

#prodSummary .specials{font-size:90%;line-height:120%;}

#moreDetails{height:0px;overflow:hidden;}
.prodImage{text-align:center;}
.prodOffer{color:#3399ff;}

#imageSwapLinks a{border:1px #333 solid;margin-right:5px;margin-bottom:5px;height:61px;}

.accessDetails{display:block;height:105px;}
.accessDetails h2{color:#fff !important;}
.accessContent{display:block;min-height:35px;}
.accessPrice{color:#fff;font-weight:bold;font-size:120%;}
.wasPrice{text-decoration:line-through;color:#999;margin-right:10px;float:left;margin-right:10px;}
.nowPrice, .boldText {font-weight:bold;}

#productTabsDivContainer,#BVReviewsContainer
{
    font-size       :90%;
    border          :1px solid #333;

    margin-bottom   :20px; 
    margin          :-1px 10px 0 10px; 
    overflow:hidden;
    z-index         :1;

}
#BVReviewsContainer
{
    margin          :30px 10px 20px 10px; 
    padding         :20px;
    width           :928px;
}

#productTabs{height:32px;margin-left:10px;}
#productTabs a{
    display         :block;
    text-decoration :none;
    padding         :0px;
    margin-right    :10px;
    color           :#6a6a6a;
    background-color:#262626;
   
    height          :15px;
    padding         :7px 20px 13px;
    margin-top      :12px;
    z-index         :1000;
    position        :relative;
    
}
#productTabs a.selected{ /*selected main tab style */
    height          :23px;
    margin-top      :0px;
    border          :1px solid #333;
    border-bottom   :0 none;

    background-color:#000;
    color           :#FFFFFF;
    padding         :12px 20px;
}
#productTabs li.offers a{color:#3399ff;}



/* FEATURES */
.allFeatures{width:731px;float:left;}

#moreFeatures{overflow:hidden;height:0px;display:block;}
#moreFeatures div{display:block;}

/* Feature Panels */
.featPanels{height:260px;margin-right:20px !important;margin-left:0px !important;}
.featPanels img{margin-top:10px;border:1px solid #333;}
.featuresDiv{width:741px;}
.featuresFansDiv{width:741px;}

#tabsContent h1{font-weight:bold;}
#tabsContent h3,#tabsContent h2{line-height:110%;}
#tabsContent h3{margin-top:5px;}

#viewFeaturesLink{font-size:110%;margin-left:20px;}
/*
------------------------------------------------------------------------------------------- 
TABLES
------------------------------------------------------------------------------------------- 
*/
.tblSpec{width:100%;}
.tblSpec td{border-top:1px solid #333;padding-right:10px;color:#ccc;}
.tblSpec td h3{padding-top:5px;color:#FFF;margin-top:5px;}


/*
------------------------------------------------------------------------------------------- 
SPECIAL OFFERS
------------------------------------------------------------------------------------------- 
.offerHero{margin-top:50px;}
*/

/*
------------------------------------------------------------------------------------------- 
COUNTRY DROP DOWN
------------------------------------------------------------------------------------------- 
*/

#currentCountryDiv{margin-left:20px;float:left;}
#currentCountry{text-decoration:none;display:block;width:260px;margin: 0 0 20px 0;padding:3px;border:1px solid #999;border-top:0px none;}


#currentCountry img{margin-bottom:-4px;margin-top:1px;}
#currentCountry span
{
    border-left:1px solid #999;
    width:15px;
    float:right;
    background:url(/images/arrow_down.png) no-repeat 7px;
    margin-top:-2px;
    padding-left:3px;
    padding-top:5px;
}
#countrySelect,#countryScroll{height:0px;overflow:hidden;width:260px;position:absolute;}
#countryScroll{margin-left:240px;}
#countrySelect{padding:0px 3px;padding-bottom:0px;border:1px solid #999;border-bottom:0px none; background: #141414;}
#countrySelect ul {margin-top:3px;}
/*#countrySelect ul img{margin-bottom:-3px;}*/
#countrySelect ul li{padding-bottom:0px;}

#countrySelect ul li a{width:240px;cursor:pointer;padding:0px 0 0 35px;height:15px;background:url(/images/flags.png) no-repeat;background-position:0 15px;margin-bottom:7px;}
/*#countrySelect ul li a span{cursor:pointer;margin-right:5px;width:31px;height:15px;display:inline-block;overflow:hidden;background:url(/images/flags.png) no-repeat;background-position:0 15px;}*/
#countrySelect ul li a.US{background-position:0 0;}
#countrySelect ul li a.UK{background-position:0 -15px;}
#countrySelect ul li a.JP{background-position:0 -30px;}
#countrySelect ul li a.AU{background-position:0 -45px;}
#countrySelect ul li a.AT{background-position:0 -60px;}
#countrySelect ul li a.BE{background-position:0 -75px;}
#countrySelect ul li a.BENL{background-position:0 -90px;}
#countrySelect ul li a.BEFR{background-position:0 -105px;}
#countrySelect ul li a.CA{background-position:0 -120px;}
#countrySelect ul li a.CAEN{background-position:0 -135px;}
#countrySelect ul li a.CAFR{background-position:0 -150px;}
#countrySelect ul li a.CNEN{background-position:0 -165px;}
#countrySelect ul li a.CNCN{background-position:0 -180px;}
#countrySelect ul li a.CY{background-position:0 -195px;}
#countrySelect ul li a.CYGR{background-position:0 -210px;}
#countrySelect ul li a.CYEN{background-position:0 -225px;}
#countrySelect ul li a.CZ{background-position:0 -240px;}
#countrySelect ul li a.DK{background-position:0 -255px;}
#countrySelect ul li a.FI{background-position:0 -270px;}
#countrySelect ul li a.FR{background-position:0 -285px;}
#countrySelect ul li a.DE{background-position:0 -300px;}
#countrySelect ul li a.GR{background-position:0 -315px;}
#countrySelect ul li a.HK{background-position:0 -330px;}
#countrySelect ul li a.HKCN{background-position:0 -345px;}
#countrySelect ul li a.HKEN{background-position:0 -360px;}
#countrySelect ul li a.ID{background-position:0 -375px;}
#countrySelect ul li a.IE{background-position:0 -390px;}
#countrySelect ul li a.IL{background-position:0 -405px;}
#countrySelect ul li a.ILIL{background-position:0 -420px;}
#countrySelect ul li a.ILEN{background-position:0 -435px;}
#countrySelect ul li a.ILHB{background-position:0 -435px;}
#countrySelect ul li a.IT{background-position:0 -450px;}
#countrySelect ul li a.MY{background-position:0 -465px;}
#countrySelect ul li a.MX{background-position:0 -480px;}
#countrySelect ul li a.MXES{background-position:0 -495px;}
#countrySelect ul li a.MXEN{background-position:0 -510px;}
#countrySelect ul li a.NL{background-position:0 -525px;}
#countrySelect ul li a.NZ{background-position:0 -540px;}
#countrySelect ul li a.NO{background-position:0 -555px;}
#countrySelect ul li a.PL{background-position:0 -570px;}

#countrySelect ul li a.PT{background-position:0 -585px;}
#countrySelect ul li a.RU{background-position:0 -600px;}
#countrySelect ul li a.SG{background-position:0 -615px;}
#countrySelect ul li a.SK{background-position:0 -630px;}
#countrySelect ul li a.SI{background-position:0 -645px;}
#countrySelect ul li a.ZA{background-position:0 -660px;}
#countrySelect ul li a.KR{background-position:0 -675px;}
#countrySelect ul li a.ES{background-position:0 -690px;}
#countrySelect ul li a.SE{background-position:0 -705px;}
#countrySelect ul li a.CH{background-position:0 -720px;}
#countrySelect ul li a.CHDE{background-position:0 -735px;}
#countrySelect ul li a.CHFR{background-position:0 -750px;}
#countrySelect ul li a.CHIT{background-position:0 -765px;}

#countrySelect ul li a.TW{background-position:0 -780px;}
#countrySelect ul li a.TR{background-position:0 -795px;}
#countrySelect ul li a.UA{background-position:0 -810px;}
#countrySelect ul li a.AE{background-position:0 -825px;}
/*#countrySelect{padding:0px 3px;padding-bottom:0px;border:1px solid #999;border-top:0px none;margin-top:-21px;}*/

	#track1 {
		float:left;
		width:15px;
		height:109px;
		margin-left:5px;
		border-left:1px solid #999;
		margin-top:1px;
	}
	
	/* vertical track handle */
	#handle1 {
		width:20px;
		height:20px;
		background-color:#333;
		cursor:move;
	}

    .ddOpen{ background:url(/images/arrow_up.png) no-repeat 7px !important;}
    
    
    /* NON JS VERSION */
    #frmLocation fieldset{width:240px;float:left;}
    #nav_international_select{float:left;width:150px;margin-left:20px;font-size:90%;height:20px;}
    #frmLocation .greyButton{float:left;width:30px;margin-left:10px;}
/*
------------------------------------------------------------------------------------------- 
TOOL TIPS
------------------------------------------------------------------------------------------- 
*/
a.toolTip{background:url(/images/tooltip.png) no-repeat right;display:block;}
.prodFeature a.toolTip{width:20px;height:20px;float:right;}
.toolTipClosed{position:absolute;background-color:#333;margin-top:20px;}
.prodFeature .toolTipClosed{margin-top:30px;}
.toolTipClosed img{border:1px solid #333;width:100px;float:left;}
/*
.toolTipClosed h4{color:#fff;padding:10px 10px 0 10px;font-weight:bold;float:left;}
.toolTipClosed p{color:#fff;padding:10px;font-size:95%;float:left;}
*/
.toolTipClosed div{float:left;width:150px;margin:10px;color:#fff;}

.promoErr{color:#ff0000 !important;display:block;clear:both;}
.centered {text-align:center !important;margin:0 auto;}

/* product selector in Account */
.prodSelect select{font-size:90%;width:150px;}
.prodSelect input{height:17px;margin-left:5px;}


/* SITEMAP */

.sitemap a{background-image:none !important;padding:1px 0px 1px 0px;}
.sitemap a:hover,.sitemap a:focus{color:#999 !important;}
.mainHeaderLink{font-size:110%;font-weight:bold;margin-top:10px;}
.headerLink{font-size:100%;font-weight:bold;margin-top:10px; text-transform:uppercase;}
.headerLink ul li a {text-transform:none}
.headerLink li{font-size:100%;font-weight:normal;}

/* PRODUCT FEATURES Buy Now Block */

.buyNow {height:498px; min-height:530px; margin-top:2px}
.buyNow table {padding:10px 0 10px 0; width:100%; margin-bottom:10px; color:#999999;font-size:90%;}
.buyNow span.extraInfo{display:block;font-size:90%;padding-top:5px;}
td.buyNow_ItemValue{text-align:right !important;}
.price {font-size:1.3em; font-weight:bold !important; float:right;color:#fff;}

/* Updates rollover state for product.asp page */
#imageSwapLinks a:hover{ cursor:pointer; }

.MMplacer{width:250px;}

.colourChoice {padding:0 3px 0 0px;}
.colourPicker {height:60px!important; min-height:60px!important; padding-top:0px!important; border-top:3px solid #000; position:relative; top:-360px}

.leftPadding {padding-left:2em;}
em {font-style:italic;}

/* WHITE LIGHT BOX  */
.lb_white{position:absolute;width:542px;}

.lb_white #taxCloseBtn{margin-top:0px;margin-right:-15px;float:right;width:19px;height:18px;display:block;background:url(/images/white_lb_close.png);}

.lb_white h2{font-size:150%;clear:both;}
.lb_white h3{font-size:100%;margin:10px 0px;clear:both;}
.lb_white_head,.lb_white_foot{display:block;width:549px;height:22px;margin:0px;}
.lb_white_head{background:url(/images/white_lb_top.png) no-repeat;}
.lb_white_foot{background:url(/images/white_lb_bottom.png) no-repeat;}
.lb_white_body{padding:0 45px 0 40px;width:464px;background:url(/images/white_lb_middle.png);padding-bottom:15px;}

.lb_highlight{padding:10px;background-color:#f0f0f0;}

.basketSummary{z-index:10000;position:absolute;top:25px;height:363px;overflow:hidden;display:block;margin-left:80px;}

/* Below is the style for the embedded video, this needs testing on other pages to look at how the margin affects page layouts - Paul 25/03/10 */

#advertPlayer {margin-top:10px;}

/* Original desctiption */

span.orginalDescription{color:#999999 !important; margin-bottom:15px; margin-top:0 !important; display:block; font-size:90% !important;}

/* CAFR Fans fix */

.cafrBuyNow{width:125px;}

/* Campaigns styling */
.notifyPopUp #frmCampaign label {width:150px;}
.notifyPopUp #frmCampaign .err {margin-left:45px; clear:left;}

/* SAP notice */
.redText {color:#f00 !important; display:inline !important; font-size:1em !important;}
.sapMessage h2{background:url("/images/info_icon_white.jpg") no-repeat scroll left top; padding:8px 0 5px 37px;}

/* CA free AA kit */
.freeAAkitCA span{ width:180px !important; }
.freeAAkitCA{ font-size:0.9em; }
.freeAAkitCA img{ left:46px !important; }

/* -- CA Balls refresh -- */
/* -- Offers panel -- */
.CA_ballsRefreshOP a{ background: url(/images/letterbox/ballsRefresh/op_bg.jpg) 0px 0px no-repeat; }
.CA_ballsRefreshOP h2{ background: url(/images/letterbox/ballsRefresh/op_h2.jpg) 40px 81px no-repeat; height: 117px; text-indent: -10000px; margin: 0px; }
.CA_ballsRefreshOP h3{ background: url(/images/letterbox/ballsRefresh/op_h3.jpg) 40px 0px no-repeat; height: 39px; text-indent: -10000px; margin: 0px; }
.CA_ballsRefreshOP p{ margin: 0px 0px 0px 40px; text-align: left; }
/* -- Product panel -- */
.CA_ballRefreshPP{ background: url(/images/letterbox/ballsRefresh/pp_bg.jpg) 0px 0px no-repeat; height: 430px; width: 210px; margin-top: -9px; }
.CA_ballRefreshPP h2{ background: url(/images/letterbox/ballsRefresh/pp_h2.jpg) 23px 296px no-repeat; height: 329px; text-indent: -10000px; }
.CA_ballRefreshPP h3{ background: url(/images/letterbox/ballsRefresh/pp_h3.jpg) 23px 0px no-repeat; height: 45px; text-indent: -10000px; }
.CA_ballRefreshPP a{ margin: 0px 0px 0px 23px; }
.CA_ballRefreshPP a:hover{ color: #000000; background: url("/images/arrow_next_off.gif") no-repeat scroll 0 6px transparent!important; }
/* -- HMC panel -- */
.CA_ballRefreshHMC{ background: url(/images/store/ballRefreshHMC_bg.jpg) right 0px no-repeat #ffffff; height: 151px; }
.CA_ballRefreshHMC h1{ background: url(/images/store/ballRefreshHMC_h1.jpg) 39px 32px no-repeat; height: 72px; margin: 0px; text-indent: -10000px; }
.CA_ballRefreshHMC h2{ background: url(/images/store/ballRefreshHMC_h2.jpg) 39px 0px no-repeat; height: 51px; margin: 0px; text-indent: -10000px; }
.CA_ballRefreshHMC a{ margin: 0px 0px 0px 39px; }
.CA_ballRefreshHMC a:hover{ color: #000000; background: url("/images/arrow_next_off.gif") no-repeat scroll 0 6px transparent!important; }

/* Live chat button */

a.liveChat {background:url("/images/btnLiveChat.jpg") no-repeat scroll left top; padding:3px 0px 0px 45px; height:27px !important; width:112px !important; text-decoration:none; color:#fff  !important; font-size:110%; display:none;}
.col3BGwht {position:relative;}
.col3BGwht a.liveChat {position:absolute; top:15px; left:100px;}
.alwaysHide {display:none !important;}

/* Product Page Video Button */
#imageSwapLinks a.playProductVideo{line-height:23px;border:0px;width:150px;height:23px;padding-left:30px;background:url(/images/playVideo.png) no-repeat left;margin-bottom:30px;font-weight:bold;color:#fff;}
#imageSwapLinks a.playProductVideo:hover{color:#ccc;}


/*
------------------------------------------------------------------------------------------- 
IFRAMES
------------------------------------------------------------------------------------------- 
*/

	iframe {border: none; margin :0; padding :0;overflow:hidden;}
	.WhereToBuyIframe {width:975px; height:870px;}

