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

/**
* =1: Page wrapper
*/
body { background: #fff000 url(../scholl_images/backgrounds/bg.jpg) left top repeat-x; }
form input { border: 1px solid #cccccc; }
form input.checkbox { border: none; }
#pageWrapper {
	margin: 0 auto;
	width: 968px;
	background: #fff;
	overflow: hidden;
    z-index: 1; /* for 100% height columns*/
    position: relative !important;
}

.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;
}

.ClearFloats5Height {
	padding: 5px !important;
	height: 5px;
	clear: both;
	overflow: hidden;
}

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

/**
* =2: Header wrapper and components
*/
#header {
	padding: 10px 10px 14px 10px;
	width: 950px;
	background: #fcfcfc url(../scholl_images/backgrounds/header-bg.png) left bottom repeat-x;
}
.noCrumb #header { margin-bottom: 15px; }
#header .logo {
	float: left;
	padding-top: 7px;
	width: 100px;
}

#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 5px;
	border-top: 1px solid #e6e6e6;
	background: url(../scholl_images/backgrounds/sku-product-shadow-top.png) top no-repeat;
}
#resultsFound span { color: #6699cc; }
#resultsFound strong { color: #336699; }
.searchResultsFound p {
	padding-bottom: 8px;
	font-size: 1.3em;
}

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: 550px;
}

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

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

#topNav ul {
	margin-left: 2px;
	width: 546px;
	background: #e1e1e1 url(../scholl_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(../scholl_images/backgrounds/tab-on-middle.png) left top repeat-x;
}
#topNav ul li.displayOption {
	float: left;
	padding: 7px 10px;
	background: transparent  url(../scholl_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: 0 !important;
	background: transparent url(../scholl_images/backgrounds/tab-on-right.png) no-repeat top left;
}


/**
* =6: Persistent basket
*/
#basket {
	float: right;
	margin: 7px 0 10px 0;
	width: 260px;
}
#basket .borderLeft {
	width: 2px;
	height: 26px;
	background: url(../scholl_images/backgrounds/header-basket-border-left.png) left top no-repeat;
}
#basket .borderRight {
	width: 260px;
	height: 26px;
	background: url(../scholl_images/backgrounds/header-basket-border-right.png) right top no-repeat;
}
#basket .basketContent {
	float: left;
	margin: 0 2px;
	padding-bottom: 5px;
	width: 256px;
	background: #6196cc url(../scholl_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(../scholl_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 {
	padding-top: 8px;
	background: url(../scholl_images/backgrounds/bg-breadcrumb.png) left top repeat-x;
}
#breadcrumb ul li {
	float: left;
	padding-left: 15px;
	background: url(../scholl_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(../scholl_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(../scholl_images/backgrounds/print-page-bg.png) no-repeat top left;
	padding: 0 0 0 20px;
	float: right;
}
#topLinks {
	background:#FFFFFF url(../scholl_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;
}
#secondNav .htmlSlot { border: none !important; }
#secondNav #browse { border: 1px solid #e6e6e6;}
#browse ul li { text-align: center; }
#browse ul li img { margin: 10px 0; }
#browse h3 { color: #336699; }
#secondNav #browseOurBrands { border: none;}
#browseOurBrands ul li { text-align: center; }
#browseOurBrands ul li img { margin: 10px 0; }
#browseOurBrands h3 { color: #336699; }
#secondNav h3 {
	padding: 17px 10px;
	background: url(../scholl_images/backgrounds/left-nav-header-bg.png) left repeat-x;
}
#secondNav .removeFilters { padding: 10px 15px 20px; }
#secondNav dl { padding: 0 15px 10px; }
#secondNav div dl { padding-top: 13px; } /** if a dl follows an h3, give it padding */
#secondNav dl dt {
	clear: both;
	padding-bottom: 5px;
	height: 1.2em;
}
#secondNav dl dd dl {
	padding-right: 0;
	padding-bottom: 0;
}
#secondNav dl dd {
	clear: both;
	padding-bottom: 3px;
}

