html { height: 100%; margin-bottom: 0.1em; }
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size : 11px;
	line-height: 15px;
	color: #333;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	}

body {
	margin: 0 0 0 0;
	padding: 0;
	width: 100%;
	text-align: center;
	background-color: #0396d7;
	background: url(../images/polka-bckgrd.gif) repeat #0396d7 ;
	}

a { text-decoration: none; }

img {
	border: none;
	vertical-align: top;
	}

input {
	font-size: 10px;
	}

table {
	border: 0;
	}

table th, table td {
	margin: 0;
	padding: 0;
	}

.loading {
	display: none;
	}
	
/*
------------------------------------------------------------------------------
FREE SHIPPING
----------------------------------------------------------------------------*/

#shipping_banner {
	width: 976px;
	height: 35px;
	margin: 0 auto 10px auto;
	display: block;
	background-color: #0396d7;
}

.freeShipping {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	color: #FFFFFF;
	font-weight: bold;
}

#emailsignup {
	width: 976px;
	height: 35px;
	margin: 8px auto 10px auto;
	display: block;
	background-color: #e5e5e5;
}

.emailsignup-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 0;
	color: #FFFFFF;
	font-weight: bold;
}

#emailContent {
	float: left;
	display: block;
	margin: 10px 10px 10px 0;
	width: 730px;
	background-color: #efefef;
	border: 10px solid #0396d7;
	}
	
#emailContent ul{
	list-style: none;
	}
	
#emailContent ul li{
	line-height: 1.7em;
	color: #0396d7;
	}

#emailContent label {
	display: block;
	width: 200px;
	}

.rowWide label {
	width: 100px !important;
	}

#emailContent label a {
	line-height: 15px;
	}

#emailContent input {
	width: 160px;
	}

#emailContent input.shortInput {
	width: 40px;
	margin-right: 7px;
	}

#emailContent input.float {
	float: left;
	}
	
.emailFormRow {
	display: block;
	width: 100%;
	height: 20px;
	padding: 3px 0 7px 0;
	}

	
/*
------------------------------------------------------------------------------
HEADER
------------------------------------------------------------------------------*/

#noScript {
	width: 550px;
	margin: 10px auto;
	background: #FF0000;
	border: 1px dotted #FFF;
	text-align: center;
	}

#noScript p{
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 20px;
	text-align: center;
	}

#header {
	position: relative;
	height: 90px;
	width: 976px;
	margin: 0 auto;
	text-align: left;
	/*background: url(../images/header_top.gif) no-repeat #fff;*/
	background: #ffffff;
	}

#header_shadow {
	width: 976px;
	margin: 0 auto;
	padding-left: 7px;
	padding-right: 3px;
	text-align: left;
	background: url(../images/shadow.png) repeat-y transparent;
}

#logo {
	float: left;
	width: 312px;
	height: 63px;
	background: url(../images/logo.gif) no-repeat 2px 10px;
	}

#headerNav {
	float: right;
	width: 490px;
	margin: 10px 10px 10px 0;
	background: #ffffff;
	}

#headerNav ul {
	float: right;
	}

#headerNav ul li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}

#headerNav ul li a {
	margin: 0 10px 0 0;
	font-size: 9px;
	color: #c3cf22;
	}

#headerNav ul li a:hover {
	color: #555555;
	background: #ffffff;
	}

#search {
	clear: right;
	float: right;
	margin-top: 5px;
	width: 190px;
	}

#searchField {
	width: 143px;
	height: 20px;
	border-color: #bfbfbf;
	border-style: solid;
	border-width: 1px;
	color: #bfbfbf;
	padding-top: 3px;
	padding-left: 3px;
	}

#searchField[id] {
	height: 13px;
	}

/*
------------------------------------------------------------------------------
GENERAL LAYOUT
------------------------------------------------------------------------------*/


#container {
	width: 976px;
	margin: 0 auto;
	padding-left: 7px;
	padding-right: 3px;
	text-align: left;
	background: url(../images/shadow.png) repeat-y transparent;
	}
	
#sideBar {
	clear: left;
	float: left;
	width: 217px;
	background-color: #ffffff;
	}

.btcBg {
	background: url(../images/btc-logo.gif) no-repeat 360px 70px transparent;
}

#contentProduct {
	margin: 0 0 0 218px;
	width: 758px;
	background: #ffffff;
	}

#content {
	margin: 0 15px 0 218px;
	width: 743px;
	background: #ffffff;
	}
	
#contentMain {
	padding: 0;
	width: 976px;
	background-color: #ffffff;
	}

#contentMainMargins {
	margin-left: 0px;
	margin-right: 0px;
	}

#content[id] {
	margin: 0 0 0 218px;
	width: 758px;
	}

.clearfix {
	height: 1%;
	}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.clearfix h4 {
    font-size: 9px;
	color: #555555;
}

html > body .clearfix {
    min-height: 1px;
    height: auto;
    }

.rightShadow {
	width: 976px;
	background: transparent;
	}

#mainPhoto {
	margin: 0 0 8px 0;
	}

#genericContent {
	width: 748px;
	padding: 0 0 0 0;
	float: left;
	background: #ffffff;
	}
	
#contestContent {
	width: 976px;
	float: left;
	background: #ffffff;
	}

.artShow_pic {
	padding: 5px;
	margin: 5px 2px 5px 0;
	border: 1px solid #e4e4e4;
}
	
.crumb {
	margin: 8px 0 15px 0;
	line-height: 17px;
	font-size: 10px;
	}

.crumb a {
	line-height: 17px;
	font-size: 10px;
	color: #0396d7;
	}

.crumb a:hover {
	color: #c3cf22;
	font-weight: bold;
	}

#crumbAndBtn {
	float: left;
	height: 32px;
	padding: 2px 0 0 0;
	}

#crumbAndBtn .crumb {
	width: 580px;
	float: left;
	}

.crumbBtm {
	margin-bottom: 0;
	}

#crumbAndBtn #btnSendFriend {
	margin: 7px 0 0 624px;
	}

#genericContent p {
	padding: 3px 15px 12px 0;
	line-height: 17px;
	}

#genericContent a {
	line-height: 17px;
	}

/* CATEGORY PAGE COMPONENTS */

#categoryPromoBox1 {
    width: 748px;
    height: 500px;
    float: left;
	padding: 10px 10px 0 0;
    border-color: #eaeaea;
    border-style: solid;
    border-width: 0px;
    overflow: hidden;
}

#categoryPromoBox2 {
    width: 369px;
    height: 225px;
	padding: 10px 10px 10px 0;
    float: left;
    background-color: #ffffff;
}

#categoryPromoBox3 {
    width: 369px;
    height: 225px;
	padding: 10px 0 10px 0;
    float:left;
    background-color: #ffffff
}

#topSellersBox {
 display: block;
 float: left;
 width: 734px;
 height: auto;
 background-color: #e7e7e7;
 padding: 12px;
 margin-top: 4px;
 margin-bottom: 10px;
 }
 
#newArrivalsBox {
 display: block;
 float: left;
 width: 941px;
 height: auto;
 background-color: #e4e4e4;
 padding: 5px 0 5px 35px;
 margin-bottom: 5px;
 }
 
#topSellerThumbs {
 float: left;
 width: 758px;
 margin-top: 10px;
}
 
#promoTextBox {
 float: left;
 display: block;
 width: 734px;
 height: auto;
 background-color: #ffffff;
 padding: 12px;
 margin-top: -10px;
 margin-bottom: 4px;
 font-size: 9px;
}

/* RELATED PRODUCTS */

.relatedBox {
	display: block;
	width: 297px;
	margin: 2px 0 0 0;
	background: transparent url(../images/related_bg_sides.gif) repeat-y left top;
	}

.rbTop {
	width: 297px;
	padding: 11px 0 0 0;
	background: transparent url(../images/related_bg_top.gif) no-repeat left top;
	}

.rbBtm {
	width: 297px;
	padding: 0 0 1px 0;
	background: transparent url(../images/related_bg_btm.gif) no-repeat left bottom;
	}

.relatedBox img {
	display: block;
	float: left;
	margin: 16px 0 16px 19px;
	}

.relatedBox h3 {
	color: #abc525;
	margin: 12px 0 0 19px;
	}

/* GENERIC LINK AND HOVER */
#genericContent a, #homeIntro a, #content_vanoc a {
	color: #abc525;
	line-height: 1.3em;
	}

#genericContent span.bin a {
	color: #ee1f74 !important;
	}

#genericContent a:hover, #homeIntro a:hover, #content_vanoc a:hover {
	color: #333;
	line-height: 1.3em;
	background: #abc525;
	}

