/* Cutie CSS */

/* reset whitespace */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

/* basic layout */
body {
	font: normal 13px tahoma, verdana, arial;
	color: #000;
	background: #d2eef7;
}
body#pop { background-color: #fff; }

.center {
	width: 770px;
	margin: 0 auto;
}

.left {
	float: left;
}

.right {
	float: right;
}
 
.clear { 
	clear: both; 
	height: 0; 
	margin: 0;
	line-height: 0px;
}

#header {
	height: 107px;
	background: #fff url('../i/bg-header.gif') repeat-x left top;
}

#navbar {
	background: #fff url('../i/bg-header.gif') repeat-x left -107px;
	height: 35px;
}

#content {
	background: #fff url('images/bg-content.gif') repeat-x left top;
	padding: 0px 0px 0px 0px;
}

#footer {
	background: #d2eef7 url('../i/bg-footer.gif') repeat-x left top;
	height: 92px;
	font-size: 12px;
	color: #6db0c3;
}


.subcol {
	width: 225px;
	background: transparent url('../i/bg-leftcol.gif') no-repeat right 55px;
	padding: 0px 0px 30px 0px;
	clear: left;
}

.home {
	background-position: right 0px;
}

.maincol {
	width: 543px;
	padding: 0px 0px 30px 0px;
}

.banner {
	padding-top: 1px;
	height: 165px;
}

/* header */

#header .center {
	background: transparent url('images/logo.gif') no-repeat left top;
	height: 60px;
}

.logo { padding-top: 33px; }

.clothes { padding-top: 11px; }

.cart {
	padding: 12px 0px 0px 52px;
	font-size: 10px;
	color: #63b2ca;
}

.cart a { margin-right: 11px; }

.cart p { margin: 2px 0px 0px 3px; }

/* nav bar */

#navbar .center {
background: #a49ecd url('../i/bg-navbar.gif') repeat-x left top;
}

#nav {
	height: 35px;
	list-style-type: none;
	overflow: hidden;
}

#nav li {
	height: 35px;
	display: block;
	float: left;
	margin: 0px;
	overflow: hidden;
	text-indent: -1000px;
}

#nav li#home { width: 70px; }
#nav li#products { width: 95px; }
#nav li#sizing { width: 74px; }
#nav li#about { width: 94px; }
#nav li#contact { width: 87px; }
#nav li#terms { width: 73px; }

.search { 
	background: transparent url('../i/bg-search.gif') no-repeat right top;
	height: 35px;
}

.search form {
	padding: 7px 10px 0px 0px;
}

.search input.box {
	background: transparent url('../i/search-box.gif') no-repeat right top;
	border: none;
	width: 133px;
	height: 22px;
	padding: 3px 5px 0px 5px;
}

.search input.box {
	position: relative;
	top: -1px;
}

.search .button {
	margin-left: 2px;
}

/* category headings */

#content .center {
	background: #fff url('../i/cathead-default.gif') no-repeat left 1px;
}

#content div.girls {background: #fff url('../i/cathead-girls.gif') no-repeat left 1px;}
#content div.boys {background: #fff url('../i/cathead-boys.gif') no-repeat left 1px;}
#content div.infants {background: #fff url('../i/cathead-infants.gif') no-repeat left 1px;}
#content div.toys {background: #fff url('../i/cathead-toys.gif') no-repeat left 1px;}
#content div.brands {background: #fff url('../i/cathead-brands.gif') no-repeat left 1px;}
#content div.accessories {background: #fff url('../i/cathead-accessories.gif') no-repeat left 1px;}
#content div.default {background: #fff url('../i/cathead-default.gif') no-repeat left 1px;}

div.catHead {
	height: 55px;
}

/* sub col */

.subcol a image {
	margin: 0px;
	padding: 0px;
	border: none;
}

/* main col */

div.breadcrumb {
	height: 33px;
	text-align: right;
}

div.breadcrumb p {
	margin: 3px 10px 0px 0px;
	font-size: 10px;
}

div.thumbnail {
	float: left;
	margin: 5px 0px 11px 15px;
	display: inline;
}

div.thumbnail a img {
	padding: 1px;
}

div.thumbnail p {
	margin: 5px 0px 0px 0px;
}

