@charset "utf-8";
/* CSS Document */

body {
	background:#fcd923 url(css/bodybg.jpg) top left no-repeat;
	padding:0px;
	margin:0px;
	font-size:0.85em;
	font-family:Arial, Helvetica, sans-serif;
	color:#5b5b5b;
}

#AddresBookLlink a {
	
}

a img { border:none; }

a { color:#00447e; } 

fieldset {
	padding:0px;
	border:0px;
}
span.error,
span.ErrorMsgLabel {
	color:#FF0000;
	display:block;
	margin-top:1em;
	margin-bottom:1em;
}	

#header {
	height:128px;
	width:100%;
	position:relative;
	background:url(css/headerbg.gif) top left no-repeat;
}

#logo {
	position:absolute;
	left:24px;
	top:17px;
	width:185px;
	height:91px;
}

#logo a {
	width:185px;
	height:91px;
	background:url(css/logo.gif);
}

#sitewrapper {
	width:953px;
	position:relative;
}

#content {
	background:url(css/contentbg.gif) top left repeat-y;
}
#contentcolumns {
	width:878px;
}

#contentleftcol {
	background:url(css/leftcolbg.jpg) bottom left no-repeat;
	width:229px;
	padding-bottom:175px;
	position:relative;
}
.contentpage #contentleftcol {
	padding-bottom:0px;
}
#contentrightcol {
	width:622px;
}

.homepage #contentrightcol {
	padding-top:35px;
}
.contentpage #contentrightcol {
	padding-top:56px;
}

#HeroPane {
	margin-bottom:16px;
}

#ContentPane {
	padding:27px 17px 0px 17px;
	background:url(css/contentpanebg.jpg) top left no-repeat;
	min-height:125px;
}

* html #ContentPane {
	height:125px;
}

#ContentPane p {
	font-size:0.95em;
	line-height:1.5em;
}

.bluepanel  {
	margin-left:17px;
}

#LeftPanelWrapper {
	position:absolute;
	bottom:0px;
}

#SearchPane {
	background:url(css/searchboxbg.gif) no-repeat;
	width:188px;
	height:62px;
	margin-top:22px;
	margin-bottom:8px;
}
#CustomerPane {
	background:url(css/bluepanelbg.gif) no-repeat;
	width:188px;
	height:83px;
}

#CustomerPane {
	font-size:0.9em;
}

#CustomerPane  a {
	text-decoration:none;
	color:#00447E;
	font-weight:bold;
}

.bluepanel fieldset {
	margin-left:18px;
	margin-right:17px;
	padding:1px 0px;
	border:0px;
}

.bluepanel fieldset .clearfix {
	width:100%;
}

.bluepanel fieldset .rightcol {
	width:19px;
}

.bluepanel h3.title,
.bluepanel h3.title {
	margin-top:11px; !important
}

.bluepanel .inputround {
	background:url(css/inputroundbg.gif) no-repeat;
	height:17px;
	display:block;
	margin-bottom:8px;
}

.bluepanel  .inputround_med {
	background:url(css/inputroundbg_med.gif) no-repeat;
	height:17px;
	display:block;
	width:127px;
}

.bluepanel .inputround input,
.bluepanel .inputround_med input {
	border:none;
	background:none;
	color:#5b5b5b;
	font-size:0.8em;
	text-indent:0.2em;
	height:17px;
	line-height:17px;
}

#footer {
	background:url(css/footerbg.gif) top left no-repeat;
	padding-top:12px;
}

/** nav **/
#topnav {
	position:absolute;
	left:196px;
	top:99px;
}
#topnav li a { 
	width:100%; 
	height: 29px; 
	color:#FFFFFF;
	background-image:url(css/topmenu.jpg); 
	/*background-image:url(css/topnav.gif); 
	background-repeat:no-repeat;
	background-position:0px 3px;*/overflow:hidden;
text-indent:-999em;
}


li#topnav_home { width:33px; }
li#topnav_sunglasses { width:95px; }
li#topnav_sunscreen { width:94px; }
li#topnav_cosmetics { width:95px; }
li#topnav_hats { width:58px; }
li#topnav_clothing { width:81px; }
li#topnav_shade { width:69px; }
li#topnav_accessories { width:103px; }
li#topnav_cards { width:120px; }

