/**
* @author	Jasal Vadgama/Simon Wyse - Javelin Group
* @version	1.0
* @media	screen
*
* @info		Generic styles (from AFRO)
*			NB: This is a cut down version for backwards compatibility - redundant styles removed
*
* @contents
* =1: General styles
*
* =2: Helpers
*
* =3: Capsules
*
* =4: Financial Services
*
* =5: Services
*
* =6: My Account
*
* =7: Static Special Offers
*
* =8: Please wait container
*
* =9: WCN generic.css
*
* =10: Reserve & Collect
*
* =11: Sign In or Register
*
* =12: Shopping List Store Locator Popup
*/


/**
* =1: General styles
*
* @info Tags and classes
*/

body, form, h1, h2, h3, h4, h5, h6, p, ul, ol, dd, fieldset {
	margin: 0px;
}
.access {
	position: absolute;
	top: -1000em;
	left: -1000em;
}
.space {
	margin-bottom: 10px;
}
img {
	border: 0;
	font-size: 0.6em;
}
fieldset {
	border:0; 
	padding: 0; 
	float: left;
}
address {
	font-style: normal;
	line-height: 1.3em;
}
ul, ol, dd {
	padding: 0px;
	list-style-type: none;
}
li {
	display: inline;
}
ul.disc{
	list-style-image: none;
	list-style-type: disc;
	margin-left: 8px;
	padding-left: 8px;
}
ul.disc li{
	display: list-item;
	margin-top: 8px;
}
ul.gift{
	list-style-image: none;
	list-style-type: disc;
	margin-left: 15px;
	padding-left: 8px;
}
ul.gift li{
	display: list-item;
	margin-top: 8px;
}
ol.help{
	list-style-image: none;
	list-style-type: decimal;
	margin-left: 8px;
	padding-left: 8px;
}
ol.help li{
	display: list-item;
	margin-top: 8px;
}
.orderedlist {
	list-style-type:decimal;
	margin-left:30px;
	margin-top:10px;
	margin-bottom:10px;
}
.listitem {
	display:list-item;
	padding:2px 0 2px 0;
}
h1 {
	margin-bottom: 10px;
	line-height:normal
}
body#popup h1 {
	margin-top: 10px;
	line-height: 1.1em;
}


/**
* =2: Helpers
*
* @info Helper classes
*/
.heading {
	clear: both;
	padding: 5px 0px 5px 10px; 	
}
.dblDivider10 {
	height: 21px;
	width: 100%; 
	float: left;	
	background: url(/diy/jsp/bq/nav/images/hdotsa6.gif) center repeat-x;
}
.blankDivider {
	margin-bottom: 15px;
}
.right {
	float: right;
}
.left {
	float: left;
}
.clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

/**
* =3: Capsules
*
* @info Generic capsule styles: 
*		caspuleWrapper, basicWrapper
*		capsuleWrapper creates orange curved banners				
*		basicWraper creates straight grey bar
*		Overwrite styles using ID
*/
.capsuleWrapper {
	width: 592px;
	padding-bottom: 7px;
	position: relative;
	background:  url(/diy/jsp/bq/nav/images/bottomgrad592.gif) bottom left no-repeat;
}
.capsuleWrapper h2 {
	background: url(/diy/jsp/bq/nav/images/barf60592_repeat.gif) top left repeat-y;
}
.capsuleWrapper h2 span.h2Top {
	height: 4px;
	overflow: hidden;
	display: block;	
	background: url(/diy/jsp/bq/nav/images/barf60592_top.gif) top left no-repeat;
}
.capsuleWrapper h2 span.h2Title {
	padding-left: 10px;
	display: block;	
	background: url(/diy/jsp/bq/nav/images/barf60592_mid.gif) top left no-repeat;
}
.capsuleWrapper h2 span.h2Bottom {
	height: 4px;
	overflow: hidden;
	display: block;	
	background: url(/diy/jsp/bq/nav/images/barf60592_btm.gif) top left no-repeat;
}
.capsuleWrapper .icon {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 50px;
	height: 80px;
}
.capsuleBlock {
	border: 1px solid #d6d6d6;
	border-bottom: 0;
	width: 569px;
	padding-left: 11px;
	padding-right: 10px;
	float: left;
}
.basicWrapper {
	width: 750px;
	position: relative;
	float:left;
}
.basicWrapper h2 {
	background-color: #eaeaea;
}
.basicWrapper h2 span.h2Title {
	display: block;	
	padding-left: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: url(/diy/jsp/bq/nav/images/barbg.gif) top left repeat-x;
}
.basicBlock {
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
}
.capsuleBlock ul, .basicBlock ul {
	width: 569px;
	float: left;
	padding-top: 15px;
	padding-bottom: 15px;
	background: url(/diy/jsp/bq/nav/images/hdotsa6.gif) top left repeat-x;
}
.capsuleBlock ul.first, .basicBlock ul {
	background: none;
}
.capsuleBlock li, .basicBlock li {
	margin: 0;
	padding: 0 9px 0 10px;
	width: 128px;
	float: left;
	text-align: center;
	background: url(/diy/jsp/bq/nav/images/vdotsd61px.gif) top left repeat-y;
}
.capsuleBlock li.first, .basicBlock li.first {
	padding-left: 0;
	background: none;
}
.capsuleBlock li.last, .basicBlock li.last {
	padding-right: 0;
}
.capsuleBlock p, .basicBlock p { 
	text-align: left; 	
}


