/* ========================
Inspirations Dance
CSS by Guy Lillico
03-05-2008 
======================== */

@import url("reset.css");

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

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

body {
	background: #b08eae url('../images/core/body-bg.jpg') repeat-x;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #333333;
}

strong { font-weight: bold; }

h1 { font-size: 1.8em; font-weight: bold; margin-bottom: 25px; }
h2 { font-size: 1.6em; font-weight: bold; color: #666666; padding-left: 10px; margin: 20px 0; }
h3 { font-size: 1.4em; color: #333333; padding-left: 10px; font-weight: bold; }
h4 { font-size: 1.3em; font-weight: bold; padding-left: 10px; }
h5 { font-size: 1.2em; font-weight: bold; padding-left: 10px; }

a { text-decoration: none; color: #4e3e4d; }
a:hover { color: #c52a6f; }

table { width: 90%; }

div#pagination {
	display: block; 
	text-align: right;
	padding: 0 20px 0 15px;
	color: #4e3e4d;
}


/**********************************
Container
**********************************/
#container {
	width: 927px;
	margin: auto;
	text-align: center;
}

/**********************************
Header
**********************************/
#header {
	background: url('../images/core/search-top.gif') bottom right no-repeat;
	padding: 0px;
	text-align: left;
	width: 898px;
	height: 100px;
	margin: 0 auto;
	position: relative;
}

#logo {
	width: 581px;
	height: 48px;
	position: absolute;
	top: 40px;
	left: 0;
}

#logo a img { border: 0; margin: 0; padding: 0; }

#mini-cart {
	height: 20px;
	background: url('../images/core/icon-cart.gif') no-repeat 0 0;
	text-indent: 26px;
	color: #e6dae5;
	font-size: 1.1em;
	width: 256px;
	float: left;
	padding-top: 4px;
	position: relative;
	top: 3px;
}

#mini-cart a {
	font-weight: bold;
	color: #e6dae5;
}

#mini-cart a:hover {
	color: #FFFFFF;
}

/**********************************
Navigation
**********************************/

#nav, #nav ul {
	/* applied to all lists in navigation */
	list-style: none; /* hide bullet points */
	margin: 0;
	margin-top: 2px;
	padding: 0;
	font-size: 1.4em;
	font-weight: bold;
	float: right;
	text-align: left;
}

#nav li {
	/* applied to all list items in nav */
	float : left;
	line-height : 1.25em;
	margin-bottom : -1px; /* collapse borders */
	margin-right: -1px;
	position : relative; /* required - used to position subs */
	/*width: 90px;  set to same width as base list */
}

#nav li ul {
	/* second level subs */
	left: -9999em;
	position : absolute; /* required - positions subs in parent list item */
}

#nav li ul ul {
	left: -9999em;
	margin-left: 91px; /* position sub to right of parent */
	top: 0;
}

#nav li a {
	color: #f6f6f1;
	display : block;
	height: 20px;
	overflow: hidden;
	text-decoration : none;
	margin-right: 5px;
	padding-left: 5px;
	background-color: #64537e;
}	

#nav li a:hover { color: #EEE4C1; background-color: #DC5B94; }	

#nav li ul a {
	background-color : #fff;
	border : 1px solid #000;
	color : #666;
	display : block;
	height: auto;
	text-decoration : none;
	text-indent: 0;
	padding : 0 5px;
	width: 80px; /* set to base width minus padding (example: 200px - 5px -5px = 190px) */
}	
#nav li ul a:hover { background-color : #f6eade; color : #c52a6f; }	

/* hasSub style used to a tags which have subs - used only to make it look good and not required */
#nav li ul a.hasSub { background: #fff url(../images/arrow_right_black.gif) no-repeat 95% 50% !important; }
#nav li ul a.hasSub:hover { background: #f6eade url(../images/arrow_right_orange.gif) no-repeat 95% 50% !important; }

/* hide subs on current list */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -9999em;
}

/* show subs on hover */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav-home { width: 50px; }
#nav-products { width: 110px; }
#nav-clearance { width: 80px; }
#nav-giftvoucher { width: 110px; }
#nav-contact { width: 70px; }
#nav-links { width: 50px; }

/**********************************
Content
**********************************/
#content {
	width: 898px;
	margin: 0;
	background-color: #f6f6f1;
	margin: 0 auto;
	padding-bottom: 30px;
}
#maincontent {
	padding: 10px;
	line-height: 170%;
	float: left;
}

#maincontent a { text-decoration: underline; }

#maincontent p {
	line-height: 160%;
	text-align: left;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}

#flash {
	background: url('../images/core/flash-ph-new.jpg') no-repeat 0 0;
	width: 650px;
	height: 220px;
	display: block;
}

body#page-giftvouchers #flash {
	background: url('../images/core/banner-gift.jpg') no-repeat 0 0;
}

body#page-products #flash {
	background: url('../images/core/banner-products.jpg') no-repeat 0 0;
}