li#topnav_home a { background-position:0px 0px; }
li#topnav_sunglasses a { background-position:-33px 0px; }
li#topnav_sunscreen a { background-position:-128px 0px; }
li#topnav_cosmetics a { background-position:-223px 0px; }
li#topnav_hats a { background-position:-318px 0px; }
li#topnav_clothing a { background-position:-376px 0px; }
li#topnav_shade a { background-position:-457px 0px; }
li#topnav_accessories a { background-position:-526px 0px; }
li#topnav_cards a { background-position:-629px 0px; }

/*
li#topnav_home { width:26px; }
li#topnav_sunglasses { width:91px; }
li#topnav_sunscreen { width:86px; }
li#topnav_forher { width:69px; }
li#topnav_grabyourhat { width:108px; }
li#topnav_forhim { width:70px; }
li#topnav_kidstuff { width:82px; }
li#topnav_accessories { width:93px; }
li#topnav_cards { width:126px; }

li#topnav_home a { background-position:0px 3px; }
li#topnav_sunglasses a { background-position:-26px 3px; }
li#topnav_sunscreen a { background-position:-117px 3px; }
li#topnav_forher a { background-position:-203px 3px; }
li#topnav_grabyourhat a { background-position:-271px 3px; }
li#topnav_forhim a { background-position:-380px 3px; }
li#topnav_kidstuff a { background-position:-450px 3px; }
li#topnav_accessories a { background-position:-531px 3px; }
li#topnav_cards a { background-position:-626px 3px; }
*/

#leftnav {
	width:177px;
	margin-left:23px;
}
#leftnav li a { 
	display:block;
	width:100%; 
	height: 24px; 
	text-indent:-999em; 
	overflow:hidden; 
	background-image:url(css/leftnav.gif); 
	background-repeat:no-repeat;
	background-position:0px top;
}

li#leftnav_cards a { background-position:0px -24px; }
li#leftnav_hats a { background-position:0px -48px; }
li#leftnav_swimwear a { background-position:0px -72px; }
li#leftnav_sunglasses a { background-position:0px -96px; }
li#leftnav_cosmetics a { background-position:0px -120px; }
li#leftnav_sunscreen a { background-position:0px -144px; }
li#leftnav_shade a { background-position:0px -168px; }

li#leftnav_mens a { background-position:0px 0px; }
li#leftnav_womens a { background-position:0px -24px; }
li#leftnav_unisex a { background-position:0px -48px; }
li#leftnav_children a, li#leftnav_childrens a { background-position:0px -72px; }
li#leftnav_foundation a { background-position:0px -96px; }
li#leftnav_moisturisers a { background-position:0px -120px; }
li#leftnav_lipsticks a { background-position:0px -144px; }
li#leftnav_lip-gloss a { background-position:0px -168px; }
li#leftnav_umbrellas a { background-position:0px -192px; }
li#leftnav_sun-shelters a { background-position:0px -216px; }
li#leftnav_everyday a { background-position:0px -240px; }
li#leftnav_ultra a { background-position:0px -264px; }
li#leftnav_toddler a { background-position:0px -288px; }
li#leftnav_lifestyle-specific-use a { background-position:0px -312px; }
li#leftnav_adults a { background-position:0px -333px; }

#basenav {
	padding-left:17px;
	margin-bottom:26px;
}

#basenav li a { 
	width:100%; 
	height: 26px; 
	text-indent:-999em; 
	overflow:hidden; 
	background-image:url(css/basenav.gif); 
	background-repeat:no-repeat;
}

li#basenav_faqs { width:59px; }
li#basenav_sizing { width:99px; }
li#basenav_locations { width:112px; }
li#basenav_charity { width:183px; }
li#basenav_saveyourskin { width:108px; }
li#basenav_products { width:75px; }
li#basenav_postage { width:137px; }

li#basenav_faqs a { background-position:0px top; }
li#basenav_sizing a { background-position:-59px top; }
li#basenav_locations a { background-position:-158px top; }
li#basenav_charity a { background-position:-270px top; }
li#basenav_saveyourskin a { background-position:-453px top; }
li#basenav_products a { background-position:-561px top; }
li#basenav_postage a { background-position:-636px top; }

#footernav {
	margin-left:137px;
	font-size:0.9em;
}

#footernav * {
	color:#5b5b5b;
}


