/*



	West End Kids main stylesheet



*/



/* =General

---------------------------------------------------------------------------------------------------- */

* {

	margin: 0;

	padding: 0;

	border: 0;

}



ul, ul li {

	margin: 0;

	padding: 0;

	list-style: none;

}



body {

	background: #ADC7BE url('../images/wrapper/bg.jpg') repeat-x;

	font-family: 'Trebuchet MS', arial, verdana, sans-serif;

	font-size: 14px;

	color: #4a4a4a;

	padding-top:20px;

}



table tr td {

	font-family: 'Trebuchet MS', arial, verdana, sans-serif;

	font-size: 14px;

	vertical-align: top;

}



input, select, textarea {

	font-family: 'Trebuchet MS', arial, verdana, sans-serif;

	font-size: 14px;

}



img, a img {

	border: 0;

}



.clearit:after { 

    content: "."; 

    display: block; 

    clear: both; 

    height: 0; 

    visibility: hidden; 

}



.clearit { 

    min-height: 0; 

    height: 0; 

}



html>body .clearit { 

    height: auto; 

}



.clear {

	clear: both;

	display: block;

	width: 100%;

	height: 0;

	font-size: 1px;

}



.float-clear {

	clear: both;

}



.float-left {

	float: left;

}



.float-right {

	float: right;

}



img {

	display: block;

}



/* =Top navigation

---------------------------------------------------------------------------------------------------- */

#top-nav {

	clear: both;

	margin: 0 8px 12px auto;

	background: url('../images/wrapper/top-nav-bg-large.gif') no-repeat;

	width: 900px;

	height: 43px;

	line-height: 43px;

}



#top-nav img {

	display: inline;

	vertical-align: middle;

	margin-left: 4px;

}



#top-nav a {

	color: #5c5c5c;

	text-decoration: none;

	font-size: 11px;

	background: url('../images/wrapper/top-nav-divider.gif') left no-repeat;

	line-height: 35px;

	padding: 10px 9px;

	height: 35px;

}



#top-nav a.home {

	background: url('../images/wrapper/home.gif') 15px 15px no-repeat;

	width: 25px;

	text-indent: -200px;

	overflow: hidden;

	float: left;

}



#top-nav a:hover {

	text-decoration: underline;

}



#top-nav a.on {

	text-decoration: underline;

}



#top-nav a.feature {

	font-weight: bold;

	color: #467465;

	padding-right: 0;

}



#top-nav li {

	float: left;

}



/* =Main navigation

---------------------------------------------------------------------------------------------------- */

#main-nav {

	clear: both;

	float: left;

	width: 932px;

	height: 58px;

	background: url('../images/wrapper/main-nav-bg.jpg') no-repeat;

	z-index:100;

}



#main-nav ul, #main-nav ul li {

	z-index:100;

}



#main-nav ul.nav-sub li a, #main-nav ul.nav-sub-sub li a {

	color:#FFFFFF;

	height:25px;

	display:block;

	text-decoration:none;

}



#main-nav img.sex {

	float: left;

	vertical-align: middle;

	margin-right: 10px;

}



#main-nav div.nav-sub {

	border: 1px solid #513f66;

}



#main-nav ul.nav-sub li a {

	background: transparent url('../images/wrapper/nav-arrow.gif') 165px center no-repeat;

}



#main-nav ul.nav-sub li ul.nav-sub-sub li a {

	background-image: none;

}





#main-nav ul.nav-sub li a {

	font-weight:bold;

	padding: 5px 0 0 21px;

	border-bottom:#71588f 1px solid;

}



#main-nav ul.nav-sub li:hover a, #main-nav ul.nav-sub li.over a {

	background-color:#957cb3;

}



#main-nav ul.nav-sub li:hover ul li a {

	background-color:#584570;

}



#main-nav ul.nav-sub-sub li a {

	font-weight:normal;

	border:none;

	padding: 5px 0 0 10px;

}



#main-nav ul.nav-sub-sub li:hover a, #main-nav ul.nav-sub-sub li.over a {

	background-color:#71588f !important;

}



#main-nav ul li a.last {

	border:none;

}



#main-nav ul {

	padding: 0;

  	margin: 0;

  	list-style: none;

}



#main-nav ul li ul.nav-sub {

	display: none;

	position: absolute; 

  	top: 43px;

 	left: -1px;

	background-color:#7c619d;

	border-left: 1px solid #957cb3;

	border-bottom: 1px solid #957cb3;

	border-right: 1px solid #957cb3;

}



#main-nav ul.nav-sub-sub {

	display: none;

	position:absolute;

	left:13em;

	top:0;

}



#main-nav li > ul {

	top: auto;

	left: auto;

}