/**
* =4: Financial Services
*
* @info Financial Services section
*/
#financialServices, #creditCentre, #homeplan, #youcandoit, #applianceCare, #appliancecareTc {
	width:592px;
}
#financialServices .header, #creditCentre .header, #homeplan .header, #youcandoit .header, #applianceCare .header, #appliancecareTc .header {
	width:568px;
}
#creditCentre .header, #homeplan .header, #youcandoit .header, #appliancecareTc .header  {
	background:url(/diy/jsp/miscellaneous/tailored_landing/financial_services/images/top_bg.jpg) 0 0 repeat-x;
	padding:10px 12px;
}
#homeplan .header, #applianceCare .header, #appliancecareTc .header {
	height:95px;
}
#applianceCare .header {
	background:url(/diy/jsp/miscellaneous/tailored_landing/financial_services/images/kitchen_bg.jpg) 0 0 repeat-x;
	padding:30px 12px 10px 12px;
}
#financialServices .header img, #creditCentre .header img, #homeplan .header img, #youcandoit .header img, #appliancecareTc .header img {
	float:right;
	margin:0;
}
#financialServices .gradwrap, #creditCentre .gradwrap, #homeplan .gradwrap, .gradwrap {
	width:592px;
}
#financialServices .grad_header, #creditCentre .grad_header {
	width:580px;
	height:23px;
	font:bold 14px verdana;
	color:#000;
	background:url(/diy/jsp/miscellaneous/tailored_landing/financial_services/images/graybg.gif) 0 0 no-repeat;
	padding:4px 0 0 12px;
	margin:12px 0 0 0;
}
#financialServices .gradbox, #creditCentre .gradbox, .gradbox_one {
	width:590px;
	border:1px solid #e4e4e4;
	border-bottom:1px solid #fcd2bc;
}
#creditCentre .gradbox {
	min-height:132px;
	background:#FCD2BC url(/diy/jsp/miscellaneous/tailored_landing/financial_services/images/grad_bg.jpg) 0 0 repeat-x;
}
#creditCentre .gradbox_one {
	min-height:95px;
	background:#FCD2BC url(/diy/jsp/miscellaneous/tailored_landing/financial_services/images/grad_bg_one.jpg) 0 0 repeat-x;
}
#financialServices .gradbox {
 	background:#FFF url(/diy/jsp/miscellaneous/tailored_landing/financial_services/images/box_bg.jpg) 100% 100% repeat-x scroll;
}
ul#financialServices .gradbox, ul#creditCentre .gradbox {
	list-style-image:none;
	list-style-type:disc;
}
#financialServices .cards {
	float:left;
	margin:20px 20px 0 26px;
}
#financialServices .wmachine, #financialServices .flame {
	float:left;
	margin:20px 20px 0 26px;
}
#financialServices .sswitch {
	float:left;
	margin:20px 20px 0 26px;
}
#financialServices .arrow, #creditCentre .arrow {
	margin:0 20px 0 0;
}
#creditCentre .doit, #creditCentre .homeplan {
	float:left;
	margin:28px 20px 15px 26px;
}
#creditCentre .mouse {
	float:left;
	margin:37px 40px 35px 0;
}
#creditCentre .doitone {
	float:left;
	margin:15px 14px 0 29px;
}
#homeplan .hcard, #youcandoit .ycard {
	margin:0 36px 0 0;
}
#homeplan .receipt {
	float:right;
	margin:-10px 0 0 0;
}
#homeplan table.dashed, #youcandoit table.dashed, #applianceCare table.dashed {
  border-top:1px dashed #aeaeae;
  border-left:1px dashed #aeaeae;
} 
#homeplan td.dashed, #youcandoit td.dashed, #applianceCare td.dashed, #applianceCare th.dashed {8
  border-right:1px dashed #aeaeae;
  padding:6px 0 6px 12px;
} 
#homeplan td.dashed, #youcandoit td.dashed {
  border-bottom:1px dashed #aeaeae;
} 
#homeplan td.white, #youcandoit td.white, #applianceCare td.white,  #applianceCare th.white {
  border-right:1px dashed #aeaeae;
  padding-left:12px;
  padding-top:6px;
  padding-bottom:6px;
}
#homeplan .content ul , #youcandoit .content ul, #applianceCare .content ul, #appliancecareTc .content ul {
  list-style-image:url(/diy/jsp/miscellaneous/tailored_landing/financial_services/images/or_bull.gif);
  padding:0 0 0 12px;
}
#homeplan .content li, #youcandoit .content li, #applianceCare .content li, #appliancecareTc .content li {
  display:list-item;
  margin-bottom:6px;
}
#homeplan .content, #youcandoit .content, #applianceCare .content, #appliancecareTc .content {
  width:570px;
  padding:0 10px 0 12px;
}
#homeplan .content p, #youcandoit .content p, #applianceCare .content p {
  margin:10px 0 10px 0;
}
#applianceCare caption {
	padding:10px 10px 10px 12px;
	text-align:left;
}
#homeplan .box_header, #youcandoit .box_header, #applianceCare .box_header, .box_header {
  width:580px;
  height:23px;
  font:bold 14px verdana;
  color:#000;
  background-color:#e9e9e9;
  padding:4px 0 0 12px;
  margin:12px 0 0 0;
}
#youcandoit .mouse {
	float:right;
	margin:0 -10px 0 8px;
}