#footernav li {
	padding-left:14px;
	padding-right:15px;
	background:url(css/footernavsep.gif) top right no-repeat;
	height:18px;
	line-height:18px;
}

#footernav  li.First-Child {
	padding-left:0px;
}

#footernav  li.Last-Child {
	padding-right:0px;
	background:none;
}

#promo_orderonline {
	position:absolute;
	left:736px;
	top:148px;
}

.didyouknow,
.didyouknow blockquote {
	height:119px;
}


.didyouknow {
	background:url(css/didyouknowleft.gif) top left no-repeat;
	padding-left:95px;
	margin:0px;
	position:absolute;
/*	left:744px;*/
	right:0px;
	top:355px;
width:180px;
}

.contentpage .didyouknow {
	top:148px;
}
.didyouknow div {
	background:url(css/didyouknowright.gif) top right no-repeat;
	padding-right:21px;
	margin:0px;
}
.didyouknow div blockquote {
	background:url(css/didyouknow.gif) top repeat-x;
	margin:0px;
	padding:0px;
	color:#FFFFFF;
	text-align:left;
}

.didyouknow div blockquote div {
	padding-top:20px;
	padding-bottom:0px;
	padding-right:0px;
	background:none;
	font-size:0.9em;
	line-height:1.3em;
}

.didyouknow div blockquote div a {
	color:#FFFFFF;
	font-weight:bold;
}

#promo_didyouknow {
	position:absolute;
	left:744px;
	top:355px;
}


.contentpage #promo_didyouknow {
	left:744px;
	top:148px; 
}

#sitebyloaded {
	width:74px;
	height:46px;
	margin-top:1em;
	margin-left:816px;

}

#sitebyloaded a {
	display:block;
	width:73px;
	height:27px;
	/*background-image:url(css/loaded.gif);*/
}
/** titles **/
h1.title { height:23px; margin-bottom:31px; background-image:url(css/headers_orange.gif); background-position:-50px top; }
h2.title { height:23px; margin-top:7px; margin-bottom:7px; background-image:url(css/SubHeaders.gif);}
h3.title { height:13px; margin-bottom:7px; background-image:url(css/headers_white.gif);}


.title {
	background-repeat:no-repeat;
}

#title_products { margin-left:25px;	margin-top:47px; }
.contentpage #title_products { margin-top:35px; }

h3#title_productsearch { background-position:0px -13px; }

/** ASPDNSF auto generated titles **/

#title_accessories { background-position:10px 0px; }
#title_christmas-cards { background-position:10px -30px; }
#title_clothing { background-position:10px -62px; }
#title_cosmetics { background-position:10px -90px; }
#title_hats { background-position:10px -120px; }
#title_shade { background-position:10px -150px; }
#title_sunglasses { background-position:10px -180px; }
#title_sunscreen { background-position:10px -212px; }

#title_forher { background-position:-50px -207px; }
#title_grabyourhat { background-position:-50px -230px; }
#title_forhim { background-position:-50px -253px; }
#title_kidsstuff { background-position:-50px -276px; }

#title_faq { background-position:-50px -322px; }
#title_sizingcharts { background-position:-50px -345px; }
#title_storelocations { background-position:-50px -368px; }
#title_fundsraised { background-position:-50px -391px; }
#title_saveyourskin { background-position:-50px -299px; }
#title_products { background-position:-50px -437px; }
#title_postagehandling { background-position:-50px -460px; }

#title_productdetails { background-position:-50px -621px; }

#title_termsconditions { background-position:-50px -483px; }
#title_disclaimer { background-position:-50px -506px; }
#title_contactus { background-position:-50px -529px; }
#title_privacy { background-position:-50px -552px; }


#title_shoppingbag { background-position:-50px -644px; }
#title_createaccount { background-position:-50px -667px; }
h1#title_productsearch { background-position:-50px -690px; }

#title_account { background-position:-50px -713px; }
#title_addressbook { background-position:-50px -736px; }

#title_shippingoptions { background-position:-50px -759px; }
#title_paymentinformation { background-position:-50px -782px; }
#title_checkoutreview { background-position:-50px -805px; }

#title_register { background-position:-50px -851px; }

/** shopping bag **/
#shoppingbag { 
	position:relative;
	margin-left:18px; 
	width:211px;
}
#shoppingbag h3 {
	margin-top:0px;
	margin-bottom:20px;
	font-size:1.1em;
}

