html,
body{
	text-align:center;
	padding:0 0 10px 0;
	margin:0;
	background-color: #4D4E53;
}

a img{
	border:none;
}

/* -------- OFFERS NAV START -------- */

#topNavigationOfferHolder{
	width:960px;
	height:25px;
}


/*NO LONGER REQUIRED - TOP BAR REPLACED WITH IMAGE
p.topOffersText{
	margin:0;
	padding:0;
	color:black;
	font-family:verdana;	
	font-size:14px; UNHIDE WHEN GOING BACK TO THICKER TOP STRIP
	position:relative;
	top:4px; CHANGE TO 4px FOR THIN TOP STRIP, 10px FOR THICK
}


#topmenubarOffers{
	text-align:center;
	width:815px;
	margin:0 auto;
}

.topmenustyleOffers ul{
	margin: 0;
	padding: 0;
	font: 11px arial;
	list-style-type: none;
	overflow: hidden;
	width: 815px;
}

.topmenustyleOffers li{
	display: inline;
	margin: 5px 0;
	padding:0;
	float:left;
}

.topmenustyleOffers li a{
	text-decoration: underline;
	margin: 0;
	padding: 0; /*padding inside each tab*/
	font: 11px arial;
	color: #E75DB6;
	top:5px;
}

.topmenustyleOffers li a:visited{
	color: #E75DB6;
	text-decoration:underline;
	height:25px;
}

.topmenustyleOffers li a:hover{
	font: 11px arial;
	color: #E590C6;
	height:25px;
	text-decoration:none;
}
*/



li.topOffersDivider{
       color: #E75DB6;
       top:4px;
       padding: 0 20px 0 20px;
	   float:left;
}

/* -------- OFFERS NAV END -------- */





/* -------- SCROLLING TEXT START -------- */

#pscroller2{
	width: 560px;
	height: 15px;
	border: 0;
	padding: 0;
	text-align:left;
	margin:0 auto 0 auto;
	position:relative;
	top:7px;
}

/*NOT USED BECAUSE MESSAGES DON'T REQUIRE LINKS
#pscroller2 a{
	text-decoration:none;
	font-size:11px;
	font-family:verdana;
	font-weight:bold;
}
*/

#pscroller21,
#pscroller22,
#pscroller23{
	text-align:center;
	font-size:11px;
	font-family:verdana;
	font-weight:bold;
}

/* -------- SCROLLING TEXT END -------- */






#layoutMain{
	text-align:left;
	width:960px;
	margin:0 auto 0 auto;
	position:relative;
}


/*Main Block Similarities*/
#layoutHead,
#layoutBanners,
#layoutContent,
#checkoutlayoutContent,
#layoutFooter{
	float:left;
	width:960px;
}

#layoutBanners{
	position:relative;
}

/*account and search styles*/

#headerMyBag{
        position:relative;
        float:right;
}

#headerSearchInput{
        font-family:tahoma, sans-serif;
        font-size:10px;
	width:165px;
	border:1px solid #ABABAB;
	height:16px;
	padding:3px 0 0 15px;
	background-color:#D2D0D1;
	background-image:url(http://www.bhs.co.uk/mall/bhsstorestaging/images/structure/header_searchicon.gif);
        background-repeat:no-repeat;
        background-position:1% 50%;
}

#searchButton{
	position:absolute;
	top:1px;
	margin:0;
	padding:0;
	left:188px;	
}

/*NO LONGER REQUIRED, REPLACED WITH IMAGE
.searchLabel{
	color:white;
	font-family:arial;
	font-size:11px;
	margin:0;
	padding:0;
	float:left;
        position:absolute;
        left:457px;	
        top:56px;
}
*/

#headerTextSearch{
        position:absolute;
        left:482px;	
        top:59px;
}

/*account and search styles ends*/


/* Top Navigation */

#topNavigation{
	background-color:#757575;
	width:960px;
	height:20px;
	color:#fff;
	text-align:center;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:3px;
}

#topNavigation a{
	font-size:11px;
	color:#fff;
}

#topNavigationLogin{
	background-color:#757575;
	width:960px;
	height:19px;
	color:#fff;
	text-align:center;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:4px;
}

#topNavigationLogin a{
	font-size:11px;
	color:#fff;
}


#layoutContent{
	background-color:#ffffff;
	margin:28px 0 0 0;
}

#checkoutlayoutContent{
	background-color:#ffffff;
	margin:0 0 0 0;
}

/* Top Navigation ends*/