#main-nav ul li {

	/*margin-right: 1px;

	float: left;*/

  	float: left;

  	position: relative;

	margin-right:1px;



}



#main-nav ul.nav-sub li {

	width:13em;

	float:none;

}



#main-nav ul.nav-sub-sub li {

	width:13em;

	float:none;

}



#main-nav ul li:hover ul.nav-sub, #main-nav ul li.over ul.nav-sub { 

	display: block;

}



#main-nav ul.nav-sub li:hover ul.nav-sub-sub, #main-nav ul.nav-sub li.over ul.nav-sub-sub {

	display: block;

	background-color:#584570;

	border: 1px solid #957cb3;

}



#main-nav input {

	float: right;

	font-family: 'Trebuchet MS', arial, verdana, sans-serif;

	font-size: 16px;

	margin: 10px 10px 0px 0;

	width: 226px;

	color: #7c5c9e;

	

}



#main-nav #searchButton {

	float: right;

	width: 25px;

	height: 34px;

	padding:0;

	margin: 5px 0 0 0;

	background: transparent url('../images/wrapper/blankbutton.gif') 165px center no-repeat;



}





/* =Layout

---------------------------------------------------------------------------------------------------- */

#wrapper {

	width: 976px;

	margin: 0 auto;

}



#body {

	clear: both;

	float: left;

	margin-top: 5px;

	margin-bottom: 4px;

	background: url('../images/wrapper/body-top.png') top left no-repeat;

	padding-top: 20px;

}



#body-2 {

	float: left;

	background: url('../images/wrapper/body-bg.png') left repeat-y;

}



#body-3 {

	float: left;

	background: url('../images/wrapper/body-bottom.gif') bottom left no-repeat;

	padding: 4px 21px 24px 21px;

}



#ribbon {

	position:absolute;

	top:0;

	left:0;

	z-index:10;

}



/* =Branding

---------------------------------------------------------------------------------------------------- */

#branding {

	clear: both;

	float: left;

	width: 932px;

	margin-bottom: 15px;

}

#branding .logo {



	margin: 10px 0 0 10px;

	z-index:100;

	position:absolute;

}

#branding .taglines {

	float: right;

}



/* =Left Column

---------------------------------------------------------------------------------------------------- */

#left-col {

	clear: both;

	float: left;

	width: 649px;

}



#left-col #home-branding {

	margin-bottom: 15px;

}



div.header {

	float: left;

	background: url('../images/header-bg.gif') no-repeat;

	width: 621px;

	height: 47px;

	padding: 0 15px;

	line-height: 47px;

	margin-bottom: 5px;

}



div.header div {

	height: 47px;

}

div.header img {

	vertical-align: middle;

}





/* =Right Column

---------------------------------------------------------------------------------------------------- */

#right-col {

	float: right;

	width: 268px;

}



#right-col .button {

	margin-bottom: 15px;

}



#right-col .panel {

	background: url('../images/panel-bg.jpg') no-repeat;

	width: 226px;

	padding: 18px 21px;

	font-size: 13px;

}



#right-col .panel h3 {

	color: #3d7462;

	font-size: 13px;

	margin-left: 0;

}



#right-col .panel .header {

	margin-bottom: 17px;

}



#right-col .panel a {

	font-style: italic;

}





/* =Sidebar

---------------------------------------------------------------------------------------------------- */

#sidebar {

	border-left: 1px solid #dfdfdf;

	width: 175px;

	_height: 100px;

	min-height: 100px;

	color: #333366;	

	margin: 0 0 10px 10px;

	float: right;

}



#sidebar-content {

	padding: 0 7px 7px 7px;

}



#sidebar-content a {

	color: #64438c;

}

#sidebar-content a:hover {

	color: #4d4e4e;	

}



#sidebar-content h2 {

	margin: 0 0 8px 0;

	color: #64438c;

	font-size: 14px;

}



#sidebar-content h3 {

	margin: 0 0 8px 0;

	color: #4d4e4e;

	font-size: 12px;

	font-weight: normal;

}



#sidebar-content ul {

	margin: 0 0 0 5px;

	padding: 0 0 0 5px;

	list-style: none;

}



#sidebar-content ul li {

	background: url('../images/wrapper/list-bullet-2.gif') 0 5px no-repeat;

	list-style: none;

	padding: 0 0 0 15px;

	line-height: 16px;

}





/* =Main Column

---------------------------------------------------------------------------------------------------- */

#main-col {

	clear: both;

	width: 932px;

}



#main-col p {

	line-height: 18px;

	margin: 0 0 18px 0;

}



#text-content ul, #content ul {

	margin: 0 0 0 5px;

	padding: 0 0 18px 25px;

	list-style: none;

}



