/* KB 26.04.10 09:10 */
/* overrides */

body {
	margin:0;
	padding:0;
}

.homebase #outerwrap {
	position:relative;
	top:0;
	border:none;
	margin: 0 auto;
	width:968px;
	position:relative;
	/* IE7 not listening to margin-top ?!? - hack */
	padding:0;
	background: #fff;
	overflow:hidden;
}

/* soften reset */
.homebase input[type="text"] {
	padding-left:2px!important;
}

/*--- site wide rules only ---*/


body {
	/*background: #fff url("en_US/images/site_bg.gif") repeat-x;*/
	background-color: #fff;
	background-image: url("en_US/images/website-bg-shadow.jpg");
	background-repeat: repeat-y;
	background-position: center;
}

a {
	color: #FF5F00;
	cursor:pointer;
	text-decoration: none;
}

a:link {
	color:#5B5344;
	text-decoration: none;
}

a:visited {
	color:#5B5344;
	text-decoration: none;
}
/* added general focus state for Accessibility : Roz 08/01/2007 */

a:focus, a:active, input:focus {
	/* color: #5B5344!important; */
	/* background-image: none !important; */
	/* background-color: #ffc !important; */
	outline: 1px dotted #5B5344!important;
	-moz-outline:1px dotted #5B5344;
}

/*focus end*/

a:hover {
	color:#5B5344;
	text-decoration: underline;
}

a:active {
	color:#5B5344;
}

.homebase #container {

}

.homebase #main {
	padding:0 0.7em 0 0.7em;
	/*position:relative;*/
}

/* Header Styles */
#header {
	margin-top: 0;
	padding-top: 0;
	color: #000;
	width: 100%;
	background-color: transparent;
	font-size: 1.2em;
	min-height: 118px;
	_height: 118px;
}

#header #logo {
	float: left;
   _margin-top: 3px;
	margin-left: 5px;
}

#header #toplinks {
	float: right;
	margin-right: 15px;
	margin-bottom: 23px;
   _margin-top: 3px;
}

#header #toplinks li {
	float: left;
}

#header #toplinks #tlhome,
#header #toplinks #tllogreg,
#header #toplinks #tlpricecheck,
#header #toplinks #tlstorelocator,
#header #toplinks #tlhelp {
	padding: 0 8px;
	border-right: 1px solid #666;
}

#header #toplinks a {
	color: #666;
}

#header #toplinks a:hover {
	color: #09c;
}

#header #toplinks #trolleyform {
	width: 17em;
	margin-left: 5px;
	position: relative;
}

#header #toplinks #trolleyitems,
#header #toplinks #trolleyprice {
	color: #309a30 !important;
}

#header #toplinks #trolleylink {
	padding-left: .3em;
	padding-right: 2em !important;
	color: #309a30 !important;
	font-weight: bold !important;
	background: transparent url(en_US/images/icon_trolley.gif) no-repeat right 0;
}

.trolley #header #toplinks #trolleyform {
	visibility: hidden;
}

.trolley #header #toplinks #tlhelp {
	border-right: none;
}

.homebase #header #logo {
	position:absolute;
	margin:40px 0 0 12px;
}

.homebase #header #menu {
	position:absolute;
	margin:40px 0 0 390px;
}

/* James B - in #menu li added width, height and min-height properties to allow container to scale on font upsize - 05/12/07 */

.homebase #header #menu li {
	display:block;
	
	height: auto;
	_height:22px;
	min-height: 22px;
	padding:2px 0 0 30px;
	margin-bottom:4px;	
}

/*  SteveF: override for font colour - 08/01/08 */
.homebase #header #menu li a {
	text-decoration:none;
	font-weight:bold;
	padding-left:30px;
	position:relative;
	left:-30px;
	top:1px;
	color: #5d5646;
}

/*  SteveF: override for font colour - 08/01/08 */
.homebase #header #menu li a:hover {
	text-decoration:none;
	color: #f86919;
}

.homebase #header #menu .first {
	background: #fff url("en_US/images/icon_home.gif") 0 0 no-repeat;
}

.homebase #header #menu .last {
	background: #fff url("en_US/images/icon_customer_service.gif") 0 0 no-repeat;
}

/* James B - in storelocator/shoppingtrolley added height and min-height properties to allow container to scale on font upsize - 05/12/07 */
/* James B - could add a background color also to keep the block looking complete */
.homebase #header .storelocator, .homebase #header .shoppingtrolley {
	position: relative;
	margin:13px 0 8px 0;
	float:right;
	height: auto;
	_height:97px;
	min-height: 97px;
	width:184px;
	background: #fff url("en_US/images/store_locator_bg.gif") 0 0 no-repeat;
}

.homebase #header .shoppingtrolley {
	margin-left:8px;
	background: #fff url("en_US/images/shopping_trolley_bg.gif") 0 0 no-repeat;
}

