#header {
	background-image: url(/assets/images/header.jpg);
	height: 125px;
	width: 942px;
	color: #FFFFFF;
	text-align: right;
	position: relative;
}

#headerNavigation
{
	float: right;
	margin-top: 5px;
	margin-right: 10px;
}

#header a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

#loginNotice strong {
	color: #FFFFFF;
}

#loginNotice {
	clear: both;
	color: #FFFFFF;
	position: absolute; bottom: 0; right: 0;
	padding: 9px;
}
	
body {
	background-image: url(/assets/images/BGpage.png);
	background-repeat: repeat-y;
	/*text-align: center;*/
	margin: 0px;
	color:#333333;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: center;
	line-height: 130%;
	min-width: 970px;
}

body, th, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
}

a span {
	cursor: pointer;
}

td 
{
	vertical-align: top;
}

p
{
	margin-bottom: 10px;
}

#navContainer 
{
	width: 100%;
	position: relative; z-index: 99;
}

#subNavContainer {
	clear: both;
	float: left;
	width: 159px;
	margin-top: 1px;
	margin-right: 1px;
	line-height: 170%;
	min-height: 500px;
	font-weight: bold;
	border-right: dotted 1px #CCCCCC;
	padding: 10px;
	padding-top: 20px;
	text-align: right;
	color:#63B4D6;
	position: relative; z-index: 99;
}

#subNavContainer ul {
	padding-left: 0px;
	margin-left: 0px;
	list-style-type: none;
}

#subNavContainer ul li ul li a {
	color:#111111;
}

#subNavContainer ul ul li a {
	padding: 0 10px 0 0;
	background: url('/assets/images/global/bullet.png') 100% 5px no-repeat;
}

#subNavContainer ul li ul {
	background-color:#eeeeee;
}

#subNavContainer hr {
	color: #D4D0C8;
	background-color: #D0CED5;
}

#subNavContainer a {
	color:#666666;
	font-weight: normal;
	}

#subNavContainer h2 {
	color:#63B4D6;
	font-weight: normal;
	}


a {
	color: #38B4D6;
	text-decoration: none;
}

strong, b {
	color: #38B4D6;
}

a:hover {
	color: #38B4D6;
	text-decoration: underline;
}

h1 { 
	font-size:x-large;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#38B4D6;
	line-height: 100%;
	margin: 0;
	margin-bottom: 10px;
}

#content h1, h2, strong {
	color:#63B4D6;
}

h3 { 
	font-size:medium;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#38B4D6;
	line-height: 100%;
}

h2 { 
	font-size:large;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
	margin: 0;
	margin-bottom: 10px;
}	
	
.greyHeading { 
	font-size:x-large;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#D0CED5;
}

#shell {	
	width: 942px;
	padding-right: 14px;
	padding-left: 13px;
	min-height: 1000px;
	text-align: left;
	margin:0 auto;
}

#content select {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:x-small;
	width:175px;
}

#contentContainer {
	float: left; display: inline;
	width: 740px;
	padding: 0; margin: 19px 0 0 0;
}

hr { color:#C2EAF0;}
.floatClearLeft {
	clear: left;
	float: left;
}
.greyText {
	color: #D0CED5;
}.floatRight {
	float: right;
	margin-left: 25px;
}
.padLeft25 {
	padding-left: 30px;
	width: 225px;
}
.ampersands {
	color: #BBBBBB;
}
.storeNavItems b {
		font-size:medium;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#D0CED5;
	padding-top: 10px;
	padding-bottom: 5px;
	/*border: 1px solid #FF0000;*/
	display:block;
}
#myAccount h1 {
	color: #C74B29;
}
#myAccount h2 {
	color: #C74B29;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C74B29;
	padding-bottom: 5px;
}
#myAccount a {
	color: #C74B29;
}
#myAccount ul {
	list-style-type: square;
}
#myAccount strong {
	color: #C74B29;
}
#myAccount th {
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: double;
	border-bottom-color: #C74B29;
	color: #C74B29;
}
#myAccount td {
	text-align: left;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C74B29;
	padding-top: 5px;
}
#myAccount  td  ul {
	text-align: left;
	margin-left: 10px;
	padding-left: 10px;
}
.searchMe{
	width: 150px;
	border: 1px solid #cccccc;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	margin: 10px 0 0 0;
}
.mySubmit {
	width: 35px;
	border: 1px solid #cccccc;
	background-color:#eeeeee;
	font-weight: bold;
	color: #999999;
	font-size:x-small;
	margin: 10px 0 0 0;
}