#secondNav dl dd a { display: block; }
#secondNav dl span { float: left; }
#secondNav div .variantsize { padding-bottom: 30px; }
#secondNav .removeLink {
	float: right;
	padding-right: 10px;
	padding-bottom: 3px;
	background: url(../scholl_images/icons/remove-icon.png) right no-repeat;
	color: #6699CC;
	font-weight: normal;
}
#secondNav .variantactualColour dd .removeLink {
	padding: 0;
	width: 21px;
	height: 15px;
	background: transparent url(../scholl_images/icons/swatch-removal-icon.png) left top no-repeat;
}

/**
* =8.1: Colour variant refinement
*/
#secondNav .variantactualColour { padding-bottom: 5px; }
.variantactualColour dd {
	clear: none !important;
	float: left;
	margin: 0 10px 5px 0;
}
.variantactualColour dd span {
	display: block;
	width: 21px;
	height: 15px;
	border: 1px solid #bbb;
}
.variantactualColour .selectedVariant {
	float: none;
	padding: 10px 0;
	width: 100%;
}

/**
* =8.2: Size variant refinement
*/
#secondNav .variantsize dd {
	clear: none;
	float: left;
	margin: 0 5px 5px 0;
	padding: 4px 0;
	width: 25px;
	text-align: center;
	border: 1px solid #ddd;
}

#secondNav .variantsize .selected {
    background-color: #ccc;
    font-weight: bold;
}

/**
* =9: Message styles
*/
.actionerror {
	background: url(../scholl_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(../scholl_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(../scholl_images/message-tick.png) 0 0 no-repeat;
	padding: 15px 0 12px 50px;
	margin: 6px 0 0 10px;
	font-size: 1.4em;
	font-weight: bold;
}

/**
* =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(../scholl_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(../scholl_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(../scholl_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(../scholl_images/password-strength.png) 0 0;
	width: 152px;
	height: 20px;
	display: block;
	float: left;
}
.strength3 {
	background: #ccc url(../scholl_images/password-strength.png) 0 -60px !important;
	/*background-position: 0 -60px;*/
}
.strength2 {
	background: #ccc url(../scholl_images/password-strength.png) 0 -40px !important;
	/*background-position: 0 -40px;*/
}
.strength1 {
	background: #ccc url(../scholl_images/password-strength.png) 0 -20px !important;
	/*background-position: 0 -20px;*/
}

/**
* =14: Main content
*/
#content, #contentWide {
	float: right;
	padding: 0 8px 10px;
	width: 712px;
}
#content { padding-left: 0; }
#content.left {
	float: left;
	padding: 0 0 10px 10px;
	width: 700px;
}
#fullWidthContent { padding: 15px 0; }
#contentWide {
	width: 948px;
	float: left;
}
div#centerLeft {
	float: left;
	width: 460px;
}
div#centerRight {
	float: right;
	width: 232px;
}
div#reversedRight {
	float: right;
	width: 240px;
	padding-right: 8px;
	display: inline;
}
div#reversedRight .htmlSlot, div#centerRight .htmlSlot {
	display: block;
	margin-bottom: 15px;
}