/*modified March '08*/
#sectionNav ul li a:hover, #productsNav ul li a:hover, #genericContent .crumb a:hover, #sectionNav ul.subCat li a:hover, #sectionNav ul.subCat li.currentSubCat a:hover {
	color: #ee1f74;
	background: #f1f1f1;
	}

#sectionNav ul li a.bLink {
	color: #219abf !important;
	}

#sectionNav ul li a.bLink:hover {
	color: #fff !important;
	}

/*modified March '08*/
#sectionNav ul li a:hover, #productsNav ul li a:hover, #genericContent .crumb a:hover, #sectionNav ul.subCat li a:hover, #sectionNav ul.subCat li.currentSubCat a:hover {
	color: #ee1f74;
	background: #f1f1f1;
	}

#sectionNav ul li a.bLink {
	color: #219abf !important;
	}

#sectionNav ul li a.bLink:hover {
	color: #fff !important;
	}

/*modified March '08*/
#sectionNav ul.aboutusSub li a {
	color: #555 !important;
	font-weight: bold;
	}

#sectionNav ul.aboutusSub li a:hover {
	color: #ee1f74 !important;
	background-color: #f1f1f1;
	}

/*#sectionNav ul.aboutusSub li.currentSection a {
	color: #0396f7 !important;
	}*/
#sectionNav ul.aboutusSub li a
{
	display: block;
}



#sectionNav ul.aboutusSub li.currentSection a:hover {
	color: #c3cd44 !important;
	background-color: #f1f1f1;
	}

#sectionNav ul#subSubNav li a {
	/* color: #999 !important; */
	font-weight: normal !important;
	}

#sectionNav ul#subSubNav li a:hover {
	color: #ee1f74 !important;
	}

/*Added May 28, 2008 for Clearance section*/
#sectionNav li.clearanceNav a {
	font-weight: bold !important;
	color: #d30d44 !important;
	}
	/*End of clearance addition*/


#sectionNav ul.aboutusSub li a.sectionNavActive,
#sectionNav ul.aboutusSub li.currentSection a.sectionNavActive {
	color: #EE1F74 !important;
	background-color: #f1f1f1 !important;
	
	}

/*
 #sectionNav ul#subSubNav li.currentSection a {
	color: #fff !important;
	background: none;
	background-color: #ADC52F;
	}
*/
#sectionNav ul#subSubNav li {
	border: none;
	/*width: 180px;*/
	padding-left: 0;
	}

.leftMargin {
	padding-left: 8px;
	}

#genericContent span.bin {
	background: transparent url(../images/icon_bargain.jpg) no-repeat 0 1px !important;
	padding-left: 15px !important;
	padding-bottom: 2px !important;
	}

.bg_vanoc {
	background: url(../images/bg_vanoc.gif) repeat-y top left;
	text-align: center;
	}

#content_vanoc {
	padding: 10px 0 0 20px;
	width: 790px;
	}

.showBox {
	margin-top: 15px;
	}

/*
------------------------------------------------------------------------------
MAIN MENU - modified March '08
------------------------------------------------------------------------------*/

#mainNav {
	width: 976px;
	height: 40px;
	padding-left: 7px;
	padding-right: 3px;
	margin: 0 auto;
	background: url(../images/shadow.png) repeat-y transparent;
	text-align: left;
	}

#nav {
	position: relative;
	float: left;
	margin-top: 3px;
	padding-top: 2px;
	left: 12px;
	height: 28px;
}

#nav li ul, #nav li ul {
	margin: 0;
	padding: 0;
	}

#nav a {
	text-decoration: none;
	}

#newborn, #baby, #girl, #boy, #clearance, #storeLocator, .boxL input {
	float: left;
	}

.boxL {
	margin-bottom: 15px;
	padding-left: 143px;
	}

.boxL div {
	width: 400px;
	margin-left:20px;
	}

#nav li#newborn {
	width: 93px;
	}

#nav li#baby {
	width: 73px;
	}

#nav li#girl {
	width: 65px;
	}

#nav li#boy {
	width: 68px;
	}

#nav li#clearance {
	width: 120px;
	}

#nav li#storeLocator {
	width: 152px;
	}

#nav li {
	margin: 0;
	display: block;
	}

#nav li ul {
	display: none;
	}

#nav li.off ul, #nav li.on ul	{ /*put the subnav below*/
	position: absolute;
	top: 30px;
	height: 29px;
	background-color: transparent;
	}

#nav li#newborn ul {
	height: 8px;
	margin-left: 0;
	padding: 5px 0 10px 12px;
	}

#nav li#baby ul {
	height: 8px;
	margin-left: 10px;
	padding: 5px 0 10px 15px;
	}

#nav li.off ul li {
	display: inline;
	}

#nav li.on ul {
	background: transparent;
	}

#nav li.on:hover ul, #nav li.over ul { /*for ie*/
	top: 30px;
	background-color: #dadada;
	}

#nav li a {
	color: transparent;
	display: block;
	padding: 0;
	}

#nav li.on a {
	background: transparent;
	}

#nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
	top: 30px;
	background-color: #dadada;
	}

#nav li.on ul {
	display: block;
	}

#nav li.off:hover ul, #nav li.over ul {
	display: block;
	z-index: 6000;
	}

#nav li.off ul li a:hover, #nav li.on ul li a:hover {
	color: #0396d7;
	background-color: transparent;
	}

#nav li.off ul li a.lastInList:hover, #nav li.on ul li a.lastInList:hover {
	color: #0396d7;
	background: transparent;
	}


/*do the image replacement*/
#nav li span {
	position: absolute;
	left: -9384px;
	}

#newborn a.topItem, #baby a.topItem, #girl a.topItem, #boy a.topItem, #clearance a.topItem, #storeLocator a.topItem {
	display: block;
	position: relative;
	height: 28px;
	background: url(../images/nav_all.gif) no-repeat transparent; /*contains all hover states*/
	}

/*first, put the initial states in place*/
#newborn a.topItem {
	background-position: 1px 6px;
	}

#baby a.topItem {
	background-position: -93px 6px;
	}

#girl a.topItem {
	background-position: -166px 6px;
	}

#boy a.topItem {
	background-position: -231px 6px;
	}

#clearance a.topItem {
	background-position: -299px 6px;
	}

#storeLocator a.topItem {
	background-position: -419px 6px;
	}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

 #kidsZone.on a {
 	background-position: -204px -37px;
 	} /*add selectors for the other li's and background-positions*/
	
.contestTitle {
	color: #0396d7;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
}

.essay {
	padding: 0 20px 0 0;
}

.rate {
	padding: 0 20px 0 10px;
}

/*hover states*/
#newborn a:hover, #newborn:hover a, #newborn.over a {
	background-position: 1px -35px;
	}

#baby a:hover, #baby:hover a, #baby.over a {
	background-position: -93px -35px;
	}

#girl a:hover, #girl:hover a, #girl.over a {
	background-position: -166px -35px;
	}

#boy a:hover, #boy :hover a, #boy .over a {
	background-position: -231px -35px;
	}

#clearance a:hover, #clearance:hover a, #clearance.over a {
	background-position: -299px -35px;
	}

#storeLocator a:hover, #storeLocator:hover a, #storeLocator.over a {
	background-position: -419px -35px;
	}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
	clear: both;
	float: none; /*ie doesn't inherit the float*/
	width: 150px;
	padding: 0;
	display: inline;
	color: #555;
	font-size: 12px;
	margin: 0 !important;
	list-style: none;
	}

#nav li.off ul li, #nav li.on ul li {
	display: inline;
	color: #555;
	height: 8px;
	list-style: none;
	}

#nav li.off ul a.lastInList, #nav li.on ul a.lastInList {
	display: inline;
	background: none;
	}

#nav li.on ul a {
	display: inline;
	}

#belowHeader {
	height: 35px;
	text-align: left;
}

.greyBckgrd {
	width: 976px;
	margin: 0 auto;
	background: transparent;
}

/*
------------------------------------------------------------------------------
CART BTN
------------------------------------------------------------------------------*/

/* using nasty hack as moz doesn't like the float & pos rel needed for nav dropdown menu positioning on #nav */
#cartDetails {
	position: absolute;
	right: 15px;
	width: 97px;
	height: 25px;
	color: #666;
	font-size: 9px;
	line-height: 9px;
	}

#cartDetails p {
	font-size: 9px;
	color: #666;
	line-height: 10px;
	}

/*
------------------------------------------------------------------------------
SECTION MENU
------------------------------------------------------------------------------*/


#sectionNav {
	width: 200px;
	margin: 10px 6px 8px 10px;
	padding: 0 0 10px 0;
	font-weight: bold;
	background-color: #e4e4e4;
	/* needed for IE PC */
	/*border-top: 10px #ffffff solid;*/
	}

