/* GLOBAL STYLES */

*
{
	margin: 0px;
}

img, li
{
	border: 0;	
	padding: 0;
	margin: 0;
}

.clear
{
	clear: both;	
}

.displayBlock
{
	display: block;	
}

body
{
	/*margin: 10px 0 0 0;*/
	margin: 0 0 0 0;
	font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
	font-size: 12px;
}

.bold
{
	font-weight: bold;	
}

a, a:active, a:hover, a:visited, a:link
{
	color: #7a7a7a;
	outline:none;
}

h1
{
	padding: 5px 0 15px 0;
	text-transform: uppercase;
	font-weight: bold;
}

h2
{
	font-size: 150%;
	font-weight: bold;
	text-transform: uppercase;
}

h3, .h3
{
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
}

h4, .h4
{
	font-size: 110%;
	font-weight: bold;
	text-transform: uppercase;
}


p
{
	line-height: 1.7em;
	padding: 5px 0;
}

ul
{
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
}

/*************************
* BUTTONS (works for input or a tags)
*************************/

a.button, .button,
a:visited.button, a:link.button, a:hover.button, a:active.button
{
    display:inline-block;
    background-color:black;
    border: 0 none;
    text-decoration:none;
    color:white;
    cursor:pointer;
	height: 26px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	margin: 10px 0 0 0;
	padding:4px 8px;
}

.button.disabled
{
	background-color: #a6a6a6;
}


a.button,
a:visited.button, a:link.button, a:hover.button, a:active.button
{
	height: 17px;
	border-top: 1px solid black;
	border-bottom: 1px solid white;
}

a.button.deemphasise, .button.deemphasise,
a:visited.button.deemphasise, a:link.button.deemphasise, a:hover.button.deemphasise, a:active.button.deemphasise
{
	background-color: #7a7a7a;
	border-top-color: #7a7a7a;
}

input.button
{
	padding:2px 8px 5px 5px;
}

input.buttonSignIn{margin-left:200px;display:block;}
input.buttonCheckOut{margin-left:345px;display:block;}
input.buttonSubscribe{margin-left:200px;margin-top:10px;display:block;}

/* Hack for safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
a.button,
a:visited.button, a:link.button, a:hover.button, a:active.button
 {padding-bottom: 0; padding-top: 5px; height: 21px; border-top: 0;}
}

/*************************
* GENERAL FORM STYLES
*************************/
fieldset
{
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	clear: both;
	text-transform: uppercase;
}

fieldset legend
{
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	font-size: 130%;
	font-weight: bold;
}

fieldset legend span
{
	display: block;
	border-bottom: 1px solid black;
	padding-top: 30px;
}

fieldset.first legend span
{
	padding-top: 0;
}

fieldset.first legend span
{
	padding-top: 10px;
}

fieldset legend span.requiredFieldNotice
{
	font-size: 12px;
	display: inline;
	margin-left: 20px;
	font-weight: normal;
	color: #5f5f5f;
}

.formItem
{
	clear: both;
	padding-top: 15px;
	display: inline-block; /* IE Double padding fix */
}

.formItem .label
{
	width: 200px;
	float: left;
}

.formItem .sublabel
{
	font-size: 90%;
	display: block;
	font-weight: normal;
	text-transform: none;
	color: #585858;
}

.formItem .inputFields
{
	float: left;
}

.formItem .inputFields input
{
	margin-right: 10px;
}

.formItem .validator
{
	display: inline-block;
	/* Validators are usually inside the same div as the input fields, but not always.
	The follow lines are for validators outside the input fields container. */
	position: relative;
	top: 3px;
	margin: 0 8px;
}

.formItem .inputFields .validator
{
	top: 0px;
	margin-left: 0;
}

.formItem .requiredMarker
{
	margin-right: 5px;
	color: #7f7f7f;
}

.formItem ul.radioList /* Radio button lists */
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.formItem.inlineRadioList ul.radioList li
{
	float: left;
	clear: none;
	padding: 0;
	margin: 2px 10px 0 0;
	display: inline;
}

textarea, .textbox
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid #7a7a7a;
	border-right: 1px solid #7a7a7a;	
	padding: 2px 5px;
}

select
{
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 1px solid #7a7a7a;
	border-right: 1px solid #7a7a7a;	
	padding: 1px;
}

.dateOfBirth select
{
	margin-right: 6px;
}

.checkbox
{
	padding: 0;
	margin: 0;
}

.formItem.checkboxItem .label
{
	float: right;
	width: 95%;
	text-align: left;
	padding-right: 0;
}

.formItem.checkboxItem .inputFields
{
	float: right;
	width: 4%;
	padding-bottom: 4px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){ /* Safari hack (needs more work) */
.formItem.checkboxItem .label {padding-left: 2%; width: 93%;}
}

.validator
{
	color: Red;
}

p.validator
{
	clear: both;
}

p.passwordRetrievalLink
{
	padding: 0;
	font-size: 90%;
	clear: both;
	margin-left: 200px;
}


/*************************
* FORM MESSAGES
*************************/
.error
{
	color: Red;
}

.successMessage
{
	color: Green;
}

.tooltipLayer
{
	background: url('/images/drop-shadow-for-css.png') no-repeat bottom right;
	position: absolute;
	z-index: 1000;
}

.tooltipLayer .tooltipInner
{
	background: none;
	padding: 0 !important;
	padding: 0 6px 6px 0;
}

.tooltipLayer .contents
{
	margin: -6px 6px 6px -6px;
	background-color: #EFEFEF;
	color: black;
	padding: 10px 10px 25px 15px;
}

.tooltipLayer .contents p
{
	text-transform: none;
	line-height: 140%;
}

.tooltipLayer a
{
	color: black;
}

.tooltipLayer img.arrow
{
	position: absolute;
}

.tooltipLayer .closeLink
{
	float: right;
}

.tooltipLayer p
{
	padding: 0;
	margin: 0;
}

.convertedCurrency
{
	display: block;
}

/******************
* CORE LAYOUT STYLES
*******************/