/**
* =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(../scholl_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(../scholl_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 .buttonContinueShopping input {
	padding: 0 10px 5px 6px;
	height: 30px;
	border: 0;
	color: #fff;
}
.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 {
	height: 28px;
	font-size: 1.2em;
	line-height: 2em;
	font-weight: bold;
	padding-left: 6px;
	margin: 7px 0 8px 0;
}
#centerRight .heading { margin: 0 0 15px 0; }
#reversedRight .heading { margin-bottom: 15px; }
.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(../scholl_images/backgrounds/heading-dark-bg.png) top left repeat-x;
	color: #fff;
}

.headingWide.dark {
	background: #023467 url(../scholl_images/backgrounds/heading-dark-bg.png) top left repeat-x;
	color: #fff;
}
.heading.light, .headingTop.light {
	background: #FFF url(../scholl_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(../scholl_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(../scholl_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(../scholl_images/backgrounds/checkout-indicator-on-bg.png) no-repeat;
	color: #036;
}
div#checkoutProgress.Delivery li.tab1,
div#checkoutProgress.Delivery li.tab2 {
	background: url(../scholl_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(../scholl_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(../scholl_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(../scholl_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(../scholl_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(../scholl_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(../scholl_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(../scholl_images/backgrounds/large-button-bg.png) no-repeat top left;
	cursor: pointer;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
}

#UpdateBasket .buttonContinueShopping, span.buttonContinueShopping {
	float: left;
	padding: 0 0 5px 4px;
	background: url(../scholl_images/buttons/btn-func-cap-28px.png) left top no-repeat;
	color: #fff;
	font-weight: bold;
}
#UpdateBasket .buttonContinueShopping span, span.buttonContinueShopping input {
	float: left;
	padding: 7px 10px 5px 6px;
	height: 18px;
	background: url(../scholl_images/buttons/btn-func-slide-28px.png) right top no-repeat;
	cursor: pointer;
}
#UpdatePayment span.buttonContinueShopping input, #UpdateOrderSummary span.buttonContinueShopping input {
	padding: 1px 10px 5px 6px;
	height: 30px;
	border: 0;
	color: #fff;
}
#UpdateBasket .alignRight, .alignRight .buttonContinueShopping { float: right; }

/**
* =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; }
#UpdateBasket .productActions .addDisabled input {
	margin-top: 0;
	color: #fff;
}
div.merchBasketArea label,
div.productActions label {
	float: left;
	font-size: 90%;
	color: #003366;
	margin-left: 4px;
	margin: 5px 4px 0 0;
}
div.merchBasketArea p.add,
#AddToBasket .add,
div.addDisabled {
	background: url(../scholl_images/buttons/btn-tran-cap-22px.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(../scholl_images/button-info-cap.png) no-repeat top left; }
div.merchBasketArea li.add { margin: 0 4px 0 0; }
div#addReviewDetailsContainer span.add button,
.product span.add button,
div.merchBasketArea p.add button,
#AddToBasket .add button,
button.addDisabled,
input.addDisabled  {
    font-family: Arial, serif;
	font-size: 12px;
	cursor: pointer;
	font-weight: bold;
	color: #FFF;
	border: none;
	padding: 2px 8px 6px 4px;
	margin: 0 4px 0 0;
}
div.merchBasketArea p.add button { margin: 0; }
.product span.add button,
div.merchBasketArea p.add button,
#AddToBasket .add button,
button.addDisabled,
input.addDisabled {
	background: url(../scholl_images/buttons/btn-tran-slide-22px.png) no-repeat top right;
	width: auto;
	overflow: visible;
}
div#addReviewDetailsContainer span.add button { background: url(../scholl_images/button-info-slide.png) no-repeat top right; }
div.addDisabled { background-image: url(../scholl_images/button-add-cap-disabled.png); }
.addDisabled button.addDisabled,
.addDisabled input.addDisabled { background-image: url(../scholl_images/button-add-slide-disabled.png); }
.arrows,
.productActions .arrows,
.merchantisedListActions .arrows {
	padding: 4px 0 0 10px;
	width: 11px;
	float: left;
}
#centerRight .arrows, #reversedRight .arrows { padding-left: 5px; }
.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(../scholl_images/buttons/btn-tran-cap-22px.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(../scholl_images/buttons/btn-tran-slide-22px.png) no-repeat top right;
	font-size: 1em;
	cursor: pointer;
	font-weight: bold;
	color: #FFF;
	border: none;
	padding: 2px 8px 7px 4px;
	margin: 0 4px 0 0;
	width: auto;
	overflow: visible;
}

/**
* =22: Merchandising Slots
*/

div.merchProdContainer {
	background: #fff url(../scholl_images/merch-product-shadow-top.png) no-repeat top center;
	width: 220px;
	height: 110px; /* total height = 120px due to 5px top and bottom padding */
	border: 1px solid #E6E6E6;
	margin: 0 0 10px 0;
	padding: 5px;
	text-align: left;
}
#centerRight div.merchProdContainer, #reversedRight div.merchProdContainer { margin-bottom: 15px; }
#centerRight .imageSlot, #reversedRight .imageSlot, .rightPanel .imageSlot{
	display: block;
	margin-bottom: 10px;
}
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; }
#content div.merchProdContainer p { padding-bottom: 3px; }

