/**
* @author	Javelin Group
* @version	1.0
* @media	screen
*
* @info		Main frame and layout components of the site
*
* @contents
*/

/**
* =1: Page wrapper
*/
body
{
	background-position: left top;
	background: #ececec none repeat-x left top;
	background: #fcfcfc url(../Images/backgrounds/header-bg.png) left bottom repeat-x;
}
form input { border: 1px solid #cccccc; width:175px;}
form input.checkbox { border: none; }
#pageWrapper {
	/*margin: 0 auto;*/
	width: 968px;
	background: #fff;
	/*position: relative;*/
	overflow: hidden;
	z-index: 1; /* for 100% height columns*/
	background:url("../Images/scholl-ru-vip.png") no-repeat scroll left top #FFF;
}

.access {
	position: absolute;
	top: -1000em;
	left: -1000em;
}

input.error, textarea.error, select.error { border: 1px solid #cc0000 !important; }

.ClearFloats0Height {
	padding: 0 !important;
	height: 0;
	clear: both;
	overflow: hidden;
}

/** Firefox floated div contents clearing fix */
#header:after,
#topNav ul:after,
#basket .basketContent:after,
#breadcrumb:after,
.productBundlePromotion:after,
div.reviewDetails:after,
#reviewTabContentsContainer:after,
#fullWidthContent:after,
#footer:after,
.popupContent:after,
.popupContent .buttons:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/**
* =2: Header wrapper and components
*/
#header {
	padding: 10px 10px 14px 10px;
	width: 950px;
	height:49px;
	position:relative;
	/*background: #fcfcfc url(../Images/backgrounds/header-bg.png) left bottom repeat-x;*/
}
.noCrumb #header { margin-bottom: 15px; }
#header .logo {
	height:73px;
	left:126px;
	overflow:hidden;
	position:absolute;
	text-indent:-9000px;
	top:56px;
	width:143px;
}

#header h1.headingWide { padding-top: 0; }

/**
* =3: Skip links
*/
#skipLinks {
	width: 0px;
	height: 0px;
	position: absolute;
	top: -1000px;
	left: -1000px;
}

#skipLinks li a { position: absolute; }

#skipLinks li a:focus {
	top: 1010px;
	left: 1010px;
	padding: 5px 5px;
	background: yellow;
	border: 1px solid #999;
	color: #000;
	white-space: nowrap;
}

/** popup close button */
p.closePopup {
	padding: 15px 15px 5px;
	text-align: right;
}

/**
* =4: Header help links and search
*/
#headerLinks { float: right; }

#headerLinks li {
	float: left;
	margin-top: 3px;
	padding: 0px 10px;
	border-left: 1px solid #6699cc;
}

#headerLinks li:first-child { border: 0; }

#headerLinks .searchForm {
	margin-top: 0;
	padding: 0 0 0 10px;
	width: 177px;
	border: 0;
}

#headerLinks .searchForm fieldset {
	float: left;
	padding-right: 10px;
}

#headerLinks .searchForm fieldset input { width: 140px; padding: 1px;}
#FreeTextSearch_search { border: none; }
#headerLinks .searchForm p { float: left; }

#resultsFound  {
	padding: 15px 0;
	border-top: 1px solid #e6e6e6;
}
#resultsFound h1 {
	font-size: 1.4em;
	color: #003366;
	margin-bottom: 5px;
}
#resultsFound p {
	font-size: 0.9em;
	color: #003366;
}
#resultsFound a { color: #6699CC; }
#resultsFound span { 
	color: #336699; 
	font-weight: bold; 
}
h4.wish {
	color: #003366;
	margin: 5px 0 10px 0;
}
h4.wish a { color: #6699cc; }

/**
* =5: Top navigation
*/
#topNav {
	float: left;
	padding: 6px 0 0 10px;
	width: 590px;
}

#topNav .borderLeft {
	width: 2px;
	background: url(../Images/backgrounds/topnav-border-left.png) left top no-repeat;
}

#topNav .borderRight {
	width: 590px;
	background: url(../Images/backgrounds/topnav-border-right.png) right top no-repeat;
}