.dottedLeftBorder {
	border-left: dotted 1px #CCCCCC;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}
.dottedLeftBorder ul {
	margin-left: 5px;
	padding-left: 5px;
}.dottedTopBorder {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCCCCC;
}
#footer {
	float: left;
	padding-top: 20px;
	padding-left:10px;
	color: #D4D0C8;
	width: 500px;
}
#footer a {
	font-weight: normal;
	color: #666666;
	font-size: 12px;
	padding: 0 3px;
}

#footer #footerEmail  {
	background: url('/assets/images/new/fb.png') 0px 2px no-repeat;
	padding: 0 3px 0 20px;
}


.sale {
	font-weight: bold;
	color: #FF0000;
}

.oldPrice {
	color: #999999;
	text-decoration: line-through;
}

.large
{
	font-size: 20px;
	line-height:normal;
	font-weight: normal;
}

#ctl00_cphContent_uscProductListing_pnlCategoryImage, #productImage
{
	float: left;
	margin: 0 20px 20px 0;
}

.productListing td
{
	vertical-align: top;
	padding-right: 10px;
}

.productListing td.image
{
	padding-bottom: 10px;
}

.productListing td.details
{
	width: 147px;
	padding-bottom: 35px;
}

#productDetails
{
	float: left;
	width: 300px;
}

#productColours
{
	margin-top: 20px;
}

#productColours td
{
	vertical-align: middle;
}

.freeGift, .exclusiveProduct
{
	color: #999999;
	font-style:italic;
}

.error
{
	color: Red;
}

a img
{
	border: 0;
}

.refunded
{
	color: #CCCCCC;
}

.alignImageLeft
{
	float: left;
	margin-right: 15px;
	margin-bottom: 5px;
}

.alignImageRight
{
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}

/************************* productWrap *********************/

#prodWrap {
	padding: 20px 0 0;
	position: relative;
	width: 700px;
}

#prodLeft {
	width: 272px;
	float: left;
}

#prodRight {
	width: 428px;
	float: left;
}

#prodRight p {
	font-size: 11px;
	color: #636258;
	margin: 0 0 20px 0;
}

#prodRight p #smallTitle, #prodRight p label.smallTitleLabel
{
    font-weight: bold;
	color: #71b7d4;
}

#prodRight p #titleNote {
	font-size: 10px;
	color: #636258;
}

#prodRight h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 14px 0;
}

#prodRight table {
	margin: 5px 0 12px;
}

#prodRight table td {
	text-align: center;
	padding: 0 7px 17px 0;
	  width:73px;
}

#prodRight table td div {
	border: 1px solid #000;
	width: 31px;
	height: 31px;
	margin: 0 auto 3px;
}

#prodRight table td img {
	border: 1px solid #000;
	clear:both;
	display: block;
	margin: 0 auto 3px;
}

#prodRight table td label {
	display: block;
	padding: 4px 0;
	font-size: 10px;
	margin: 0 0 2px;
}

#hoverThumb {
	-moz-box-shadow: 1px 1px 6px #969696;
	-webkit-box-shadow: 1px 1px 6px #969696;
	padding: 3px;
	width: 159px;
	position: absolute;
	background: #fff;
	min-height:159px;
	  height:auto !important;
	  height:159px;
}

#prodRight table td input {
	margin: 3px 0 3px 0;
}


#prodRight #availSizes, #prodRight #ctl00_cphContent_ddlSizes {
	display: block;
	margin: 10px 0 10px;
}