.homebase #header .storelocator dt, .homebase #header .shoppingtrolley dt {
	margin:13px 0 0 12px;
}

.homebase #header .storelocator dd a {
	color:#5B5344;
}

/* overrides */
/* JamesB - set width of dd to 140px, to avoid underlap conflict with #menu list items - 05/12/07 */
.homebase #header .storelocator dd, 
.homebase #header .shoppingtrolley dd {
	margin-left:12px!important;
	font-size:0.95em;
	padding:4px;
	float:left;
	clear:none;
	line-height:1em;
	/*width: 13em;*/
	width: 140px;
	text-align:left;
}

.homebase #header .shoppingtrolley dd a {
	color: #5B5344;
}

.homebase #header .shoppingtrolley dd a:hover {
	text-decoration: none;
}

/* SteveF: changed this style for bug fix 3759 18/12/07  */	
/*.homebase #header .storelocator .findstore  {
	width: 8em;
	height:1em;
	text-decoration: underline;
}*/

/* SteveF: added this style for bug fix 3759 18/12/07 */
.homebase #header .storelocator .findstore a {
	position:absolute;
	z-index:200;
	top:-6.5em;
	left:-0.6em;
	_left:-9px;
	color:#f58426;
	text-decoration:none;
	height:8.9em;
	width:16em;
}

.homebase #header .storelocator .findstore a span {
	position:relative;
	top:75%;
	text-decoration:underline;
	padding-left:25px;
	margin-left:-1.2em;
	_margin-left:-2em;
}


.homebase #header .storelocator .findstore a:hover {
	color:#5B5344;
}


/* JamesB - repositoned after testing - 10/1/08 */
.trolleylist #header .storelocator dt {
	_margin: 13px 0px 0px 6px;
}

.homebase #header .shoppingtrolley dd {
	_margin-left:6px !important;
	color:#5B5344;
}

/* layout offset fix - Roz */
.homebase #header .storelocator .nearstore,
.homebase #header .storelocator .findstore,
.homebase #header .shoppingtrolley .items,
.homebase #header .shoppingtrolley .cost {
	position: relative;
	left: -4px;
}

/* layout offset fix -SF */
.homebase #header .storelocator .nearstore {
	_left: -15px;
}

.homebase #header .shoppingtrolley .cost {
	margin-top:0;
}

.homebase #header .shoppingtrolley .viewtrolley {
	font-size:100%;
	position:relative;
}

.homebase #header .shoppingtrolley .viewtrolley a {
	position:absolute;
	z-index:200;
	top:-7em;
	left:-0.9em;
	_left:0;
	color:#fe7417;
	font-size:.9em;
	text-decoration:none;
	height:8.9em;
	width:16.5em;
}

.homebase #header .shoppingtrolley .viewtrolley a:hover {
	color:#5B5344;
}

.homebase #header .shoppingtrolley .viewtrolley a span {
	position:relative;
	top:80%;
	text-decoration:underline;
	padding-left:25px;
	margin-left:9px;
	background: transparent url("en_US/images/icon_trolley.gif") 0 0 no-repeat;
	_margin-left:0px;
}

.homebase #header .shoppingtrolley #trolleyprice {
	background-color:#f9f9f5;
}

.homebase #header .shoppingtrolley .items { 
	padding-top:10px;
	
}

.homebase #header .shoppingtrolley .items a {
	/* for JS off */
	visibility:hidden;
}

.homebase #header .shoppingtrolley #defaulttext {
	color: #5B5344;
	font-weight: normal;
}

.homebase #header .shoppingtrolley .cost { 
	padding-top:0;
	/* for JS off */
	display:none;
}
	 
/* SteveF: changed this style for bug fix 3759 18/12/07  */
.homebase #header .storelocator .nearstore {
	clear:both;
	width: 8em;
	margin-top: 0.5em;
}

/*.homebase #header .storelocator .nearstore span {
	height: 3em;
	width:8em;
	padding-top:1em;
	text-decoration:none;
}*/

.homebase #header .storelocator .nearstore a {
	padding-top: 2em;
	height: 5em;
	text-decoration:none;
}

.homebase #header .shoppingtrolley .items span, 
.homebase #header .shoppingtrolley .cost span,
.homebase #header .shoppingtrolley .cost abbr {
	font-weight:bold;
	color:#fe7417;
}

.homebase #header .storelocator .ir span {
	background: #f9f9f5 url("en_US/images/h_store_locator.gif") 0 0 no-repeat;
}

.homebase #header .storelocator .ir a {
	width: 100%;
}

.homebase #header .shoppingtrolley .ir span {
	background: #ffffff url("en_US/images/h_shopping_trolley.gif") 0 0 no-repeat;
	width:135px;
}



