/* Common content padding	                                */
/* ------------------------------------------------------ */
td.mainContentCell {
	padding-left: 10px; 
	padding-top: 8px;
}
/* Static pages various */
#main_wrapper{
	width:592px;
}
#content_banner{
	width:592px;
}
div.textBlock{
	width:572px;
	margin-left:10px;
}
/*div.secTypeA_link{*/
div.bottomRight_link{
	clear:both;
	float:right;
	padding:0px 0px 0px 0px;
}

/* >>> secTypeA styles */
div.secTypeA_wrapper{
	width:592px;
}
div.secTypeA_image{
	float:left;
	width:122px;
	padding-left:10px;
}
div.secTypeA_text{
	float:left;
	width:450px !important;
	width /**/: 460px;
	padding-left:10px;
}
div.secTypeA_image_BIGimg{
	float:left;
	width:180px;
	padding-left:10px;
}
div.secTypeA_text_BIGimg{
	float:left;
	width:392px !important;
	width /**/: 402px;
	padding-left:10px;
}
img.secTypeA_miniLogo{
	float:right;
}

/* >>> secTypeB styles (DIY Advice - 'Buyers Guides') */
div.secTypeB_wrapper{
	width:592px;
}
div.secTypeB_rows_1and2{
	height:67px;
	background-image:url(/diy/jsp/bq/nav/images/hdotsa6.gif);
	background-position:bottom;
	background-repeat:repeat-x;
}
div.secTypeB_cols_1and2{
	background-image:url(/diy/jsp/bq/nav/images/vdots.gif);
	background-position:right;
	background-repeat:repeat-y;
}
div.secTypeB_boxes{
	float:left;
	width:187px !important;
	width /**/: 197px;
	padding-left:10px;
	height:67px;
}
div.secTypeB_boxImg{
	margin-top:10px;
	margin-left:0px;
	float:left;
	height:46px;
}
div.secTypeB_boxText{
	float:left;
	margin-top:10px;
	padding:15px 0px 0px 10px;
}
div.secTypeB_boxText img{
	vertical-align:-2px;
	margin-right:5px;
}

/* >>> secTypeC styles (e.g. DIY Advice - 'Project Calculators') */
div.secTypeC_wrapper{
	width:592px;
}
/*div.merchLinksSet1{*/
div.secTypeC_left{
	float:left;
	padding-left:10px;
}
/*div.merchLinksSet2{*/
div.secTypeC_right{
	float:left;
	padding-left:30px;
}
.merchLinks {
/* (override generic.css 'merchLinks' styles) */
	background-color:transparent;
	padding-bottom: 0px;
	margin-bottom: 0px;
	width: 270px;
}
.merchLinks ul li a {
/*(generic.css override)*/
	color: #666;
}
.merchLinks ul {
/*(generic.css override)*/
	padding-left:0px;/*(for Firefox)*/
}
/*width adjusted for DIY Guides section on DIY Advice page */
.merchLinks592 {
	width:592px;
	padding-left:10px;
}

/* >>> secTypeD styles (e.g. DIY Advice - '& Also of Interest')*/
div.secTypeD_wrapper{
	width:592px;
	background-color:#F3F3F3;
	border-bottom:solid 10px #F3F3F3;
}
div.secTypeD_titleImg{
	border-bottom:solid 10px #F3F3F3;
}
div.secTypeD_item1_wrapper{
	float:left;
	width:243px !important;
	width /**/: 269px;
	padding-left:26px;
}
div.secTypeD_item2_wrapper{
	float:left;
	width:243px !important;
	width /**/: 283px;
	padding-left:40px;
}
div.secTypeD_item_content{
	height:78px;
	background: url(/diy/jsp/bq/nav/images/hdotsa6.gif) bottom repeat-x;
	padding-bottom:10px;
}
div.secTypeD_itemImg{
	float:left;
	height:77px;
}
div.secTypeD_itemText{
	float:left;
	position:relative;
	width:136px !important;
	width /**/: 146px;
	padding-left:10px;
}
div.secTypeD_moreBooks{
	position:absolute;
	width:136px !important;
	width /**/: 146px;
	top:65px;
	left:10px;
}

/* >>> secTypeE styles (e.g. DIY Advice, Install It Projects)*/
div.secTypeE_rows{
	background-image: url("/WBI/images/3cols_vdots.gif");
	background-repeat:repeat-y;
}
div.secTypeE_rowDivider{
	clear:both;
	background: url(/WBI/images/hdotsa6.gif);
}
div.secTypeE_cols{
	float:left;
	width:187px !important;
	width /**/: 197px;
	padding:5px 0px 5px 10px;	
}

/* >>> DIYskillLevel styles */
div.DIYskillLevels{
	float:left;
	padding-left:52px;
}
div.DIYskillLevels_column1{
	padding-left:10px;
}
div.DIYskillLevels img{
	margin:5px 0px 0px 0px;
}

/* >>> arrowLists styles */
div.arrowLists ul{
	padding-left:0px; /*(For Firefox)*/
}
div.arrowLists ul li{
	background: url(/WBI/images/navmore.gif) no-repeat 3px 5px ;
	padding-left: 16px;
	display:block;
	margin-top:8px;
}
div.arrowLists ul div{
	position:relative;
	top:2px;
}
div.arrowLists ul a{
	display:block;
	width:100%;
	color:#666;
}
.np66610 {
	color: #666;
	font-size: 10px;
	font-weight: normal;
	padding-left: 6px;
}
div.arrowLists3 {
	list-style-type: disc;
	padding-left: 6px;
	display:block;
}
div.arrowLists3 a{
	display:block;
	width:100%;
	color:#FF6600;
}

