/*
---------------------------------------------------------------------------
=	House Keeping
---------------------------------------------------------------------------
*/

@import url('reset.css');


html,
body
{
	height: 100%;
}	

body
{
	text-align: center;
	font-size: 12px;
	font-family: "Courier New", "Arial", "Verdana", sans-serif;
	background: url(../images/bg.gif);
}

div#wrapper
{
	width: 840px;
	text-align: left;
	margin:0 auto;
	background-color: #fff;
}

div#pad
{
	padding: 0 70px;
	background-color: #fff;
}

.fl {float: left;}
.fr {float: right;}
.cb {clear: both;}

/*
---------------------------------------------------------------------------
=	Header
---------------------------------------------------------------------------
*/

div#header
{
	display: block;
	width: 100%;
	float: left;
	height: 170px;
}

div#header a#logo
{
	display: block;
	float: left;
	margin-top: 14px;
	width: 143px;
	height: 150px;
}


div#header a#logo span
{
	display: none;
}

div#header div#head_links
{
	display: block;
	float: right;
	width: 250px;
	margin-top: 20px;
}

div#header div#head_links ul
{
	display: block;
	float: right;
}

div#header div#head_links ul li
{
	display: block;
	float: right;
	width: 100%;
	margin-bottom: 20px;
}

div#header div#head_links ul li a
{
	display: block;
	float: right;
	width: 100%;
	text-align: right;
	text-decoration: none;
	color: #000;
}

div#header div#head_links ul li a:hover
{
	color: #ed217c; /*PINK*/
}

/*
---------------------------------------------------------------------------
=	CONTAINER
---------------------------------------------------------------------------
*/

div#container
{
	display: block;
	float: left;
	width: 100%;
	border-bottom: 2px solid #cecece;
}

/*
---------------------------------------------------------------------------
=	Font styles
---------------------------------------------------------------------------
*/

h1,h2,h3 
{
	font-family: "Courier New", "Arial", "Verdana", sans-serif;
	margin: 0 0 15px 0;
} 