/* Left Navigation */

#secondaryNav{
	float:left;
	clear:both;
	margin:0;
	padding:0;
	width:200px;
	font-size:12px;
}

#secondaryNav ul{
	list-style:none;
	margin:0;
	padding:0;
}

#secondaryNav li {
	float:left;
	line-height:20px;
	margin-bottom:0;
	text-align:left;
	width:200px;
	text-transform:capitalize;
}

#secondaryNav h3{
	margin:18px 0 4px 0;
	padding:3px 10px 3px 10px;
}

#secondaryNav a{
	display:block;
	padding-left:10px;
	text-align:left;
	width:190px;
}

#secondaryNav a:hover{
	background-color:#D2D2D2;
	color:#000;
}

#secondaryNav .quaternaryNavLinksTop :hover, #secondaryNav .quaternaryNavLinks :hover{
	background-color:#8E8E8E;
	text-decoration:underline;
}

.secondaryNavLinksBig{
	height:41px;
	vertical-align:middle;
}

.secondaryNavLinksOpen{
	vertical-align:middle;
}

.secondaryNavLinksTopOpen{
	vertical-align:middle;
}

#secondaryNav .secondaryNavOpen .selected_current
{
	display:block;
	padding-left:10px;
	background-color:#464646;
	color:#ffffff;
	font-family:arial;
}

#secondaryNav .selected
{
	display:block;
	padding-left:10px;
	background-color:#EBECE6;
	color:#878883;
}

#secondaryNav .tertiaryNavOpen .selected_current{
	padding-left:20px;
}

#secondaryNav .quaternaryNavOpen .selected_current{
	padding-left:30px;
}

#secondaryNav .indent
{
	padding-left:0;
	background-color:#EBECE6;
	font-family:arial;
}

#secondaryNav .quaternaryNavLinksTop, #secondaryNav .quaternaryNavLinks{
	background-color:#8E8E8E;
}

#secondaryNav .indent a
{
	
}


#secondaryNav .tertiaryNavLinksTop,
#secondaryNav .tertiaryNavLinks
{
	margin-left: 0px;
}

#secondaryNav .tertiaryNavLinksTop a,
#secondaryNav .tertiaryNavLinks a
{
	padding-left: 20px;
	width:180px;
}

#secondaryNav .tertiaryNavOpen .selected
{
	padding-left:20px;
}


#secondaryNav .quaternaryNavLinks a,
#secondaryNav .quaternaryNavLinksTop a
{
	padding-left: 30px;
	width: 170px;
	color:#fff;
}

#secondaryNav .quaternaryNavOpen .selected
{
	padding-left:40px;
	background-color:#cccccc;
	color: #666666;
	width: 160px;
}


/* Left Navigation ends */


/* Main Content */

#breadcrumb{
	float:left;
	font-size:10px;
	margin-bottom:10px;
	font-size:11px;
	width:900px;
	text-transform:capitalize;
}

#breadcrumb a{
	font-size:11px;
	text-transform:lowercase;
	text-decoration:underline;
	text-transform:capitalize;
}

#MainInfo{
	float:left;
	background-color:#ffffff;
	margin:20px 0 0 20px;
	width:940px;
}

#pageContent{
	float:left;
	margin:0;
	padding:0;
}

.subDeptTitle{
	background:#E8E9E4;
	padding:3px 0 3px 5px;
	background-repeat: no-repeat;
	background-position: right;	
	
}

/* Main Content ends*/

/* product listing layout*/

.objectOVERLAY{
	position:absolute;
	margin:0;
	padding:0;
	left:0;
	top:0;
	width: 160px;
	height: 220px; 
}

dl.gallery,
dl.galleryEnd,
dl.galleryEndVariantSpecial,
dl.galleryEndVariant{
	float: left;
	padding: 0;
	z-index:1;
	background-image:url(../images/structure/prod-list-bg2.gif);
	background-repeat:no-repeat;
	width: 160px;
}

dl.gallery,
dl.galleryEndVariant{
	margin:0 10px 0 0;
	height:340px;
}

dl.galleryEnd,
dl.galleryEndVariantSpecial{
	margin: 0 0 15px 0;
}

dl.gallery .wasPrice,
dl.galleryEndVariant .wasPrice,
dl.galleryEnd .wasPrice,
dl.galleryEndVariantSpecial .wasPrice{
	left:0;
	font-family:sans-serif;
	clear:both;
	float:left;
	width:150px;
}