/* >>> secTypeF styles (used for site map)*/
div.secTypeF_cols{
	float:left;
	width:138px !important;
	width /**/: 148px;
	padding:5px 0px 5px 10px;
}
.navBlock ul li.navtlt {
	margin-bottom: 4px;
	padding: 3px 0px 4px 6px;
	background: none;
	background-color: #f3f1f2;
	color: #f60;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
}

/* >>> newHelpMenu styles (used on new Help pages) */
div.newHelpMenu {
	border-style: solid;
	border-color: #aeaeae;
	border-width: 0 1px 1px;
}

div.newHelpMenu .newHelpHeader, div.newHelpMenu .arrowLists {
	float:left;
	border-left: solid 1px white;
	width: 186px !important;
	width /**/: 196px;
	padding: 5px 0;
}

div.newHelpHeader2, .arrowLists2{
	float:left;
	border-left: solid 1px white;
	width: 188px !important;
	width /**/: 198px;
	padding: 5px 0;
}

div.newHelpMenu .newHelpHeader.firstChild, div.newHelpMenu .arrowLists.firstChild {
	border-left: none;
}

.newHelpMenu .newHelpHeader, .newHelpMenu .newHelpHeader span {
	background: #aeaeae;
	color: white;
}

.newHelpHeader2, .newHelpHeader2 span {
	background: #aeaeae;
	color: white;
	padding-left: 5px;
}

.newHelpMenu .newHelpHeader span {
	padding-left: 5px;
}

.newHelpMenu .arrowLists li {
	background: url(/WBI/images/navmore.gif) no-repeat 8px 5px ;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 21px;
	margin: 0;
}

.newHelpMenu .arrowLists2 li {
	background: url(/WBI/images/navmore.gif) no-repeat 8px 5px ;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 21px;
	margin: 0;
} 
.newHelpMenu li.alternate {
	background-color: #f3f1f2;
}

/* --- Generic --- */


/* --- Introduction --- */
#content_olympic .introduction h1 {
	margin: 0;
}
#content_olympic .introduction p {
	font-size: 1.2em;
	line-height: 1.4em;
	padding: 0 45px;
}

/* --- Boxes --- */
#content_olympic .olympic-box {
	min-height: 165px;
	margin: 0 0 2em 0;
	padding: 0 5px 0 10px;
}
* html #content_olympic .olympic-box {
	height: 165px;
}
#content_olympic .olympic-inner {
	padding-top: 51px;
}
#content_olympic .olympic-inner p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 1em 0;
}
#content_olympic .olympic-inner ol {
	list-style: none;
	margin: 0 0 1em 0;
}
#content_olympic .olympic-inner ol li {
	background: transparent url(/WBI/images/bullet.gif) 0 .5em no-repeat;
	display: block;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 1em 0;
	padding: 0 0 0 15px;
}
#content_olympic #how p {
	color: #f00;
	font-size: 1em;
}
#content_olympic #how ol li em {
	font-style: normal;
	font-weight: bold;
}
#content_olympic #what {
	background: transparent url(/WBI/images/whatcaniwin.jpg) top left no-repeat;
}
#content_olympic #how {
	background: transparent url(/WBI/images/howdoienter.jpg) top left no-repeat;
}
#content_olympic #who {
	background: transparent url(/WBI/images/whocanenter.jpg) top left no-repeat;
}

/* --- Adobe Reader --- */
#content_olympic .reader p {
	font-size: 1.2em;
	line-height: 1.25em;
	margin: 0 0 1em 0;
	padding: 0 0 0 10px;
}

.postit { /* invisible semantic headers - using off left technique */
	margin: 0 !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	left: -10000px;
}

/* --- Online Range --- */

div.online_range_box {
	float:left;
	border: solid 1px #D8D8D8;
	width: 586px !important;
	width /**/: 592px;
	padding: 5px 2px 2px 2px;
}
div.online_range_box2 {
	float:left;
	border: solid 1px #E7E7E7;
	width: 579px !important;
	width /**/: 584px;
	margin-top: 16px;
	padding: 5px 2px 2px 2px;
}
div.online_range_msg {
	float:left;
	font-family: verdana;
	font-size: 11px;
	line-height: 15px;
	background: #F3F1F2;
	width: 588px !important;
	width /**/: 592px;
	padding: 8px 2px 5px 2px;
}
div.no_link_box {
	float:left;
	width: 182px !important;
	width /**/: 192px;
	margin-top: 8px;
	margin-left: 10px;
	margin-bottom: 8px;
	padding: 0;
}
div.store_finder_box {
	float:left;
	background: #F3F1F2;
	width: 100%;
	margin-top: 10px;
	padding: 0 0 5px 0;
}
#main_wrapper UL#menulist{
	width: 100%;
	overflow: auto;
	background: #F3F1F2;
	padding: 4px 0 5px 0;
	margin: 0;
	list-style: none;
	font-family: Verdana;
	font-size: 10px;
	font-weight: bold;
	color: #f60;
}
#main_wrapper UL#menulist a{
	color: #f60;
	text-decoration: none;
}
#main_wrapper UL#menulist a:hover{
	text-decoration: underline;
}
#main_wrapper ul#menulist LI{
	background: url(/WBI/images/navmore.gif) no-repeat left 6px;
	margin: 1px 0 0 10px;
	padding: 1px 0 3px 12px;
	float: left;
	width: 122px;
}
#main_wrapper UL#menulist2 a{
	color: #f60;
	text-decoration: none;
}
#main_wrapper UL#menulist2 a:hover{
	text-decoration: underline;
}
#main_wrapper ul#menulist2 LI{
	background: url(/WBI/images/navmore.gif) no-repeat left 6px;
	margin: 2px 0 0 0;
	padding: 3px 0 3px 16px;
	float: left;
	width: 160px;
}
.hero_zone_box {
	float:left;
	width: 285px;
	padding: 11px 0 11px 0;
	background: url(/WBI/images/hdotsa6.gif) left bottom repeat-x;
}
.hero_zone_right{
	float:left;
	width: 285px !important;
	width /**/: 307px;
	padding: 0 0 0 22px;
}
ul#disc2 li{
	margin-top: 0px !important;
	margin-left: 6px;
	margin-bottom: 4px;
}
ul.disc{
	list-style-image: none;
	margin-left: 8px;
	padding-left: 8px;
}
ul.disc li{
	display: list-item;
	margin-top: 8px;
}