#main 
{
	width: 960px;	
	margin: 0px auto;
}

#header
{
	/* IE 6 hack to give hasLayout */
	display: inline-block;
}

#header
{
	display: block; /* Clear */
	overflow: hidden;
	width: 100%;
	text-transform: uppercase;
	font-weight: bold;
}

#header a
{
	text-decoration: none;
	color: Black;
}

#header a:hover
{
	color: #5f5f5f;
}

#header .memberPanel
{
	float: right;
	margin-top: 0;
}

#header .basketLink
{
	font-size: 16px;
	text-align: center;
}
#header .memberTools 
{
	text-align:right;
	color:#000000;
}
	
#header .memberTools a
{
	font-size: 90%;
	font-weight:normal;
	padding-right: 2px;
	color:#000000;
	
}

#header .memberTools .signout
{
	padding-right: 4px;
}

#header .memberTools .myaccount
{
	padding-left: 8px;
	border-left: 1px solid black;
}


#header .logo
{
	float: left;
	margin: 10px 0 10px 19px; /* Left padding aligns with sub nav */
}

#header .primaryNav
{
	width: 100%; 
	float: right; 
	font-weight: normal;
	text-align: right; 
	text-transform: uppercase;
}

#header .primaryNav li
{
	list-style-type: none;
	display: inline;
}

#header .primaryNav li a.selected
{
	font-weight: bold;
}

.primaryNav
{
	/*margin-top: 50px;*/
}

.primaryNav .textbox
{
	width: 94px;
	height: 14px;
	font-size: 10px;
}

.primaryNav .button
{
	font-size: 10px;
	padding-top: 0;
	height: 20px;
	margin: 0;
	padding-bottom: 3px;
}

#subNav
{
	width: 220px;
	float: left;
	padding-bottom: 24px;
}

#subNav h1
{
	background-color: #000;	
	margin: 0 0 10px 0;
	padding: 2px 0 4px 19px;
	font-size: 18px;
}

#subNav h1 a
{
	display: block; /* Display as block to allow clicking anywhere within surrounding container */
	color: #fff;
	text-decoration: none;
	width: 100%;
}

#subNav ul.treeNavLevel1
{
	list-style-type: none;
	padding: 0;
	text-transform: uppercase;
}

#subNav ul.treeNavLevel1 a.selected
{
	color: black;
	font-weight: bold;
}

#subNav .treeNavLevel1 li a
{
	font-size: 14px;
	color: #000;
	padding: 5px 0 5px 19px;
	font-weight: normal;
}

#subNav .treeNavLevel2
{
	text-transform: none;
	font-weight: normal;
	padding: 2px 0;
	margin: 0;
	list-style-type: none;
}

#subNav ul.treeNavLevel2 a.selected
{
	color: black;
	font-size: 100%;
}

#subNav .treeNavLevel2 li
{
	background: url('/images/icon_dash.gif') no-repeat 26px center;
	padding: 0;
}

#subNav .treeNavLevel2 li a
{
	font-size: 13px;
	color: #000000;
	padding: 3px 0 3px 39px;
}

#subNav .treeNavLevel2 .selected
{
	font-weight: bold;
}

#subNav li a
{
	display: block;
	text-decoration: none;
}

#subNav li a.redlink
{
	color: Red;
}
#subNav li a.redlinkSelected
{
	font-weight: bold;
	color: Red;
}

#subNav li a:hover
{
	color: #5f5f5f;
}

#subNav a.promo_tile
{
	width: 190px; 
	height: 110px; 
	display: block; 
	background: url('/images/competition/SpringRacingPromoButton.gif') 0px 0px no-repeat; 
	margin: 20px 10px 0px 20px;
}

#subNav a.promo_tile:hover
{
	background-position: 0px -110px;
}

#subNav a.promo_tile span
{
	display: none;
}

.doubleLineBottom
{
	width: 100%;
	height: 7px;
	background: url('/images/doubleLineBottom_tile.gif') repeat-x;	
}

.doubleLineTop
{
	width: 100%;
	height: 7px;
	background: url('/images/doubleLineTop_tile.gif') repeat-x;	
	clear: both;
}

.doubleLineBottomSmall
{
	width: 408px;
	height: 6px;
	background: url('/images/doubleLineBottomSmall_tile.gif');	
}

.doubleLineTopSmall
{
	width: 408px;
	height: 6px;
	background: url('/images/doubleLineTopSmall_tile.gif');	
	clear: both;
}

/******************
* MAIN CONTENT
*******************/

#mainContent
{
	padding: 10px 0;
	min-height: 336px; /* min-height hack */
	height: auto !important;
	height: 336px;
}

#mainContent .indentedContent
{
	padding-left: 19px;
}

#mainContent h1,
#mainContent .pageLevelNavigation a
{
	display: inline;
	padding: 4px 19px;
	font-size: 18px;
	position: relative;
	top: -6px;
	font-weight: normal;
	margin: 0;
}

#mainContent h1,
#mainContent h1 a
{
	color: White;
	background-color: Black;
	text-decoration: none;
}

/* Alternative h1 style */
#mainContent h1.notab,
#mainContent h1.notab a
{
	color: black;
	background-color: Transparent;
}

#mainContent .pageLevelNavigation
{
	display: inline;
}

#mainContent .pageLevelNavigation a
{
	text-transform: uppercase;
	color: #5f5f5f;
	background-color: Transparent;
}


/******************
* MAIN CONTENT - WITH NAVIGATION
*******************/

.shop #mainContent,
.contentWithNav #mainContent
{
	width: 739px;
	float: left;
	border-left: 1px solid #000000;
	margin: 0 0 10px 0 !important;
	padding: 0;
}

.contentWithNav #mainContent .indentedContent
{
	padding-left: 0;
}

/******************
* SHOP
*******************/

.shop .heroImage img
{
	width: 739px;
}

.shop #productHeading
{
	border-bottom: 2px solid #000000;
}