/**
* =5: Services
*
* @info Services section
*/
#services {
	width:592px;
}
#services h2 {
	clear: left;
}
ul#mainList1, ul#mainList2 {
	padding:0 0 0 10px;
	margin:0;
	width:582px !important;
	width /**/:592px;
	border:0;
}
ul#mainList1 li, #mainList1 h3 {
	width:181px !important;
	width /**/:180px;
}
ul#mainList2 li {
	width:181px !important;
	width /**/:194px;
}
ul#servicesList, ul#servicesList li {
	width:181px !important;
	width /**/:165px;
}
ul#mainList2 p, ul#servicesList, ul#servicesList li, #mainList1 h3 {
	text-align:left;
}
ul#mainList2 p.link {
	padding:6px 0;
}
ul#servicesList, #mainList h3 {
	margin:0;
	padding:0;
}
ul#servicesList li {
	display:list-item;
	padding:3px 0;
	margin:0;
}
ul#servicesList, ul#servicesList li {
	float:none;
	background:none;
}
#doors_search h1 {
	width:592px; 
	height:26px;
	background-color:#FF6600;
}
.doorsWrapper, .doorsWrapperFirst {
	float:left;
	padding:0 14px 15px 14px;
}
.doorsWrapper {
	background:url(/diy/jsp/bq/nav/images/vdots.gif) 0 0 repeat-y;
}