#sectionNav h2 {
	float: left;
	padding: 8px 0 5px 0;
	width: 200px;
	height: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background-color: #c3cf22;
	text-transform: uppercase;
	text-align: center;
	}

#subSubCat {
 font-weight: normal;
}

*:first-child+html #sectionNav h2 { padding-left: 0; }


h2#about {
	color: #ffffff;
	text-transform: uppercase;
	background-color: #c3cf22;
	}

h2#girls {
	background: url(../images/nav_girls_3_7.gif) no-repeat 17px 0;
	}

#sectionNav h3 {
	margin: 0;
	padding: 8px 0 0 15px;
	line-height: 10px;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	}

#productsNav h3 {
	margin: 0 0 5px 10px !important;
	width: 180px;
	height: 22px;
	font-size: 11px;
	font-weight: bold;
	color: #c3cd44;
	padding: 0 0 0 10px !important;
	}

#sectionNav ul {
	clear: left;
	margin: 0 0 0 0;
	}

#sectionNav ul#genContentNav {
	padding: 0 0 12px 0;
	}

#sectionNav ul li {
	/*width: 182px;*/
	/*padding: 2px 0 2px 10px;*/
	list-style: none;
	}
#sectionNav ul li {
	/*width: 166px;
	margin-left: 11px;*/
	}

#sectionNav ul li.topLine {
	border-top: 1px #c7e6f8 solid;
	}

#sectionNav ul li.openSection {
	border: none;
	}

#sectionNav ul li.lastSectionItem {
	border: 0;
	}

/* Mod Nov 27, 2009 -- Mike */
#sectionNav ul li a {
	font-size: 11px;
	padding: 2px 0 2px 21px;
	display: block;
	}

#sectionNav ul li ul li a {
	font-size: 11px;
	padding: 2px 0 2px 31px;
	display: block;
	}

#sectionNav ul li ul li ul li a {
	font-size: 11px;
	padding: 2px 0 2px 41px;
	display: block;
	}


#sectionNav ul.category li a {
	font-weight: bold;
	}

/*Added May 28, 2008*/
#sectionNav ul.category li.clearanceNav a:link {
	font-weight: normal;
	color: #d30d44;
	}

#sectionNav ul li.currentSection, #sectionNav ul li.openSection {
	font-weight: bold;
	}

/*	background: url(../images/arrow_current.gif) 0 7px no-repeat;
	}

#sectionNav ul li.openSection {
	background: url(../images/arrow_section.gif) 0 7px no-repeat;
	}*/

#sectionNav ul li.currentSection a, #sectionNav ul li.openSection a {
	color: #0396d7;
	}

#sectionNav ul li.currentSection a:hover, #sectionNav ul li.openSection a:hover {
	color: #fff;
	}

#productsNav {
	margin: 6px 6px 8px 0;
	padding: 0 0 10px 0;
	background: #f1f1f1;
	/* needed for IE PC */
	border-top: 10px #f1f1f1 solid;
	}

#productsNav ul {
	clear: left;
	margin: 0 0 0 0;
	}

#productsNav ul li {
	width: 182px;
	padding: 2px 0 2px 0;
	list-style: none;
	}

#productsNav ul li a {
	font-size: 10px;
	color: #555555;
	}

#favorites {
	background: #90cddf;
	padding-top: 30px;
	padding-left: 10px;
	}

#favorites h3 {
	padding: 23px 0 3px 15px;
	}

#favorites ul li a:hover {
	color: #333;
	background: #fff;
	}

#btnSizes {
	margin: 10px 0 0 15px;
	width: 80px;
	height: 18px;
	padding: 1px 0 0 0;
	background: url(../images/btn_sizes.gif) no-repeat;
	}

#btnSizes a {
	padding: 0 0 0 11px;
	font-size: 9px;
	color: #d61b4f;
	}

#btnSizes a:hover {
	color: #000;
	}

#noNav {
	width: 212px;
	margin-top: 43px;
	}

#noNav p {
	margin-left: 3px;
	width: 209px;
	height: 10px;
	line-height: 10px;
	background: #fff;
	}

/*
------------------------------------------------------------------------------
HOMEPAGE
------------------------------------------------------------------------------*/

#homePhoto {
	float: left;
	width: 807px;
	margin: 0 0 8px 0;
	}

#homePhoto img {
	display: block;
	width: 807px;
	height: 440px;
	}
	
.homeTitle {
 color: #0396d7;
 font-size: 14px;
 font-weight: 700;
 line-height: 22px;
}

#contentHomeLowerLeft {
 float: left;
 width: 620px;
 height: auto;
 padding-left: 15px;
}

#contentHomeLowerRight {
 float: right;
 width: 302px;
 padding-left: 15px;
 padding-right: 15px;
 height: auto;
}

/*img.sidePromo, img.sidePromoTall {
	display: block;
	width: 209px;
	height: 102px;
	margin: 0 0 0 3px;
	border-bottom: 8px #fff solid;
	}*/

/*
------------------------------------------------------------------------------
SIDEBAR
------------------------------------------------------------------------------*/

img.sidePromoTall {
	height: 110px;
	}

/* added March '08 */
.promo {
	display: block;
	padding: 0;
	width: 209px;
	height: 212px;
	background-color: #fff;
	}

#rollNewborn, #rollBaby, #rollKids, #rollSchool {
	display: block;
	border-bottom: 8px #fff solid;
	}
#rollNewborn {
	background: url(/images/sidebar/side_newborn.jpg) no-repeat;
	}
#rollBaby {
	background: url(/images/sidebar/side_baby.jpg) no-repeat;
	}
#rollKids {
	background: url(/images/sidebar/side_kids.jpg) no-repeat;
	}
#rollSchool {
	background: url(/images/sidebar/side_school.jpg) no-repeat;
	}
#rollDressSignup {
	background: url(../images/side_dress.jpg) no-repeat;
	}

.rollSub {
	display: block;
	width: 209px;
	height: 102px;
	}

.sidebarSub {
	display: block;
	width: 209px;
	height: 214px;
}

.tab {
	display: inline;
	float: left;
	padding: 84px 0 0 5px;
	}

.tabLeft {
	display: inline;
	float: left;
	width: 4px;
	height: 18px;
	background: url(../images/tab_left.gif) no-repeat;
	}

.tabCentre {
	display: block;
	float: left;
	padding: 4px 6px 1px 6px;
	background: #fff;
	}

.titleSub {
	padding: 0 0 3px 0;
	margin-right: 8px;
	}

.tabRight {
	display: inline;
	float: left;
	width: 4px;
	height: 18px;
	background: url(../images/tab_right.gif) no-repeat;
	}
/* END SIDE PROMOS */

#mailingListBox {
	width: 209px;
	}

#mailingList {
	margin: 0;
	padding: 0 0 13px 13px;
	}

#mailingList img, #homeIntro img {
	margin: 9px 0 0 0;
	}

#mailingList p {
	margin: 6px 0 10px 0;
	}

#mailingList label {
	display: block;
	color: #2399b7;
	}

#mailingList label {
	margin: 0 0 3px 0;
	line-height: 10px;
	font-size: 10px;
	}

#mailingList a {
	font-size: 10px;
	}

#emailField {
	width: 120px;
	height: 15px;
	border: 0;
	}

.listBtn {
	margin: 0 0 0 8px;
	display: inline;
	height: 15px;
	padding: 0 3px;
	background: #fff;
	}

.listBtn a {
	color: #2399b7;
	}

#homeIntroBox {
	float: left;
	width: 583px;
	margin-top: 8px;
	}

#homeIntro {
	margin: 0 0 0 0;
	padding: 0 0 15px 13px;
	background: transparent;
	}

#homeIntro p {
	margin: 6px 16px 0 0;
	}	
	
.sideBarTextCopy {
 float: left;
 display: block;
 width: 195px;
 padding: 0 10px 10px 10px;
 font-weight: normal;
 background: #ffffff;
}

.sideBarTextCopy p {
	color: #a5a5a5;
	text-align: justified;
	font-size: 10px;
	line-height: 1.3em;
}

.sideBarTextTitle {
 color: #1996d3;
 font-weight: bold;
 font-size: 11px;
 }

.rightSidebar {
	padding: 10px;
}

#communityContent {
	width: 552px;
	padding: 0 10px 0 10px;
	float: left;
	background: #ffffff;
	}
	
#communityContent p {
	padding: 3px 15px 12px 0;
	line-height: 17px;
	}

#communityContent a {
	line-height: 17px;
	}

/*
------------------------------------------------------------------------------
ABOUT US
------------------------------------------------------------------------------*/
#aboutPhoto {
	float: left;
	width: 583px;
	margin: 0 0 8px 0;
	}