/* STORE FINDER */
.sf_header_bkg {
	clear: both;
	height: 17px;
	background-color: #FF6600;
	background-image: url(/WBI/images/bkg.gif);
}
.sf_header_text {
	color:#FFF;
	font-weight:bold;
	padding:2px 0 0 6px;
}
.sf_function {
	height: 32px;
	background-color: #E9E9E9;
	background-image: url(/WBI/images/shadow.gif);
	background-position: top;
	background-repeat: repeat-x;
}
.postcode_text {
	font-weight: bold;
	padding: 10px 0px 0px 6px;
	margin: 0px;
	float: left;
}
.input {
	margin: 7px 0px 0px 3px;
	float: left;
}
.input_text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	width: 96px;
}
.orange {
	color: #FF6600;
	float: left;
	margin: 0px 4px 0px 0px
}
.select_text {
	margin: 0px 0px 0px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	width: 179px;
}
.go {
	margin: 6px 0px 0px 6px;
	float: left;
}
.or_text {
	font-weight: bold;
	color: #FF6600;
	padding: 10px 0px 0px 6px;
	margin: 0px;
	float: left;
}
.select_text2 {
	margin: 0px 0px 0px 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666;
	font-size: 10px;
	width: 172px;
}

.limited {
	margin: 0px;
	padding: 0px;
	color:#C0C0C0;
}

/* Books on diy.com page */
#books {
	width:592px;
}
.ycdi_book1 {
	background:url(/WBI/images/ycdi_book1.jpg) right bottom no-repeat;
	margin:0 0 -1px 0;
}
.colour_book1 {
	background:url(/WBI/images/colour_book1.jpg) right bottom no-repeat;
	margin:0 0 -1px 0;
}
.outdoor_book1 {
	background:url(/WBI/images/outdoor_book1.jpg) right bottom no-repeat;
	margin:0 0 -1px 0;
}
#books p {
	padding:0;
	margin:10px 0;
}
#books .right {
	float:right;
}
#books .margin_left10 {
	margin-left:10px;
}

/* Inspiration Pages        														*/
/*------------------------------------------------------*/
#nostalgia_interior p, #nostalgia_mainpage p, #nostalgia_exterior p {
	padding:6px 0 10px 0;
	margin:0;
}
#nostalgia_mainpage, #fivestar_mainpage {
  width:592px
}
#nostalgia_mainpage, #fivestar_mainpage img {
  display:block;
}
#nostalgia_mainpage .footer {
	margin-top:4px;
  padding:43px 6px 0 290px;
  width:296px;
  height:89px;
  background:#fff url(/WBI/images/footer_bg.gif) 0 0 no-repeat;
}
#nostalgia_mainpage .footer img {
  display:inline;
}
#inspiration_pagetitle {
  width:579px;
  height:27px;
  color:#fff;
  font:bold 16px verdana;
  padding:6px 0 0 13px;
	margin:0;
}
.nostalgiaTitleBg {
background:#fff url(/WBI/images/pagetitle_bg.gif) 0 0 no-repeat;
}
#nostalgia_interior {
  width:592px;
  background-color:#c2d9de;
}
/*#nostalgia_interior img {
  display:block;
}*/
#nostalgia_interior .topdiv {
  width:592px;
}
#nostalgia_interior .middiv {
  width:592px;
}
.top_left {
  float:left;
}
#nostalgia_interior .topdiv .top_right {
  float:right;
  width:245px;
  height:170px;
  background:#c2d9de;
  padding:30px 6px 0 4px;
  color:#333333;
}
#nostalgia_interior .topdiv .topright img {
  display:inline;
}
#nostalgia_interior .middiv .mid_left {
  float:left;
  width:313px;
  height:130px;
  background:#c2d9de;
  margin:418px 0 0 0;
  padding:40px 6px 0 13px;
  color:#333;
}
#nostalgia_interior .middiv .mid_right {
  float:right;
  width:256px;
  margin:170px 0 0 0;
}
#nostalgia_interior .bottomdiv {
  width:319px;
  height:169px;
  background:url(/WBI/images/intfooter_bg.jpg) 0 0 no-repeat;
  padding:48px 6px 0 267px;
}
#nostalgia_interior_leftcol {
	float:left;
	width:291px;
	background-color:#BDD6DB;
}
#nostalgia_interior .footerText {
float:left;
width:315px !important;
width /**/:335px;
padding:70px 10px 68px 10px;
background-color:#c2d9de;
}
#nostalgia_exterior {
  width:592px;
}
#nostalgia_exterior .topdiv {
  width:592px;
}
#nostalgia_exterior .middiv {
  width:592px;
}
.top_left {
  float:left;
}
#nostalgia_exterior .topdiv .top_right {
  float:right;
  width:226px;
  height:176px;
  background:#c2d9de;
  padding:47px 6px 0 4px;
  color:#333;
}
#nostalgia_exterior .topdiv .topright img {
  display:inline;
}
#nostalgia_exterior .middiv .mid_left {
  float:left;
  width:331px;
  height:129px;
  background:#c2d9de;
  margin:442px 0 0 0;
  padding:13px 6px 0 13px;
  color:#333;
}
#nostalgia_exterior .middiv .mid_right {
  float:right;
  width:238px;
  margin:223px 0 0 0;
}
#nostalgia_exterior .bottomdiv {
  width:342px;
  height:185px;
  background:url(/WBI/images/extfooter_bg.jpg) 0 0 no-repeat;
  padding:61px 10px 0 240px;
}
#nostalgia_exterior .footerText {
float:left;
width:346px !important;
width /**/:366px;
padding:84px 10px 83px 10px;
background-color:#c2d9de;
}