/**
* =6: My Account
*
* @info Old styles needed for My Account
*/
.personaltabon { 
	background-color: #4E3D85; 
	border:1px solid #A9A9A9;
	padding:4px 2px 4px 2px;
}
.personaltaboff { 
	background-color: #D5D1E2; 
	border:1px solid #A9A9A9; 
	padding:4px 2px 4px 2px;
}
/**
* =7: Static Special Offers
*
* @info Static Special Offers content IN STORE ONLY
*/
.soStoreLeft, .soStoreImg, .soStoreText {
	float:left;
}
.soStoreLeft {
	width:295px;
	margin:10px 0;
	background: url(/diy/jsp/bq/nav/images/vdotsa6.gif) top right repeat-y;
}
.soStoreImg {
	padding:0 10px;
}
.soStoreClear {
	clear:both;
}
.soStoreRight {
	width:295px;
	margin:10px 0;
	float:right;
}
#doorsTextWrapper {
	width: 572px !important; 
	width /**/: 592px;
	background-color: #f3f1f2;
	padding: 10px 10px 10px 10px; 
	margin-bottom: 20px; 
}
.doorsTextBlock {
	margin-top: 5px; 
	padding-bottom: 4px;
	line-height: 14px;	
}
.dotsWrapper {
	padding:0 0 20px 0;
}

/**
* =8: Please wait container
*
* @info Within checkout
*/
#waitContainer {
	width: 592px;
	padding: 100px 0px; 
	display: none;
	font-size: 0.95em;
	font-weight: bold;
	color: #000;
}

/**
* =9: WCN generic.css
*
* @info Air Force pages
*/
.merchLinks {
	width: 592px; 
	background-color: #f3f1f2; 
	padding-bottom: 15px;
	margin-bottom: 10px;
	float: left;
}	
.merchLinks .left, .merchLinks .right {
	float: left;
	width: 241px !important;
	width /**/: 274px;
	padding-left: 33px;
}
.merchLinks .right {
	padding-left: 37px;
}
#helpTitle {
	padding: 17px 0px 22px 65px;
	background: url(/diy/jsp/bq/nav/images/apron.gif) 4px 4px no-repeat;
}
ul.arrow li {
	display: block;
	background: url(/diy/jsp/bq/nav/images/arrowbullet.gif) 5px 6px no-repeat;
}
.merchLinks ul.arrow li div {
	background: url(/diy/jsp/bq/nav/images/hdotsa6.gif) left bottom repeat-x;
}
.merchLinks ul li div {
	padding-left: 18px;
}
.merchLinks ul li a {
	display: block;
	width: 223px;
	padding: 6px 0px;
}
#airForcePDF .basicBlock ul, #airForcePDF .basicBlock li {
	width:260px;
}
#airForceVideo .basicBlock ul {
	width:170px;
}
#air_force .basicBlock ul {
	margin:0 0 10px 10px;
	padding:0;
}
#air_force .basicBlock li {
	text-align:left;
	padding:0 0 6px 10px;
	margin:0;
	background: url(/diy/jsp/bq/nav/images/morecatsbullet.gif) top left no-repeat;
}

/**
* =10: Reserve & Collect - style here for cancel reservation pages only - see checkout.css for all other styles
*/
.cancelReserveCollect hr {
	clear:both;
	height:1px;
	border:0;
	border-top:1px solid #e8e5e4;
}
.cancelReserveCollect .cancel {
	text-align:right;
	margin:15px;
}
.cancelReserveCollect .cancel input {
	vertical-align:middle;
	padding-left:10px;
}
.cancelReserveCollect .reservedItems { 
	clear:both;
	border:6px solid #e8e5e4;
	padding:6px 16px 16px 16px;
}
.cancelReserveCollect .error {
	color:#ff0000;
}

