/*css reset*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
html{height:100%;padding-bottom:1px;}/*Force a scrollbar*/

/*
 *.body{font-size:62.5%} //alows conversion from px to em. 12px = 1.2em;
 */
body{
	font-family:Arial,Helvetica,sans-serif;
	font-size:62.5%;
}	

/*
 * default list styles.
 */
.type-style ul, .site-webpage ol, .site-webpage dd{padding-left:20px;}
.type-style ul li{list-style:outside disc;display:list-item;}
.type-style ol li{list-style:inside decimal;display:list-item;}
.type-style p{margin:1em 0;}
b, strong{font-weight:bold;}
u{text-decoration:underline;}
i{font-style:italic;}
/*
 * Default link styles.
 */
a{
	color:#DF97F1;
}
a:hover{
	color:#66536A;
} 

.site-webpage{
	font-size:1.2em;
}

/*
 * Template Styles
 */
html,
body{
	background:#000 url(../Design/siteHtml.png) left top repeat-x scroll;
	color:#fff;
}

body{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#siteWrapper{
	width:980px;
	margin:0 auto;
	padding-bottom:50px;
	background:url(../Design/siteWrapper.png) left top no-repeat	scroll;
}

/*
 * Header
 */
#siteHeader{
	padding-top:37px;
}
#siteHeaderTop{
	overflow:hidden;
}
#siteHeaderTopLogo{
	float:left;
	width:200px;
}
#siteHeaderTopCards{
	float:right;
	width:200px;
	padding-top:10px;
	text-align:center;
}
#siteHeaderTopStrapline{
	margin:0 210px;
	font-size:1.6em;
	text-align:center;
}
#siteHeaderTopCards p{
	margin-bottom:10px;
}

/*
 * Webpage links and minicart
 */
#siteHeaderBot{
	height:40px;
	background:url(../Design/siteHorizBar.png) left top no-repeat scroll;
	overflow:hidden;
}
/*
 * Webpage links
 */
#siteHeaderBot ul{
	float:left;
	margin-top:12px;
	overflow:hidden;
}
#siteHeaderBot ul li{
	display:block;
	float:left;
	padding-left:32px;
	background:url(../Design/siteWhiteBullit.png) 14px center no-repeat scroll;
}
#siteHeaderBot ul li a{
	color:#948AD5;
	font-size:1.4em;
	text-decoration:none;
}
#siteHeaderBot ul li a:hover{
	color:#fff;
}
/*
 * Minicart.
 */
#siteMiniCart{
	float:right;
	padding:3px 10px 4px 32px;
	margin-top:7px;
	background:url(../Design/siteShoppingCart.png) left center no-repeat scroll;
	font-size:1.1em;
}
#siteMiniCart span.t{
	font-size:1.09em;
}
#siteMiniCart span.i{
	margin-left:5px;
}

/*
 * Site Body
 * ...and columns.
 */
#siteBody{
	overflow:hidden;
}
#siteBodyColumnOne{
	float:left;
	width:200px;
}
#siteBodyColumnTwo{
	float:right;
	width:200px;
	padding-top:37px;
}
#siteBodyColumnThree{
	width:570px;
	padding-top:37px;
	margin:0 auto;
}

/*
 * Generic: Column item
 */
.column-item{
	margin-bottom:15px;
}

/*
 * Generic: Column Box
 * ...with rounded corners.
 */
#siteBodyColumnOne .column-box,
#siteBodyColumnTwo .column-box{
	background:url(../Design/siteColumnBox.png) -400px top repeat-y scroll;
}
#siteBodyColumnOne .column-box-top,
#siteBodyColumnTwo .column-box-top{
	background:url(../Design/siteColumnBox.png) -200px bottom no-repeat scroll;
}
#siteBodyColumnOne .column-box-bot,
#siteBodyColumnTwo .column-box-bot{
	min-height:55px;
	padding:5px;
	background:url(../Design/siteColumnBox.png) left top no-repeat scroll;
	overflow:hidden;
}


/*
 * Category Menu
 */