dl.gallery .nowprice,
dl.galleryEndVariant .nowprice,
dl.galleryEnd .nowprice,
dl.galleryEndVariantSpecial .nowprice{
	left:0;
	clear:both;
}

dl.gallery .price,
dl.galleryEndVariant .price,
dl.galleryEnd .price,
dl.galleryEndVariantSpecial .price{
	width:auto;
}

.khhome{
	left:0;
	bottom:0;
	position:absolute;
	z-index:10;
	margin:0;
	padding:0;
}

.badges{
	top:5px;
	left:7px;
	position:absolute;
	z-index:10;
	margin:0;
	padding:0;
	background-color:transparent;
}


.frame{
	position:relative;
	text-align:center;
	margin:0;
	padding:0;
	top:3px;
	left:0;
	height:220px;

}

.mainProduct{
	position:relative;
	left:0;
	background-color:#ffffff;
	margin:0;
}

.mainProduct a img:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.prodText{
	margin:5px 0 0 0;
	padding:0;
	height:25px;
}

/*STYLES PRODUCT DESCRIPTION ON PRODUCT LISTING PAGE ONLY*/

#productListing .prodText, #matrix .prodText
{
	padding:0;
	margin:5px 0 0 0;
	font-weight: bold;
	color: #373832;
	width:160px;
}

#productListing .prodText a
{
	text-decoration: none;
}

#productListing .prodText a:hover
{
	text-decoration: underline;
}

#productListing dl dd, #matrix dl dd
{
	margin-left: 0;
	clear: both;
}

.price{
	position:relative;
	top:10px;
	left:-30px;
	margin:0;
	padding:0;
	text-align:left;
	width:160px;
	
}
.wasPrice{
	position:relative;
	top:10px;
	left:-30px;
	margin:0;
	padding:0;
	text-align:left;
	width:160px;
	
}
.nowprice{
	position:relative;
	top:10px;
	left:-30px;
	margin:0;
	padding:0;
	text-align:left;
	width:160px;
}

/*PRODUCT LISTING FROM PRICE*/
#productListing .price {
	color:#373832;
	float:left;
	font-family:arial;
	font-size:12px;
	font-weight:normal;
	left:0;
	margin:0;
	padding:17px 0 0;
	top:-7px;
}


/*PRODUCT LISTING NOW PRICE*/
#productListing .nowprice{
	left:0px;
	margin:0;
	padding:0;
	color: red;
	font-family:arial;
	font-size:12px;

}


/*PRODUCT LISTING WAS PRICE*/
#productListing .wasPrice{
	left:0px;
	margin:0;
	padding:0 0 0 1px;
	color: #373832;
    font-weight:normal;
    font-family:arial;
    font-size:11px;
}

#productlistingswatches{
	position: relative;
	left:-2px;
	float: left;
	clear: both;
	padding:10px 0 0 0;
	width:100%;
}

#productlistingswatches a, #productlistingswatches dl
{
	float: left;
	display: inline;
	clear: none;
}

#productlistingswatches .prodText
{
	/*width: auto;*/
	margin: 5px 0 0 10px;
}

#productlistingswatches img{
	width:18px;
	padding:1px;
}

.listPrice{
	position:relative;
	top:10px;
	left:10px;
	margin:0;
	padding:0;
}
/* product listing layout ends*/



/*SPACERS START*/

.horizontalSpacer{
	width:760px;
	height:10px;
	font-size:0;
}

.verticalSpacer{
	width:9px;
	height:100px;
	font-size:0;
	float:left;
}

.verticalSpacer2{
	width:10px;
	height:100px;
	font-size:0;
	float:left;
}

/*SPACERS END*/




/*NEW HEADER STYLES*/

#headerLogo,
#headerMessage,
#headerLinks,
#headerLinkscart{
	height:90px;
	float:left;
	background:#4D4E53;
}

#headerLogo{
	width:158px;
}

#headerMessage{
	width:582px;
	text-align:left;
}

#headerLinks{
	width:220px;
}

#headerLinkscart{
	width:220px;
}

.headerForm{
	margin:0;
	padding:0;
	position:absolute;
	top:52px;
	left:525px;
}

.headerLogoImage{
	position:relative;
	top:45px;
	left:0;
}

.headerLinksRow1,
.headerLinksRow2{
	padding:0;
	margin:0;
	font-family:arial;
	font-size:11px;	
}

#headerLinksRow1{
        position:relative;
	top:8px;
        left:135px;	
        color:white;
        width:415px;
        text-align:right;
}