/* Fix for 10px whitespace between td borders */
.cancelReserveCollect .horizontalBorderAnchor {
	position:relative;
}
.cancelReserveCollect .horizontalBorder {
	position:absolute;
	top:-21px;
	left:0;
	height:21px;
	width:716px;
	background:url(/diy/jsp/bq/images/shopping-list/horizontal-border.png) top left repeat-x;
}
.cancelReserveCollect .collectionDetails strong  {
	font-weight:bold;
	font-size:1.25em;
}
/**
* =x: Table styles
*/
.cancelReserveCollect table th, .cancelReserveCollect table td {
	padding: 6px;
	vertical-align: top;
}
.cancelReserveCollect table th {
	font-weight: bold;
	text-align: center !important;
	border-bottom: 1px solid #e8e5e4;
}
.cancelReserveCollect  thead th {
	padding-bottom:10px;
}
.cancelReserveCollect table tbody td {
	padding:10px 5px 0 5px;
	border-bottom: 1px solid #e8e5e4;
}
.cancelReserveCollect table tbody .quantity, .cancelReserveCollect table tbody .price, .cancelReserveCollect table tfoot .price {
	border-left: 1px solid #e8e5e4;
}
.cancelReserveCollect table .items {
	text-align: left !important;
	padding-left:0;
	width:530px;
}
.cancelReserveCollect table .priceTotal {
	padding-right:0;
}
.cancelReserveCollect table .quantity {
	text-align: center;
}
.cancelReserveCollect table .price {
	text-align: right !important;
}
.cancelReserveCollect table .price {
	width:65px;
}
.cancelReserveCollect table .quantity {
	width:55px;
}
.cancelReserveCollect table td p {
	padding: 0;
	font-weight: bold;
}
.cancelReserveCollect table tfoot td {
	padding: 5px;
	text-align: right;
}
table tfoot .totalPrice {
	font-weight: bold;
	font-size:1.25em;
	padding-top:10px !important;
	padding-bottom:0;
	padding-left:0;
	border-bottom:none;
	text-align:right !important;
}
table tfoot .totalPrice .normal {
	font-weight:normal;
	font-size:.85em;
}
table tfoot .totalPrice .horizontalBorderAnchor {
	text-align:left !important;
}
table tfoot .totalPrice .totalRight {
	float: right;
}
.cancelReserveCollect table .items .ean {
	font-size:.9em;
	margin:2px 0 0 0;
	font-weight:normal;
}
.cancelReserveCollect table .items p a {
	font-weight:normal;
	text-decoration:underline;
}

/**
* =11: Sign In or Register
*/
.required {
	color:#ff0000;
}
.rightTitleText {
	float:right;
	padding:14px 15px 2px 0;
}
.signInBox {
	clear:both;
	float:left;
	width:370px;
	background:url(/diy/jsp/bq/images/sign-in/sign-in-border-bottom.png) bottom left no-repeat;
}
.registerBox {
	float:right;
	width:549px;
	background:url(/diy/jsp/bq/images/sign-in/register-border-bottom.png) bottom left no-repeat;
}
.withoutBox {
	clear:both;
	width:370px;
	background:url(/diy/jsp/bq/images/sign-in/sign-in-border-bottom.png) bottom left no-repeat;
}
.signInBox, .registerBox, .withoutBox {
	margin:0 0 15px 0;
	padding-bottom:19px;
	border-top:3px solid #ff6600;
}
.signInBox .signInBoxContent,
.registerBox .registerBoxContent,
.withoutBox .withoutBoxContent {
	padding:10px 15px 0 15px;
	border-right:1px solid #eae6e3;
	border-left:1px solid #eae6e3;
}
.registerBoxContent  {
	width:517px;
	background:url(/diy/jsp/bq/images/sign-in/register-image.jpg) bottom right no-repeat;
}
.registerBoxContent ul {
	padding:6px 0 6px 10px;
}
.registerBoxContent ul li {
	display:list-item;
	padding:2px 0 0 10px;
	background:url(/diy/jsp/bq/images/navigation/icons/bullet.png) left 8px no-repeat;
}
.registerContent {
	width:270px;
}
.signInBoxContent ul li {
	margin:0;
	padding:0;
}
.signInBoxContent ul {
	margin:5px 0 0 0;
}
.signInBoxContent ul label {
	float:left;
	padding-top:3px;
	margin-bottom:13px;
}
.signInBoxContent ul input {
	margin-bottom:10px;
	float:right;
	width:234px;
	height:17px;
	border-top:1px solid #FF0000;
	border-left:1px solid #ded6d4;
	border-right:1px solid #f1f0ee;
	border-bottom:1px solid #f1f0ee;
	padding:3px 2px 0 2px;
	font:1em/1em Arial, Helvetica, sans-serif;
	color:#494c4e;
	background:url(/diy/jsp/bq/images/forms/input-bkg.png) no-repeat;
}
.forgottenPassword {
	padding:0 0 15px 98px;
}
.withoutContent {
	float:left;
	padding-top:7px;
	width:235px;
}
.withoutButton {
	float:right;
	margin-top:20px;
}
.signInBoxContent ul .logout {
	padding:7px 0;
}