/*
------------------------------------------------------------------------------
PRODUCT SECTIONS
------------------------------------------------------------------------------*/
#contentPromos {
	font-size: 0;
	line-height: 0;
	}

#contentPromos a {
	float: left;
	}

.contentThumbs {
	margin: 0 6px 0 0;
}

img#middlePromo {
	margin: 0 7px;
	}

#sectionNav ul.subCat {
	clear: left;
	margin: 0;
	padding: 0 0 0 47px;
	}

#sectionNav ul.subCat li {
	width: 150px;
	padding: 0 0 3px 0;
	margin: 0;
	border: none;
	}

#sectionNav ul.subCat li a {
	font-weight: normal;
	color: #abc525;
	}

#sectionNav ul.subCat li.currentSubCat a {
	font-weight: bold;
	color: #219abf;
	}

#productPic {
	float: left;
	}

#prodView {
	margin: 0;
	text-align: center;
	}

#productImg {
	margin: 20px 0;
	text-align: center;
	}

#productPic #btnMoreViews {
	margin-bottom: 2px;
	}

#productDetails {
	width: 260px;
	margin-left: 310px;
	}

.rule {
	float: left;
	width: 240px;
	padding-bottom: 7px;
	border-top: #c3e4ee 1px solid;
	font-size: 0;
	line-height: 0;
	}

.dotRule {
	margin: 10px 0;
	height: 1px;
	width: 745px;
	font-size: 0;
	line-height: 0;
	background: url(../images/dot.gif) repeat-x top left;
	}

.dotRule2 {
	margin: 5px 0 5px 0;
	height: 1px;
	width: 128px;
	font-size: 0;
	line-height: 0;
	background: url(../images/dot.gif) repeat-x top left;
	}

.dotRule3 {
	margin: 10px 0 0 0;
	height: 1px;
	width: 760px;
	font-size: 0;
	line-height: 0;
	background: url(../images/dot.gif) repeat-x top left;
	}

.dotRule4 {
	margin: 10px 0 0 0;
	height: 1px;
	width: 630px;
	font-size: 0;
	line-height: 0;
	background: url(../images/dot.gif) repeat-x top left;
	}

.dotRule5 {
	margin: 0 0 15px 0;
	width: 807px;
	height: 2px;
	font-size: 0;
	line-height: 0;
	background: url(../images/dot.gif) repeat-x bottom left;
}

/* --- PRODUCT DETAILS --- */

table.productOptions {
	width: 260px;
	margin-bottom: 7px;
	}

table.productOptions td {
	background: transparent url(../images/dot.gif) repeat-x left bottom;
	padding-bottom: 5px;
	padding-top: 10px;
	}

table.productOptions td.prodOptionNo {
	width: 24px;
	vertical-align: bottom;
	}

td.prodOptionNo h2 {
	margin: 0 !important;
	padding: 0 !important;
	}

.prodOptionDetail p {
	margin: 0 !important;
	padding: 0 !important;
	}

.prodOptionDetail select {
	margin: 3px 0;
	}

/* --- OUTFIT DETAILS --- */

#outfitsProducts {
	width: 256px;
	margin-left: 298px;
	}

#outfitsProducts a:hover {
	background-color: transparent !important;
	}

#outfitsProducts h2 {
	margin: 0 0 5px 11px;
	}

#outfitsProducts .loadingMsg {
	color: #abc525;
	margin: 5px 0 5px 24px;
	}

#outfitsProducts .outfit {
	width: 256px;
	background: transparent url(../images/feat_closed_bg_mid.gif) repeat-y left top;
	margin-bottom: 3px;
	}

#outfitsProducts .outfitBtm {
	width: 256px;
	background: transparent url(../images/feat_closed_bg_btm.gif) no-repeat left bottom;
	}

#outfitsProducts .outfitTop {
	width: 222px;
	min-height:60px;
	background: transparent url(../images/feat_closed_bg_top.gif) no-repeat left top;
	padding: 10px 10px 10px 24px;
	}

#outfitsProducts .outfitSel {
	width: 256px;
	background: transparent url(../images/feat_open_bg_mid.gif) repeat-y left top;
	margin-bottom: 3px;
	}

#outfitsProducts .outfitSelBtm {
	width: 256px;
	background: transparent url(../images/feat_open_bg_btm.gif) no-repeat left bottom;
	}

#outfitsProducts .outfitSelTop {
	width: 222px;
	background: transparent url(../images/feat_open_bg_top.gif) no-repeat left top;
	padding: 10px 10px 10px 24px;
	}

#outfitsProducts img.outfitImg {
	display: block;
	float: right;
	}

#outfitsProducts img.featChoose, #outfitsProducts img.featChecked, #outfitsProducts img.featRemove {
	display: block;
	}

#outfitsProducts img.featChecked {
	float: left;
	display: inline;
	margin-top: 3px;
	margin-right: 10px;
	width: 13px;
	}

#outfitsProducts img.featCancel {
	margin-left: 24px;
	}

#outfitsProducts h3 {
	color: #219abf;
	line-height: 11px;
	margin-bottom: 7px;
	}

#addOutfit {
	display: block;
	float: right;
	margin-top: 5px;
	}

table.outfitOptions {
	width: 222px;
	margin-bottom: 7px;
	}

table.outfitOptions td {
	background: transparent url(../images/dot.gif) repeat-x left bottom;
	padding-bottom: 5px;
	padding-top: 10px;
	}

table.outfitOptions td.outfitOptionNo {
	width: 24px;
	vertical-align: bottom;
	}

td.outfitOptionNo h2 {
	margin: 0 !important;
	padding: 0 !important;
	}

.outfitOptionDetail p {
	margin: 0 !important;
	padding: 0 !important;
	}

.outfitOptionDetail select {
	margin: 3px 0;
	}

.outfitOptionDetail .swatch img{width:22px;height:22px;}

/*
------------------------------------------------------------------------------
PRODUCT SKU OPTIONS
------------------------------------------------------------------------------*/

.skuChoices {
	width: 217px;
	margin-left: 34px;
	}

#optionColour {
	display: inline;
	width: 100px;
	font-weight: bold;
	}

#optionSize {
	display: inline;
	width: 100px;
	font-weight: bold;
	}

.skuChoices p {
	margin-top: 5px;
	}

.swatch{
	float:left;
	text-align:center;
	vertical-align:middle;
	line-height:19px;
	color:#369;
	cursor:pointer;
	font-weight:bold;
	margin-right: 5px;
	}