#prodRight #prodPrice {
	font-size: 20px;
	font-weight: normal;
	color: #71b7d4;
	margin: 0 0 15px;
}

#prodRight .exclusive {
	display: block;
	font-weight: normal;
	color: #636258;
	font-size: 12px;
	padding: 0px 0 0;
}

#prodRight #prodNumber {
	width: 30px;
	margin: 0 0 20px;
}

#prodRight #prodSubmit {
	display: block;
	
}

p#availTitle {
	font-size: 12px;
	color: #71B7D4;
	font-weight: bold;
	margin: 0 0 3px;
}

/************************* left col new *********************/

#newWidgets {
	padding: 20px 0 0;
}

.leftWidget {
	border-top: 2px solid #71b7d4;
	padding: 15px 7px 10px;
	margin: 0 0 10px;
	text-align: left;
}

.noPad {
	padding: 10px 0;
}



.stay ul li {
	display: inline;
	margin: 0 10px 0 0;
	
}

.stay ul li.last {
	margin: 0;
}

.stay p {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 15px;
}

/**************** personal shopper widget *************/

#personalShopper {
	border: 1px solid #57aacc;
	text-align: center;
}

#personalShopperInfo {
	padding: 7px;
	border-left: 1px solid #57aacc;
	border-right: 1px solid #57aacc;
	border-bottom: 1px solid #57aacc;	
}

#personalShopperInfo p {
	font-size: 11px;
	line-height: 18px;
	color: #767676;
	font-weight: normal;
}

/**************** buttons widget *************/

#subNavContainer #emailX, #emailX {
	width: 162px;
	height: 50px;
	background: url('/assets/images/new/emailExclusives.png') left top no-repeat;
	text-indent: -999999px;
	display: block;
	margin: 7px 0 15px;
}

#freeDel {
	width: 162px;
	height: 41px;
	background: url('/assets/images/new/freeDelivery.png') left top no-repeat;
	text-indent: -999999px;
	display: block;
	margin: 0;
	padding: 0;
}

#subNavContainer #emailX:hover, #emailX:hover {
	background-position: left bottom;
}

/********************* homepage *********************/

#homeCoupons {
	background: #48b54a;
	margin: 0 0 0 12px;
	padding: 40px 0 30px 55px;
	display: inline-block;
	width: 693px;
}

#homeCoupons a {
	float: left;
	margin: 0 26px 20px 0;
	height: 150px;
	width: 198px;
	overflow: hidden;
}

#homeFlashAds {
    display: block;
    margin: 10px 0 0 9px; /* For some reason there is a 1 pixel indent in the content area?! Hence the 1px less left margin */
}

#homeFlashSingleAd {
    margin: 10px 0 10px 9px;
}

/* gift card extras */
#clickForInstructions
{
	border:1px solid #DDDDDD;
	padding:10px;
	padding-left:30px;
	text-align:center;
	background-image: url('/assets/images/giftcards/help.gif');
	background-position: left;
	background-repeat:no-repeat;
}

.worryFree
{
	font-size:11px;
	font-weight:normal;
	color:#999999;
	padding-bottom:10px;
	margin:0;
	
}

.lightboxInfo {
	background: #FFF url('/assets/images/icons/zoom.png') 0 50% no-repeat;
	padding: 10px 0 10px 30px;
}

#giftCardThemes a.thumb {
	position: relative; display: block;
	width: 145px; height: 100px;
}

#giftCardThemes a span {
	position: absolute; top: 0px; left: 0px; z-index: 1;
	display: block;
	width: 145px; height: 100px;
	background: url('/assets/images/icons/zoom.png') 50% 50% no-repeat;
	visibility: hidden;
}

#giftCardThemes a:hover {
	background: transparent;
}

#giftCardThemes a:hover span {
	visibility: visible;
}