.shop #productHeading #productTitle
{
	float: left;
	padding: 2px 19px;
	min-height: 23px;
	width: 282px;
	font: bold 15px Trebuchet MS, Helvetica, sans-serif;
	text-transform: uppercase;
}

.shop #productHeading #productDDLs
{
	width: 414px;
	font-size: 11px;
	text-align: center;
	float: left;
	
}

.shop #productHeading #productDDLs #viewBy
{
	width: 100px;
	float: left;
	color: #ffffff;
	background-color: #000000;
	min-height: 22px;
	padding-top: 5px;
}

.shop #productHeading #productDDLs select
{
	border: 1px solid black;
	padding: 1px;
}

.shop #productDetails
{
	width: 739px;
	padding: 10px 0;
	border-bottom: 1px solid black;
}

.shop #productImages
{
	width: 370px;
	padding: 0px 40px 10px 0px;
	float: left;
}

.shop #productImages .mediumImage
{
	cursor: crosshair
}
.shop .miscTools
{
	float:right;
	width:329px;
	margin: 30px 0px 0px 0px;
}
.shop  #goesWithContainer
{
	margin: 25px 0px 10px 0px;
	clear:both;
	float:left;
	padding:0 40px 0 30px;
	width:340px;
}

.shop #goesWithHeading
{
	font: 25px Times New Roman, Times, serif;
	margin-bottom: 5px;
}

.shop .goesWithProduct
{
	float: left;
	margin-top:5px;
	margin-right: 10px;	
	text-align:center;
	color:#918F90;
	padding:2px;
	display:block;
	width:110px;
}

.shop .goesWithProduct a
{
	text-decoration: none;
	font-size: 10px;
	font-family:Trebuchet MS,Helvetica,Verdana,sans-serif;
	color: #000000;
	text-transform:uppercase;
	display:block;
	width:110px;
	height:115px;
	line-height:1em;
}
.shop .goesWithProduct a:hover
{
	color:#918F90;
}

.shop .goesWithProduct a img
{
	/*border:1px solid #CCCCCC;*/
	margin-bottom:1px;
}

.shop .mediumImageContainer
{
	/* Give this container a width and height so that the position is 
	retained even if the inside image disappears */
	height: 300px; 
	width: 370px;
}

.shop .clickToZoomNote
{
	text-align: center;
	color: #918f90;
	text-transform: uppercase;
}

.shop .angleThumbnails
{
	margin-top: 15px;
	text-align: center;
}

.shop .angleThumbnails a
{
	padding: 0;
	margin: 0;
}

.shop .angleThumbnails a img
{
	padding: 0 10px;
}

.shop .angleThumbnails .selected
{
	cursor: default;
}


.shop #productDetails .zoombox 
{
	width: 10px;
	height: 10px;
}

.shop #productDetails .zoomImageContainer
{
	background-color:#FFF;
	border:1px #CCC;
	border:2px solid #CCC;
	height:380px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	width:325px;
	z-index:50;
	visibility: hidden;
}

.shop #productDetails .zoomImage
{
	left:0;
	position: relative;
	top:0;
	visibility: hidden;
}

.shop #productDetails .zoomImage.selected
{	
}


.shop #productDetails #productCopy
{
	font-size: 12px;
	width: 329px;
	float: left;
	position: relative;
	text-transform: uppercase;
}

.shop .productDescription
{
	text-transform: none;
	font-weight: normal;
	margin-bottom: 15px;
}

.shop #productDetails #productCopy p
{
	padding: 4px 0px;
}

.shop #productDetails #productsku
{
	margin: 5px 0px;
	font: 10px Lucida Sans, Lucida Grande, sans-serif; 
	color: #918F90;
}

.shop #productDetails #productcolour,
.shop #productDetails #material,
.shop #productDetails #dimensions,
.shop #productDetails .colours
{
	margin: 5px 0px;
	font: 13px Lucida Sans, Lucida Grande, sans-serif; 
	color: #918F90;
}

.shop #productDetails .colours .thumbnails
{
	height: 41px;
}


.shop #priceAndBuyContainer
{
	text-align: right;
	margin: 50px 0 30px 0;
	position: relative;
	min-height: 33px;
	height: auto !important; /* IE 6 min-height hack */
	height: 33px;
}

.shop #priceAndBuyContainer, x:-moz-any-link { min-height: 27px;} /* Firefox 2 */
.shop #priceAndBuyContainer, x:-moz-any-link, x:default { min-height: 33px;} /* Back to firefox 3 */

.shop #priceAndBuyContainer .pricesWrapper
{
	font: bold 15px Lucida Sans, Lucida Grande, sans-serif;
}

.shop #priceAndBuyContainer select
{
	position: absolute;
	right: 0;
	top: -25px;
}

.shop #priceAndBuyContainer select, x:-moz-any-link { top: -37px;} /* Firefox 2 */
.shop #priceAndBuyContainer select, x:-moz-any-link, x:default { top: -25px;} /* Back to firefox 3 */

.shop #priceAndBuyContainer .prices
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 190px;
	text-align: right;
	font-size: 95%;
}

.shop #priceAndBuyContainer .normalPrice.strikethrough
{
	text-decoration: line-through;
}

.shop #priceAndBuyContainer .salePrice
{
	color: Red;
}

.shop #priceAndBuyContainer .button
{
	font-weight: normal;
	padding:8px 16px 8px 16px;
	margin: 0;
}