.swatch img{display:block;border:1px solid #FFFFFF;}
.swatch .normal{border:1px solid #c7e6f8;margin:2px;}
.swatch .hover{border:2px solid #c7e6f8;margin:1px;background-color:#CCE6FF;}
.swatch .selected{border:2px solid #d61b4f;background-color:#CCE6FF;margin:1px;}
.swatch .soldOut{border:1px dotted #ccc;margin:2px;background-color:#fff;color:#999;}
.swatch .selectedSoldOut{border:2px dotted #ccc;background-color:#fff;color:#999;margin:1px;}

#btnAdd {
	width: 158px;
	height: 24px;
	margin: 5px 0 0 24px;
	}

p.promoNote {
	margin-bottom: 5px;
	font-size: 9px;
	font-weight: bold;
	color: #b3ca39;
	}

.multipage {
	float: left;
	}

.paging {
	float: right;
	padding: 10px 18px 0 0;
	font-size: 9px;
	color: #666;
	}

.paging a {
	font-size: 9px;
	color: #abc525;
	}

.paging a:hover {
	color: #fff;
	background: #abc525;
	}

.crumbPaging {
	height: 40px;
	}

/*
------------------------------------------------------------------------------
PRODUCT THUMBS
------------------------------------------------------------------------------*/

.productThumb {
	float: left;
	margin: 0 5px 0 0;
	padding-bottom: 15px;
	width: 180px;
	text-align: left;
	}

.productThumb a{	
	color: #555555 !important;
	}

.productThumbImage {
	height: 210px;
	width: 180px;
	display: block;
	border: 1px #ECECEC solid;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	}
	
.productThumbImage a{
	/*margin-top: 10px;*/
	background: transparent !important;
	}

.productThumb a {
    color: #555555;
	text-align: left;
  }
  
.productThumb a:hover {
    color: #0396d7 !important;
	text-align: left;
	background-color: #ffffff !important;
  }

.productThumb p {
	font-size: 1.3em;
	width: 100%;
	text-align: left;
	}

.bargainCat {
	font-weight: bold;
	margin-bottom: 5px;
}

.productThumb .price {
	font-weight: bold;
	font-size: 0.9em;
	display: block;
	text-align: left;
	}

.productThumb .oldPrice {
	font-size: 0.75em;
	display: block;
	text-align: left;
	font-style: italic;
	}

.productThumb .salePrice {
	display: block;
	font-weight: bold;
	color: #d30d44;
	font-size: 0.9em;
	line-height: 1.3em;
	}
	
/*VIP PRICE THUMBS*/
.vip-priced .price {
	font-weight: bold;
	display: block;
	text-align: left;
	}

.vip-priced .oldPrice {
	font-size: 0.75em;
	line-height: 1.0em !important;
	text-align: left;
	padding: 2px 0 3px 0;
	}

.vip-priced .salePrice {
	color: #000000 !important;
	font-weight: bold;
	font-size: 0.9em;
	background: url(../images/vipPrice-title.gif) no-repeat left 50% #c3cf22;
	-moz-border-radius: 4px;
	border: 1px solid #c3cf22;
	padding: 2px 10px 2px 55px;
	text-align: left;
	display: block;
	width: 18%;
	line-height: 1.2em;
	}
/*END VIP PRICE */

.productThumb .wowText {
   	color: #000000;
	font-weight: bold;
	background-color: #c3cf22;
	padding: 3px 5px 3px 2px;
	font-size: 1.03em;
	letter-spacing: 0px;
  	}

.productThumb .wowPrice {
	color: #000000;
	font-weight: bold;
	background-color: #c3cf22;
	font-size: 1.03em;
	padding-left: 5px;
	padding-right: 2px;
	letter-spacing: 0px;
  	}

.productThumb .valueText {
	color: #000000;
	font-weight: bold;
	background-color: #c3cf22;
	padding: 3px 5px 3px 2px;
	font-size: 1.03em;
	letter-spacing: 0px;
  	}

.productThumb .valuePrice {
	color: #000000;
	font-weight: bold;
	background-color: #c3cf22;
	font-size: 1.03em;
	padding-left: 5px;
	padding-right: 2px;
	letter-spacing: 0px;
  	}

.productDetails .price {
	font-weight: bold;
	font-size: 12px;
	line-height: 1.8em;
	}

.productDetails .salePrice {
	display: inline;
	font-size: 12px;
	font-weight: bold;
    color: #d30d44;
	}

.productDetails .oldPrice {
    font-size: 12px;
    }
	
/*VIP PRODUCT DETAILS */

.vip-priced-dt .price {
	font-weight: bold;
	font-size: 12px;
	}

.vip-priced-dt .salePrice {
	font-size: 13px;
	line-height: 1.4em;
	color: #000000 !important;
	font-weight: bold;
	background: url(../images/vipPrice-title-detail.gif) no-repeat 3% 50% #c3cf22;
	-moz-border-radius: 4px;
	border: 1px solid #c3cf22;
	width: 15%;
	padding: 2px 10px 0 60px;
	display: block;
	text-align: left;
	}

.vip-priced-dt .oldPrice {
    font-size: 12px;
	display: block;
	line-height: 10px;
	padding-left: 5px;
    }
	
/*END VIP PRODUCT DETAIL */

.productDetails .sale {
    font-size: 12px;
    }

.productDetails .valueText {
  color: #000000;
	font-weight: bold;
	background-color: #c3cf22;
	padding: 3px 5px 3px 5px;
	font-size: 1.03em;
	letter-spacing: 0px;
  }

.productDetails .valuePrice {
  color: #000000;
	font-weight: bold;
	background-color: #c3cf22;
	padding: 0 5px 0 2px;
	font-size: 1.03em;
	letter-spacing: 0px;
  }

.productDetails .wowText {
  color: #000000;
	font-weight: bold;
	background-color: #c3cf22;
	padding: 3px 5px 3px 5px;
	font-size: 1.03em;
	letter-spacing: 0px;
  }

.productDetails .wowPrice {
  color: #000000;
	font-weight: bold;
	background-color: #c3cf22;
	padding: 0 5px 0 2px;
	font-size: 1.03em;
	letter-spacing: 0px;
  }

.sale {
	text-decoration: line-through;
	}

.salePrice {
	color: #d61b4f;
	}



/*
------------------------------------------------------------------------------
SHOPPING CART
------------------------------------------------------------------------------*/
/*Gift Card Payment - Added Nov '08 */
#paymentOptions {
	background: #f1f1f1;
	display: block;
	float: left;
	width: 344px;
	padding: 10px;
}

#selectPayment {
	background: #0396d7;
	float: left;
	margin-top: 25px;
	display: block;
	width: 733px;
	height: 40px;
	color: #ffffff;
	line-height: 3.5em;
}

#giftCard {
	padding: 10px;
	width: 330px;
	float: left;
	display: block;
}

#creditCard {
	padding: 10px;
	width: 359px;
	float: left;
	border-left: 4px solid #ffffff;
	display: block;
}

#pageBottom {
	width: 100%;
	float: left;
	display: block;
}

#contentBar_gift {
	height: 1px;
	width: 100%;
	display: block;
	background: #f1f1f1;
	float: left;
	margin-bottom: 5px;
	}

table.vip_points {
	width: 350px;
	font-size: 10px;
	color: #fff;
}

table.vip_points th {
	color: #666666;
}

table.vip_points tr {
	padding-bottom: 3px;
	padding-top: 3px;
	display: block;
	border-bottom: 1px dotted #e4e4e4;
}

#vipBenefits {
	float: left;
	width: 275px;
	padding: 15px 15px 15px 0;
	display: block;
}

#vipBenefits ul {
	list-style: none;
	color: #666666;
}

#vipBenefits li {
	list-style: none;
	color: #666666;
}
	
.cartHeader {
	margin-bottom: 22px;
	}
	
table.cartTable {
	width: 730px;
	}

table.cartTable th {
	padding: 3px 5px;
	font-size: 10px;
	color: #666666;
	background: #e4e4e4;
	}

table.cartTable td {
	padding: 5px 5px;
	font-size: 10px;
	color: #666;
	border-bottom: 1px #a5a5a5 dotted;
	}

a.cartPrdName, font.cartPrdName {
	line-height: 11px;
	font-size: 10px;
	font-weight: bold;
	color: #219abf;
	}

a.cartPrdName:hover {
	color: #fff;
	background: #abc525;
	}

.cartCat {
	width: 90px;
	}

.cartDetails {
	width: 290px;
	}

.cartPrice {
    width: 90px;
    text-align: right;
    }

.cartTotal {
	width: 60px;
	text-align: right;
	}

.cartQuantity {
	width: 60px;
	text-align: center;
	}

.cartItemError p {
    margin-left: 4px;
    font-size: 10px;
    color: #d61b4f;
    }
.cartOutOfStock p b {
    font-size: 11px;
    }

.cartImage {
	float: left;
	display: inline;
	width: 50px;
	}

.cartDetailsInfo {
	margin: 0 0 0 60px;
	padding: 0;
	color: #666;
	}

span.cartProdInfo, .couponDiscountValue {
	line-height: 10px;
	font-size: 10px;
	color: #d61b4f;
	}

table.cartTable td.cartTotal {
	font-size: 10px;
	color: #219abf;
	}

span.cartSale {
	text-decoration: line-through;
	}

span.cartSalePrice {
	color: #d61b4f;
	}

#continueShopping {
	float: left;
	width: 281px;
	height: 75px;
	padding-top: 10px;
	}

#continueShopping p {
	padding: 0 0 3px 0;
	color: #333;
	}

#continueShopping select {
	float: left;
	margin-left: 0;
	}

#btnGo {
	margin-left: 173px;
	}

table#totals {
	float: right;
	width: 320px;
	margin-top: 8px;
	margin-right: 15px;
	background: #f1f1f1;
	}

table#discountTotals {
	float: left;
	margin-right: 30px;
	width: 320px;
	margin-top: 10px;
	background: #f1f1f1;
	}
	
table#couponDiscount {
	float: left;
	margin-right: 15px;
	width: 600px;
	margin-top: 10px;
	background: #ffffff;
	}

table#totals td {
	padding: 6px 6px 5px 8px;
	border-bottom: 1px #ffffff solid;
	}

table#totals td.totalsTitle {
	font-size: 14px;
	color: #d30d44;
	padding: 0 6px 5px 8px;
	background: #ffffff;
	}

table#discountTotals td {
	padding: 6px 6px 5px 8px;
	border-bottom: 1px #ffffff solid;
	}

table#totals td.subTotal, table#discountTotals td.subTotal {
	padding-top: 11px;
	padding-bottom: 11px;
	}

table#totals select, table#discountTotals select {
	margin-bottom: 3px;
	}

table#totals td.costs .strong, table#discountTotals td.costs .strong {
	text-align: right;
	}

table#totals .strong, table#discountTotals .strong {
	padding-left: 4px;
	}

table#totals p, table#discountTotals p {
	padding: 5px 0 5px 4px;
	}