/* Error style */
.errorSummary {
	clear: both;
	float: left;
	padding:15px;
	width: 904px;
	border-top: 3px solid #ff0000;
	border-right: 1px solid #e8e5e4;
	border-bottom: 1px solid #e8e5e4;
	border-left: 1px solid #e8e5e4;
	margin-bottom:15px;
}
.errorSummary h2 {
	padding-left:0 !important;
	font-size:1.4em;
	color:#f00;
	font-weight:bold;
}
.errorSummary a { text-decoration: underline; }
.errorSummary p {
	clear:both;
	padding:10px 0 0 0 !important;
	margin:0 !important;
}
.errorSummary ul { padding:6px 0 0 10px; }
.errorSummary ul li {
	display:list-item;
	padding:2px 0 2px 10px;
	background:url(/diy/jsp/bq/images/navigation/icons/bullet.png) left 9px no-repeat;
}
.errorInline {
	padding:0 0 3px 98px;
	color:#f00;
}

/**
* =12: Shopping List Store Locator Popup
*/
#shoppingListStoreLocator a {
	text-decoration:underline;
}
#shoppingListStoreLocator h2 {
	margin-bottom:15px;
}
#shoppingListStoreLocator p {
	clear:both;
	margin:15px 0 0 0;
	padding:0;
}
#shoppingListStoreLocator input {
	float:left;
	margin:5px 0 0 0;
}
#shoppingListStoreLocator label {
	float:left;
	margin:10px 10px 0 0;
}
#shoppingListStoreLocator .text {
	width:234px;
	height:17px;
	border-top:1px solid #ded6d4;
	border-left:1px solid #ded6d4;
	border-right:1px solid #f1f0ee;
	border-bottom:1px solid #f1f0ee;
	padding:3px 2px 0 2px;
	font:1em/1em Arial, Helvetica, sans-serif;
	color:#494c4e;
	background:url(/diy/jsp/bq/images/forms/input-bkg.png) no-repeat;
}
#shoppingListStoreLocator .button {
	margin:4px 0 0 10px;
}
#shoppingListStoreLocator hr {
	clear:both;
	height:1px;
	border:none;
	border-top:1px solid #e8e5e4;
}
#shoppingListStoreLocator .top {
	border-top:none;
	border-bottom:1px solid #e8e5e4;
	padding-top:15px;
}
#shoppingListStoreLocator .errorInline {
	padding:0 0 3px 108px;
	color:#f00;
}
#shoppingListStoreLocator ul {
	padding:0 0 5px 10px;
}
#shoppingListStoreLocator ul li {
	display:list-item;
	padding:8px 0 0 10px;
	background:url(/diy/jsp/bq/images/navigation/icons/bullet.png) left 14px no-repeat;
}
#shoppingListStoreLocator .pagingTools {
	padding:0 0 0 7px;
}
#shoppingListStoreLocator .nearest {
	clear:none !important;
	float:left;
}
#shoppingListStoreLocator .nearest span {
	text-transform:capitalize;
}
#shoppingListStoreLocator .nextButton {
	padding-right:10px;
	background:url(/diy/jsp/bq/images/navigation/icons/link-arrow.png) right no-repeat;
}
#shoppingListStoreLocator .prevButton {
	padding-left:10px;
	background:url(/diy/jsp/bq/images/navigation/icons/link-arrow-reverse.png) left no-repeat;
}
#shoppingListStoreLocator .right {
	clear:none;
	float:right;
}
ul#storeList {
	padding:0 0 5px 0;
}
ul#storeList li {
	clear:both;
	background:none;
	border-top:1px solid #e8e5e4;
	padding:0;
	height:49px;
}
ul#storeList p {
	clear:none;
	float:left;
	line-height:1.6em;
	padding:15px 0 0 0;
	margin:0;
}
ul#storeList .select {
	float:right;
	width:57px;
	height:24px;
	margin:13px 0 0 0;
}