.shop #priceAndBuyContainer .outOfStock
{
	width: 136px;
	font-weight: normal;
	font-size: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.shop #mainContent .productList a
{
	font-weight: bold;
}

.shop .productList a
{
	width: 244px; 
	height: 225px; 
	float: left; 
	text-align: center;
	color: Black;
	text-decoration: none;
	display: block;
	padding-bottom: 10px;
}

.shop .productList a:hover
{
	color: #5f5f5f;
}

.shop .productList .itemDescription
{
	margin-left: 20px;
	display: block;
	font-weight: normal;
}

.shop .productList .itemDescription
{
}

.shop .productList .itemDescription .price
{
}

.shop .productList .itemDescription .prices .normalPrice
{
}

.shop .productList .itemDescription .prices .normalPriceStrikethrough
{
	text-decoration: line-through;
}
.shop .productList .itemDescription .prices .salePrice
{
	color: Red;
}

.shop .miscTools #sendAHint,
.shop .miscTools #chooseCurrency
{
	text-align: right;
}

.shop .miscTools #sendAHint a
{
	font: bold 20px Georgia, Georgia, serif;
	text-decoration: none;
	color: #000000;
	text-transform: lowercase;
}

.shop #productHeading #printThisPage
{
	float: right;
	padding-top: 5px;
}

.shop #printThisPage a
{
	text-transform: uppercase;
	font: 11px Lucida Sans, Lucida Grande, sans-serif;
	color: #9a9a9a;
	text-decoration: none;
}

.shop .miscTools #chooseCurrency a
{
	text-transform: uppercase;
	font: 12px Lucida Sans, Lucida Grande, sans-serif;
	color: #918F90;
}

.chooseCurrency .label
{
	width: 100%;
	text-transform: none;
	padding-bottom: 5px;
}

/******************
* CONTENT WITH NAV
*******************/

.contentWithNav #mainContent
{
	padding-left: 15px;
	padding-top: 15px;
	width: 724px;
}

/******************************
* FOOTER
******************************/

#footer
{
	width: 940px;
	padding: 8px 0;
	text-transform: uppercase;
	font-weight: bold;
}

#footer .logo
{
	padding-top: 20px;
	padding-left: 19px;
	padding-right: 35px;
	float: left;
}

#footer h4
{
	font-size: 11px;
}

#footer ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#footer li
{
	width: 130px;
	float: left;
	padding: 2px 0;
	margin: 0;
	display: inline;
}

#footer .footerShop,
#footer .footerCustServ
{
	float: left;
}

#footer .footerShop
{
	width: 520px;
	padding: 0 0 0 30px; /* Bottom padding required to extend border */
	border-left: 1px solid black;
}

#footer .footerCustServ
{
	/*width: 260px;*/
	width: 110px;
}

#footer .footerSocialMedia
{
	/*width: 260px;*/
	width: 150px; 
	float: right;
	padding-top: 13px;
	font-size: 10px;
}

.headerSocialMedia
{
	width: 240px; 
	margin-left: 646px;
	font-size: 11px;
}

/*
.headerSocialMediaLink
{
	color: #7a7a7a;
}
*/

#footer .footerSocialMedia a, a:active, a:hover, a:visited, a:link
{
	/*
	color: #7a7a7a;
	outline-color: -moz-use-text-color;
	outline:none;
	outline-width: medium;
*/
}


#credits
{
	width:100%;
	height: 17px;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	padding-top: 3px;
}

#credits a
{
	font-size: 10px;	
	color: #9c9393;
	text-decoration: none;
	padding: 0 0 0 2px;
}

#promoPanel
{
	width: 100%;
	background-color: white;
}

#promoPanel .item
{
	width: 239px; 
	text-align: center;
	float: left;
	border-left: 1px solid black;
	margin: 10px 0;
	padding: 8px 0;
}

#promoPanel .item.first
{
	border-left: 0 none;
}


/******************
* GENERIC LIST STYLES
*******************/
.row
{
	/* Trigger IE 6 hasLayout */
	display: inline-block;
}

.row
{
	display: block;
	overflow: hidden;
}

.cell
{
	float: left;
}

/*************************
* VIEW BASKET
*************************/

#viewBasket
{
	width: 641px;
	float: left;
}

#viewBasket #cartItemsCount
{
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}

#viewBasket #upperContainer
{
	margin-bottom: 25px;
	width: 100%; /* Clear */
	overflow: hidden;
}

#viewBasket #upperContainer .button
{
	margin-top: 0;
}

#viewBasket #upperContainer #cartItemsCount
{
	float: left;
}

#viewBasket #upperContainer .buttonContainer
{
	float: right;
}

#viewBasket .cartTotals
{
	width: 300px;
	float: right;
	margin-top: 10px;
}

#viewBasket .buttonContainer.lower
{
	clear: both;
	width: 100%;
	text-align: right;
	margin-top: 10px;
}

#viewBasket .outOfStock
{
	margin: 10px 0 10px 100px;
}

#viewBasket .outOfStock p,
#viewBasket .outOfStock ul
{
	padding-top: 0;
	padding-bottom: 0;
	color: Red;
	font-size: 90%;
}

/*************************
* SHOPPING CART LIST
*************************/
.cartList .cartItem
{
	height: 86px;
	margin-top: 15px;
}

.cartList .cartItem .imgContainer,
.cartList .cartItem .itemDetails,
.cartList .cartItem .quantity,
.cartList .cartItem .price
{
	float: left;
	height: 85px;
}

.cartList .cartItem .imgContainer
{
	width: 20%;
}

.cartList .cartItem .itemDetails
{
	width: 47%;
	border-bottom: 1px solid black;
}

.cartList .cartItem .quantity
{
	width: 20%;
	border-bottom: 1px solid black;
}

.cartList .cartItem .quantity select
{
	width: 70px;
	text-align: center;
	font-family: Trebuchet MS, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}

.cartList .cartItem .quantity .button /* 'Remove item' button */
{
	display: block;
	background-color: White;
	color: #7a7a7a;
	text-decoration: underline;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 90%;
}

.cartList .cartItem .price
{
	width: 13%;
	text-align: right;
}


/*************************
* SHOPPING CART TOTALS
*************************/

.cartTotals label
{
	width: 70%;
	float: left;
	text-align: right;
}

.cartTotals label.valueRed
{
	width: 70%;
	float: left;
	text-align: right;
	color: Red;
}

.cartTotals .value
{
	width: 30%;
	float: left;
	text-align: right;
}

.cartTotals .valueRed
{
	width: 30%;
	float: left;
	text-align: right;
	color: Red;
}

.cartTotals .subTotal,
.cartTotals .shipping,
.cartTotals .gst,
.cartTotals .grandTotal
{
	clear: both;
	padding: 5px 0;
}

.cartTotals hr
{
	height: 1px;
	width: 50%;
	clear: both;
	padding: 10px 0 0 0;
	border: 0 none;
	border-bottom: 1px solid black;
	margin-left: 50%;
}

.cartTotals #shippingLink
{
	display: block;
	font-size: 90%;
	text-transform: uppercase;
}

.cartTotals #shippingInfoLayer
{
	width: 290px;
}

.cartTotals #shippingInfoLayer img.arrow
{
	top: 54px;
	left: -18px;
}

/*************************
* CHOOSE CHECKOUT MEMBERSHIP
*************************/
.checkoutMembership h3
{

}

.checkoutMembership .existingCustomers .button
{
	margin-left: 255px;
}

.checkoutMembership .newCustomers
{
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #7a7a7a;
	width: 50%;
	padding-top: 15px;
}

.checkoutMembership .newCustomers .button
{
	display: block;
	clear: both;
	margin-left: 255px;
}

.checkoutMembership .formItem .label
{
	text-align: right;
	padding-right: 10px;
	width: 80px;
}

.checkoutMembership p.passwordRetrievalLink
{
	margin-left: 90px;
}

.checkoutMembership .radioList label
{
	padding-left: 10px;
}


/*************************
* EDIT MEMBER / CHECKOUT FORM
*************************/
.checkoutDetails .error
{
	width: 550px;
}

.checkoutDetails .formItem.checkboxItem .label,
.editMember .formItem.checkboxItem .label
{
	font-weight: normal;
}

.checkoutDetails .formItem .radioList label,
.editMember .formItem .radioList label
{
	font-weight: normal;
}

.checkoutDetails fieldset,
.editMember fieldset
{
	width: 600px;
}

.checkoutDetails fieldset legend span,
.editMember fieldset legend span
{
	border-bottom: 0;
	font-size: 108%;
}

.checkoutDetails fieldset legend span.requiredFieldNotice,
.editMember fieldset legend span.requiredFieldNotice
{
	font-size: 80%;
}

.checkoutDetails .label,
.editMember .label
{
	text-align: right;
	padding-right: 10px;
	width: 145px;
}

.checkoutForm .checkboxItem .formItem .label
{
	text-align: left;
	width: 310px;
}
.checkoutForm .checkboxItem .formItem .inputFields
{
	text-align: left;
	width: 280px;
}

.checkoutDetails .fieldNote,
.editMember .fieldNote
{
	clear: both;
	margin-left: 80px;
	width: 300px;
	font-size: 90%;
	color: #585858;
	text-transform: none;
}

.editMember .longLabel .label,
.editMember .longLabel .inputFields,
.checkoutDetails .longLabel .label,
.checkoutDetails .longLabel .inputFields
{
	width: 100%;
	float: none;
	text-align: left;
}

.checkoutDetails select,
.editMember select
{
	width: 182px;
	font-size: 90%;
}

.checkoutDetails .textbox,
.editMember .textbox,
.checkoutDetails textarea,
.editMember textarea
{
	width: 170px;
}


/*************************
* CHECKOUT FORM
*************************/
.checkoutDetails
{
	position: relative;
}

.checkoutSteps
{
	margin-left: 15px;
	display: inline;
	width: 400px;
	position: relative;
	top: -6px;
	text-transform: uppercase;
}

.checkoutSteps .step
{
	display: inline;
	margin-right: 15px;
	color: #afafaf;
	font-size: 110%;
}

.checkoutSteps .step.selected
{
	color: Black;
}

.checkoutForm .shippingInstructions .textbox
{
	width: 75%;
	height: 42px;
}

.checkoutForm .cvv .textbox
{
	width: 28px;
}

.cvvWhatThis
{
	padding-top: 2px;
	clear: both;
}

#cvvInfo img.arrow
{
	top: 24px;
	left: -12px;
}

#whatsThisLink
{
	clear: both;
	display: block;
	font-size: 90%;
	margin-left: 155px;
	margin-top: -7px;
}

#cvvInfo
{
	width: 250px;
}

.checkoutForm .giftMessage
{
	clear: both;
	width: 400px; /* Need to specify dimensions to allow for blind down effect */
}

.checkoutForm .giftMessage textarea
{
	width: 325px;
	height: 40px;
}

.tAndC .formItem
{
	width: 100%;
	/* Set to relative so we can absolutely position the label */
	position: relative;
}

.tAndC .inputFields .validator
{
	position: absolute; /* Align with label */
	top: 15px;
	left: 250px;
}

.checkoutDetails .privacyPolicyLink
{
	display:block;
	clear: both;
	font-size: 80%;
	margin-left: 20px;
	margin-top: -10px;
	text-transform: uppercase;
}

.shippingNameAndAddress
{
	clear: both;
}

.expiryDate select
{
	width: 84px;
	margin-right: 14px;
}

.checkoutDetails .rightColumn,
.confirmationDetails .rightColumn
{
	width: 345px;
	position: absolute;
	top: -20px;
	right: 0;
	text-align: right;
}

.checkoutDetails .thwate,
.confirmationDetails .thwate
{
	margin-top: 10px;
}

.alreadyRegistered h3
{
	margin-top: 40px;
}

.alreadyRegistered h3.first
{
	margin-top: 20px;
}

/*************************
* ORDER SUMMARY
*************************/

.orderSummary
{
	font-size: 95%;
	/*border: 2px solid black;*/
	padding: 8px 4px;
	text-align: left;
	background-color:#F6F6F6;
}

.orderSummary .itemsSummary
{
	padding: 2%;
}

.orderSummary .itemsSummaryHead
{
	clear: both;
	font-weight: bold;
	color: Black;
	width: 100%; /* Clear */
	overflow: hidden;
}

.orderSummary .row
{
	color: #585858;
}

.orderSummary .col1
{
	width: 67%;
}

.orderSummary .col2
{
	width: 13%;
}

.orderSummary .col3
{
	width: 20%;
	text-align: right;
}

.orderSummary .summaryHeader
{
	text-align: center;
	font-size: 18px;
}

.orderSummary .summaryHeader a
{
	margin-left: 5px;
	font-size: 12px;
}

.orderSummary .cartTotals .row
{
	padding-left: 2%;
	padding-right: 2%;
}

.orderSummary .orderSummaryFurtherNotes
{
	padding: 5px 10px;
}

/*************************
* CONFIRM ORDER
*************************/

.confirmOrder
{
	position: relative;
}

.confirmOrder .intro
{
	width: 400px;
}

.confirmOrder .buttonContainer
{
	margin-top: 10px;
}

.confirmOrder .buttonContainer
{
	clear: both;
}

.confirmOrder fieldset
{
	font-weight: normal;
	width: 400px;
	clear: both;
}

.confirmOrder fieldset legend
{
	margin-bottom: 10px;
}

.checkoutReceipt .orderDetails
{
	color: #585858
}

.checkoutReceipt .orderDetails strong
{
	color: Black;
}

.confirmationDetails
{
	width: 450px;
}

.createNewUser
{
	margin-top: 20px;
}
/*************************
* RECENT ORDERS
*************************/
.recentOrders .orderSummary
{
	width: 450px;
}

.recentOrders .order
{
	margin-bottom: 30px;
}


/*************************
* BLOG
*************************/
.blog .post
{
	margin-bottom: 20px;
	padding: 10px 0 20px 0;
	text-transform: none;
	font-weight: normal;
	font-size: 13px;
}

.blog .datePosted
{
	color: #585858;
}

/*************************
* CAREERS
*************************/

.jobList
{
	margin-top: 20px;
}

.jobList .careersHeader,
.jobList .careersItemHeader
{
	width: 98%;
	padding: 0 1%;
}

.jobList .careersItemHeader .cell
{
	padding-top: 3px;
}

.jobList .careersHeader
{
	border-bottom: 1px solid black;
}

.jobList .careersItemHeader
{
	border-top: 1px solid black;
}

.jobList .careersItemHeader.first
{
	border-top: none;
}

.jobList .careersItemHeader.active
{
	background-color: Black;
	color: White;
}

.jobList .careersItemHeader.active .button
{
	border-color: Black;
}

.jobList .careersItemHeader
{
	clear: both;
	cursor: pointer;
	text-transform: none;
	font-weight: normal;
}

.jobList .jobTitle
{
	width: 20%;
}

.jobList .location
{
	width: 31%;
}

.jobList .closingDate
{
	width: 16%;
}

.jobList .hours
{
	width: 16%;
}

.jobList .action
{
	width: 15%;
}

.jobList .action .button
{
	font-size: 10px;
	padding-top: 1px;
	padding-bottom: 0;
	margin: 1px 0 3px 0;
	width: 70px;
	text-align: center;
}

.jobContent
{
	font-weight: normal;
	text-transform: none;
	padding: 10px 0;
}

ul.careersStates
{
	list-style-type: none;
	padding-left: 0;
	margin: 0 0 20px -10px;
	width: 100%; /* Clear */
	overflow: hidden;
}

ul.careersStates li
{
	float: left;
	padding: 0 10px;
	border-left: 1px solid black;
}

ul.careersStates li.first
{
	border-left: 0;
}

/*************************
* BOUTIQUES
*************************/
.boutiqueStates h3
{
	margin: 5px 0;
}

.boutiqueStates ul
{
	margin-bottom: 20px;
	padding: 0 0 0 40px;
	text-transform: uppercase;
}

.boutiquesForState h3
{
	margin-bottom: 20px;
}

.boutiquesForState .boutiqueDetails
{
	border-bottom: 1px solid #efefef;
	padding-bottom: 10px;
	margin-bottom: 10px;
	width: 600px;
}

.boutiquesForState .boutiqueDetails.first
{
	margin-top: 20px;
}

.boutiquesForState p
{
	padding: 0;
	margin: 0;
	line-height: 140%;
	text-transform: none;
	font-weight: normal;
}

.boutiquesForState .buttonContainer
{
	clear: both;
	margin-top: 20px;
}

/*************************
* POPUPS
*************************/
#main.popup
{
	width: 100%;
}

.popupContent
{
	margin: 20px;
}

.sendAHint textarea
{
	overflow: auto;
	width: 250px;
	height: 80px;
}

.closeButton
{
	float: right;
	position: relative;
	top: -5px;
}

/*************************
* FLASH
*************************/
.collections #flashContent {
	width: 960px;
	height: 570px;
	text-align: center;
	background-color: black;
	color: White;
}