.headerLinksRow2{
	top:14px;	
        color:#C2AD74;
        font-weight:bold;
}


.headerLinksRow2a,
.headerLinksRow2b{
	padding:0;
	margin:0;
	font-family:arial;
	font-size:11px;	
        position:relative;
        top:5px;
        width:120px;
        text-align:right; 
}

.headerLinksRow2a{
        left:100px;
        color:white;
}

.headerLinksRow2b{
        left:84px;
        margin-top:5px;     
}

#headerMessage p.headerLinksRow1 a:link,
#headerMessage p.headerLinksRow1 a:visited,
#headerMessage p.headerLinksRow1 a:active {
	text-decoration:none;
	font-family:arial;
	font-size:11px;
	color:white;
}

#headerLinks p.headerLinksRow2b a:link,
#headerLinks p.headerLinksRow2b a:visited,
#headerLinks p.headerLinksRow2b a:active {
	text-decoration:underline;
	font-family:arial;
	font-size:11px;
	color:#ABABAB;
}

#headerMessage p.headerLinksRow1 a:hover,
#headerLinks p.headerLinksRow2b a:hover{
	color:#F43C3E;;
}



/*NEW FOOTER STYLES*/

#layoutFooter{
	margin:0;
	padding:0;
	background-color:#ffffff;
}

#footerNewsletterSignup{
    position:relative;
    left:10px;
    width:940px;
    height:40px;
    background-color:black;
}

#footerPrimary{
    position:relative;
    left:10px;
    width:940px;
    height:30px;
    background-color:white;
    margin-top:10px;
}

#footerPrimaryDelivery{
	width:182px;
	height:30px;
	float:left;
    	background:url(../images/structure/footer_delivery.gif);	
}

#footerPrimaryCollect{
	width:182px;
	height:30px;
	float:left;
	position:relative;
	left:7px;
    	background:url(../images/structure/footer_collect.gif);	
}

#footerPrimaryStore{
	width:182px;
	height:30px;
	float:left;
	position:relative;
	left:15px;
    	background:url(../images/structure/footer_store.gif);	
}

#footerPrimaryCard{
	width:182px;
	height:30px;
	position:relative;
	left:23px;
	float:left;
    	background:url(../images/structure/footer_card.gif);	
}

#footerPrimaryCareers{
	width:182px;
	height:30px;
	position:relative;
	left:30px;
	float:left;
    	background:url(../images/structure/footer_careers.gif);	
}

#footerPrimary a:link,
#footerPrimary a:visited,
#footerPrimary a:active{
	font-size:11px;
	position:absolute;
	top:8px;
	left:8px;
        text-decoration:none;
}

#footerPrimary a:hover{
	color:#F43C3E;
	text-decoration:none;
}

#footerSecondary{
    position:relative;
    left:10px;
    width:940px;
    height:20px;
    margin:10px 0 40px 0;
}

#footerSecondaryLinks a:link,
#footerSecondaryLinks a:visited,
#footerSecondaryLinks a:active{
        text-decoration:none;
}

#footerSecondaryLinks a:hover{
	color:#F43C3E;
	text-decoration:none;
}

#cardIconBhsCard,
#cardIconMastercard,
#cardIconVisa,
#cardIconElectron,
#cardIconAmex,
#cardIconMaestro,
#cardIconSolo{
	position:relative;
	float:left;
	margin-right:5px;
}

#footerSecondaryLinks{
	float:left;
	width:655px;
	margin-left:10px;
	font-size:11px;

}

#footerHorizontalLine{
	height:1px;
	font-size:1px;
	margin:0 0 25px 0;
	width:940px;
	position:relative;
	left:10px;
}

#footerSignupOffer{
	float:left;
}

#footerSignupText{
	float:left;
	color:white;
	font-size:12px;
	margin-top:13px;
}

#footerSignupForm{
	float:left;
	position:relative;
	left:20px;
        height:40px;
}

.enterEmailText{
	padding:4px 0 0 5px;
	margin:0;
	width:210px;
        height:16px;
	background:#ffffff;
	color:#4f4f4f;
	font-size:11px;
	position:absolute;
	top:7px;

}

.enterEmailButton{
	width:70px;
	height:21px;
	padding:0;
	margin:0;
	position:absolute;
	top:9px;
	left:225px;	
}

.swatchMoreLink{
	font-size:11px;
	margin-left:5px;
	margin-top:5px;
	float:left;
	display:inline;
	/*clear:none;
	overflow:hidden;*/
}