table.giftservices {
	width: 277px;
	}

table.giftservices td {
	border: none !important;
	}

table.giftservices .giftmsg {
	background-color: #ffffff;
	border:1px solid #219ABF;
	width: 250px;
	margin: 0 auto;
	margin-bottom: 5px;
	padding: 5px;
	font-size: 10px;
	}

table .errorMsg {
	color: #D61B4F;
	font-weight: bold;
	}

/*
------------------------------------------------------------------------------
TYPE
------------------------------------------------------------------------------*/
h1 {
	width: 733px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.7em;
	margin: 10px 0 10px 0;
	padding:0;
	color: #c3cf22;
	}


h2 {
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.7em;
	margin: 0 0 5px 0;
	color: #d61b4f;
	}

/* Created for bogo_details.php page */
h4 {
	font-weight: bold,strong;
	font-size: 1.2em;
	line-height: 1.4;
	margin: 0 0 10px 0;
	color: #000000;
	}

.strong {
	font-weight: bold;
	}

pre {
	white-space: pre;
	font-family: monospace;
	}

#sideBar h2 {
	/*margin-left: 15px;*/
	}

#pageAlphaNav {color: #666;}
#pageAlphaNav a { color: #219abf; padding-left: 5px; padding-right: 5px; }
#pageAlphaNav a:hover { color: #fff; background: #abc525; }

.rules h3 {
	margin-top: 15px !important;
	}
	
	
a.greenLink:link {color:#abc525;}
a.greenLink:visited {color:#abc525;}
a.greenLink:active {color:#abc525;}
a.greenLink:hover {color:#333333; background-color: #abc525; background-position: 0% 0%;}


/*
------------------------------------------------------------------------------
LISTS
------------------------------------------------------------------------------*/
#genericContent ul{
	list-style: none;
	margin-left: 20px;
	}

#genericContent ul li{
	line-height: 16px;
	font-size: 11px;
	color: #5E7E7E;
	padding-left: 12px;
	margin-top: 3px;
	background: url(/template/images/bullet_li.gif) no-repeat 0 7px;
	}

#genericContent ol {
	padding: 0 20px;
	}

#genericContent ol li {
	margin-bottom: 5px;
	}

.popup ul {
	margin-bottom: 10px !important;
	}

.listBold li {
	color: #333333 !important;
	font-weight: bold;
	}

#genericContent ol.indent li {
	margin-left:10px;
	}

#genericContent ul.noBullet li {
	background: none;
	}

/*
------------------------------------------------------------------------------
BUTTONS
------------------------------------------------------------------------------*/
#btnSendFriend {
	width: 126px;
	height: 18px;
	padding: 1px 0 0 0;
	margin-top: 10px;
	margin-bottom: 10px;
	background: url(../images/btn_send_friend.gif) no-repeat;
	}

#btnSendFriend a {
	padding: 0 0 0 24px;
	font-size: 9px;
	color: #fff;
	}

#btnSendFriend a:hover {
	color: #333;
	background: none;
	}

#btnMoreViews {
	width: 126px;
	height: 18px;
	padding: 1px 0 0 0;
	background: url(../images/btn_more_views.gif) no-repeat;
	}

#btnMoreViews a {
	padding: 0 0 0 24px;
	font-size: 9px;
	color: #fff;
	}

#btnMoreViews a:hover {
	color: #333;
	background: none;
	}

#btnGo {
	width: 32px;
	height: 18px;
	padding: 1px 0 0 0;
	background: url(../images/btn_go.gif) no-repeat;
	}

#btnGo a {
	padding: 0 0 0 9px;
	font-size: 9px;
	color: #fff;
	}

#btnGo a:hover {
	color: #333;
	background: none;
	}

a#btnHelp:hover {
	background: none !important;
	}
/*
------------------------------------------------------------------------------
COLUMNS
------------------------------------------------------------------------------*/
.column_halfpageRight_contest {
	width: 510px;
	float: left;
	margin-left: 20px;
	}

.column_halfpageLeft_contest {
	width: 436px;
	float: left;
	padding-left: 10px;
	margin-bottom: 10px;
	z-index: 1000;
	}

	
.column_halfpageLeft {
	width: 360px;
	float: left;
	display: inline;
	margin-bottom: 10px;
	}

.column_halfpageRight {
	width: 360px;
	margin-left: 370px;
	}

.column_halfpageLeft_pay {
	width: 275px;
	float: left;
	margin-bottom: 10px;
	}

.column_halfpageRight_pay {
	width: 125px;
	margin-top: 9px;
	float: left;
	}
	
	
/*
------------------------------------------------------------------------------
STORES
------------------------------------------------------------------------------*/

#browse ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 540px;
	}

#browse ul li {
	display: inline !important;
	padding: 0;
	background: none;
	margin-right: 5px;
	white-space: normal;
	}

/* Hides from IE-mac \*/
* html #browse ul li { white-space: normal;}
/* End hide from IE-mac */

/*
------------------------------------------------------------------------------
TABLES
------------------------------------------------------------------------------*/

table#store {
	margin-bottom: 20px;
	width: 725px;
	}

table#store th, table.store th {
	background: #A7D7E6;
	color: #FFF;
	}

table#store td, table#store th, table.store td, table.store th {
	border-bottom: 1px dotted #A7D7E6;
	text-align: left;
	padding: 2px 5px;
	}

table#store td.tel, table#store th.tel, table.store td.tel, table.store th.tel {
	text-align: left;
	width: 100px;
	}
	
table#store a{
	color: #555555;
	}

table#store a:hover {
	color: #c3cf22;
	background-color: #ffffff;
}

table#store a:visited {
	color: #999999;
}

table#store td.title {
	color: #c7203e;
	text-align: left;
	width: 100px;
	padding-top: 10px;
	}

table.store {
	width: 725px;
	}

table.sizecharts
/*------------------------------------------------------------------------------
District List for Careers
------------------------------------------------------------------------------*/
table.districtList {
	margin-bottom: 20px;
	width: 540px;
	}

table.districtList th {
	background: #A7D7E6;
	color: #FFF;
	}

table.districtList td, table.districtList th {
	border-bottom: 1px dotted #A7D7E6;
	text-align: left;
	padding: 2px 5px;
	}

table.districtList td.tel, table.districtList th.tel {
	text-align: left;
	width: 100px;
	}

/*------------------------------------------------------------------------------
TOGGLE
------------------------------------------------------------------------------*/
.toggle a.toggleLink {
	padding-left: 12px;
	background: transparent url(../images/arrow_big.gif) no-repeat left center;
	font-weight: bold;
	}

.toggle a.toggleLink:hover {
	background: transparent url(../images/arrow_big.gif) no-repeat left center !important;
	}

.toggle {
	background: url(../images/dot.gif) repeat-x top left;
	padding:8px 0 0 0;
	}

.toggleContent {
	margin-top: 10px;
	}

.toggle table {
	margin-bottom: 0px !important;
	}

/*
------------------------------------------------------------------------------
FORMS
------------------------------------------------------------------------------*/
input {
	height: 16px;
	}

.pulldown {
	width: 160px;
	}
.formRow {
	float: right;
	width: 100%;
	height: 20px;
	padding: 3px 0 7px 0;
	}
/*Added  for Login section*/
.leftForm {
	float: left;
	width: 350px;
	padding-right: 15px;
	border-right: 1px dotted #0396D7;
	}

.formLogin {
	float: left;
	height: 20px;
	width: 275px;
	}

.cust_note {
	float: left;
	margin-top: 35px;
	height: 20px;
	width: 350px;
	font-size: 10px;
}

.register {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	width: 350px;
	}

/*End added for Login section*/

.formBtn {
	float: left;
	width: 270px;
	height: 20px;
}

#billing {
	float: left;
	width: 280px;
	}

#country {
    width: 160px;
    }

#zone_id {
    width: 160px;
    }

#billing h4 {
	float: left;
	}

#shippingAdd {
	margin-left: 23px;
	}

#shippingAdd a {
	line-height: 15px;
	}

#genericContent label {
	float: left;
	display: block;
	width: 200px;
	}

.rowWide label {
	width: 100px !important;
	}

#genericContent label a {
	line-height: 15px;
	}

#genericContent input {
	width: 160px;
	}

#genericContent input.shortInput {
	width: 40px;
	margin-right: 7px;
	}

#genericContent input.float {
	float: left;
	}

span.note {
	font-size: 9px;
	color: #d61b4f;
	}
	
#genericContent input.radio {
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	margin-right: 5px;
	}

#genericContent input.checkout {
	margin-top: 2px;
	}

#genericContent #shippingRadio, #genericContent #addressRadio {
  	width: 13px;
  	margin-right: 4px;
	}