/*************************
* SITE SEARCH
*************************/

.siteSearch .label
{
	width: 0;
}

.siteSearch .formItem
{
	margin-bottom: 2px;
}

.siteSearch .result
{
	margin: 5px 0 15px 0;
}

.siteSearch .result .title
{
	display: block;
	font-size: 115%;
}

.searchForm .formItem
{
	float: left;
	padding: 2px 0 0 0;
}

.searchForm .formItem .inputFields
{
	height: 50px;
	width: 165px;
}

.searchForm .button
{
	float: left;
	margin: 0;
}

.siteSearch .searchResults
{
	margin-bottom: 30px;
}

.siteSearch .searchResults.products
{
	width: 100%; /* Give haslayout */
	overflow: hidden; /* Clear */
}

.siteSearch .searchResults .product
{
	float: left;
	width: 200px;
	height: 217px;
	padding-right: 20px;
}

.siteSearch .searchResults .product .prices .normalPriceStrikethrough
{
	text-decoration: line-through;
}
.siteSearch .searchResults .product .prices .salePrice
{
	color: Red;
}


.siteSearch .searchResults a
{
	text-decoration: none;
}

/*************************
* PRODUCT FILTERS
*************************/

.categoryHeader .categoryTitle
{
	float: left;
	padding: 2px 19px;
	width: 282px;
}