#topNav ul {
	margin-left: 2px;
	width: 586px;
	background: #e1e1e1 url(../Images/backgrounds/topnav-bg.png) left top repeat-x;
}

#topNav ul li {
	float: left;
	padding: 7px 10px;
	border-right: 1px solid #e0e0e0;
}

#topNav ul li.activeOption {
	float: left;
	padding: 7px 10px;
	background: transparent  url(../Images/backgrounds/tab-on-middle.png) left top repeat-x;
}
#topNav ul li.displayOption {
	float: left;
	padding: 7px 10px;
	background: transparent  url(../Images/backgrounds/tab-off-middle.png) left top repeat-x;
}
#topNav ul li.activeOption span.rightSide {
	float: left;
	display: block;
	width: 5px;
	height: 28px;
	margin: none !important;
	background: transparent url(../Images/backgrounds/tab-on-right.png) no-repeat top left;
}


/**
* =6: Persistent basket
*/
#basket {
	float: right;
	margin: 7px 0 10px 0;
	width: 240px;
}
#basket .borderLeft {
	width: 2px;
	height: 26px;
	background: url(../Images/backgrounds/header-basket-border-left.png) left top no-repeat;
}
#basket .borderRight {
	width: 240px;
	height: 26px;
	background: url(../Images/backgrounds/header-basket-border-right.png) right top no-repeat;
}
#basket .basketContent {
	float: left;
	margin: 0 2px;
	padding-bottom: 5px;
	width: 236px;
	background: #6196cc url(../Images/backgrounds/header-basket-bg.png) left top repeat-x;
}
#basket p {
	float: left;
	padding: 7px 0 0 6px;
}
#basket p a strong {
	padding-left: 20px;
	background: url(../Images/icons/basket-icon.png) left 3px no-repeat;
}
#basket p a span { margin-left: 12px; }

/**
* =7: Breadcrumb and links
*/
#breadcrumb, #topLinks {
	padding: 5px 10px;
	width: 948px;
}
#breadcrumb ul li {
	float: left;
	padding-left: 15px;
	background: url(../Images/icons/right-arrow.png) 5px no-repeat;
}
#breadcrumb ul li:first-child {
	padding: 0;
	background: none;
}
#breadcrumb span {
	position: absolute;
	right: 0;
}
a.emailFriend {
	background: url(../Images/backgrounds/email-friend-bg.png) no-repeat top left;
	padding: 0 0 0 20px;
	margin: 0 10px 0 0;
	float: right;
}
a.printPage {
	background: url(../Images/backgrounds/print-page-bg.png) no-repeat top left;
	padding: 0 0 0 20px;
	float: right;
}
#topLinks {
	background:#FFFFFF url(../Images/backgrounds/footer-bg.png) no-repeat scroll center bottom;
	text-align: right;
	padding-bottom: 12px;
}
#topLinks a { float: none; }


/**
* =8: Left hand nav
*/
#secondNav {
	clear: both;
	float: left;
	padding-left: 10px;
	width: 230px;
}

#secondNav div {
	margin-bottom: 10px;
	border: 1px solid #e6e6e6;
}
#browse ul li { text-align: center; }
#browse ul li img { margin: 10px 0 10px 0; }
#browse h3 { color: #336699; }
#secondNav h3 {
	padding: 17px 10px;
	background: url(../Images/backgrounds/left-nav-header-bg.png) left repeat-x;
}
#secondNav dl { padding: 0 15px 10px 15px; }
#secondNav h3+dl { padding-top: 10px; } /** if a dl follows an h3, give it padding */
#secondNav dl dt { padding-bottom: 5px; }
#secondNav dl dd dl { padding-bottom: 0; }
#secondNav dl dd a { display: block; }