body#page-clearance #flash {
	background: url('../images/core/banner-clearance.jpg') no-repeat 0 0;
}

#text {
	display: block;
	padding-top: 10px;
	text-align: left;
	width: 650px;
}

#text p {
	padding: 10px;
}

ul.list {
	padding: 10px;
	width: 189px;
	float: left;
}

ul.list li {
	background: url('../images/core/list-item.gif') 0 3px no-repeat;
	padding: 1px;
	padding-left: 17px;
	width: 159px;
	font-size: 1.2em;
}

ul.stretch { width: 400px; }
ul.stretch li { width: 400px; }

div.breadcrumb {
	color: #745c73;
	font-size: 1.2em;
	font-weight: bold;
	padding-left: 10px;
}

div.breadcrumb a {
	text-decoration: underline;
}

div.product-listing {
	background: #ebd3d3;
	width: 300px;
	margin: 15px 0 0 15px;
	float: left;
	height: 255px !important;
}

div.product-listing1 {
	background: #ebd3d3;
	width: 300px;
	margin: 15px 0 0 15px;
	float: left;
	height: 200px !important;
}

div.product-cat {
	background: #ebd3d3;
	width: 300px;
	margin: 15px 0 15px 15px;
	float: left;
	height: 145px !important;
}
span.cat-title { font-size: 1.1em; font-weight: bold; display: block; background: #e1bfbf; padding: 10px 0; }

div.product-listing div { padding: 0; }
div.listing-img { height: 120px !important; text-align: center; display: block; }
div.listing-img a img { margin-top: 10px; }
div.listing-box { height: 120px !important; text-align: center; display: block;}
div.listing-box a img { margin-top: 10px; }
div.listing-desc { width: 300px; height: 50px; font-size: 0.9em; padding: 0; display: block; }
div.listing-desc p { padding: 0; margin: 0; text-align: center; }
div.listing-button { width: 300px; overflow: hidden; text-align: center; color: #333333; font-size: 1.1em; }
div.listing-price { float: left; background: #e1bfbf; width: 300px; height: 85px; text-align: center; color: #333333; font-size: 1.1em; }
div.listing-price span { position: relative; top: 6px; }
div.detail-price { background: #ebd3d3; width: 630px; text-align: right; color: #333333; font-size: 1.1em; padding-right: 10px; }
div.detail-price span { position: relative; top: 6px; }
.right { float: right; }

#text-left {
	width: 201px;
	padding: 0px;
	float: left;
}

#text-right {
	width: 439px;
	float: left;
	padding-left: 10px;
}

#text h1.title {
	background-color: #decdcd;
	background-repeat: no-repeat;
	width: 650px;
	height: 39px;
	text-indent: -999em;
}

body#page-home #text h1.title {
	width: 439px;
	background-image: url('../images/core/title-home.gif');
}

body#page-products #text h1.title { background-image: url('../images/core/title-ourproducts.gif'); }
body#page-clearance #text h1.title { background-image: url('../images/core/title-clearance.gif'); }
body#page-giftvouchers #text h1.title { background-image: url('../images/core/title-giftvouchers.gif'); }
body#page-contact #text h1.title { background-image: url('../images/core/title-contact.gif'); }
body#page-cart #text h1.title { background-image: url('../images/core/title-cart.gif'); }
body#page-checkout #text h1.title { background-image: url('../images/core/title-checkout.gif'); }

#subcontent {
	float: right;
	width: 218px;
	padding: 0 10px 10px 0;
	text-align: left;
}

#search {
	background: #ac95ab;
	width: 198px;
	height: 118px;
	padding: 4px 10px;
}

#cta-email {
	margin-top: 10px;
	background: #e4dccf;
	width: 218px;
	height: 101px;
}

#product-catalogue {
	background: #dddddd url('../images/core/subheading-products.gif') no-repeat 0 0;
	margin-top: 10px;
	width: 198px;
	padding: 25px 10px 10px 10px;
}


#register-your-school {background:#c694a2; border:1px solid #b07a8a; padding:10px;}
#register-your-school h3 {color:#fff;}

/**********************************
Product Catalog
**********************************/

#catlist {
	padding-left: 0px;
	padding-bottom: 20px;
}

#catlist ul li {
	background: url('../images/core/subcat-item.gif') no-repeat 0 7px;
	margin: 0 7px 0 15px;
	padding: 0 0px 0 0;
	line-height: 130%;
}

#catlist a {
	color: #666666;
	font-size: 1.1em;
}

#catlist a:hover { color: #c61d47; }


#catlist a.head {
	height: 26px;
	display: block;
	font-size: 1.2em;
	color: #372e46;
	font-weight: bold;
	line-height: 3em;
	border-bottom: 1px dashed #a1a1a1;
	margin: 5px 0;
}