.categoryHeader .categoryTitle h2
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	line-height: 23px;
	text-transform: uppercase;
	font-size: 15px;
}

.categoryHeader 
{
	border-top: 1px solid #000;
	border-bottom: 1px solid #333;
	background-color: #FFF;
}

#overlord
{
	float: right;
}

#overlord .filterHeading
{
	float: left;
	padding: 6px 5px;
	font-size: .85em;
	color: #fff;	
	background-color: #000;
	text-align: center;
	width: 89px;
	line-height: 15px;
}

#p7menubar, #p7menubar ul
{
	float: left;
	padding: 0;
	margin: 0;
	list-style: none;	
}

#p7menubar a 
{
	display: block;
	text-decoration: none;
	padding: 4px 0px 5px 0;
	font-size: .85em;
	color: #000;
	margin: 0;
}

#p7menubar li.toplevelnav a
{
	border-left: 1px solid gray;
}


#p7menubar a.trigger {
	text-align: center;
	width: 129px;
}

#p7menubar a.trigger.last
{
	/* extra space appearing in menu from somewhere... can't work out where */
	border-right: 1px solid white;
}

#p7menubar li {
	float: left;
	width: 129px;
}

#p7menubar ul li  {
	width: 129px;
}

#p7menubar li ul {
	position: absolute;
	display: none;
	background-color: #FFFFFF;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	width: 129px;
}