/**
* =9: Message styles
*/
.actionerror {
	background: url(../Images/message-warn.png) 0 0 no-repeat;
	padding: 15px 0 12px 50px;
	margin: 6px 0 0 10px;
	font-size: 1.4em;
	font-weight: bold;
}
.actionerror li { margin-bottom: 5px; }
.actionmessage {
	background: url(../Images/message-info.png) 0 0 no-repeat;
	padding: 15px 0 12px 50px;
	margin: 6px 0 0 10px;
	font-size: 1.4em;
	font-weight: bold;
}
#UpdateOrderSummary .actionmessage { font-size: 1em; }
.actionerror li { margin-bottom: 5px; }
.orderConfThanks {
	background: url(../Images/message-tick.png) 0 0 no-repeat;
	padding: 2px 0 12px 50px;
	margin: 6px 0 0 10px;
	font-size: 1.4em;
	font-weight: bold;
	line-height:22px;
}

/**
* =10: Help Column
*/
#helpColumn {
	width: 230px;
	float: left;
	background: #eaeff5;
	margin-left: 10px;
	padding-bottom:4000px; 
	margin-bottom:-4000px; /* for 100% height columns*/
}
#helpColumn .cmsHelp { padding: 5px; }
#helpColumn h2 {
	margin: 0;
	border-bottom: 8px white solid;
}

/**
* =11: Help
*/
.help {
	background:transparent url(../Images/backgrounds/sku-product-shadow-top.png) no-repeat scroll center top;
	padding-top: 0 !important;
	margin-top: 5px !important;
}
.help h1 {
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
	padding-left: 6px;
	margin: 0 0 8px 0;
	color: #336699;
}
.help h2 {
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: bold;
	padding-left: 6px;
	margin: 7px 0 8px 0;
	color: #003366;
}
.help h3 {
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	padding-left: 6px;
	margin: 5px 0 5px 0;
	color: #003366;
}
.help h4 {
	font-size: 1em;
	line-height: 1em;
	font-weight: bold;
	padding-left: 6px;
	margin: 17px 0 8px 0;
	color: #003366;
}
.help p {
	padding-left: 6px;
	margin-bottom: 10px;
}
/**
* =12: Sitemap
*/
.sitemap { line-height: 1.3em; }
.sitemap h2 a,
.sitemap h3 a { color: #003366; }
.sitemap .col {
	width: 310px;
	float: left;
	margin-left: 10px;
}
.sitemap .col.first { margin-left: 0px; }
.sitemap h1 {
	background: #023467 url(../Images/backgrounds/heading-dark-bg.png) top left repeat-x;
	color: #fff;
	height: 28px;
	font-size: 1.2em;
	line-height: 2em;
	font-weight: bold;
	padding-left: 6px;
	margin: 0 0 15px 0;
}
.sitemap h2 {
	background: #FFF url(../Images/backgrounds/heading-light-bg.png) top left repeat-x;
	color: #003366;
	height: 28px;
	font-size: 1.2em;
	line-height: 2em;
	font-weight: bold;
	padding-left: 6px;
	margin: 0 0 15px 0;
}
.sitemap h3 {
	color: #003366;
	font-size: 1em;
	font-weight: bold;
	padding-left: 6px;
}
.sitemap ul { padding-left: 16px; }

/**
* =13: Password Strength
*/
#passwordStrength {
	background: #ccc url(../Images/password-strength.png) 0 0;
	width: 152px;
	height: 20px;
	display: block;
	float: left;
}
.strength3 {
	background: #ccc url(../Images/password-strength.png) 0 -60px !important;
	/*background-position: 0 -60px;*/
}
.strength2 {
	background: #ccc url(../Images/password-strength.png) 0 -40px !important;
	/*background-position: 0 -40px;*/
}
.strength1 {
	background: #ccc url(../Images/password-strength.png) 0 -20px !important;
	/*background-position: 0 -20px;*/
}

/**
* =14: Main content
*/
#content, #contentWide {
	padding: 0 8px 10px;
	width: 500px;
}
#content.left {
	float: left;
	padding: 0 0 10px 10px;
	width: 500px;
}
#fullWidthContent { padding: 15px 0; }
#contentWide {
	width: 500px;
	float: left;
}
div#centerLeft {
	float: left;
	width: 460px;
}
div#centerRight {
	float: right;
	width: 232px;
}
div#reversedRight {
	float: right;
	width: 240px;
	padding: 5px 8px 0 0;
	display: inline;
}

/**
* =15: Search Results Summary
*/
p#resultsFound {
	margin-top: -10px;
	margin-bottom: 18px;
}