#genericContent span.boxLabel {
	display: block;
	float: left;
	display: inline; /* ie hack */
	margin: -2px 40px 6px 5px;
	}

.fBox {
	width: 13px;
	margin-left: 140px !important;
	}

* html .fBox {
	margin-left: 73px !important;
	}

.checkBox input {
	width: 15px !important;
	}
	
/*----------------------------------------------------
Customer Service FORMS
-------------------------------------------------------*/

.formCS {
	width: 100%;
	height: 20px;
	margin: 7px 0 7px 0;
	}
	
.formCS_large {
	width: 100%;
	height: 20px;
	margin: 10px 0 25px 0;
	}

.formDropdown {
	width: 100px;
	height: 20px;
	margin: 0 0 20px 0;
	}
	
#customerService label {
	float: left;
	display: block;
	width: 200px;
	color: #555555;
	font-weight: bold;
	}
	
#customerService label a {
	line-height: 20px;
	}

#customerService input {
	width: 160px;
	}

#customerService input.shortInput {
	width: 40px;
	margin-right: 7px;
	}

#customerService input.float {
	float: left;
	}

span.note {
	font-size: 9px;
	color: #d61b4f;
	}
	
#customerService input.radio {
	width: 13px;
	height: 13px;
	margin-right: 5px;
	}

#customerService input.checkout {
	margin-top: 2px;
	}

#customerService .defectiveRadio, #customerService .reshippedRadio {
	float: left;
	display: block;
  	width: 500px;
  	margin: 0 4px 10px 0;
	}

#customerService span.boxLabel {
	display: block;
	float: left;
	display: inline; /* ie hack */
	margin: -2px 40px 6px 5px;
	}


/* --------------------------------------------------------------------------
	BUTTONS
------------------------------------------------------------------------------*/

#btnContinue, #genericContent input#btnContinue {
	margin-top: 8px;
	width:98px;
	height:24px;
	}

#btnReg, #genericContent input#btnReg {
	margin: 8px 0 0 140px;
	}

/* Added for Login section */
#btnCreate, input#btnCreate {
	float: right;
	margin: 20px 10px 0 0;
	}

#btnLogin, input#btnLogin {
	float: right;
	margin: 50px 10px 0 0;
	padding-top: 13px;
	width: 250px;
	}
/* End added for Login section*/

#btnUpdate {
	float: left;
	margin: 8px 0 0 0;
	width:98px;
	height:24px;
	}

#btnCheckOut {
	float: right;
	margin: 18px 0 0 0;
	height:24px;
	}

table.friends {
	margin-top: 10px;
	}

table.friends th, table.friends td {
	height: 30px;
	}


/* --------------------------------------------------------------------------
	SIZECHARTS
------------------------------------------------------------------------------*/
#sizecharts {
	background: #FFF;
	padding:20px 0px 20px 5px;
	}

table.sizeChart{
	width: 650px;
	margin-top: 15px;
	}

table.sizeChart td, table.sizeChart th{
	padding: 4px;
	vertical-align: middle;
	background: #f2f7ae;
	}

table.sizeChart th{
	color: #FFFFFF;
	background: #0396D7;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	}

table.sizeChart td{
	border-right: 2px dotted #FFF;
	border-bottom: 1px solid #FFF;
	}

table.sizeChart td.noRb {
	border-right: none;
	}

table.sizeChart td.bold {
	font-weight: bold;
	}

table.sizeChart tr.dBg td {
	background: #C4DEF3;
	color: #333333;
	}

table.sizeChart span {
	font-weight: normal;
	font-size: 10px;
	}

/* --------------------------------------------------------------------------
	SPRING GALLERY
------------------------------------------------------------------------------*/
.lb div.shell {
	padding: 3px !important;
	background-color: #fff;
	border: 1px solid #219AEF;
	margin-right: 10px;
	float: left;
	}

.lb { margin-bottom:10px !important; }

.lb div.shell div {
	width:120px !important;
	}

.lb div {
	text-align: center;
	}

/* --------------------------------------------------------------------------
	COLOURING PAGES & BUCKY
-----------------------------------------------------------------------------*/
#colouringPages {
	padding: 0 0 0 10px;
	float: left;
}

#colouringPages a {
	background: #fff;
}

#colouringPages a:hover {
	background: #fff;
}

.printMap a:link {
	font-weight: bold;
	color: #c3cf22;
}

.printMap a:hover {
	font-weight: bold;
	color: #000;
	background-color: #c3cf22;
}

#clrThumbs {
	border: 1px solid #0396d7;
	margin: 0 10px 10px 0;
	padding: 2px;
	background-color:#fff;
}

/* --------------------------------------------------------------------------
	FOOTER - modified November '09
------------------------------------------------------------------------------*/

/*#belowFooter {
	width: 807px;
	height: 42px;
	display: block;
	margin: 0 auto;
	background: url(../images/footer_bottom.gif) bottom no-repeat #fff;
}*/

#aboveFooter {
	width: 976px;
	height: 30px;
	display: block;
	margin: 0 auto;
	text-align: center;
	background-color: #ffffff;
	}

#footer {
	width: 976px;
	height: 37px;
	display: block;
	padding: 4px 0 10px 0;
	text-align: center;
	background-image: url(../images/bg-footer.gif);
	background-color: #ffffff;
	background-repeat: repeat-x;
	}

#footer_shadow {
	width: 976px;
	margin: 0 auto;
	padding-left: 7px;
	padding-right: 3px;
	text-align: left;
	background: url(../images/shadow.png) repeat-y transparent;
}

#footer_bottom {
	width: 976px;
	height: 25px;
	margin: 0 auto;
	padding: 0 8px 20px 2px;
	text-align: left;
	background: url(../images/footerShadow.png) no-repeat transparent;
}

/*Thumbnail section added November '08*/
.thumbnailSection {
	width: 264px;
	height: 149px;
	float: left;
	display: inline;
	background: #eeeeee;
	/*background: url(../images/blue_bottom.png) no-repeat;*/
	font-size: 10px;
}

.thumbnailSection p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0 10px 0 15px;
	color: #0396d7;
}

.thumbnailSection h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px 10px 5px 15px;
	font-weight: bold;
	color: #c3cf22;
}

/* footerSection added March '08 */
.footerSection {
	padding: 5px 8px 0 8px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}

.footerSection h3{
	font-weight: bold;
	padding-bottom: 2px;
}

.footerSection ul {
	padding-left: 5px;
	margin-bottom: 3px;
	list-style: none;
	display:block;
	font-size: 10px;
	color: #ffffff;
}

.footerSection ul li {
	padding-left: 5px;
	list-style: none;
	display: inline;
	font-size: 10px;
	color: #ffffff;
}

.footerSection a {
	font-weight: bold;
	color: #ffffff;
	font-size: 12px;
	display: inline;
	line-height: 23px;
}

.footerSection a:hover {
	font-weight: bold;
	color: #ffffff;
	font-size: 12px;
	line-height: 23px;
	text-decoration: underline;
}

#footer p {
	text-align: center;
	padding: 5px 0 0 0;
	font-size: 10px;
	color: #fff;
	}

p#copyright {
	padding: 1px 0 0 0;
	font-size: 10px;
	text-align: center;
	}

#footer p a {
	font-size: 10px;
	color: #fff;
	}

#footer p a:hover {
	color: #abc525;
	background: #fff;
	}

.featuredCartNote {

}

/*
------------------------------------------------------------------------------
BACK TO SCHOOL MICRO SITE
------------------------------------------------------------------------------*/
.bts {
	background: none !important;
	}

.container_bts {
	background: url(../images/shadow_nav_left_bts.gif) repeat-y #fff !important;
	}

.footer_bts {
	background: url(../images/footer_bottom_bts.gif) no-repeat !important;
	}

.btsContent {
	padding-top: 15px !important;
	}

.btsContent p {
	margin-top: 5px;
	padding-bottom: 8px !important;
	}

.btsContent h1 {
	margin-top: 5px !important;
	}

.btsNav {
	display: block;
	width: 209px;
	height: 480px;
	}

.bts_textarea {
	height: 130px;
	}

.btsContent h1 {
	line-height: 18px;
	}

/*
------------------------------------------------------------------------------
SEND FRIEND
------------------------------------------------------------------------------*/

#sendFriendContainer {
	background: #FFF;
	margin: 20px;
	padding:20px 10px;
	}

/*
------------------------------------------------------------------------------
CAREERS
------------------------------------------------------------------------------*/

#jobDesContainer {
	background: #FFF;
	padding:20px 0px 20px 5px;
	}

/*
------------------------------------------------------------------------------
HELP CARD VERIFICATION NUMBER
------------------------------------------------------------------------------*/

.help p {
	width: 340px !important;
	}