h1
{ 
	font-size: 200%; 
	font-weight: normal; 
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

p,
ul,
ul li
{
	font-size: 100%;
	line-height: 1.5em;
}



div.doccontent
{
	margin: 0 0 30px 0;
}

div.doccontent h1
{
}

div.doccontent h2
{
	margin: 30px 0 0 0;
	font-size: 130%;
}

div.doccontent h3
{
	margin: 10px 0 0 0;
	font-size: 110%;
}

div.doccontent p
{
	margin: 10px 0 0 0;
}

/*
---------------------------------------------------------------------------
=	NAVIGATION
---------------------------------------------------------------------------
*/

div#nav
{
	display: block;
	width: 200px;
	float: left;
}

div#nav ul#main_nav
{
	display: block;
	float: left;
	margin-top: 35px;
	width: 160px;
	border-right: 2px solid #cecece /*GRAY*/;
}


div#nav ul#main_nav li
{
	display: block;
	float: left;
	width: 100%;
	margin-top: 20px;
}

div#nav ul#main_nav li.homelink
{
	margin: 0 !important;
}


div#nav ul#main_nav li.gap
{
	margin-top: 50px;
}

div#nav ul#main_nav li a
{
	display: block;
	float: left;
	width: 100%;
	text-decoration: none;
	color: #000;
}

div#nav ul#main_nav li a:hover
{
	color: #ed217c; /*PINK*/
}

div#nav ul#main_nav ul.sub_nav
{
	display: none;
	float: left;
	padding-left: 10px;
	border-left: 2px dashed #d3d3d3 /*LIGHT GRAY*/;
	margin:  0;
	padding: 5px 0 15px 10px;
	
}

div#nav ul#main_nav ul.sub_nav li
{
	display: block;
	float: left;
	margin: 10px 0 0 0 !important;
}

div#nav ul#main_nav ul.sub_nav li a
{
	color: #ed217c !important; /*PINK*/
	margin-bottom: 3px;
}

div#nav ul#main_nav ul.sub_nav li a:hover
{
	color: #000 !important;
}

/*
---------------------------------------------------------------------------
=	Content
---------------------------------------------------------------------------
*/

div#the_content
{
	display: block;
	float: left;
	width: 500px;
}

/*
---------------------------------------------------------------------------
=	HOME PAGE
---------------------------------------------------------------------------
*/

div#the_content a#featured_prod
{
	display: block;
	float: left;
	margin-bottom: 30px;
}

div#the_content h2#new
{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	font-size: 180%;
	font-weight: 100;
	color: #ed217c; /*PINK*/
}

div#the_content div#home_prods
{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 60px;
}

div#the_content div#home_prods ul
{
	display: block;
	float: left;
	width: 100%;
}

div#the_content div#home_prods ul li
{	
	display: block;
	width: 145px;
	float: left;
	margin: 0 20px 30px 0;
}

div#the_content div#home_prods ul li.end
{
	margin-right:0 !important;
}

div#the_content div#home_prods ul li a.img
{
	display: block;
	float: left;
	margin-bottom: 10px;
}

div#the_content div#home_prods ul li h3
{
	display: block;
	float: left;
	width: 100%;
	font-size: 120%;
	font-weight: 100;
	height: 40px;
}

div#the_content div#home_prods ul li a.price
{
	display: block;
	float: left;
	font-size: 140%;
	color: #fff;
	background-color: #ed217c; /*PINK*/ 
	padding: 3px;
	text-decoration: none;
}

/*
---------------------------------------------------------------------------
=	PRODUCT PAGE
---------------------------------------------------------------------------
*/

div#the_content h1
{
	display: block;
	float: left;
	width: 100%;
	font-size: 180%;
	font-weight: 100;
	color: #ed217c; /*PINK*/
	margin-bottom: 10px;
}

div#the_content div#prod_text
{
	float: left;
	width: 100%;
	margin: 20px 0;
}

div#the_content div#prod_text p
{
	float: left;
	width: 100%;
	line-height: 1.6em;
	font-size: 120%;
	margin-top: 0px;
}

div#the_content div.prod_closeups
{
	float: left;
	width: 100%;
}

div#the_content div.prod_closeups ul
{
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

div#the_content div.prod_closeups ul li
{
	display: block;
	float: left;
	width: 120px;
	height: 120px;
	background-color: #fde0ed; /*LIGHT PINK*/
	margin-right: 6px;
}

div#the_content div.prod_closeups ul li.buy
{
	margin: 0 !important;
	background-color: #ed217c;/*PINK*/
}

div#the_content div.prod_closeups ul li.buy a span
{
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
}

div#the_content div.prod_closeups ul li.buy a span.price
{
	font-size: 200%;
	margin-top: 30px;
}

div#the_content div.prod_closeups ul li.buy a span.buy
{
	margin-top: 15px;
	font-size: 400%;
}

div#the_content div.prod_closeups ul li.buy span.outofstock
{
	float: left;
	width: 100%;
	margin: 5px 0 0 0;
	line-height: 1em;
	font-size: 300%;
	text-align: center;
	color: #fff;
}

div#the_content div.prod_closeups ul li a
{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

/*
---------------------------------------------------------------------------
=	Checkout
---------------------------------------------------------------------------
*/


table#checkouttable
{
clear: left;
}

table#checkouttable thead
{
font-size: 12px;

}

table#checkouttable thead th
{
padding: 0 0 10px 0;
border-bottom: 1px dashed #ccc;
}

table#checkouttable tbody tr
{
}

table#checkouttable tbody tr td
{
vertical-align: middle;
font-size: 12px;
padding: 5px 0;
}

table#checkouttable tbody tr td.prodimage
{
width: 90px;
}

table#checkouttable tbody tr td.prodimage img
{
width: 75px;

}

div#update
{
display: none;
}

table#totals
{
width: 100%;
margin: 20px 0;
font-size: 12px;
font-weight: bold;
}
table#totals tr
{
}
table#totals tr td
{
padding: 10px 10px 10px 0;
text-align: right;
}

table#totals tr td.title
{
width: 80%;
text-align: right;
padding: 0 10px 0 0;
}


div.couponcode
{
float: left;
margin: 0 0 10px 0;
border: 1px solid #000;
padding: 10px;
}


div.couponcode input
{
float: left;
width: 120px !important;
height: 25px;
font-size: 16px;
font-weight: bold;
border: 1px solid #ccc;
padding: 0 4px;
margin: 0 15px 0 0;
}

div.couponcode a
{
height: 25px;
line-height: 25px;
}

a.checkout
{
float: right;
border: 1px dashed #000;
padding: 5px 18px;
font-size: 14px;
color: #E60C6A;
margin: 20px 0;
text-decoration: none;
}

a.checkout:hover
{
background: #E60C6A;
color: #fff;
}

/*
---------------------------------------------------------------------------
=	Step 1
---------------------------------------------------------------------------
*/


form#cart
{
}

form#cart ul
{
margin: 20px 0;
}

form#cart ul li
{
margin: 15px 0;
}

form#cart ul li label
{
float: left;
width: 125px;
line-height: 30px;
}

form#cart ul li label.extended
{
width: 250px;
}

form#cart ul li label.full
{
width: 100%;
}

form#cart ul li textarea
{
border: 1px dashed #ccc;
width: 100%;
margin: 10px 0 0 0;
padding: 4px 0 0 4px;
}

form#cart ul li input
{
border: 1px dashed #ccc;
width: 200px;
height: 30px;
}


form#cart ul li#submit input
{
width: 100px;
margin: 10px 0 0 225px;
border: 1px dashed #000;
background: #E60C6A;
color: #fff;
text-decoration: none;
}

form#cart ul li#submit input:hover
{
	cursor: pointer;
}

/*
---------------------------------------------------------------------------
=	Step 2
---------------------------------------------------------------------------
*/

div.changeaddress
{
width: 100%;
float: left;
clear: left;
margin: 10px 0 20px 0;
}

div.changeaddress fieldset
{
width: 50%;
float: left;
}

input.formsubmit
{
margin: 20px 0 20px 125px;
background: #E60C6A;
color: #fff;
}


input.formsubmit:hover
{
	cursor: pointer;
}


/*
---------------------------------------------------------------------------
=	Footer
---------------------------------------------------------------------------
*/

div#footer
{
	display: block;
	float: left;
	width: 100%;
	padding: 12px 0;
}

div#footer div#foot_links
{
	float: left;
}

div#footer div#foot_links ul
{
	display: block;
	float: left;
}

div#footer div#foot_links ul li
{
	display: block;
	float: left;
}

div#footer div#foot_links ul li a
{
	display: block;
	float: left;
	margin-right: 20px;
	height: 31px;
}


div#footer div#foot_links ul li a span
{
	display: none;
}

div#footer p
{
	display: block;
	line-height: 34px;
}

div#footer p a
{
	text-decoration: none;
	color: #ed217c; /*PINK*/
}