/* Inspiration Popups                                     */
/* ------------------------------------------------------ */
.popup img {
  margin:20px;
}
.description {
  color:#333;
  display:block;
  width:100%;
}
ol.normal{
	list-style-image: none;
	list-style-type: decimal;
	list-style-position:outside;
	margin:0 20px 20px 20px;
	padding-left:20px;
}
ol.normal li{
	display: list-item;
	margin:2px; 
 	color:#333;
}
ol.normal li a {
  color:#000000;
  font-weight:bold;
}

/* Five Star Facelift                                     */
/* ------------------------------------------------------ */
.fivestarTitleBg {
	background:#fff url(/WBI/images/fivestar_pagetitle_bg.gif) 0 0 no-repeat;
	}
#fivestar_mainpage {
  background-color:#adbdd6;
  float:left;
}
#fivestar_leftcol {
  float:left;
  background-color:#adbdd6;
}
#fivestar_leftcol .text{
  width:324px;
  height:100%;
  padding-left:10px;
  font:normal 10px verdana;
  color:#333;
}
#fivestar_rightcol {
  float:right;
  width:246px;
  background-color:#adbdd6;
  margin:4px;
}
#fivestar_rightcol_gdn {
  float:right;
  width:262px;
  background-color:#fff;
}  
#fivestar_rightcol_gdn .garden_text {
  width:237px;
  padding:10px;
  margin:0 0 0 4px;
  font:normal 10px verdana;
  color:#fff;
  background-color:#5b7197;
}
#fivestar_nav {
  clear:both; 
  width:592px; 
  background:#adbdd6; 
  padding:20px 0 20px 0;
}
#fivestar_mainpage td {
	border-bottom:1px solid #adbdd6; color:#fff;
}    
#fivestar_mainpage td.pad {
	padding:4px 0 4px 10px;
}

/* Inspiration Landing Page                               */
/* ------------------------------------------------------ */
#inspire_landing .header {
	width:574px !important;
	width: /**/:592px;
	height:100px;
	background-color:#BDD6DB;
	padding:15px 0 0 18px;
	margin:0 0 4px 0;
}
#inspire_landing_leftcol {
	float:left;
	width:301px;
	background-color:#ADBDD6;
}
#inspire_landing_leftcol .facelift_nav {
	padding:5px 0;
}
#inspire_landing_leftcol p {
	width:277px !important;
	width: /**/:301px;
	padding:15px 10px 21px 10px;
  	margin:0 0 0 4px;
}
#inspire_landing_leftcol .border {
	border-top:5px solid #FFF;
	border-right:5px solid #FFF;
}
#inspire_landing_leftcol .border2 {
	border-right:5px solid #BDD6DB;
}
#inspire_landing_rightcol {
	float:left;
	width:291px;
	background-color:#BDD6DB;
}
#inspire_landing_rightcol .nostalgia_nav {
	padding:4px 0;
}
#inspire_landing_rightcol p {
	width:266px !important;
	width /**/:291px;
	padding:15px 10px 21px 10px;
  margin:0;
}
#inspire_landing_rightcol .border {
	border-bottom:5px solid #FFF;
}

/** Quick Order Form **/
#containerInstructions {
	float: left;
	line-height: 1em;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(/WBI/images/hdotsa6.gif) bottom left repeat-x;
}
#containerInstructions h2 {
	margin-top: 15px;
	float: left;
}
#containerInstructions ul {
	margin-top: 10px;
	display: block;
	width: 82%;
	float: right;
}
#containerInstructions ul li {
	display:block;
	list-style: none;
	background-repeat: no-repeat;
	padding-top: 0px;
	padding-bottom: 3px;
	margin: 5px 0px;
}
#containerInstructions p {
	margin-top: 10px;
	clear: both;
}
#containerInstructions .left {
	margin-right: 50px;
}
.containerBlock {
	height: 20px; 
	padding-top: 2px; 
	background-repeat: no-repeat;
}
.containerBlock1 {
	background-image: url(/WBI/images/one.gif);
	padding-left: 25px; 
}
.containerBlock2 {
	background-image: url(/WBI/images/two.gif); 
	padding-left: 25px; 
}
.containerBlock3 {
	background-image: url(/WBI/images/three.gif); 
	padding-left: 25px; 
}
.containerBlock3 input {
	margin-top:2px;
}
#containerFields {
	/*float: left;*/
	width: 645px;
	margin-bottom: 15px;
	padding: 0 55px;
	background: url(/WBI/images/vdotsa6.gif) top center repeat-y;
}
#containerFields table td {
	vertical-align: top;
	text-align: left;
}
#containerFields .left, 
#containerFields .right {
	width: 278px;
}
#containerFields .right {
width: 278px;
}
#containerFields th {
	background-repeat: no-repeat;
	background-position: 5px 0px;
/*	height: 20px;*/
	text-align: left;
	padding-left: 25px;
	padding-bottom: 2px;
	padding-top: 2px;
/*	padding: 0;*/
}
#containerFields table#qofCol_2 th {
	background: none;
	padding-left: 5px;
}
#containerFields .containerBlock3 {
	background-repeat: no-repeat;
	background-position: center left;
	margin-top: 5px;
	margin-right: 5px;
	display: inline;
	float: right;
}
#containerFields .ean {
	width: 210px;
}
#containerFields .qty {
	width: 35px;
}
#containerFields input {
	border: 1px solid #b8b8b8;
	padding: 2px;
}
#containerFields .containerBlock3 input {
	border: 0;
	padding: 0;
}