#p7menubar li:hover a, 
#p7menubar a:focus,
#p7menubar a:active, 
#p7menubar li.p7hvr a 
{
	color: #fff;
	background-color: #000;
	width: 119px;
	padding-left: 5px;
	padding-right: 5px;
}

#p7menubar li:hover a.last, 
#p7menubar a:focus.last,
#p7menubar a:active.last, 
#p7menubar li.p7hvr a.last
{
	/* extra space appearing in menu from somewhere... can't work out where */
	border-right: 1px solid black;
}

#p7menubar li:hover ul, 
#p7menubar li.p7hvr ul {
	display: block;
}

#p7menubar li:hover ul a, 
#p7menubar li.p7hvr ul a 
{
	color: #000;
	background-color: transparent;
}

/*
The normal hover class for Sub-Level links. The Important directive
is required for older browsers. We set a background color, which shows
over the gradient background. We set text color to white.
*/
#p7menubar ul a:hover {
	background-color: #000000!important;
	color: #FFFFFF!important;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */
#p7menubar li {width: auto;}


/*************************
* PASSWORD RETRIEVAL
*************************/

.passwordRetrieval .formItem .label
{
	width: 80px;
}

.passwordRetrieval .button
{
	margin-left: 80px;
}

/*************************
* COMPETITION
*************************/