div.merchBasketArea {
	background: url(../scholl_images/merch-product-basket-bg.png) repeat-x bottom center;
	height: 30px;
	clear: both;
	margin: 0;
	padding: 0;
}

p.merchImageSlot,
p.merchFlashSlot {
	background: #FFF url(../scholl_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 {
	margin-right: 5px;
	padding-top: 0;
	height: 30px;
	border: none;
	color: #fff;
	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(../scholl_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
*/
.hpHero {
	margin-top: -15px;
	border-top: 1pcx solid #e6e6e6;
}

#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: 52px;
	background-position: right;
	background-repeat: no-repeat;
	border: 1px solid #e6e6e6;
}
.promoSlotLarge, .promoSlotLargeText {
	width: 230px;
	min-height: 118px;
	background-position: right top;
	background-repeat: no-repeat;
	border: 1px solid #e6e6e6;
}
.promoSlotSmall div, .promoSlotLarge div {
	padding: 8px 80px 5px 9px;
	width: 141px;
}
.promoSlotSmallText div, .promoSlotLargeText div {
	padding: 10px 10px 0;
	width: 210px;
}
.promoSlotSmall div, .promoSlotLarge div, .promoSlotSmallText div, .promoSlotLargeText div { background: url(../scholl_images/backgrounds/hp-slot-top.png) left top no-repeat; }
.promoSlotLarge p, .promoSlotLargeText p { padding-bottom: 3px; }
.dateDisplay {
	display: block;
	color: #6699cc;
	font-size: 0.75em;
}

.techSlots {
	clear: both;
	float: left;
	margin-top: 15px;
	padding: 15px 8px 0;
	width: 952px;
	background: url(../scholl_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(../scholl_images/buttons/btn-func-cap-22px.png) left top no-repeat;
}

.button span {
	float: left;
	padding: 4px 10px 5px 6px;
	height: 15px;
	background: url(../scholl_images/buttons/btn-func-slide-22px.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
*/
.shopHero, .zoneHero { border-top: 1px solid #e6e6e6; }
.zoneHero { margin-bottom: 15px; }

/* For merchandised (product/image) slots */
#content .zonePromoSlots {
	clear: both;
	float: left;
	padding-bottom: 10px;
	width: 100%;
}
.zonePromoSlots li {
	float: left;
	padding-left: 8px;
}
.zonePromoSlots .merchProdContainer { margin-bottom: 0; }
.zonePromoSlots .first { padding-left: 0; }

/* For Scholl Technology section */
.zoneTechSlots {
	clear: both;
	float: left;
	margin-top: 5px;
	padding: 21px 0 0;
	width: 712px;
	background: url(../scholl_images/backgrounds/sku-product-shadow-top.png) top no-repeat;
}

/* Category description slots - Footcare page */
.zoneDescSlots {
	clear: both;
	margin-top: 5px;
}
.zoneDescSlots li {
	position: relative;
	float: left;
	margin-left: 8px;
	margin-bottom: 10px;
	padding-top: 13px;
	width: 172px;
	height: 124px;
	background: url(../scholl_images/backgrounds/bg-slot-top-x172.png) top no-repeat;
}
.zoneDescSlots li:first-child { margin-left: 0; }
.zoneDescSlots h3, .zoneDescSlots p { padding: 0 5px 5px; }
.zoneDescSlots .merchBasketArea {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 162px;
}

/**
* =x: popup section
*/
.popupBasket {
	position: absolute;
	top: 124px;
	left: 50%;
	margin-left: -230px;
	padding: 0 10px 7px 0;
	width: 548px;
	background: url(../scholl_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;
	width: 75%;
	background: url(../scholl_images/message-tick.png) left no-repeat;
    text-indent: 50px;
}

.popupContent .closeButton { position:absolute; right:5px;width:70px; }
.popupContent .closeButton a {
    padding: 5px 30px 5px 0;
    background: url("../scholl_images/close-button.png") no-repeat scroll right center transparent;
}

.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(../scholl_images/backgrounds/extended-button-bg.png); }
.popupContent .buttons a.checkout, .popupContent .buttons a.checkout span { background-image: url(../scholl_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(../scholl_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(../scholl_images/backgrounds/popup-more-items-shadow-bg.png) top no-repeat; }
.popupContent table td h3 {
	padding: 20px 0 20px 50px;
	width: 200px;
	height:30px;
	background: url(../scholl_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;
}

/**
* =x: Legal pages
*/
.legalBlock h2 { padding: 15px 0; }
.legalBlock h3 {
	font-size: 1em;
	font-weight: bold;
}
.legalBlock li { padding-bottom: 15px; }
.legalBlock p span {
	display: block;
	padding-left: 20px;
}

/**
* =x: More... paragraph blocks
*/
.moreSlot {
    line-height: 1.1em;
	position: relative;
	float: left;
	width: 220px;
	margin-bottom: 15px;
	padding: 10px 0 0 5px;
	height: 110px;
	display: inline;
	background: url(../scholl_images/merch-product-shadow-top.png) center top no-repeat;
}
.moreSlot h3 {
	font-size: 1.4em;
	color: #336699;
	font-weight: bold;
}
.moreSlot .productActions {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 215px
}

/*
.mainTitle { background: url(../scholl_images/backgrounds/sku-product-shadow-top.png) no-repeat top center; }
*/

.mainTitle h2 {
	color: #336699;
	font-size: 1.7em;
	font-weight: bold;
	padding: 0 0 10px 0px;
}
.mainTitle h3 {
	font-weight: bold;
	font-size: 1.2em;
	padding: 16px 0 15px 0 !important;
}
.orangeSeparator {
	height: 30px;
	background: url(../scholl_images/backgrounds/orange-strip-bg.png) no-repeat center;
}

.imageBoxLarge {
	width: 100%;
	padding: 0;
	border-bottom: 3px solid #fc0;
	margin: 16px 0 15px 0;
}
.imageBoxLarge img {
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.leftPanel {
	float: left;
	width: 472px;
	margin: 0 8px 0 0;
}
.rightPanel {
	float: right;
	width: 232px;
}

.rightPanel div.merchProdContainer { margin: 0 0 10px !important; }
.rightPanel div.merchProdContainer p { padding: 0 !important; }
.rightPanel div.merchProdContainer .arrows { padding: 4px 0 0 6px !important; }

.leftPanel h3 {
	font-weight: bold;
	font-size: 1.2em;
 	padding: 9px 0 7px 0;
}
.leftPanel h3.heading { padding: 0 0 0 6px; }
.leftPanel li {
	margin: 7px 0;
	padding: 0 0 0 10px;
}
.leftPanel ul li {
    background: url(../scholl_images/backgrounds/bullet-bg.png) 0 6px no-repeat;
}

/*.leftPanel p { margin: 7px 0 5px 0; }*/

div.merchBasketArea li{
	list-style-type: none !important;
	list-style-position: outside !important;
	margin: 0 !important;
	padding: 0 !important;
	background-image: none !important;
}

div.merchBasketArea p.add, #AddToBasket .add { margin: 0 0 0 21px !important; }
div.centerLeft { margin: 0 !important; }

.yellowRuleShort {
	margin: 15px 0 15px 0;
	border-top: 3px solid #fc0;
}

div.tabArea {
	width: 100%;
	height: 28px;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 10px;
}
div.tabArea ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	top: 1px;
}

div.tabArea ul li span.centerTab {
	float: left;
    display: block;
	font-size: 0.9em;
	font-weight: normal;
	padding: 6px 3px 0 3px;
}

div.tabArea ul li {
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	height: 28px;
}

div.tabArea ul li.onTab { background: url(../scholl_images/backgrounds/tab-on-middle.png) repeat-x top left; }
div.tabArea ul li.onTab span.leftTab {
	float: left;
	display: block;
	width: 5px;
	height: 28px;
	margin: 0 !important;
	background: transparent url(../scholl_images/backgrounds/tab-on-left.png) no-repeat top left;
}

div.tabArea ul li.onTab span.rightTab {
	float: left;
	display: block;
	width: 5px;
	height: 28px;
	margin: 0 !important;
	background: transparent url(../scholl_images/backgrounds/tab-on-right.png) no-repeat top left;
}

div.tabArea ul li.offTab { background: url(../scholl_images/backgrounds/tab-off-middle.png) repeat-x top left; }
div.tabArea ul li.offTab span.leftTab {
	float: left;
	display: block;
	width: 5px;
	height: 28px;
	margin: 0 !important;
	background: transparent url(../scholl_images/backgrounds/tab-off-left.png) no-repeat top left;
}
div.tabArea ul li.offTab span.rightTab {
	float: left;
	display: block;
	width: 5px;
	height: 28px;
	margin: 0 !important;
	background: transparent url(../scholl_images/backgrounds/tab-off-right.png) no-repeat top left;
}

a.info {
	background: url(../scholl_images/button-info-cap.png) no-repeat top left;
	height: 24px;
	width: auto;
	padding: 0 0 0 4px;
	margin: 0;
	float: left;
}
a:hover.info { text-decoration: none; }

a.info span {
	background: url(../scholl_images/button-info-slide.png) no-repeat top right;
	height: 100%;
	cursor: pointer;
	display: block;
	font-size: 1em;
	color: #fff;
	height: 17px;
	border: none;
	float: left;
	padding: 4px 11px 2px 6px;
}

/* RF - add some consistency to the buttons globally */
input[type=submit],
a.info span,
button,
.standardSelectButton button,
.extendedSelectButton button {
    font-family: Arial, serif;
    font-size: 12px;
    font-weight: bold;
}

/* RF - fix for badge images in a right panel */
.rightPanel .productSlotImage img.badgeImage {
  position:absolute;
  right:14px;
  z-index:10;
}

/* Further CSSs (Bug: 89) */
.MoreSlotTall {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/scholl/scholl_images/merch-product-shadow-top.png)
    no-repeat scroll center top;
    display:inline;
    float:left;
    margin-bottom:15px;
    padding:10px 0 0 5px;
    position:relative;
    height:140px;
    width:168px;
    margin-right:5px;
    line-height:1.06em;
}

.moreSlotTall .productActionsTall {
    bottom:0;
    left:0;
    position:absolute;
    padding-bottom:0px;
    width:162px;
    margin-right:5px;
}

div#checkoutSummaryTerms{
	clear: both;
}

/* RF - Fix for misaliged tooltip */
#RegisterUser #tooltip-3 { margin-left:-150px; !important }

/* RF - Moved here from catalogue.css as reviews are used in more than just catalogue pages */
/**
* =x Product Image Zoom
**/
#imageZoomOverlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #666;
	z-index: 100;
	opacity: 0;
	filter: alpha(opacity=0);
}

#imageZoomWindow .zoomedImage {
	position: relative;
	clear: both;
	float: left;
	width: 700px;
	height: 475px;
	border: 1px solid #e6e6e6;
	overflow: hidden;
	cursor: crosshair;
}
#imageZoomWindow .zoomedImageMask { cursor: move; }
#imageZoomWindow .zoomedImage img { position: absolute; }
#imageZoomWindow #zoomRelatedImages { width: auto; }
#imageZoomWindow #zoomRelatedImages a {
	float: left;
	margin: 10px 11px 0 0;
	border: 1px solid #e6e6e6;
}
#imageZoomOverlay iframe { display: none; }
#imageZoomWindow, #reviewGuidelines {
	display: none;
	position: absolute;
	top: 50px;
	left: 50%;
	margin-left: -365px;
	padding: 10px;
	width: 700px;
	border: 5px solid #e6e6e6;
	background: #fff;
	z-index: 110;
	height: 420px;
	overflow: auto;
}
#reviewGuidelines p {
	clear: both;
	padding-bottom: 10px;
}
#imageZoomWindow .closeButton, #reviewGuidelines .closeButton { float: right; }
#imageZoomWindow .closeButton a, #reviewGuidelines .closeButton a {
	float: left;
	margin-bottom: 10px;
	padding: 5px 30px 5px 30px;
    background: url(../scholl_images/close-button.png) right no-repeat;
}