/** Store Finder **/

#storeFinderWrapper {
	width: 580px; 
	float: left;
}
#storeFinderWrapper p#errorBlock {
	padding-left: 10px;
	margin-bottom: 15px;
}
.containerOuterBlock {
	width: 285px; 
	padding-top: 7px; 
	float: left; 
	background: url(/WBI/images/listtopgrad285.gif) top left no-repeat;
}
.containerMidBlock {
	padding-bottom: 7px;
	width: 285px; 
	background: url(/WBI/images/listbtmgrad285.gif) bottom left no-repeat;
}
.containerInnerBlock {
	height: 200px;
	min-height: 200px;
	width: 263px !important;
	width /**/: 285px;
	padding: 0 10px 10px;
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4;
}
.containerInnerBlock h2 {
	float: left;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}
.containerInnerBlock fieldset {
	width: 100%;
}
#storeFinderSelectBlock {
	margin-left: 10px;
}
#containerStoreFinder .containerButton {
	margin-top: 8px;
	float: right;
	clear: right;
}
#storeFinderResultsHeaderBlock {
	width: 100%;
	padding-bottom: 10px;
}
#storeFinderResultsHeaderBlock h1 {
	display: inline;
}
#storeFinderResultsHeaderBlock h1 a {
	font-size: 0.6em;
}
#storeFinderResultsHeaderBlock h1 span {
	text-transform: uppercase;
}
#enterstore, #enterdirections {
	border: 1px #b8b8b8 solid;
	padding: 2px;
}
#selectstore {
	width: 100%;
	height: 136px;
}
#storeSelectionHeading {
	margin-bottom: 15px;
	width: 582px;
	float: left;
	padding: 0;
}
#storeSelectionHeading .basicBlock {
	padding: 10px 0 0 10px;
}
#storeFinderRightBlock {
	width: 157px; 
	float: right;
	margin-top: 0px;
}
.textBlock {
	float: left;
	margin: 0px;
	margin-top: 0.7em;
	width: 100%;	
}
#storeFinderLocationsBlock {
	margin-bottom: 10px;
	width: 582px;
}
#storeFinderLocationsBlock h2 {
	background-color: #f1f1f1;
}
#storeFinderLocationsBlock h2 span.h2Title {
	background-image:none;
}
#storeFinderLocationsBlock .basicBlock, 
#storeFinderLocationsBlock .basicBlock ul {
	padding: 0;
}
#storeFinderLocationsBlock .basicBlock ul {
	background: url(/WBI/images/hdotsa6.gif) bottom left repeat-x;
}
#storeFinderLocationsBlock li {
	display: block;
	float: none;
	padding: 8px 0 8px 10px;
	margin-top: 0;
	width: auto;
	text-align: left;
	background: url(/WBI/images/hdotsd6.gif) top left repeat-x;
}
#storeFinderLocationsBlock li.first {
	background: none;
}
.containerContent {
	background-color: #F8F8F8;
	width: 100%;
	border-bottom: 1px white solid;
	float: left;
}
#storeFinderPaging, #storeFinderPagingLocation {
	float: left;
	width: 582px;
	clear: both;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