/**
* =16: Pagination
*/
form#pagination input, form#pagination select {
	font-size: 1em;
	color: #003366;
}
form#pagination button {
	background: url(../Images/buttons/button-go-slide.png) no-repeat top left;
	height: 24px;
	padding: 0;
	margin: 0;
	border: 0;
	line-height: 1em;
	overflow: visible;
}
form#pagination button span {
	background: url(../Images/buttons/button-go-cap.png) no-repeat top right;
	height: 100%;
	cursor: pointer;
	display: block;
	font-size: 1em;
	color: #6699cc;
	height: 20px;
	border: none;
	margin: -2px 0 0 0;
	padding: 4px 8px 0 3px;
	line-height: 1em;
	font-size: 0.9em;
	text-align: center;
}
.sortSection {
	color: #003366;
	font-size: 0.9em;
	margin: 0 0 20px 0;
	}
.sortSection ul { height: 25px; }
.sortSection li { float: left; }
li.chars { padding-top: 6px; }
li.select { padding-top: 3px; }
.sortSection select {
	color: #003366;
	padding: 1px;
	margin: 0 5px;
	font-size: 1em;
}
.sortSection select.sortKey { width: 135px; }
.sortSection button {
	background: url(../Images/buttons/button-go.png) no-repeat;
	border: 0;
	width: 31px;
	height: 24px;
	padding: 0 0 0 0;
}
.sortSection button span {
	font-size: 0.8em;
	color: #fff;
	display: block;
	margin-bottom: 3px;
	cursor: pointer;
}
.sortSection .budge { margin-left: 8px; }
.pager  {
	/*border-top: 1px solid #E6E6E6;*/
	padding-top: 8px;
	font-size: 1em;
	color: #003366;
	height: 25px;
}
.pager ul { float: right; }
.pager ul li.current {
	font-weight: bold;
	color: #6699CC;
}
.pager ul li {
	float: left;
	padding: 0 3px;
	color: #bbb;
	font-size: 0.9em;
}
.pager ul li a,
.pager ul li a:link,
.pager ul li a:active,
.pager ul li a:visited,
.pager ul li a:hover {
	color: #6699CC;
	font-weight: normal;
}
.pager ul li a:hover { text-decoration: underline; }

/**
* =17: Common Checkout Styles
*/

.heading {
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: bold;
	padding-left: 6px;
	margin: 7px 0 8px 0;
}
#centerRight .heading { margin-top: 0; }
.headingWide {
	height: 28px;
	font-size: 1.2em;
	line-height: 2em;
	font-weight: bold;
	padding: 0 0 0 6px;
	margin: 15px 10px 0;
}
.myaccount .headingWide { margin: 0 !important; }
.headingTop {
	height: 28px;
	font-size: 1.2em;
	line-height: 2em;
	font-weight: bold;
	padding-left: 6px;
	margin: 7px 0 8px 0;
}
.heading.dark {
	background: #023467 url(../Images/backgrounds/heading-dark-bg.png) top left repeat-x;
	color: #fff;
}

.headingWide.dark {
	background: #023467 url(../Images/backgrounds/heading-dark-bg.png) top left repeat-x;
	color: #fff;
}
.heading.light, .headingTop.light {
	background: #FFF url(../Images/backgrounds/heading-light-bg.png) top left repeat-x;
	color: #003366;
}
/** order conf print link only */
.heading span { float: left; }
.heading a {
	float: right;
	padding-right: 6px;
	font-size: 0.8em;
	font-weight: normal;
}
/** end */