#text-content ul li, #content ul li {

	background: url('../images/wrapper/list-bullet.gif') 0 5px no-repeat;

	list-style: none;

	padding: 0 0 0 15px;

	line-height: 16px;

}



#text-content {

	margin: 0 0 0 18px;	

	

}



#main-col #text-content {

	_height: 300px;

	min-height: 300px;

}



#text-content input, textarea {

	border: 1px solid #DDDDDD;

}



/* =Centre/Single Column

---------------------------------------------------------------------------------------------------- */

#centre-col {

}



#centre-col div.header {

	float: left;

	background: url('../images/header-bg-3-col.gif') no-repeat;

	width: 904px;

	height: 48px;

	padding: 0 15px;

	line-height: 48px;

	margin-bottom: 5px;

	color: #64438c;

}



select {

	border: 1px solid #dfdfdf;

	padding: 3px;

	margin-left: 5px;

	vertical-align: middle;

}



#centre-col div.header input {

	margin-left: 5px;

	vertical-align: middle;

}



#centre-col div.header a.all {

	margin-right: 20px;

}



#centre-col div.header a {

	color: #64438c;

	margin-left: 4px;

}



#centre-col div.header a.active {

	text-decoration: none;

	font-weight: bold;

}





/* =Related Products (Right Col)

---------------------------------------------------------------------------------------------------- */

.related {

	float: right;

	width: 268px;

	background: url('../images/related-products-bg.jpg') top no-repeat;

}



.related-2 {

	float: right;

	width: 238px;

	padding: 15px;

	background: url('../images/related-products-bottom.gif') bottom no-repeat;

}



.related .header {

	margin-bottom: 17px;

}



.related .product {

	width: 244px;

	height: auto;

	margin-bottom: 20px;

}



.related .product img {

	margin-left: 0;

}



.related .product .details {

	width: 132px;

	margin: 10px 0 0 10px;

}



.related .product a.details {

	margin-left: 0;

}



.related .divider {

	height: 2px;

	width: 231px;

	margin: 15px auto 10px auto;

	background: url('../images/related-products-divider.gif') repeat-x top left;

	clear: left;

}



.related .divider hr {

	display: none;

}



/* =Footer

---------------------------------------------------------------------------------------------------- */

#footer {

	clear: both;

	margin: 0 auto;

	font-size: 11px;

	background: white url('../images/wrapper/footer-top.gif') top no-repeat;

	margin-bottom: 14px;

	height: 160px;

	width: 958px;

}



#footer-2 {

	background: url('../images/wrapper/body-bottom.gif') bottom no-repeat;

	height: 114px;

	width: 906px;

	padding: 23px 23px 23px 29px;

}



#footer .hr {

	margin: 1em 0;

}



#footer img {

	vertical-align: middle;

	display: inline;

	margin-left: 30px;

}



#footer #bottom-nav a {

	margin: 0 6px;

}

 



/* =Breadcrumb

---------------------------------------------------------------------------------------------------- */

#breadcrumb {

	color: #9d9d9d;

	background: url('../images/wrapper/breadcrumb-line.gif') bottom left no-repeat;

	height: 45px;

	padding-left: 18px;

}



#main-col #breadcrumb {

	background: url('../images/wrapper/breadcrumb-line-full.gif') bottom left no-repeat;

}





#breadcrumb img {

	display: inline;

}



#breadcrumb li {

	float: left;

	margin-right: 10px;

}



#breadcrumb a {

	color: #9d9d9d;

}





/* =Products

---------------------------------------------------------------------------------------------------- */



.products {

	float: left;

	background: url('../images/product-grid-bg.gif') repeat-y;

	margin-bottom: 4px;

}



.product {

	float: left;

	margin: 0 2px 2px 0;

	width: 322px;

	height: 163px;

}



.product img {

	float: left;

	margin: 5px 0 0 10px;

}



.product div.details {

	float: left;

	margin: 19px 0 0 15px;

	width: 192px;

	font-size: 12px;

}



.product .name {

	font-weight: bold;

}



.product .price {

	margin-top: 1em;

	margin-bottom: 1em;

	font-weight: bold;

}



.strike {

	text-decoration: line-through;

}

.product .sale {

	display: block;

	clear: left;

	color: #bc0101;

}



a.details {

	float: left;

	background: url('../images/button-details.gif') no-repeat;

	width: 77px;

	height: 24px;

	text-indent: -200px;

	overflow: hidden;

	margin-right: 6px;

}	



a.cart {

	float: left;

	background: url('../images/button-add-to-cart.gif') no-repeat;

	width: 108px;

	height: 24px;

	text-indent: -200px;

	overflow: hidden;

}	