#shoppingbag * { color:#00447e; }

#shoppingbagdetailswrapper { background:url(css/minicartbg.gif) top left repeat-y; width:187px;}

#shoppingbagdetails { 
	padding:19px 5px 35px 21px;
	background:url(css/minicartbg-bot.jpg) bottom left no-repeat; 	
	font-size:0.9em;
}

#shoppingbag .rightcol { margin-top:20px; width:24px; }

#shoppingbag #checkout {
	position:absolute;
	right:0px;
	bottom:27px;
}
table.minicart {
	width:100%;
}

table.minicart td { vertical-align:top; font-size:0.9em;}
table.minicart th { text-align:left; }
table.minicart th.qty,
table.minicart td.qty { 
	text-align:center;
}

table.minicart tr.totalrow td { 
	padding-top:8px;
}

table.listing {
	width:100%;
	border-collapse:collapse;
	border:none;
}

table.listing td {
	width:196px;
}

table.listing td .buttonRow {
	width:196px;
	background:url(css/listing_buttonrowbg.gif) no-repeat;
}

table.listing td .buttonRow .clearfix {
	margin-top:0px;
}	

table.listing td .image {
	width:196px;
	background:url(css/listing_imagetopbg.gif) no-repeat;
	font-size:0.9em;
	color:#00447e;
	padding-top:14px;
}

table.listing td .image div {
	padding-left:19px;
	background:url(css/listing_imagebg.gif) top left repeat-y;
	padding-bottom:4px;
}


table.listing td .summary {
	width:196px;
	background:url(css/listing_summarytopbg.gif) no-repeat;
	font-size:0.9em;
	color:#00447e;
	padding-top:14px;
}

table.listing td .summary div {
	padding-left:31px;
	background:url(css/listing_summarybg.gif) repeat-y;
	padding-bottom:4px;
	padding-right:4px;
}

table.listing td .summary div div { 
	padding:0px;
	background:none;
}

.btn-details {
	width:66px;
	height:27px;
	background-image:url(ccimages/btn-details.gif);
}

.btn-buynow {
	width:66px;
	height:27px;
	background-image:url(ccimages/btn-buynow.gif);
}

table.listing td .buttonRow .imgbg.btn-details.leftcol {
	margin-left:70px; !important
	margin-top:4px; !important
}

table.listing td .buttonRow .imgbg.btn-details.leftcol {
	margin-right:17px; !important
	margin-top:4px; !important
}



.imgbg.btn-buynow {
	margin-right:17px; !important
	margin-top:4px; !important
}

/** helpers **/
.imgbg {
	display:block;
	overflow:hidden;
	text-indent:-999em;
	background-repeat:no-repeat;
	margin:0px;
	padding:0px;
}	

ul.unbulleted {
	margin:0px;
	padding:0px;
}
ul.unbulleted li {
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.horzlist {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.horzlist li {
	display:inline;
	float:left;
	list-style-type:none;
}
ul.horzlist a {
	display:block;
	float:left;
	text-decoration:none;
}

ul.horzlist a span{
	visibility:hidden;
}

ul.horzlistright {
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.horzlistright li {
	display:inline;
	float:right;
	list-style-type:none;
}
ul.horzlistright a {
	display:block;
	float:left;
	text-decoration:none;
}

ul.horzlistright a span{
	visibility:hidden;
}
.leftcol {
	float:left;
	display:inline;
}
.rightcol {
	float:right;
	display:inline;
}

/*\*/
html*.columns {
width:100%;
}/**/
*  html .columns {
	width:auto;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
html > body .clearfix {min-height: 1px; height: auto;} 
.clearfix {display: block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


#loaded-frame {
	float:right;
	width: 120px;
	height: 80px;
	padding: 20px 80px 20px 0px;
	
}

#loaded-logo{
	float:right;
	display:block;
}

a#loaded-webdeveloper:link, a#loaded-webdeveloper:hover, a#loaded-webdeveloper:visited{
	float:right;
	display:block;
	padding:2px 3px 2px 0px;
	width: 110px;
	font-size: 8px !important;
	text-align: right;
	color: white;
	text-decoration: none;
	letter-spacing:1px;
}

a#loaded-webdeveloper:hover{
	color: #D8D3CA;	
}