.competition {}
.competition h2 { font-family:Georgia, "Times New Roman", Times, serif; color:#9a9a9a; font-size:18px; margin-left:18px; }
.competition h3 { font-family:Georgia, "Times New Roman", Times, serif; color:#000000; font-size:22px; margin-left:18px; margin-bottom:10px;}
/*.competition .competitionDetails {height:100px; margin:-10px 0 0 0; padding:5px 0 20px 0; background-color:#e6dddb; color:#FFFFFF;clear:both; border-top:3px solid #000000;}*/

.competition .competitionDetails {height:100px; margin:-10px 0 0 0; padding:5px 0 20px 0; background-color:#ffffff; color:#FFFFFF;clear:both; border-top:3px solid #000000;}

.competition .competitionDetails .column1 { width:215px; float:left; margin:0 0 0 18px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; line-height:12px;text-transform:uppercase; padding:4px 0 0 0; }
.competition .competitionDetails .column2 { width:235px; float:left; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase; }
.competition .competitionDetails .column2 h2 { font-size:12px; line-height:100%; color:#7a7a7a; margin:0 0 0px 0; }
.competition .competitionDetails .column2 h3 { font-size:20px; line-height:100%; color:#FFFFFF; margin:0 0 -4px 0; }
.competition .competitionDetails .column2 h4 { font-size:30px; line-height:100%; color:#ff6e97; margin:0 0 -4px 0; }
.competition .competitionDetails .column2 h5 { font-size:27px; line-height:100%; color:#FFFFFF; margin:0 0 -4px 0; }
.competition .competitionDetails .column2 h6 { font-size:16px; line-height:100%; color:#FFFFFF; margin:0 0 0px 0;}
.competition .competitionDetails .column2 .standardpink { font-size:16px; line-height:100%; color:#ff6e97;}
.competition .competitionDetails .column3 { width:460px; float:left; margin:0 15px 0 17px; }
.competition .competitionDetails .column3 h2 { font-size:100%; color:#FFFFFF; margin:8px 0 5px 0; font-family:Trebuchet MS, Helvetica, Verdana, sans-serif; }
.competition .competitionDetails .column3 p { margin:0 0 5px 0; padding:0px; line-height:14px; color:#9c9c9c; }
.competition .competitionDetails .column4 { width:860px; float:left; margin:0 15px 0 17px; }
.competition .competitionDetails .column4 p { margin:0 0 5px 0; padding:0px; line-height:14px; color:#9c9c9c; }
.competition .competitionDetails .column5 { width:860px; float:left; margin:0 15px 0 17px; }
.competition .competitionDetails .column5 p { margin:0 0 5px 0; padding:0px; line-height:14px; color:#9c9c9c; }

.competition .competitionForm { margin:0 0 40px 0; }
/*.competition .competitionForm .competitionYourDetails { background-color:#ecddda;border-bottom:1px solid #d2d2d2;padding:20px 0;margin:0 0 10px 0;}*/
.competition .competitionForm .competitionYourDetails { background-color:#ffffff;border-bottom:1px solid #d2d2d2;padding:20px 0;margin:0 0 10px 0;}
.competition .competitionForm .competitionYourDetails .column1 { width:202px; float:left; padding:0 0 0 18px; }
.competition .competitionForm h2 { font-family:Trebuchet MS, Helvetica, Verdana, sans-serif; font-size:120%; color:#000000; margin:0 0 0 0; }
.competition .competitionForm .competitionYourDetails .column1 p { padding:0 0 0 0; margin:0 0 0 0; }
.competition .competitionForm .competitionYourDetails .column2 { width:725px; float:left; margin:0 0 0 15px; }
.competition .competitionForm .competitionYourDetails .column2 div { width:208px; float:left; margin:0 37px 10px 0;}
.competition .competitionForm .competitionYourDetails .column2 div label { float:left;}
.competition .competitionForm .competitionYourDetails .column2 div.email { margin-right:0px; }
.competition .competitionForm .competitionYourDetails .column2 div input { width:195px; margin-top:5px; }
.competition .competitionForm .competitionYourDetails .column2 div select { width:205px; margin-top:5px; }
.competition .competitionForm .competitionYourDetails .column2 div.dateOfBirth { width:460px; float:left; margin-right:0px; }
.competition .competitionForm .competitionYourDetails .column2 div.dateOfBirth label{float:none;}
.competition .competitionForm .competitionYourDetails .column2 div.dateOfBirth .validator{float:none;clear:right;}
.competition .competitionForm .competitionYourDetails .column2 div select.day { width:60px; margin-top:5px; }
.competition .competitionForm .competitionYourDetails .column2 div select.month { width:130px; margin-top:5px; margin-left:11px; }
.competition .competitionForm .competitionYourDetails .column2 div select.year { width:205px; margin-top:5px; margin-left:25px; }
.competition .competitionForm .competitionFriend { display:block; margin:20px 0 10px 0; padding:0 0 0 18px; }
.competition .competitionForm .competitionFriend h3 { width:182px;float:left; font-size:120%; margin:7px 35px 0 0; border-bottom:1px solid #000000; }
.competition .competitionForm .competitionFriend h3 span { background-color:#ffffff; padding:0px 4px; }
.competition .competitionForm .competitionFriend div { width:208px; float:left; margin:0 37px 10px 0; }
.competition .competitionForm .competitionFriend div label { float:left;}
.competition .competitionForm .competitionFriend div.email { margin-right:0px; }
.competition .competitionForm .competitionFriend div input { width:195px; margin-top:5px; }
.competition .competitionForm input.button {float:right;margin:10px 25px 0 0;}
.competition .competitionForm .competitionIntro{margin:0 18px;}
.competition .competitionForm .validator{ margin:0 0 0 5px; text-transform:uppercase;float:right;}
.competition .competitionForm .txtNotice {clear:both;font-size:90%;line-height:normal;}
.competition .competitionForm .txtDisclaimer {clear:both;font-size:90%;color:#9c9c9c;line-height:normal;margin:10px 25px 0 235px;}
.competition .competitionForm .txtGray { color:#9e9e9e; font-size:120%; }
.competition .txtGreen { color:#ff6666; }
.competition .txtPink { color:#ff6666; }
.competition .txtYellow { color:#ff6666; }
.competition .txtOrange { color:#ff6666; }


/*************************
* SHOP THE LOOK
*************************/

#mainContent .columnLookImage { width:310px; height:400px; float:left; margin:5px 20px 0 0; }
#mainContent .columnLookImage img { margin:20px 0 0 0; }
#mainContent .columnProductList { width:630px; float:left; padding:0 0 40px 0; }
#mainContent .columnProductList p { margin:0 0 25px 0; }
#mainContent .columnProductList .cartItem { width:630px; margin:10px 0 0 0; border-bottom:1px solid #000000; }
#mainContent .columnProductList .cartItem .imgContainer { width:115px; float:left; margin:5px 60px 10px 0; }
#mainContent .columnProductList .cartItem .itemInfo { width:220px; float:left; }
#mainContent .columnProductList .cartItem .itemInfo .itemDetails { }
#mainContent .columnProductList .cartItem .itemInfo .itemDetails span { color:#7A7A7A; }
#mainContent .columnProductList .cartItem .itemInfo .price { margin:5px 0 0 0; }
#mainContent .columnProductList .cartItem .quantity { width:220px; float: right; padding:35px 0 0 0; text-align:right; }
#mainContent .columnProductList .cartItem .quantity select{clear:both; float: right; display:block; margin-bottom: 10px;}
#mainContent .columnProductList .cartItem .quantity span.added { text-transform:uppercase; display:block; padding:10px 0px; text-align:right; }
#mainContent .columnProductList .cartItem .quantity a.button { width: 100px; float: right; display:block;margin-top:10px; margin-bottom:10px; clear: both;}
#mainContent .columnProductList a.buttonViewBasket { float:right; margin:20px 0px 0 0; color:#000000; background-color:#FFFFFF; border:1px solid #000000; padding:4px 15px; }

/*************************
* Please wait order processing
*************************/

#waitOrderProcessing
{
	margin-top: 20px;
	margin-bottom: 20px;
	visibility: hidden;

}

#waitOrderProcessing .loadingimage
{
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 30px;
}

#waitOrderProcessing .loadingtext
{
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-left: 10px;
}


/*************************
* Header clock
*************************/

#flashclockwrap
{
	width: 230px; 
	float: left;
}

/*************************
* PROMOTION CODE
*************************/
.promoCode {height:55px;padding:25px 0 10px 0;}
.promoCode span{margin-right:80px;}
.promoCode .formItem{float:left;padding-top:0px;}
.promoCode .formItem .label{width:395px;margin-top:0px;margin-right:5px;}
.promoCode .formItem .inputFields input{margin-top:0px;margin-right:0px;}
.promoCode .formItem .inputFields .promoCodeInfo {float: right; width: 560px; margin-top: 4px;}
.promoCode .formItem .inputFields .promoCodeInfo #whatsThisLink{margin-top:-2px;}
.promoCode input.buttonValidate{margin-top:10px;}


.wad_footer {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
}


a.downloadCatalogue{width:202px;height:28px; background:url(/images/btn_download_catalogue.png) no-repeat 0px 0px;display:block; float: left;}
a.downloadCatalogue:hover{background-position:0px -28px;}
a.downloadCatalogue span{display:none;}