a.checkout {

	float: left;

	margin-left: 6px;

	background: url('../images/button-checkout.gif') no-repeat;

	width: 94px;

	height: 24px;

	text-indent: -200px;

	overflow: hidden;

}	



.products .divider {

	height: 2px;

	width: 645px;

	background: url('../images/product-divider.gif') repeat-x top left;

	clear: left;

}



.products .divider hr {

	display: none;

}



#centre-col .products {

	background: url('../images/product-grid-bg-3-col.gif') repeat-y;

}



#centre-col .product {

	width: 307px;

	height: 185px;

}



#centre-col .product div.details {

	width: 160px;

}



#centre-col .product a.cart {

	margin-top: 4px;

}



#centre-col .products .divider {

	width: 921px;

}





/* =Product Details

---------------------------------------------------------------------------------------------------- */

#content {

	margin-left: 18px;

}



#content .logo {

	margin-bottom: 1em;

}



.product-details {

	float: right;

	width: 307px;

	margin-left: 30px;

	margin-right: 10px;

}



.product-details .price {

	float: left;

	font-size: 17px;

}



.product-details .price .sale {

	color: #ce1515;

	margin-left: 15px;

	font-weight: bold;

}



.product-details .photo {

	margin: 0 auto 10px auto;

}



.product-details a.photos {

	color: #7c619d;

	display: block;

	background: url('../images/arrow.gif') right no-repeat;

	font-weight: bold;

	text-decoration: none;

	padding-right: 33px;

	margin: 1em auto 2em auto;

	width: 150px;

	line-height: 26px;

	height: 26px;

}



.rounded {

	float: right;

	background: url('../images/box-bg.gif') top left repeat-y;

	margin-bottom: 1.5em;

}



.rounded label {

	width: 100px;

	clear: right;

	float: left;

}



.rounded select {

	float: left;

	width: 155px;

}



.rounded div {

	float: right;

	background: url('../images/box-bottom.gif') bottom left no-repeat;

}



.rounded div div {

	float: right;

	background: url('../images/box-top.gif') top left no-repeat;

	padding: 19px 22px 15px 22px;

	width: 263px;

	line-height: 32px;

}





/* =Links

---------------------------------------------------------------------------------------------------- */

a, a:link {

	outline: none;

	color: #3d7462;

}



a:focus {

	outline: none;

	color: #3d7462;

}



a:hover {

	outline: none;

	color: #1e4b3c;

}



/* =Typography

---------------------------------------------------------------------------------------------------- */

p {

	line-height: 18px;

	margin: 0 0 18px 0

}



h1 {

	color: #39b54a;

	font-size: 22px;

	margin: 0 0 16px 0;

}



h2 {

	color: #64438c;

	font-size: 24px;

	margin: 0 0 15px 0;

}



h3 {

	color: #4d4e4e;

	font-size: 20px;

	margin: 0 0 15px 0;

}



h3 .sale {

	color: #ce1515;

}



h4 {

	font-size: 14px;

	margin: 0 0 15px 0;

}



.form-style {

	width: 300px;

	padding: 8px;

	border: 1px solid #7C619D;

}



.submit-btn {

	background: #fff; 

	border: 1px solid #7C619D; 

	color: #7C619D; 

	font-weight: bold; 

	cursor: pointer; 

}



.process-btn {

	background: #4d4e4e; 

	border: 1px solid #000000; 

	color: #FFFFFF; 

	font-weight: bold; 

	cursor: pointer; 

}



.validation

{

	COLOR: #FF0000;

	FONT-WEIGHT: bold;

}



.admin-asterisk

{

    FONT-SIZE: xx-small;

	COLOR: #FF0000;

	FONT-WEIGHT: bold;

}









/* =Tables

---------------------------------------------------------------------------------------------------- */

.data {

	border-top: 1px solid #7B639D;

	border-left: 1px solid #7B639D;

	margin: 3px 0 5px 0;

	

}



.data th {

	border-top: 1px solid #7B639D;

	border-left: 1px solid #7B639D;

	padding: 6px;

}



.data td {

	border-right: 1px solid #7B639D;

	border-bottom: 1px solid #7B639D;

	padding: 6px;

}



.data2 {

	margin: 3px 0 5px 0;

}



.data2 th {

	border-right: 2px solid #ffffff;

	border-bottom: 2px solid #ffffff;

	padding: 3px;

	background: #dbdbdc;

}



.data2 td {

	border-right: 2px solid #ffffff;

	border-bottom: 2px solid #ffffff;

	background: #d9cfe5;

	padding: 4px;

}





.btn {

background-color: #FFFFFF;

color: #64438C;

padding: 4px;

border: 1px solid #dfdfdf;

}



div#slider {

	z-index:0;

	height:306px;

}



div#slider img{

	height:306px;

}