p.chekoutInfo,
p.chekoutInfoNormal { padding: 0 0 0 6px; }
div#checkoutProgress { 
	border: 0px solid black;
	margin: 15px auto;
	/*background: url(../Images/backgrounds/fullpage-shadow-top.png) no-repeat top center;
	padding: 10px 0 0 0;*/
}
#fullWidthPage div#checkoutProgress { margin-top: 0; }
div#checkoutProgress ul { 
	list-style: none; 
	margin: 10px 0 0 70px; 
	padding: 0; 
}
div#checkoutProgress li { 
	background: url(../Images/backgrounds/checkout-indicator-off-bg.png) no-repeat;
	color: #ccc;
	float: left; 
	height: 22px; 
	width: 154px; 
	margin: 0 0 0 8px;
	padding: 6px 0 0 0;
}
div#checkoutProgress li span {
	margin: 0; 
	padding: 7px 0 0 26px; 
	font-size: 90%; 
	font-weight: bold; 
} 
div#checkoutProgress.PersonalDetails li.tab1 { 
	background: url(../Images/backgrounds/checkout-indicator-on-bg.png) no-repeat;
	color: #036; 
}
div#checkoutProgress.Delivery li.tab1,
div#checkoutProgress.Delivery li.tab2 { 
	background: url(../Images/backgrounds/checkout-indicator-on-bg.png) no-repeat;
	color: #036; 
}
div#checkoutProgress.PaymentDetail li.tab1,
div#checkoutProgress.PaymentDetail li.tab2,
div#checkoutProgress.PaymentDetail li.tab3 { 
	background: url(../Images/backgrounds/checkout-indicator-on-bg.png) no-repeat;
	color: #036; 
}
div#checkoutProgress.OrderSummary li.tab1,
div#checkoutProgress.OrderSummary li.tab2,
div#checkoutProgress.OrderSummary li.tab3,
div#checkoutProgress.OrderSummary li.tab4 { 
	background: url(../Images/backgrounds/checkout-indicator-on-bg.png) no-repeat;
	color: #036; 
}
div#checkoutProgress.OrderConfirmation li.tab1,
div#checkoutProgress.OrderConfirmation li.tab2,
div#checkoutProgress.OrderConfirmation li.tab3,
div#checkoutProgress.OrderConfirmation li.tab4,
div#checkoutProgress.OrderConfirmation li.tab5 { 
	background: url(../Images/backgrounds/checkout-indicator-on-bg.png) no-repeat;
	color: #036; 
}

/**
* =18: Common Button Styles
*/
.extendedSelectButton {
	border: 0px;
	text-align: right;
}
.extendedSelectButton input, .extendedSelectButton button {
	height: 32px;
	width: 120px;
	border: none;
	background: url(../Images/backgrounds/extended-button-bg.png) no-repeat top left; 
	cursor: pointer;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
}
.standardSelectButton {
	border: 0px;
	text-align: right;
}
.standardSelectButton input, .standardSelectButton button {
	height: 32px;
	width: 71px;
	border: none;
	background: url(../Images/backgrounds/standard-button-bg.png) no-repeat top left; 
	cursor: pointer;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
}
.smallSelectButton {
	border: 0px;
	text-align: right;
}
.smallSelectButton input, .smallSelectButton button {
	height: 32px;
	width: 46px;
	border: none;
	background: url(../Images/backgrounds/small-button-bg.png) no-repeat top left; 
	cursor: pointer;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
}
.largeSelectButton {
	border: 0px;
	text-align: right;
}
.largeSelectButton input, .largeSelectButton button {
	height: 32px;
	width: 102px;
	border: none;
	background: url(../Images/backgrounds/large-button-bg.png) no-repeat top left; 
	cursor: pointer;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
}

/**
* =19: Common Product Styles
*/

p.description {
	margin: 4px 0;
	color: #003366;
}
.product .description {
	padding-right: 5px;
	width: 287px;
}