#storeFinderPagingLocation {
	background: none;
}
#pagingControls {
	float: right;
}
.pagingControl {
	float: left;
	padding: 0.2em;
}
#storeFinderResults th#storeAddress p.right,
#storeFinderPaging p.right,
#storeFinderPagingLocation p.right {
	width: 70%;
	text-align: right;
}
#storeFinderResults {
	width: 582px;
	float: left;
	margin-top: 15px;
	margin-bottom: 10px;
}
#storeFinderResults th#storeName {
	width: 220px;
}
#storeFinderResults th#storeAddress {
	width: 352px;	
}
#storeFinderResults th, #storeFinderResults td {
	padding: 10px 0;
	background: url(/WBI/images/hdotsa6.gif) bottom left repeat-x;	
}
.mapAndMoreDetailsButton {
	margin-top: 0.5em;
}
#storeDetailsWrapper,
#storeInfoListBlock,
#storeSearchAgainBlock {
	width: 100%;
}
#mapContainer {
	width: 487px;
	height: 367px;
	float: left;
	position: relative;
	top: 0;
}
#mapContainerPopup {
	width: 258px;
	height: 302px;
	float: left;
	position: relative;
}
#mapContainer #map, #mapContainerPopup #map {
	float: left;
	width: 424px;
	height: 283px;
	border: 1px solid #ccc;
	position: relative;
	top: 30px;
	left: 30px;	
}
#mapContainerPopup #map {
	width: 216px;
	height: 238px;
	top: 20px;
	left: 20px;
}
#mapContainer #panUp, #mapContainerPopup #panUp {
	position: absolute;
	top: 0;
	left: 242px;
}
#mapContainerPopup #panUp {
	left: 125px;
}
#mapContainer #panDown, #mapContainerPopup #panDown {
	position: absolute;
	bottom: 21px;
	left: 242px;
}
#mapContainerPopup #panDown {
	left: 125px;
}
#mapContainer #panLeft, #mapContainerPopup #panLeft {
	position: absolute;
	top: 172px;
	left: 0;
}
#mapContainerPopup #panLeft {
	top: 142px;
}
#mapContainer #panRight, #mapContainerPopup #panRight {
	position: absolute;
	top: 172px;
	right: 0;
}
#mapContainerPopup #panRight {
	top: 142px;
}
#mapContainer #zoomIn, #mapContainerPopup #zoomIn {
	position: absolute;
	bottom: 15px;
	right: 67px;
}
#mapContainerPopup #zoomIn {
	right: 58px;
}
#mapContainer #zoomOut, #mapContainerPopup #zoomOut  {
	position: absolute;
	bottom: 15px;
	right: 29px;
}
#mapContainerPopup #zoomOut {
	right: 20px;
}
#mapContainer #zoomLabel, #mapContainerPopup #zoomLabel {
	position: absolute;
	bottom: 0;
	right:29px;
	width: 66px;
	text-align:center;
}
#mapContainerPopup #zoomLabel  {
	right: 20px;
}
#storeInfoBlock {
	float: right;
	width: 244px;
}
#storeInfoBlock h3, #storeInfoBlock address {
	margin-left: 10px;
}
#storeInfoBlock table th, #storeInfoBlock table td {
	line-height: 1.3em;
	padding-left: 10px;
	text-align: left;
}
#storeInfoBlock table td {
	padding-left: 10px;
}
#storeInfoBlock table#generalStoreInfo {
	margin: 15px 0;
}
#storeInfoBlock table#storeOpeningHours th {
	font-weight: normal;
}
#storeInfoBlock .basicWrapper {
	width: 244px;
}
#storeInfoBlock .basicBlock {
	padding-left: 10px;
}
#searchDirectionsBlock {
	margin-top: 15px;
}
#searchDirectionsBlock fieldset {
	width: 235px;
}
#searchDirectionsBlock legend {
	display: none;
	visibility: hidden;
}
#storeInfoBlock #searchDirectionsBlock p {
	line-height: 1.3em;
}
#storeInfoBlock #searchDirectionsBlock label {
	margin-top: 15px;
	margin-bottom: 10px;
	float: left;
}
#searchDirectionsBlock label {
	width: 100%;
}
#storeInfoListBlock h3 {
	margin-bottom: 5px;
	clear: left;
}
#storeInfoListBlock ul {
	padding: 0;
	clear: left;
	width: 100%;
	margin-bottom: 10px;
}
body#popup #storeInfoListBlock ul {
	width: 480px;
} 
#storeInfoListBlock ul li {
	display: list-item;
	float: none;
	background: none;
	list-style: disc;
	list-style-position: inside;
	text-align: left;
	width: 100%;
	padding: 0;
	line-height: 1.8em;
	margin: 0;
}
#storeInfoListBlock .basicBlock, #storeSearchAgainBlock .basicBlock {
	padding-left: 10px;
}
.storeFinderError {
	padding-top: 8px;
	float: left;
}
/* Popup styling */
#popup {
	margin: 0px;
	padding: 0px;
}
#popup-banner-outer {
	width: 100%;
	padding-bottom: 1px;
	background: url(/WBI/images/hdotsa6.gif) repeat-x bottom left; 
}
#popup-banner-inner {
	width: 100%;
	height: 44px;
	background-color: #F2F2F2;
}
#popup-banner-image {
	margin-top: 7px;
	margin-left: 7px;
	float: left;
	display: inline;
}
#popup-banner-links {
	float: right;
	padding-right: 15px;
	vertical-align: bottom;
}
#popup-banner-links span {
	display: block;
	float: left;
	min-height: 12px;
	padding-top: 5px;
	vertical-align: bottom;
}
#popup-banner-links span.separator {
	background:url(/WBI/images/vdotsa6.gif) repeat-y top center;
	width: 20px;
	min-height:12px;
}
#popup-content {
	float: left;
}

/***     AFRO - 22/06/06       ***/
/*------------------------------------------------------*/

/* Site Map 																						*/
/*------------------------------------------------------*/
#sitemapH2shop, #sitemapH2services {
	width: 755px;
	margin-top: 15px;	
}
.sitemapAnchorBox {
	width: 743px !important;
	width /**/: 753px;
	border-left:1px solid #D6D6D6;
	border-right:1px solid #D6D6D6;
	padding: 6px 0 6px 10px;
	background:url(/WBI/images/hdotsd6.gif) bottom left repeat-x;
}
.sitemapAnchorBox li {
	display:block;
	float: left;
	width: 140px;
	text-align: left;
	margin: 0px;
	background: url(/WBI/images/morecatsbullet.gif) top left no-repeat;
	height:auto;
}
.SitemapAnchorBoxPad01 {
	padding: 0 0 7px 8px;
}
.SitemapAnchorBoxPad02 {
	padding: 0 0 0 8px;
}
.nobackground {
	background: none;
}
.nomargin {
	margin: 0px;
	padding: 0px;
}
.sitemapTextpadding {
 padding-bottom: 5px;
}
.sitemapLinkBox {
	width: 745px !important;
	width /**/: 755px;
	padding-left: 10px;
}
.sitemapLinkBox:after {
	content: ".";
	display: block;
	height: 0;
	clear:both;
	visibility:hidden;
}
.sitemapLinkBoxBG {
	background: url(/WBI/images/hdotsd6.gif) bottom left repeat-x;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.sitemapLinkCol {
	width: 184px !important;
	width /**/: 194px;
	text-align: left;
	float: left;
}
#sitemapH2shop .basicBlock ul, #sitemapH2services .basicBlock ul {
	width: 184px;
	margin: 0;
	padding: 0;
}
#sitemapH2shop ul li, #sitemapH2services ul li {
	background: none;
	text-align: left;
	padding: 3px 0;
	margin: 0;
	display: block;
}
#sitemapH2shop .basicBlock, #sitemapH2services .basicBlock {
	padding-bottom: 0;
}