.girls div.thumbnail a img {border: solid 4px #f1c3cf;}
.boys div.thumbnail a img {border: solid 4px #b0dbe8;}
.infants div.thumbnail a img {border: solid 4px #c8c5e0;}
.toys div.thumbnail a img {border: solid 4px #b0e1b3;}
.brands div.thumbnail a img {border: solid 4px #f8cdaa;}
.products div.thumbnail a img {border: solid 4px #c8c5e0;}
.accessories div.thumbnail a img {border: solid 4px #f2df98;}
.default div.thumbnail a img {border: solid 4px #c8c5e0;}

img.product {
	padding: 1px;
	margin: 4px 15px 15px 15px;
}
img.subproduct {
	padding: 1px;
	margin: 4px 0px 15px 15px;
}

.girls img.product {border: solid 4px #f1c3cf;}
.boys img.product {border: solid 4px #b0dbe8;}
.infants img.product {border: solid 4px #c8c5e0;}
.toys img.product {border: solid 4px #b0e1b3;}
.brands img.product {border: solid 4px #f8cdaa;}
.accessories img.product {border: solid 4px #f2df98;}
.default img.product {border: solid 4px #c8c5e0;}

.details {
	width: 201px;
}

.buybox {
	background: #fbf4d9;
	border: dashed 1px #f3dd8a;
	padding: 8px;
}

.buybox label {
	font-size: 10px;
	color: #e09e0f;
	display: block;
	margin: 0px 0px 3px 0px
}

.buybox .small {
	font-size: 13px;
	border: 1px solid #f3dd8a;
	padding: 1px;
}

.buybox .add {
	margin-left: 5px;
}

/* footer */

#footer .center { padding-top: 12px; }

/* text */

h2 {
	font: normal 17px tahoma;
	margin: 6px 0px 0px 15px;
	color: #61599d;
}

h3 {
	font: normal 14px tahoma;
	margin: 0px 0px 0px 15px;
	color: #61599d;
}

.subcol h1 {
	font: normal 18px tahoma;
	padding: 14px 0px 0px 14px;
	color: #61599d;
	
}

.maincol h1 {
	font: normal 18px tahoma;
	padding: 0px 0px 12px 0px;
	color: #61599d;
}

h1 strong {
	font-size: 24px;
	font-weight: normal;
}

.girls h1 {color: #c15c77;}
.boys h1 {color: #1d7daf;}
.infants h1 {color: #61599d;}
.toys h1 {color: #1b7b33;}
.brands h1 {color: #cc4c12;}
.accessories h1 {color: #cc8b00;}

p {
	margin: 12px 0px 12px 0px;
	line-height: 18px;
}

p.home {
	margin: 2px 0px 6px 0px;
	line-height: 18px;
}

.maincol p {
	margin-left: 15px;
}

.maincol ul {
	margin: 0 0 0 30px;
}

.details p {
	margin-left: 0px;
}

/* links */

a,
a:visited {
	color: #d9591f;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#nav li a,
#nav li a:visited {
	display: block;
	text-decoration: none;
	height: 35px;
	background-position: 0px 0px;
}

#nav li#home a,
#nav li#home a:visited {
	background: transparent url('../i/nav-home.gif') no-repeat left top;
}

#nav li#products a,
#nav li#products a:visited {
	background: transparent url('../i/nav-products.gif') no-repeat left top;
}

#nav li#sizing a,
#nav li#sizing a:visited {
	background: transparent url('../i/nav-sizing.gif') no-repeat left top;
}

#nav li#about a,
#nav li#about a:visited {
	background: transparent url('../i/nav-about.gif') no-repeat left top;
}

#nav li#contact a,
#nav li#contact a:visited {
	background: transparent url('../i/nav-contact.gif') no-repeat left top;
}

#nav li#home a:hover,
#nav li#products a:hover,
#nav li#sizing a:hover,
#nav li#about a:hover,
#nav li#contact a:hover {
	text-decoration: none;
	background-position: 0px -35px;
}

#nav li#home a.current, #nav li#home a.current:visited,
#nav li#products a.current, #nav li#products a.current:visited, 
#nav li#sizing a.current, #nav li#sizing a.current:visited, 
#nav li#about a.current, #nav li#about a.current:visited,
#nav li#contact a.current, #nav li#contact a.current:visited {
	background-position: 0px -70px;
}

#nav li#terms a,
#nav li#terms a:visited {
   background: transparent url('../i/nav-terms.gif') no-repeat left top;
}

#nav li#terms a:hover {
   text-decoration: none;
   background-position: 0px -35px;
}

#nav li#terms a.current, #nav li#terms a.current:visited {
   background-position: 0px -70px;
} 

#footer a,
#footer a:visited {
	color: #6db0c3;
}

.subcol a.square,
.subcol a.square:visited {
	float: left;
	margin: 10px 10px 0px 0px;
}

.breadcrumb a,
.breadcrumb a:visited {
	color: #000;
}

table.tabularData, table.tabularData td, table.tabularData th {
	border: 1px solid #fff;
	border-collapse: collapse;
	background-color: #e3e1ef;
	font-size: 13px;
}
table.tabularData td, table.tabularData th{
	padding: 4px;
	font-size: 13px;
}
table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active  {
	background: #9b95c8;
	color: #fff;
	font-size: 13px;
}
table.tabularData2, table.tabularData2 td, table.tabularData2 th {
	border: 1px solid #fff;
	border-collapse: collapse;
	background-color: #fbf4d9;
	font-size: 13px;
}
table.tabularData2 td, table.tabularData2 th{
	padding: 4px;
	font-size: 13px;
}
table.tabularData2 th, table.tabularData2 th a:link, table.tabularData2 th a:visited, table.tabularData2 th a:hover, table.tabularData2 th a:active  {
	background: #e1a42a;
	color: #fff;
	font-size: 13px;
}
table {
	margin: 0 0 0 15px;
}
.userMsg, .errorMessage {
	color: red;
}
.oldprice {
	text-decoration: line-through;
}


/* index page holding styles */

form#frmsignup{}
form#frmsignup dl {padding-left:15px;}
form#frmsignup dt {float:left}
form#frmsignup dd {float:left;margin-left:10px;}
form#frmsignup input[type=submit]{font-size:85%;position:relative;top:-2px;left:-5px;	}