p.description a,
p.description a:link,
p.description a active,
p.description a:visited,
p.description a:hover { color: #003366; }
p.description a:hover { text-decoration: underline; }

/**
* =20: productPriceBlock
*/
.productPriceBlock  { width: 290px; }
.productPriceBlock p  { margin: 1px 0; }
.was, .price { font-weight: bold; }
.now {
	font-size: 1.2em;
	color: #cc0000;
	font-weight: bold;
}
.save { color: #cc0000; }

/**
* =21: Add to cart styles
*/
div.productActions input { color: #003366; }
div.merchBasketArea li { float: left; }
div.productActions input,
div.merchBasketArea input {
	font-size: 1em;
	float: left;
}
div.merchBasketArea label,
div.merchBasketArea input,
div.productActions input { margin-top: 3px; }
div.merchBasketArea label,
div.productActions label {
	float: left;
	font-size: 90%;
	color: #003366;
	margin-left: 4px;
	margin: 5px 4px 0 4px;
}
div.merchBasketArea p.add,
#AddToBasket .add,
div.addDisabled {
	background: url(../Images/button-add-cap.png) no-repeat top left;
	margin: 0 0 0 3px;
}
.product span.add,
div.merchBasketArea p.add,
#AddToBasket .add,
div.addDisabled { float: right; }
.product span.add,
div.merchBasketArea p.add,
#AddToBasket .add,
div.addDisabled,
div#addReviewDetailsContainer span.add { padding: 0 0 0 4px; }
div#addReviewDetailsContainer span.add {
	float: right;
	padding-right: 74px;
}
div#addReviewDetailsContainer span.add { background: url(../Images/button-info-cap.png) no-repeat top left; }
div.merchBasketArea li.add { margin: 0 8px 0 0; }
div#addReviewDetailsContainer span.add button,
.product span.add button,
div.merchBasketArea p.add button,
#AddToBasket .add button,
button.addDisabled,
input.addDisabled  {
	font-size: 1em;
	cursor: pointer;
	font-weight: bold;
	color: #FFF;
	border: none;
	padding: 2px 8px 4px 4px;
	margin: 0 4px 0 0;
}
.product span.add button,
div.merchBasketArea p.add button,
#AddToBasket .add button,
button.addDisabled,
input.addDisabled {
	background: url(../Images/button-add-slide.png) no-repeat top right;
	width: auto;
	overflow: visible;
}
div#addReviewDetailsContainer span.add button { background: url(../Images/button-info-slide.png) no-repeat top right; }
div.addDisabled { background-image: url(../Images/button-add-cap-disabled.png); }
.addDisabled button.addDisabled,
.addDisabled input.addDisabled { background-image: url(../Images/button-add-slide-disabled.png); }
.arrows,
.productActions .arrows,
.merchantisedListActions .arrows {
	padding: 4px 0 0 10px;
	width: 11px;
	float: left;
}
.arrows { display: none; }

.arrows img {
	cursor: pointer;
	float: left;
	line-height: 0.1em;
}
.arrows img.disabled { cursor: default;	 }

p.add, .product p.add {
	background: url(../Images/button-add-cap.png) no-repeat top left;
	display: inline;
	float: right;
	padding: 0 0 0 4px;
}
p.add button, .product p.add button, p.add input {
	background: url(../Images/button-add-slide.png) no-repeat top right;
	font-size: 1em;
	cursor: pointer;
	font-weight: bold;
	color: #FFF;
	border: none;
	padding: 2px 8px 4px 4px;
	margin: 0 4px 0 0;
	width: auto;
	overflow: visible;
}

/**
* =22: Merchandising Slots
*/

div.merchProdContainer {
	background: #fff url(../Images/merch-product-shadow-top.png) no-repeat top center;
	width: 220px;
	border: 1px solid #E6E6E6;
	margin: 0 0 8px 0;
	padding: 5px;
	text-align: left;
}
div.merchProdContainer h6 {
	font-size: 100%;
	font-weight: bold;
	color: #336699;
	clear: both;
}
div.merchProdContainer h6 img {
	float: right;
	margin-left: 5px;
	width: 104px;
	height: 78px;
}
div.merchProdContainer h6 a { color: #336699; }
div.merchProdContainer h6 a:hover { text-decoration: underline; }
div.merchBasketArea {
	background: url(../Images/merch-product-basket-bg.png) repeat-x bottom center;
	height: 30px;
	clear: both;
	margin: 4px 0 0 0;
	padding: 0 5px;
}

p.merchImageSlot,
p.merchFlashSlot {
	background: #FFF url(../Images/merch-product-shadow-top.png) no-repeat top center;
	padding: 5px;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
	margin: 0 0 16px 0;
	border: 1px solid #E6E6E6;
}
p.merchImageSlot a,
p.merchImageSlot a:link,
p.merchImageSlot a active,
p.merchImageSlot a:visited,
p.merchImageSlot a:hover { color: #003366; }
p.merchImageSlot a:hover { text-decoration: underline; }
p.merchImageSlot img,
p.merchFlashSlot object { padding: 5px; }

/**
* =23: Store Locator
*/
#locationMap {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	float: right;
	width: 472px;
	height: 350px;
	position: relative;
}
#locationMap img { border-left: 1px solid #ccc; }
#locationMap a {
	position: absolute;
	right: 3px;
	bottom: 3px;
	line-height: 1em;
	color: #fff;
	font-size: 0.8em;
}
.storeLocator p {
	margin: 10px 0;
	padding-left: 6px;
}
.storeLocator .actions {
	padding-top: 10px;
	height: 2em;
	clear: both;
}
.storeLocator .actions input {
	background: url(../Images/backgrounds/locator-list-bg.png) top no-repeat;
	margin-right: 5px;
	width: 141px;
	height: 32px;
	border: none;
	color: #fff;
	font-weight: bold;
	font-size: 0.9em;
	cursor: pointer;
}

.storeList {
	margin-top: 10px;	
	border-bottom: solid 1px #003366;
}

#doubleCol {
	float: right;
	width: 470px;
}
#doubleCol h2 { margin-top: 0; }
#doubleCol p.introText { padding: 5px 5px 15px; }
#doubleCol .doubleColLeft {
	float: left;
	width: 235px;
	text-align: center;
}
#doubleCol .doubleColRight {
	float: right;
	width: 235px;
	text-align: center;
}