/***      Project checklist       ***/
/*----------------------------------*/
#projectlistmain {
	background: url(/WBI/images/notepad_bg.gif) top left repeat-y;
	padding: 0 0 0 39px;
	width: 451px !important;
	width /**/: 490px;
}
#projectlistmain ul li {
	display: block;
	padding: 6px 0 3px 17px;
	border-bottom: 1px solid #DCDCDC;
	width: 429px;
}
.projectlistTopTitle {
	border-top: 1px solid #DCDCDC;
}
.projectlistSubTitle {
	color: #333;
	font-weight: 600;
}
#notepadwrapper {
	width:490px;
	float:left;
}
#projectlistBottom {
	height: 61px;
	width:490px;
	background:url(/WBI/images/notepad_bot.gif) bottom left no-repeat;
}
#projectlistTop, .projectlistTopbg {
	margin-top:0px;
}
.projectlistTopbg {
	background:url(/WBI/images/notepad.jpg) top right no-repeat;
	height:167px;
}
#projectlistTop ul li {
	display:block;
	width:407px !important;
	width /**/:381px;
	padding:8px 0 8px 26px;
	height:auto;
	margin:0;
}
.bullet01 {
	background:url(/WBI/images/bullet_01.gif) center left no-repeat;
}
.bullet02 {
	background:url(/WBI/images/bullet_02.gif) center left no-repeat;
}
.bullet03 {
	background:url(/WBI/images/bullet_03.gif) center left no-repeat;
}
.bullet04 {
	background:url(/WBI/images/bullet_04.gif) center left no-repeat;
}
#projectlistblock {
	width:592px;
	margin-top:15px;
}
#projectlistblock .basicBlock ul {
	width:182px !important;
	padding:0;
}
#projectlistblock .basicBlock li {
	display:block;
	background:none;
	text-align:left;
	padding-bottom:13px;
}
.projectlistProjectBoxes {
	float:left;
	width:286px !important;
	width /**/:278px;
	margin:5px 0 12px 6px;
	background:url(/WBI/images/polaroid.gif) center left no-repeat;
	height:103px;
}
.projectImage {
	float:left;
	margin:8px 10px 0 7px;
}
#projectBansWrapper {
	float:left;
	padding:0 0 0 15px;
}

#servicesListBlock_projlist, #helpListBlock_projlist {
	width: 250px;
	background: url(/WBI/images/listbtmgrad250.gif) bottom left no-repeat;
	margin-bottom: 5px;
}
#helpListBlock_projlist  {
	padding-top: 3px;
	margin-bottom: 15px;	
}
#servicesListBlock_projlist h2, #helpListBlock_projlist h2 {
	background: url(/WBI/images/bar999250_repeat.gif) bottom left repeat-y;
}
#servicesListBlock_projlist h2 span.h2Top, #helpListBlock_projlist h2 span.h2Top {
	background: url(/WBI/images/bar999250_top.gif) top left no-repeat;
}
#servicesListBlock_projlist h2 span.h2Title, #helpListBlock_projlist h2 span.h2Title,  h2 span.h2Title  {
	background: url(/WBI/images/bar999250_mid.gif) top left no-repeat;
	padding-left: 50px;
}
#servicesListBlock_projlist h2 span.h2Bottom, #helpListBlock_projlist h2 span.h2Bottom,  h2 span.h2Bottom {
	background: url(/WBI/images/bar999250_btm.gif) top left no-repeat;
}
#servicesListBlock_projlist .capsuleBlock, .capsuleBlock, #helpListBlock_projlist .capsuleBlock {
	width: 248px;
	padding: 0;
	float: left;
	min-height: 105px;
}
#servicesListBlock_projlist .capsuleBlock ul, #helpListBlock_projlist .capsuleBlock ul {
	width: 186px;
	padding-left: 50px;
	padding-top: 5px;
	background: none;
	font-size: 0.6em;
}
#servicesListBlock_projlist .capsuleBlock li, #helpListBlock_projlist .capsuleBlock li {
	margin: 0;
	padding: 0;
	width: 186px;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 5px;
	background: url(/WBI/images/hdotsd6.gif) bottom left repeat-x;
}

#servicesListBlock_projlist .capsuleBlock li.first, #helpListBlock_projlist .capsuleBlock li.first {
	background: none;
	padding-left: 0;
}
#servicesListBlock_projlist .capsuleBlock li.last, #helpListBlock_projlist .capsuleBlock li.last {
	padding-top: 5px;
	background: none;
}
#servicesListBlock_projlist span.icon {
	background: url(/WBI/images/services_icon.gif) top left no-repeat;
	height: 126px;
	
	top: 5px;}
#helpListBlock_projlist span.icon {
	top: 5px;
}
#helpListBlock_projlist span.icon {
	background: url(/WBI/images/help_icon.gif) top left no-repeat;
	height: 126px;
	
	top: -11px;
}

/***      Pop up       ***/
/*------------------------------------------------------*/
#poptopbar { position:inherit; background: #F3F3F3 url(/WBI/images/popup_top.gif) top left no-repeat; width:100%;}
#poptopbar p { text-align:right; margin:0; padding: 6px 8px 27px 0; background: url(/WBI/images/popup_divide_close.gif) right top no-repeat;}
#popcontent { padding: 0 12px 12px 12px;}

/***      DIY Advice diy_advice.jsp      ***/
/*------------------------------------------------------*/
#diyAdvice {
	width:592px;
}
#diyAdvice h2 {
	clear: left; 
}
#diyAdvice .PlannerLeft, #diyAdvice .PlannerRight {
	float:left;
}
#diyAdvice .PlannerLeft {
	width:255px !important;
	width /**/:280px;
	margin-left:6px;
	padding-right:25px;
	background:url(/WBI/images/vdotsa6.gif) repeat-y top right;
}
#diyAdvice .PlannerRight {
	width:270px !important;
	width /**/:295px;
	padding-left:25px;
}
#diyAdvice .MarginTop6 {
	margin-top:6px;
}
#diyAdvice .PaddingTop15 {
	padding-top:15px;}