/*  TK: START */

/* *************************************** */
/* START COMMON: footer  				*/
/* *************************************** */

.homebase #footer {
	/*height:100%;*/
	min-height:4em;
	clear: both;
	background-color:#928975;
	font-size: 1.1em;
	padding: 10px;
	margin-bottom: 50px;
	overflow: hidden;
	/* JamesB - width added to ensure Safari view 12/2/08 */
	width: 934px;
}

#footer { 
	color:#fff;
	background-color:#928975;
	bottom:0;
	position:relative;
}
 
.homebase #footer #abouthomebase,  
.homebase #footer #aboutthissite { 
	padding: 0 10px 0 10px;
	margin: 0;
	float:left;
 	color:#fff;
	width:34em;
	background-color:#928975;
}

/* JamesB - width adjustment to handle correct wrapping of this list 5/2/08 */
.homebase #footer #aboutthissite { 
	background-color:#928975;
	padding-left:20px;
	border-left:1px solid #fff;
	width: 325px;
}
 
.homebase #footer dt { 
	display:block;
 	font-weight:bold;
	width:100%;
 	font-weight:bold;
 	padding: 0;
	margin: 0;
}
 
.homebase #footer dd { 
	float:left;
	background: transparent url("en_US/images/nav_seperator.gif") no-repeat right center;
 	padding: 0 20px 0 0;
	margin: 0;
}

.homebase #footer dd a,
.homebase #footer dd a:link,
.homebase #footer dd a:visited {
	color:#fff;
}

.homebase #footer dd a:hover {
	color:#fff;
	text-decoration:underline;
}

.homebase #footer dd a:active {
	color:#fff;
}

.homebase #footer a:hover {
	text-decortation:underline;
}

.homebase #footer dd a { 
 	white-space: nowrap;
	text-decoration:none;
}
 
.homebase #footer dd.last { 
	background-image:none;
}

/* JamesB - float adjustment to handle correct wrapping of this list 5/2/08 */
.homebase #footer #aboutthissite dd.terms { 
	clear: left;
	float: left;
}
 
#footer #copyright { 
	font-size:.8em;
	position:absolute;
	top:15px;
	right:10px;
	float:right;
	/* width:11em; */
	width: 96px;
	background: transparent url("en_US/images/footer_logo.gif") no-repeat left top;
}

/*jamesb additon - fix defect 3757 - 12/12/07 */

/*SteveF: changed color>override for global style - 08/01/08 */
#footer #copyright a {
	text-decoration: none;
	color: #fff;
}

/*SteveF: changed color>override for global style - 08/01/08 */
#footer #copyright a:hover {
	text-decoration: none;
	color: #f86919;
}

#footer #copyright span { 
	display:block;
	padding-top:25px;
	text-align:right;
}
/* *************************************** */
/* END COMMON: footer  				*
/* *************************************** */

/* *************************************** */
/* START: search */
/* *************************************** */

.homebase #headersearch form { 
	margin:0;
	padding:0;
	text-align:right;
 }

.homebase #headersearch #searchfrm { 
	float:right; 
	_width:26em;
}
.homebase #headersearch  #btnsearch { 	
	cursor:pointer;
	color:#fff;
	background-color:#5b5344;
	font-size:1.2em;
	font-weight:bold;
	height:1.9em;
	line-height:130%;
	border:1px solid;
	border-color:#8c816c #333 #333 #8c816c;
	position:relative;
	top:1px;
	*top:0px;
}
	
.homebase #headersearch #searchfrm label { 
	display:none;
 }
 
 .homebase #headersearch #searchfrm fieldset { 
 	margin:0;
	padding:0;
 }
  
 /* search */
.homebase #sitesearch {
	border:1px solid #5b5344;
	background-color:#fff;
	height:1.2em;
	font-size:1.2em;
	width:17em;
	padding:2px 4px 4px 10px !important;
}

.homebase #headersearch label {
	display:none;
}

 /* *************************************** */
 /* END: search */
/* *************************************** */

/* *************************************** */
/* START: breadcrumb */
/* *************************************** */

.homebase #subheader {
	position:relative;
	clear:both;
	background-color:#e7e5da;
	height:100%;
	overflow:hidden;
	padding:5px 5px 5px 10px;
	border-top:1px solid #696354;
	border-bottom:2px solid #d7d6cd;
	/* JamesB - width added to ensure Safari view 12/2/08 */
	width: 939px;
}

/* JamesB - breadcrumb re-positioning to cope with long text and wrapping - 22/2/08 */
.homebase .breadcrumb ol {
	float:left;
	width:550px;
	display: block;
	padding-top:6px;
 }
 
.homebase .breadcrumb span {
	float:left;
	font-size:1.1em;
	font-weight:bold;
	padding-top:6px;
 }