#siteCategories{}
#siteCategories p{
	font-size:1.4em;
	line-height:37px;
	vertical-align:middle;
}
#siteCategories ul{}
#siteCategories ul li{
	display:block;
	margin-bottom:1px;
	background:url(../Design/siteCategory.png) -400px top repeat-y scroll;
}
#siteCategories ul li a{
	display:block;
	background:url(../Design/siteCategory.png) -200px bottom no-repeat scroll;
	text-decoration:none;
}
#siteCategories ul li a span{
	display:block;
	padding:3px 4px 5px;
	background:url(../Design/siteCategory.png) left top no-repeat scroll;
	color:#fff;
	font-size:1.3em;
	overflow:hidden;
	cursor:pointer;
}
#siteCategories ul li:hover{
	background-position:-1000px top;
}
#siteCategories ul li:hover a{
	background-position:-800px bottom;
}
#siteCategories ul li:hover a span{
	background-position:-600px top;
}

/*
 * Newsletter
 */
#siteNewsletter{}
#siteNewsletter p{
	padding:0 5px;
	margin:8px 0 6px;
}
#siteNewsletter p.t{
	margin-top:4px;
	font-size:1.4em;
}
#siteNewsletter label{
	display:block;
	font-size:1.2em;
	font-weight:bold;
}
#siteNewsletter input.text{
	width:156px;
	height:17px;
	padding:3px 2px 0;
	border:none;
	background:url(../Design/siteInputText.png) left top no-repeat scroll;
	color:#fff;
}
#siteNewsletter input.submit{
	width:44px;
	height:24px;
	border:none;
	background:url(../Design/siteNewsletterSubmit.png) left top no-repeat scroll;
	font-size:0;
	line-height:100px;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}
#siteNewsletter input.submit:hover{
	background-position:left -24px;
}

/*
 * Customer Comments
 */
#siteCustomerComments{}
#siteCustomerComments p{
	padding:0 5px;
	margin:8px 0 6px;
	color:#e0e0e0;
	font-size:1.2em;
}
#siteCustomerComments p.t{
	padding:0;
	margin-top:4px;
	color:#fff;
	font-size:1.4em;
	text-align:center;
}
#siteCustomerComments p strong{
	color:#CBA8D4;
	font-size:0.7em;
}

/*
 * Our Next Show
 * ...the editable area bottom left.
 */
#siteOurNextShow{}
#siteOurNextShow p{
	padding:0 5px;
	margin:8px 0 6px;
	color:#e0e0e0;
	font-size:1.2em;
}
#siteOurNextShow p.t{
	margin-top:4px;
	color:#fff;
	font-size:1.4em;
}

/*
 * Search
 */
#siteSearch{}
#siteSearch p{
	padding:0 2px;
	margin:8px 0 6px;
}
#siteSearch p.t{
	padding:0 5px;
	margin-top:4px;
	font-size:1.4em;
}
#siteSearchTxt{
	width:146px;
	height:17px;
	padding:3px 2px 0;
	border:none;
	background:url(../Design/siteSearchText.png) left top no-repeat scroll;
	color:#fff;
	vertical-align:middle;
}
#siteSearchBtn{
	width:30px;
	height:20px;
	border:none;
	margin-left:5px;
	background:url(../Design/siteSearchBtn.png) left top no-repeat scroll;
	font-size:0;
	line-height:100px;
	vertical-align:middle;
	overflow:hidden;
	cursor:pointer;
}
#siteSearchBtn:hover{
	background-position:left -20px;
}

/*
 * Need Help Promo
 */
#siteNeedHelp{}
#siteNeedHelp p{
	padding:0 5px;
	margin:8px 0 6px;
	font-size:1.3em;
}
#siteNeedHelp p.t{
	color:#DF97F1;
	font-size:2em;
}
#siteNeedHelp p.link{
	text-align:right;
}
#siteNeedHelp p.link a{
	color:#fff;
	font-size:0.85em;
	text-decoration:none;
}
#siteNeedHelp p.link a:hover{
	color:#66536A;
	text-decoration:underline;
}

/*
 * Crystal Finders Promo
 */
#siteCrystalFinders{}
#siteCrystalFinders p{
	padding:0 5px;
	margin:8px 0 6px;
	font-size:1.2em;
}
#siteCrystalFinders p.t{
	color:#DF97F1;
	font-size:1.4em;
}
#siteCrystalFinders a{
	color:#fff;
	text-decoration:none;
}
#siteCrystalFinders a:hover{
	text-decoration:underline;
}

/*
 * Quote of the day.
 */