/*
------------------------------------------------------------------------------
EIGEN GATEWAY
------------------------------------------------------------------------------*/
#eigen_cc_cvv {
    width: 50px;
    }

#eigen_cc_number {
    width: 150px;
    }
#eigen_cc_expires_year {
    width: 60px;
    }

#eigen_cc_expires_month {
    width: 45px;
    }

/*
------------------------------------------------------------------------------
SPECIAL FORM VALIDATION CLASS - HIDES INPUT TEXT TO ELIMINATE BOTS
------------------------------------------------------------------------------*/
.email_2 {
width:5px;
visibility:hidden;
}

/*
-------------------------------------------------------------------------------
McKafee and Verisign LOGOS
-------------------------------------------------------------------------------*/
#secureLogos {
	width: 182px;
	height: 65px;
	background-color: white;
	margin: 40px 10px 10px 12px;
	border: 2px solid #97E4FF;
}

#secure {
	display: block;
	float: left;
	border: 1px dotted #a7d7e6;
}

.mcKafee {
	margin: 15px 0 10px 7px;
}

/*
-------------------------------------------------------------------------------
Product Filter
-------------------------------------------------------------------------------*/
input.btnFind {
	width: 40px;
	height: 18px;
	color: #fff;
	padding: 0px 0px 4px 4px;
	font-size: 9px;
	background: url(../images/find-btn.gif) no-repeat;
	border: none;
}
	
input.btnReset {
	width: 40px;
	height: 18px;
	color: #fff;
	padding: 0px 0px 3px 4px;
	font-size: 9px;
	background: url(../images/reset-btn.gif) no-repeat;
	border: none;
}

/*
-------------------------------------------------------------------------------
New Main Menu
-------------------------------------------------------------------------------*/

#mainmenu-left {float:left; width:34px; height:40px; background-image:url(../images/mainmenu/mainmenu-left.gif); background-repeat:no-repeat;}

.main-menu-item { float:left; height: 40px; border-left:#a9daf2 solid 1px;}

#mainmenu-01 a, #mainmenu-02 a, #mainmenu-03 a, #mainmenu-04 a, #mainmenu-05 a, #mainmenu-06 a
{
	background-repeat:repeat-x;
	padding-top:5px !important;
	height:35px;
	display: block;
	text-align: center;
}
#mainmenu-01 a.mainNavCurrent,#mainmenu-01 a:active,#mainmenu-01 a:hover,
#mainmenu-02 a.mainNavCurrent,#mainmenu-02 a:active,#mainmenu-02 a:hover,
#mainmenu-03 a.mainNavCurrent,#mainmenu-03 a:active,#mainmenu-03 a:hover,
#mainmenu-04 a.mainNavCurrent,#mainmenu-04 a:active,#mainmenu-04 a:hover,
#mainmenu-05 a.mainNavCurrent,#mainmenu-05 a:active,#mainmenu-05 a:hover,
#mainmenu-06 a.mainNavCurrent,#mainmenu-06 a:active,#mainmenu-06 a:hover
{
	background-position: 0 -40px;
}

#mainmenu-06 a.mainNavCurrent,#mainmenu-06 a:active,#mainmenu-06 a:hover,
#mainmenu-06 a:hover .mainmenu-smalltype,
#mainmenu-06 a.mainNavCurrent .mainmenu-smalltype
{
	color: #1a97d4;
}


#mainmenu-01 { width:143px; }
#mainmenu-02 { width:138px; }
#mainmenu-03 { width:112px; }
#mainmenu-04 { width:109px; }
#mainmenu-05 { width:77px; }
#mainmenu-06 { width:75px; }

#mainmenu-01 a { background-image:url(../images/mainmenu/nav_yellow.gif) !important; }
#mainmenu-02 a { background-image:url(../images/mainmenu/nav_yellow.gif) !important; }
#mainmenu-03 a { background-image:url(../images/mainmenu/nav_green.gif) !important; }
#mainmenu-04 a { background-image:url(../images/mainmenu/nav_green.gif) !important; }
#mainmenu-05 a { background-image:url(../images/mainmenu/nav_pink.gif) !important; }
#mainmenu-06 a { background-image:url(../images/mainmenu/nav_white.gif) !important; }




#mainmenu-07 {float:left; width:126px; height:40px; border-left-color:#a9daf2; border-left-style:solid; border-left-width:1px;}
#mainmenu-07 a:link {float:left; width:126px; height:40px; background-image:url(../images/mainmenu/mainmenu-bgGry-off.gif); background-repeat:repeat-x; padding-top:5px; text-align:center;}
#mainmenu-07 a:active {float:left; width:126px; height:40px; background-image:url(../images/mainmenu/mainmenu-bgGry-off.gif); background-repeat:repeat-x; padding-top:5px; text-align:center;}
#mainmenu-07 a:visited {float:left; width:126px; height:40px; background-image:url(../images/mainmenu/mainmenu-bgGry-off.gif); background-repeat:repeat-x; padding-top:5px; text-align:center;}
#mainmenu-07 a:hover {float:left; width:126px; height:40px; background-image:url(../images/mainmenu/mainmenu-bg-on.gif); background-repeat:repeat-x; padding-top:5px; text-align:center;}

#mainmenu-08 {float:left; width:118px; height:40px; border-left-color:#ffffff; border-left-style:solid; border-left-width:1px;}
#mainmenu-08 a:link {float:left; width:118px; height:40px; background-image:url(../images/mainmenu/mainmenu-bgCart-off.gif); background-repeat:repeat-x; padding-top:5px; text-align:center;}
#mainmenu-08 a:active {float:left; width:118px; height:40px; background-image:url(../images/mainmenu/mainmenu-bgCart-off.gif); background-repeat:repeat-x; padding-top:5px; text-align:center;}
#mainmenu-08 a:visited {float:left; width:118px; height:40px; background-image:url(../images/mainmenu/mainmenu-bgCart-off.gif); background-repeat:repeat-x; padding-top:5px; text-align:center;}
#mainmenu-08 a:hover {float:left; width:118px; height:40px; background-image:url(../images/mainmenu/mainmenu-bgCart-on.gif); background-repeat:repeat-x; padding-top:5px; text-align:center;}

#mainmenu-right {float:left; width:36px; height:40px; background-image:url(../images/mainmenu/mainmenu-right.gif); background-repeat:no-repeat;}

a.mainmenu-link:link {color: #ffffff; font-size:12px; font-weight:bold;}
a.mainmenu-link:visited {color: #ffffff; font-size:12px; font-weight:bold;}
a.mainmenu-link:active {color: #ffffff; font-size:12px; font-weight:bold;}
a.mainmenu-link:hover {color: #ffffff; font-size:12px; font-weight:bold;}

a.mainmenu-link-blue:link {color: #1996d3; font-size:12px; font-weight:bold;}
a.mainmenu-link-blue:visited {color: #1996d3; font-size:12px; font-weight:bold;}
a.mainmenu-link-blue:active {color: #1996d3; font-size:12px; font-weight:bold;}
a.mainmenu-link-blue:hover {color: #ffffff; font-size:12px; font-weight:bold;}

.mainmenu-smalltype {font-size: 11px; color: #ffffff; font-weight:normal;}



/*------------------------------
PLANET 51 FORM
--------------------------------*/

#Planet51 {
	padding-bottom: 20px;
	width: 510px;
}

#Planet51 label {
	float: left;
	display: block;
	width: 450px;
	font-size: 12px;
	padding: 0 0 10px 15px;
	}

.rowWide label {
	width: 100px !important;
	}

#Planet51 label a {
	line-height: 10px;
	}

#Planet51 input {
	width: 160px;
	display: block;
	}

#Planet51 input.shortInput {
	width: 40px;
	height: 20px;
	}

#Planet51 input.float {
	float: right;
	}

span.note {
	font-size: 9px;
	color: #d61b4f;
	}
	
#planet51 input.radio {
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	margin-right: 5px;
	}

#planet51 span.boxLabel {
	display: block;
	float: left;
	display: inline; /* ie hack */
	margin: -2px 20px 6px 5px;
	}

.fBox {
	width: 13px;
	margin-left: 140px !important;
	}

* html .fBox {
	margin-left: 73px !important;
	}

#Planet51 .checkbox {
	width: 15px !important;
	margin-right: 15px;
	margin-left: 15px;
	float: left;
}

#Planet51  .checkbox  value {
	width: 400px !important;
	float: left;
}

#Planet51 .formCS {
	width: 160px;
	height: 20px;
	margin: 0;
	}
	
#Planet51 .shortInput {
	width: 160px;
	height: 20px;
	margin: 0;
	}	

#Planet51 .formDropdown {
	width: 160px;
	height: 20px;
	margin: 0;
	display: block;
	}