#diyAdvice .MarginBottom15 {
	margin-bottom:15px;
}
#diyAdvice .basicBlock ul {
	width:187px;
	margin:15px 0 9px 6px;
	padding:0;
}
#diyAdvice .basicBlock li {
	width:170px;
	text-align:left;
	padding:0 0 6px 10px;
	margin: 0;
	background: url(/WBI/images/morecatsbullet.gif) top left no-repeat;
}
#diyAdvice .HowToImage {
	margin:0 10px;
}

/* Contact and enquiry forms  						   	*/
/*------------------------------------------------------*/

.error-msg {
	font-family: Verdana, Tahoma, Arial;
	font-size: 9px;
	font-weight: bold;
	color: #FF0000;
	width: 100%;
	text-align: left;
	padding: 0 0 3px 125px;
}

.contact-forms .form-set-container {
	margin: 0;
	float: left;
	width: 374px !important;
	width /**/: 388px;
	padding: 4px 6px 6px;
	border: 1px solid #a9a9a9;
}

.contact-forms .form-set-container table {
	clear: left;
}

.contact-forms .form-set-container p {
	margin: 0 0 .7em 0 !important;
}

.contact-methods p {
	margin: 0 0 .7em 0;
}

.contact-methods dl {
	margin: 0 0 .7em 0;
}

.contact-methods dt {
	margin: 0;
	display: block;
}

.contact-methods dd {
	margin: 0;
}

#form-submit {
	border-bottom: 0px;
}

.form-submit {
	clear: left;
	background-image: url(/WBI/images/form-submit-bg.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.form-item-container, .form-item-flat-container, .form-item-date-container, .form-item-radio-container, .form-item-flat-radio-container {
	width: 370px;
	overflow: hidden;
	margin: 0 0 0.5em 0;
}

.form-item-radio-container {
	margin: 0 0 0.1em 0;
}

.form-item-container label {
	float: left;
	width: 124px;
	text-align: left;
	padding-top: 0.1em;
}

.form-item-flat-container label, .form-item-date-container label {
	display: block;
	padding-bottom: 0.2em;
	clear: right;
}

.form-item-container input, .form-item-container select {
	float: left;
}

.form-item-flat-radio-container {
	width: 20%;
	float: left;
}

.form-item-date-container input {
	float: left;
	width: 120px !important;
}

.form-item-date-container p {
	float: left;
	padding: 0.2em 0 0 10px;
}

.form-item-container input, .form-item-flat-container input, .form-item-date-container input, .form-set-container table input, #consultationTable td.addrLookupInc input {
	border: 1px solid #9c9c9c;
	width: 200px;
}

.include-form input.default-style, #consultationTable td.addrLookupInc td input.default-style {
	border: 0;
	width: auto;
}

.form-item-note {
	margin: 0; padding: 0 0 0 135px;
}

.form-item-note-small {
	text-align: left;
	width: 120px;
}

.form-item-action {
	text-align: right;
}

.form-item-action input {
	padding-right: 15px;
}

.form-block-radio {
	margin: 0 0 0.5em 0;
}

.form-block-flat-radio {
	margin: 0 0 0.5em 0;
	width: 100%;
	overflow: hidden;
}

.form-item-textarea-container {
	margin: 0 0 1em 0;
}

.form-item-textarea-container textarea {
	width: 365px;
	border: 1px solid #9c9c9c;
}

.form-navigation-links ul {
	width: 370px;
	overflow: hidden;
	margin: 1em 0 0 0; padding: 0;
	list-style: none;
}

.form-navigation-links li {
	margin: 0; padding: 0 0 0.1em 0;
	width: 50%;
	float: left;
}

.form-footer {
	padding: 1em 6px;
}

.form-footer p {
	margin: 0; padding: 0;
}
/* Override H3 styling */

.contact-forms h3 {
	clear: left;
	background-color: #a9a9a9;
	margin: 0; 
	padding-left: 5px;
	width: 382px;
	padding: 0.3em 0 0.3em 6px;
}
/* Override FIELDSET styling */

fieldset.form-background {
	padding: 0.3em 0;
	margin: 0 1px 0.5em 0;
	background-image: url(/WBI/images/form-bg.gif);
	background-repeat: repeat-y;
	background-position: top right;
	border: none;
}

fieldset.form-background-full {
	padding: 0.3em 0 0 0.3em;
	margin: 0 0 0.5em 0;
	background-color: #EFEFEF;
	border: none;
}
.include-form {
	padding: 0 0 7px 0;
}

fieldset.form-background div, fieldset.form-background-full div {
	background: none;

}/* Account forms - merged from forms.css					    	*/

/*------------------------------------------------------*/

.whitetitle { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #FFFFFF; 
	font-weight: bold; 
	text-decoration: none; 
	background-color: #4E3D85; 
	padding-top: 4px; 
	padding-bottom: 4px; 
	padding-left: 6px;
}

.greyoptions { 
	padding-top: 2px; 
	padding-bottom: 2px;
}

.textfield { 
	background-color: #EFEFEF; 
	padding-left: 4px; 
	padding-top: 5px; 
	padding-bottom: 4px;

}

.formtd { 
	padding-left: 6px; 
	padding-right: 7px;

}

/* Hack for payment details addres list font size FF still applies net_bqstyleguide	 	*/
/*--------------------------------------------------------------------------------------*/

#paymentAddressList {
	font-size: 11px;
}

/* Help Accessibility */
/*--------------------*/

#HelpAccessibility table {
	border:1px solid #AEAEAE;
	margin-left:10px;
}
#HelpAccessibility td {
	padding:4px 4px 4px 10px;
}
#HelpAccessibility td.divider {
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
}