/**
* =24: Footer
*/
#footer {
	padding: 10px;
	width: 948px;
	background: #fff url(../Images/backgrounds/footer-bg.png) top no-repeat;
	position:relative; clear:both; z-index:20; border-top: 8px solid white; /* for 100% height columns*/
}

#footer p { float: left; }

#footer ul li {
	float: left;
	padding: 0 7px;
	border-left: 1px solid #6699cc;
}

#footer ul li:first-child { border: 0; }

/**
* Content Section
*/

/**
* =25: Homepage
*/
#hpPromoSlots {
	width: 952px;
	padding: 8px 8px 0;
}

#hpPromoSlots li {
	float: left;
	margin: 7px 0 0 7px;
}

#hpPromoSlots li:first-child, #hpPromoSlots li.first {
	clear: both;
	margin-left: 0;
}

#hpPromoSlots li div:first-child { margin-top: 0; }

/** base sizes - width: 232px, height: 120px, small height: 56px */
.promoSlotSmall, .promoSlotSmallText {
	margin-top: 7px;
	width: 230px;
	min-height: 54px;
	background-position: right;
	background-repeat: no-repeat;
	border: 1px solid #e6e6e6;
}

.promoSlotLarge, .promoSlotLargeText {
	width: 230px;
	min-height: 120px;
	background-position: right top;
	background-repeat: no-repeat;
	border: 1px solid #e6e6e6;
}

.promoSlotSmall div, .promoSlotLarge div {
	padding: 10px 80px 10px 9px;
	width: 141px;
}

.promoSlotSmallText div, .promoSlotLargeText div {
	padding: 10px;
	width: 210px;
}

.promoSlotSmall div, .promoSlotLarge div, .promoSlotSmallText div, .promoSlotLargeText div { background: url(../Images/backgrounds/hp-slot-top.png) left top no-repeat; }

.promoSlotSmall p, .promoSlotLarge p, .promoSlotSmallText p, .promoSlotLargeText p { padding-top: 3px; }

.techSlots {
	clear: both;
	float: left;
	margin-top: 15px; 
	padding: 15px 8px 0;
	width: 952px;
	background: url(../Images/backgrounds/footer-bg.png) top no-repeat;
}
.techSlots li { display: block; }
.techSlots li h3 {
	padding: 0 0 12px 5px;
	color: #336699;
	font-weight: bold;
}

/**
* =26: sliding doors button
*/
.button {
	float: left;
	padding: 0 0 5px 4px;
	background: url(../Images/buttons/button-info-cap.png) left top no-repeat;
}