#siteQotd{}
#siteQotd p{
	padding:0 5px;
	margin:8px 0 6px;
	font-size:1.2em;
}
#siteQotd p.t{
	color:#DF97F1;
	font-size:1.4em;
}
#siteQotd p.link{
	margin-top:0;
}
#siteQotd p.link a{
	color:#66536A;
}
#siteQotd p.link a:hover{
	color:#fff;
}

/*
 * Delivery
 */
#siteDelivery{}
#siteDelivery p{
	padding:0 5px;
	margin:8px 0 6px;
	font-size:1.2em;
}
#siteDelivery p.t{
	color:#DF97F1;
	font-size:1.4em;
}
#siteDelivery .column-box-top{
	background-position:left top;
}
#siteDelivery .column-box-bot{
	padding-bottom:60px;
	background-image:url(../Design/siteDelivery.png);
	background-position:left bottom;
}

/*
 * Random Product
 */
#siteRandomProduct .column-box-bot{
	text-align:center;
}
#siteRandomProduct p{
	margin:8px 0 6px;
	padding:0 5px;
}
#siteRandomProduct p.t{
	color:#DF97F1;
	font-size:1.4em;
	text-align:left;
}

/*
 * Footer
 */
#siteFooter{
	height:27px;
	padding:13px 10px 0;
	background:url(../Design/siteHorizBar.png) left top no-repeat scroll;
	color:#938AD4;
	font-size:1.2em;
	overflow:hidden;
}
#siteFooter a{
	color:#938AD4;
	text-decoration:none;
}
#siteFooter a:hover{
	color:#fff;
}

/*
 * Generic: Section heading
 */
.section-heading{
	margin-bottom:10px;
	background:url(../Design/siteSection.png) -1140px top repeat-y scroll;
}
.section-heading-top{
	background:url(../Design/siteSection.png) left top no-repeat scroll;
}
.section-heading-bot{
	padding:2px 5px;
	background:url(../Design/siteSection.png) -570px bottom no-repeat scroll;
	font-size:1.4em;
	overflow:hidden;
}

/*
 * Generic: product Item list
 */
.product-item-row{
	padding-bottom:10px;
	overflow:hidden;
}
.product-item{
	float:left;
	width:180px;
	background:url(../Design/siteProductItem.png) left top repeat-y scroll;	
}
.product-item.middle{
	margin:0 15px;
}
.product-item-top{
	background:url(../Design/siteProductItem.png) -180px top no-repeat scroll;	
}
.product-item-bot{
	padding:10px;
	background:url(../Design/siteProductItem.png) -360px bottom no-repeat scroll;
	text-align:center;
}
.product-item-image{
	height:100px;
	padding:10px 0;
}
.product-item-name{
	padding-bottom:1em;
	font-size:1.3em;
}
.product-item-name a{
	color:#fff;
	text-decoration:none;
}
.product-item-name a:hover{
	text-decoration:underline;	
}
.product-item-link{
	padding-bottom:10px;
}
.product-item-link a{
	display:block;
	width:80px;
	height:20px;
	margin:0 auto;
	background:url(../Design/siteProductItemLink.png) left top no-repeat scroll;
	line-height:20px;
	text-indent:80px;
	overflow:hidden;
}
.product-item-link a:hover{
	background-position:left -20px
}
.product-item-price{
	font-size:1.3em;
}
.product-item-price span.p{
	color:#D38CE5;
}

/*
 * Checkout Links
 */
/*.cart-page td{
	background:#000 !important;
}*/
.cart-page .le-continue-shopping,
.cart-page .le-update-cart,
.cart-page .le-checkout{
	display:block;
	width:150px;
	height:30px;
	margin-top:5px;
	background-image:url(../Design/siteCheckoutLinks.png);
	background-repeat:no-repeat;
	background-attachment:scroll;
	line-height:30px;
	text-indent:150px;
	overflow:hidden;
}
.cart-page .le-continue-shopping{
	background-position:left top;
}
.cart-page .le-update-cart{
	background-position:-150px top;
}
.cart-page .le-checkout{
	background-position:-300px top;
}
.cart-page .le-continue-shopping:hover{
	background-position:left -30px;
}
.cart-page .le-update-cart:hover{
	background-position:-150px -30px;
}
.cart-page .le-checkout:hover{
	background-position:-300px -30px;
}