/* JamesB - breadcrumb re-positioning to cope with long text and wrapping - 22/2/08 */
.homebase .breadcrumb li {
	white-space:nowrap;
	font-size:1.1em;
	font-weight:bold;
	/*display:inline;*/
	display: block;
	float: left;
	/*padding:20px 11px 20px 5px;*/
	padding-left: 5px;
	padding-right: 12px;
	margin-bottom: 5px;
	background:url("en_US/images/breadcrumb_seperator.gif") no-repeat right center;
}
 
.homebase .breadcrumb li.last {
	background-image:none;
}
 
.homebase .breadcrumb strong {

}
 
.homebase .breadcrumb li a {
	color:#f67e23;
	text-decoration: underline;
}

.homebase .breadcrumb li a:link {
	color:#f67e23;
	text-decoration: underline;
}

.homebase .breadcrumb li a:visited {
	color:#f67e23;
	text-decoration: underline;
}

.homebase .breadcrumb li a:hover {
	color:#5B5344;
	text-decoration: underline;
}

.homebase .breadcrumb li a:active {
	color:#f67e23;
	text-decoration: underline;
}

/* SteveF: added text-decoration - 10/01/08  */
.homebase #headersearch .atoz {
	position:absolute;
	font-size:1.4em;
	font-weight:bold;
	color:#f67e23;
	right:19em;
	top:8px;
	text-decoration: underline;
}

.homebase #headersearch a.atoz:hover {
	color: #5B5344;
}



 
 /* *************************************** */
/* END: breadcrumb */
/* *************************************** */


 /* *************************************** */
/* START: footer */
/* *************************************** */

.homebase .split {
	clear:both;
}
	 
 /* *************************************** */
/* END: footer */
/* *************************************** */
	 
/* TK END */
 
.homebase h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.68em;
	color: #5c5344;
	margin-bottom:5px;
}

.homebase h2 {
	color: #5c5344;
	line-height: 3.9em; 
	font-size: 1.2em;
	font-weight:bold;
}

/* SteveF - changed link colors and text-decoration as we were having to write overrides in trolley.css - 06/01/08  */
/* JamesB - color update following testing - 9/1/08 */
.homebase a:link, .homebase a:visited, .homebase a:focus {
	/*color: #333;*/
	color: #FE771C;
	text-decoration: none;
}

/* SteveF - changed link colors and text-decoration as we were having to write overrides in trolley.css - 06/01/08  */
.homebase a:hover {
	color: #5A5343;
	text-decoration: underline;
}

/* JamesB - changed color from green - 19/12/07 */
.homebase a:active {
	/*color: #61bb46;*/
	color: #f58426;
	text-decortation: none;
}

.homebase strong {
	font-weight: bold;
}

#skiplinks { 
	position:absolute;
}

#skiplinks ul li { 
	font-size: 1.2em;
}

#skiplinks ul li a { 
	position:absolute;
	left:-10000em;
	z-index:48;
	white-space:nowrap;
	color:#5b5344;
	line-height:1.4em;
	padding: 0 3px 0 3px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
}

#skiplinks ul li a:focus,
#skiplinks ul li a:active {
	left:0em;
	top: 0em;
	background-color:#f7f6f0;
}


.homebase #newsletter {
	border:1px solid #f58426;
}


.homebase #newsletter .primary {

}

/* utilities */

.homebase .errortext {
	color:#f00;
}

/* equal height columns */
.homebase .column {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #eee;
	border-right: 1px solid #666;
	width: 225px;
	height: 1000em;
	z-index: 1;
}

/* IR */
/*JamesB - have reset font-size to 57% (plus 3px bottom padding) to keep hidden past +2 text upsize - 05/12/07 ) */
.homebase .ir {
	position: relative;
	/* default heading styles - just in case */
	font-size: 57%;
	padding-bottom: 3px;
	font-weight: bold;
}

.homebase .ir span  {
	position:absolute;
	z-index:101;
	display:block;
	top:0;
	left:0;
	/* standardised height */
	height:19px;
	width:90px;
	background: #f9f9f5 url("en_US/images/h_store_locator.gif") 0 0 no-repeat;
}

/* forms */

.primary {
	cursor:pointer;
	color:#fff;
	background-color:#5b5344;
	font-size:93%;
	line-height:130%;
	border:1px solid;
	border-color:#8c816c #333 #333 #8c816c;
	position:relative;
	top:2px;
	*top:0px;
}

.fstrolley .page .action input,
.fstrolley .page .action a.primary,
.fstrolley .page .action a.secondary,
.fstrolley .page .action a.tertiary {
	cursor:pointer;
	border:none !important;
}

.homebase div.genericespot{
	display:none;
}

.homebase div.genericespot.nonajax{
	display:block;
}