/* competition page */
#quiz label
{
    display:inline-block;
    width:150px !important; 
}
#quiz input
{
    width:200px;
}
#quiz input.button
{
    width:auto;
}
#quiz p.question
{
    border-top:2px solid #fd7aa5;
    padding-top:5px;
    padding-bottom:5px;
    font-size:12px;
    font-weight:bold;
}
#quiz p.thin
{
    padding:0px !important;        
}
#quiz img.logo
{
    padding-left:50px;
}
#quiz p.smallPrint
{
    
}

/******************** SUPERFISH ********************/


/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1;
	width: 100%;
}
.sf-menu ul 
{
	position:		absolute;
	top:			-999em;
	width:			15em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			3em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			15em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu 
{
	background-color:		#75cbe2;
	float:			left;
	line-height: 1.5em;
}
.sf-menu ul
{
	line-height: 1em;
}
.sf-menu a {
	border-left:	none;
	border-top:		none;
	padding: 		.75em 1em ;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#FFFFFF;
	font-weight: bold;
}
.sf-menu li {
	background:		#75cbe2;
}
.sf-menu li li {
	background:		#75cbe2;
}
.sf-menu li li a {
	font-weight: normal;
}
.sf-menu li li li {
	background:		#75cbe2;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:		#b9e6f0 !important;
	outline:		0  !important;
}
.sf-menu li li:hover, .sf-menu li.on li:hover a, .sf-menu li li.sfHover, .sf-menu li.on li.sfHover a {
	background-color: #38B4D6 !important;
}
.sf-menu li.on a, .sf-menu li.trail a {
	background-color: #FFFFFF;
	color:#38B4D6;
}
.sf-menu li.on li a, .sf-menu li.trail li a {
	background-color: #75cbe2;
	color:#FFFFFF;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('/assets/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('/assets/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/* @media screen and (max-device-width: 480px){ */

body.mobile {
	background: none;
	margin: 0 !important; padding: 0 !important;
	font-family: Helvetica, Arial, sans-serif;
	min-width: 970px;
}

body.mobile iframe {
	height: 0 !important;
	margin: 0 !important; padding: 0 !important;
}

body.mobile #header {
	background: #38b4d6 url('/assets/images/global/mobileHeader.png') 11px 50% no-repeat !important;
	width: 100%;
	height: 46px !important; margin: 0 !important; padding: 0 !important;
}

body.mobile #contentContainer {
	margin: 19px 0 0 18px;
}

body.mobile .sf-menu 
{
	width: 100%;
}

body.mobile #shell {
	min-height: 1000px;
	width: 960px;
	text-align: left;
	margin: 0 !important; padding: 0 !important;
}

body.mobile .sf-menu {
	border-top: 1px solid #FFF;
}

body.mobile .sf-menu a {
	padding: 10px 14px;
	border-right: 1px solid #FFF;
}

body.mobile .sf-menu li ul a {
	border-right: none;
	border-bottom: 1px solid #FFF;
}

body.mobile .sf-sub-indicator {  /* give all except IE6 the correct values */
	top: 50px !important;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

body.mobile #subNavContainer ul {
	border: 1px solid #F2F2F2;
}

body.mobile #subNavContainer ul ul {
	border: none;
}

body.mobile #subNavContainer ul li a, body.mobile #subNavContainer ul ul li a, body.mobile #subNavContainer li.h {
	display: block;
	line-height: 12px;
	background: #FFFFFF url('/assets/images/global/subMenuGrad.png') 0 100% repeat-x;
	padding: 8px 12px;
	border: 1px solid #F2F2F2;
}

body.mobile #subNavContainer li.h {
 	background: none;
 	border: none;
}

body.mobile #subNavContainer ul li a, body.mobile #subNavContainer ul ul li a {
	border: none;
}

body.mobile #subNavContainer ul li ul {
	list-style-type: none;
}

body.mobile #subNavContainer #social {
	border: none;
}

body.mobile #subNavContainer #social li {
	display: inline;
}

body.mobile #subNavContainer #social li a {
	display: inline;
	background: none;
	padding: 0;
}

/* } */