#cat-1 { background: url('../images/core/icon-plus.gif') no-repeat 0px 10px; text-indent: 17px; }
#cat-2 { background: url('../images/core/icon-plus.gif') no-repeat 0px 10px; text-indent: 17px; } 
#cat-3 { background: url('../images/core/icon-plus.gif') no-repeat 0px 10px; text-indent: 17px; }
#cat-4 { background: url('../images/core/icon-plus.gif') no-repeat 0px 10px; text-indent: 17px; }
#cat-5 { background: url('../images/core/icon-plus.gif') no-repeat 0px 10px; text-indent: 17px; }
#cat-6 { background: url('../images/core/icon-plus.gif') no-repeat 0px 10px; text-indent: 17px; }

#sizing-chart {
	margin-top: 10px;
	background: #c1c1c1;
	width: 218px;
	padding-bottom: 20px;
}

#sizing-chart ul li {
	margin: 0 7px 0 15px;
	padding: 0 0px 0 0;
	line-height: 130%;
}

#sizing-chart a {
	color: #666666;
	font-size: 1.1em;
}

#sizing-chart a:hover { color: #c61d47; }

#sizing-chart a.head {
	height: 26px;
	display: block;
	font-size: 1.2em;
	color: #372e46;
	font-weight: bold;
	line-height: 3em;
	border-bottom: 1px dashed #a1a1a1;
	margin: 5px 0;
}

.sizing-chart-item {  no-repeat 0px 12px; text-indent: 0px; }

#featured {
	background: #e8dcdc url('../images/core/subheading-featured.gif') no-repeat -1px 0;
	width: 198px;
	padding: 34px 0px 3px 3px;
	color: #333333;
}

#featured p {
	font-size: 1.1em;
	margin: 0;
	line-height: 130%;
}

#contact-details {
	background: #e8dcdc url('../images/core/subheading-contact.gif') no-repeat 0 0;
	width: 198px;
	/*margin-top: 10px;*/
	padding: 34px 0px 3px 3px;
	color: #333333;
}

#trading-hours  {
	background: #e8dcdc;
	width: 198px;
	/*margin-top: 10px;*/
	padding: 34px 0px 3px 3px;
	color: #333333;
}

#contact-details p {
	font-size: 1.1em;
	margin: 0;
}

#contact-links {

}

#contact-affiliates {
	padding-right: 4px;
	float: left;
	margin-left: 10px;
}

#cta-shop-online {
	width: 201px;
	height: 57px;
	margin-top: 10px;	
}
#cc {
	width: 201px;
	height: 57px;
	margin-top: 10px;	
}

#meet-owner {
	background: #e8dcdc url('../images/core/subheading-meet_owner.gif') no-repeat 0 0;
	width: 181px;
	margin-top: 10px;
	padding: 44px 10px 10px 10px;
	color: #333333;
	text-align: center;
}

#meet-owner img {
	 border: 5px solid #FFFFFF;
}

#featured-item { position: relative; left: 3px; margin-bottom: 8px; }
#featured-item td { vertical-align: top; padding: 4px; font-size: 1.1em; }
.regular-price { font-weight: bold; font-size: 1.3em; color: #780f76; display: block; padding-bottom: 4px; }
div.listing-price .regular-price { font-weight: bold; color: #333333; display: inline; padding-bottom: 4px; }
.special-price { font-weight: bold; font-size: 1.3em; color: #7c083c; display: block; padding-bottom: 4px; }
#featured-item a.more-info { text-decoration: none; font-weight: bold; font-size: 1.0em; color: #745c73; }
#featured-item a.more-info:hover { color: #c4b0b0; }
.img-right { text-align: right; }
div.product-image {
	width: 200px;
	float: right;
	text-align: right;
}
div.product-image p {
	margin: 0;
	padding: 0;
	text-align: right;
}
.img-product img { border: 5px solid #FFFFFF; padding-top: }
.img-product img:hover { border: 5px solid #de6498; }
.phone-list { margin-left: 10px; }
.phone-list th { font-size: 1.1em; }
.phone-list td { font-size: 1.1em; }

/**********************************
Footer
**********************************/

#clear {
	clear: both;
	height: 1px;
	font-size: 1px;
	visibility: hidden;
	border: none;
    margin: 0;
	padding: 0;
    background: transparent;
}
#footer-container {
	clear: both;
	background-color: #60485f;
	padding-bottom: 36px;
	width: 100%;
}

#footer {
	width: 898px;
	margin: 0 auto;
	color: #e2d5e1;
	padding: 10px;
	height: auto;
}

#footer p, #footer span { font-size: 1.1em; line-height: 160%; }
#footer span.right { float: right; }

#footer a {
	color: #e2d5e1;
	text-decoration: none;
}

#footer a:hover {
	color: #ffffff;
}

#footer img {
	float: right;
}

p.enquire {
	text-align: right!important;
	font-weight: bold!important;
}

span.file {
	display: block;
	float: left;
	margin-left: 10px;
	text-align: left;
	background: url('../images/icon-file.gif') no-repeat 0 0;
	padding-left: 20px;
	clear: left;
}

/* Checkout */
.postage-text {
	font-size:10px;
	font-weight:normal;
	text-align:left;
}