.button span {
	float: left;
	padding: 4px 10px 5px 4px;
	background: url(../Images/buttons/button-info-slide.png) right top no-repeat;
	cursor: pointer;
}

em { color: #69c; }

span.messageText { color: #00f; }
span.errorText { color: #cc0000; }
div.errorMessage, span.errorMessage { color: #cc0000; }
p.requiredText {
	font-size: 0.9em;
	padding: 0;
	margin: 0;
}
p.saveAddress input { border: none; }

#pwordStrengthIndicator { display: none; }

/**
* =x: Zone static content
*/
.zoneHero { border-top: 1px solid #e6e6e6; }

.zonePromoSlots {
	clear: both;
	float: left;
	width: 100%;
}
.zonePromoSlots li {
	float: left;
	padding-right: 5px;
}
.zoneTechSlots {
	clear: both;
	float: left;
	margin-top: 7px;
	padding: 15px 0 0;
	width: 712px;
	background: url(../Images/backgrounds/sku-product-shadow-top.png) top no-repeat;
}

/**
* =x: popup section
*/
.popupBasket {
	position: absolute;
	top: 124px;
	left: 50%;
	margin-left: -230px;
	padding: 0 10px 7px 0;
	width: 548px;
	background: url(../Images/backgrounds/shadow.png) right bottom no-repeat;
	z-index: 100;
}

.popupContent {
	position: relative;
	margin: -7px 0 0 -7px;
	padding: 10px;
	width: 530px;
	border: 4px solid #e1e8f0;
	background: #fff;
}

.popupContent h2.success {
	clear: both;
	float: left;
	padding: 15px 0 15px 50px;
	width: 75%;
	background: url(../Images/message-tick.png) left no-repeat;
}

.popupContent .closeButton { float: right; }
.popupContent .closeButton a {
	padding: 5px 30px 5px 0;
	background: url(../Images/close-button.png) right no-repeat;
}

.popupBasket .promotion { color: #cc0000; }

.closeButton a:hover { text-decoration: none }

.popupContent .buttons {
	float: left;
	padding: 10px 0;
}
.popupContent .buttons a {
	margin-top: 5px;
	padding: 8px 0 8px 8px;
	background-position: left;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
}
.popupContent .buttons a.close, .popupContent .buttons a.viewBasket, .popupContent .buttons a.close span, .popupContent .buttons a.viewBasket span { background-image: url(../Images/backgrounds/extended-button-bg.png); }
.popupContent .buttons a.checkout, .popupContent .buttons a.checkout span { background-image: url(../Images/backgrounds/checkout-now-button-bg.png); }
.popupContent .buttons a.checkout { margin-left: 10px; }
.popupContent .buttons a span {
	padding: 8px 10px 8px 0;
	background-position: right;
	background-repeat: no-repeat;
}
.popupContent .buttons a span { padding: 13px 10px 13px 0; }

.popupContent table {
	float: left;
	margin: 10px 0;
	border-collapse: collapse;
}
.popupContent table th {
	padding: 0 5px 10px;
	width: 94px;
	font-weight: bold;
	text-align: right;
}
.popupContent table td {
	width: 104px;
	padding: 10px 5px 10px;
	vertical-align: top;
	text-align: right;
}
.popupContent table th.longCol, .popupContent table td.longCol {
	width: 195px;
	text-align: left;
}
.popupContent table th.itemsCol, .popupContent table td.itemsCol { text-align: left; }
.popupContent table tbody td { background: url(../Images/backgrounds/popup-table-bg.png) top no-repeat; }
.popupContent table tbody tr.addedToBasket {
	background: none;
	border-top: 1px solid #003366;
}
.popupContent table tfoot td { background: url(../Images/backgrounds/popup-more-items-shadow-bg.png) top no-repeat; }
.popupContent table td h3 {
	padding: 15px 0 15px 50px;
	width: 200px;
	background: url(../Images/message-info.png) left no-repeat;
}
.popupContent table td p b, .popupContent table td p span { display: block; }
.popupContent table tbody tr.addedToBasket td { vertical-align: middle; }
.popupContent table td.totalPrice {
	padding-top: 20px;
	font-size: 1.4em;
	font-weight: bold;
}