/* First, zero out everything */

         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;}
         del,ins{text-decoration:none;}
         select {margin:0px;padding:0px;}

/* Then style on a clean slate */

	body {
			background-color: #fff;
			margin: 0px;
			padding:0px;
			text-align:center;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			background-repeat: no-repeat;
			behavior:url("csshover.htc");  /* this is for IE 6 to do hover menus */
	}


/* wrapper - site is 923 wide */

	#wrapper {
		width: 1024px;
		height: auto;
		margin: 0px auto 0px auto;  /* this centers it horizontally */
		text-align: left;
	}

/* cart top */

	#carttop {
		width: 1024px;
		height: 100px;
	}
	
	#logoside {
		width: 620px;
		height: 100px;
		float: left;
	}
	
	#topbuttons {
		width: 290px;
		height: 12px;
		float: left;
		margin-top: 65px;
		text-align:right;
		font-size: 14px;
		color: #92278f;
	}
	
	#topbuttons a {
		color: #92278f;
		text-decoration:none;
	}
	
	#topbuttons a:hover {
		color: #ff4b9d;
		text-decoration:none;
	}
	

/* middle part with nav */
	
	#page_header {
		background-image: url(images/cart/header.gif);
		width: 1024px;
		height: 166px;
		display:block;
		float: left;
	}
	
	#menuarea {
		display:inline;
		width: 477px;
		height: 39px;
		float: right;
		margin-right: 147px;
		margin-top: 53px;
	}
	
	#nav, #nav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		line-height: 1;
	}
	
	#nav a {
		display: block;
		/* width: 10em; */
		width: auto;
	}
	
	#nav li {
		float: left;
		/* width: 10em; */
		width: auto;
	}
	
	#nav li ul {
		position: absolute;
		/* width: 10em; */
		left: -999em;
		width: 131px;
	}
	
	/* added by jon */
	
	#nav ul li a {
		width: 128px;
		height: 24px;
		font-size: 12px;
		text-decoration:none;
		color: #fff;
		padding: 5px 0px 3px 10px;
		background-color: #92278f;
	}
	
	#nav ul li a:hover {
		width: 128px;
		height: 24px;
		font-size: 12px;
		text-decoration:none;
		color: #fff;
		padding: 5px 0px 3px 10px;
		background-color: #ff3399;
	}
	
	/* end of added by Jon */
	
	#nav li:hover ul, #nav li.sfhover ul {
		left: auto;
	}
	
	#nav li ul ul {
		margin: -32px 0 0 128px;
		border-left: 2px solid #333;
	}
	
	#nav, #nav ul {
		padding: 0;
		margin: 0;
		list-style: none; 
		line-height: 1;
	}
	
	#nav li:hover ul ul, #nav li.sfhover ul ul {
		left: -999em;
	}
	
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
		left: auto;
	}
	
	#contactarea {
		float: right;
		width: 1024px;
		height: 17px;
		display:block;
		text-align: right;
		margin-top: 36px;
	}
	
	#contactarea img {
		margin-right: 226px;
	}

/* bottom part with tiled products */
	
	#cart_header {
		background-image: url(images/cart/catarea.gif);
		width: 1024px;
		height: 58px;
		float:left;
	}
	
	#cart_header h1 {
		color: #7f1a7c;
		font-size: 18px;
		font-weight: bold;
		margin-left: 112px;
		margin-top: 20px;
	}
	
	#cart_header h1 a {
		color: #7f1a7c;
		text-decoration:none;
	}
	
	#cart_header h1 a:hover {
		color: #ff4b9d;
		text-decoration:none;
	}
	
	#cart_body {
		background-image: url(images/cart/cartbg.gif);
		width: 1024px;
		height: auto;
		min-height: 400px;
		background-repeat: repeat-y;
		display:block;
		float: left;
	}

	
	/*
	#cart_body h2 {
		margin-left: 112px;
		margin-right: 200px;
		font-size: 12px;
		font-weight: normal;
	}
	*/

	.cart_error {
		margin-left: 112px;
                margin-top: 2px;
		color: #aa0000;
		display:block;
	}
	
	#cart_bottom {
		background-image: url(images/cart/cartbottom.gif);
		display:block;
		float: left;
		width: 1024px;
		height: 16px;
	}

/* copyright at bottom */

	#copyrightarea {
		width: 1024px;
		height: 20px;
		float: left;
		display: block;
	}
	
	#copyleft {
		font-size: 11px;
		width: 500px;
		height: 40px;
		float: left;
		margin-left: 93px;
		color: #666;
		display:inline;
	}
	
	#copyrightarea a {
		color: #666;
		text-decoration:none;
		margin-right: 5px;
		margin-left: 5px;
	}
	
	#copyrightarea a:hover {
		color: #ff4b9d;
		text-decoration:none;
	}
	
	#copyright {
		font-size: 11px;
		width: 300px;
		height: 40px;
		float: right;
		margin-right: 98px;
		text-align:right;
		color: #666;
		display:inline;
	}
/* cart stuff */

#productarea {
	width: 841px;
	min-height: 560px;
	float: left;
	margin-left: 98px;
	display:inline;
}

.product_row {
	width: 266px;
	height: 168px;
	float: left;
	display:inline;
	background-color: #fff;
	margin:5px;
}

.thumbwrapper {
	float: left;
	width: 156px;
	height: 168px;
	display:inline;
}

.thumbwrapper img {
	margin: 18px;
}

.productinfo {
	float :left;
	width: 100px;
	height: 168px;
	text-align:center;
}

.productdata {
	height: 120px;
	width: 90px;
	display:inline;
	float: left;
}

.productdata h1 {
	color: #92278f;
	font-weight: bold;
	font-size: 12px;
	margin-top: 18px;
}

.productdata h3 {
	color: #ff3399;
}

.productdata h4 {
	margin-top: 12px;
	font-size: 14px;
	color: #ff3399;
	font-weight: bold;
}

.productdata h6 {
	margin-top: 10px;
	color: #92278f;
	font-size: 12px;
}

.productdata h6 a {
	color: #92278f;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
}

.productdata h6 a:hover {
	color: #333;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
}

.addbutton {
	height: 68px;
	width: 90px;
	display:inline;
	float: left;
}

.product_details {
	width: 800px;
	height: 400px;
	background-color: #fff;
	margin-left: 112px;
	margin-bottom: 10px;
}

.detailimage {
	float: left;
	width: 320px;
	height: 400px;
}

.detailimage img {
	margin: 20px;
}

.detaildescrip {
	float: left;
	width: 350px;
	height: 400px;
	margin-left: 20px;
}

.detaildescrip h1 {
	margin-top: 20px;
	font-size: 16px;
	color: #92278f;
	font-weight: bold;
}

.detaildescrip h2 {
	font-size: 12px;
	color: #aaa;
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 0px;
}

.detaildescrip h3 {
	margin-top: 10px;
	font-size: 16px;
	color: #92278f;
	font-weight: bold;
}

.detaildescrip img {
	margin-top: 10px;
	margin-bottom: 10px;
}

.detaildescrip p {
	line-height: 20px;
	font-size: 12px;
}

#preview{
	position:absolute;
	border:1px solid #000;
	background:#92278f;
	padding:5px;
	display:none;
	color:#fff;
	}
	
/* Stuff for cart view */

#cart_wrapper {
	width: 800px;
	height: auto;
	z-index: 9;
	display:inline;
	margin-left: 112px;
	background-color: #fff;
	float: left;
	margin-bottom: 20px;
}

#cart_wrapper h1 {
	font-size: 11px;
	text-transform:uppercase;
	color: #333;
}

.cart_header_row {
	margin:0px;
	margin-left: 20px;
	margin-top: 20px;
	width: 730px;
	height: 20px;
	float: left;
	display:block;
	background-color: #92278f;
	color: #fff;
	padding: 0px 0px 2px 0px;
	background-image: url(/images/toolbar_bg.gif);
	background-repeat: repeat-x;
}

.cart_row {
	margin-left: 20px;
	width: 730px;
	height: 60px;
	float: left;
	display:block;
	border-bottom: 1px solid #ddd;
	color: #333;
	margin-top: 5px;
}

.cart_row_thin {
        margin-left: 20px;
        width: 730px;
        height: 25px;
        float: left;
        display:block;
        border-bottom: 1px solid #ddd;
        color: #333;
        margin-top: 5px;
}

.cart_row_thumb {
	width: 50px;
	height: 60px;
	display:block;
	float: left;
	margin-right: 20px;
}

.cart_row_itemname {
	float:left;
	margin-right: 10px;
	width: 250px;
	padding: 5px 0px 3px 5px;
}

.cart_row_itemname a {

}

.cart_row_itemname a:hover {

}

.cart_row_quant {
	float:left;
	margin-right:10px;
	width: 50px;
	padding: 5px 0px 3px 5px;
	text-align: right;
}

.cart_row_price {
	float:left;
	margin-right:10px;
	width: 50px;
	padding: 5px 0px 3px 5px;
	text-align: right;
}

.cart_row_total {
	float:left;
	margin-right:10px;
	width: 75px;
	padding: 5px 0px 3px 5px;
	text-align: right;
}

.cart_row_action {
	float:left;
	margin-right:0px;
	margin-left:20px;
	width: 55px;
	padding: 5px 0px 3px 5px;
}

.cart_row_action a {
	padding: 2px 5px 2px 5px;
	background-color: #92278f;
	color: #fff;
	text-decoration:none;
	display:block;
}

.cart_row_action a:hover {
	padding: 2px 5px 2px 5px;
    background-color: #ff4b9d;
	color: #fff;
	text-decoration:none;
	display:block;
}

#cartbuttons {
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 400;
	height: 35px;
	float: left;
	display: block;
}


#cartbuttons a {
	float: left;
	padding: 5px 10px 5px 10px;
	background-color: #92278f;
	text-decoration:none;
	margin-right: 10px;
	color: #fff;
	font-weight:bold;
}

#cartbuttons a:hover {
	float: left;
	padding: 5px 10px 5px 10px;
	background-color: #ff4b9d;
	text-decoration:none;
	margin-right: 10px;
	color: #fff;
	font-weight:bold;
}

#checkoutform_area {
        width: 800px;
        height: 450px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0px;
}

#checkoutform_area h3 {
        margin-left: 20px;
        font-size: 14px;
        font-weight: bold;
}

#checkoutform_area p {
        margin-left: 20px;
        font-size: 12px;
}

#coleft {
        width: 400px;
        height: 450px;
        float: left;
        margin-left: 10px;
}

#coleft h2 {
        font-size: 14px;
        color: #333;
        margin-left: 0px;
	margin-top: 20px;
}

#coleft h3 {
        font-size: 14px;
        color: #333;
        margin-left: 0px;
}

#coright {
        width: 300px;
        height: 450px;
        float: left;
        margin-left: 10px;
}

#coright h2 {
        font-size: 14px;
        color: #333;
        margin-left: 0px;
	margin-top: 20px;
}

#coright h3 {
        font-size: 14px;
        color: #333;
        margin-left: 0px;
}

table.checkoutforms tr,td {
        font-size: 12px;
        height: 20px;
        padding: 2px 5px 2px 5px;
}


/* For the final check out  */

#cart_co_wrapper {
        width: 660px;
        height: auto;
        z-index: 9;
        display: block;
        margin-left: auto;
        margin-right: auto;
        overflow-y: auto;
        background-color: #fff;
        border: 1px solid #333;
}

#cart_co_wrapper h1 {
        float: left;
        margin-left: 30px;
        font-size: 11px;
        font-weight: bold;
        color: #999;
        text-transform: uppercase;
}      


#cart_co_totals_wrapper {
        width: 660px;
        height: 300px;
        z-index: 9;
        display: block;
        margin-left: auto;
        margin-right: auto;
        overflow-y: auto;
        background-color: #fff;
        border-right: 1px solid #333;
        border-left: 1px solid #333;
        border-bottom: 1px solid #333;
}

.cart_co_header_row {
        width: 600px;
        height: 25px;
        float: left;
        display:block;
        margin:0px;
        padding:0px;
        margin-left: 28px;
        background-color: #333;
        color: #fff;
}

.cart_co_row {
        width: 600px;
        height: 25px;
        float: left;
        display:block;
        border-bottom: 1px solid #ddd;
        color: #333;
        margin-left: 28px;
}

.cart_co_row_itemname {
        float:left;
        margin-right:10px;
        width: 280px;
        padding: 5px 0px 3px 5px;
}

.cart_co_row_itemname a {
        color: #333;
        font-weight: bold;
        text-decoration: none;
}

.cart_co_row_quant {
        float:left;
        margin-right:10px;
        width: 50px;
        padding: 5px 0px 3px 5px;
}

.cart_co_row_price {
        float:left;
        margin-right:10px;
        width: 50px;
        padding: 5px 0px 3px 5px;
        text-align:right;
}

.cart_row_footer_price_descrip {
        float:left;
        margin-right:10px;
        width: 280px;
        padding: 5px 0px 3px 5px;
        text-align:right;
}

.cart_co_row_total {
        float:left;
        margin-right:10px;
        width: 50px;
        padding: 5px 0px 3px 5px;
        text-align:right;
}


.cart_co_bottom_total {
        float:left;
        margin-right:10px;
        width: 50px;
        padding: 5px 0px 3px 5px;
        text-align: right;
}

.cart_co_row_action {
        float:left;
        margin-right:10px;
        width: 70px;
        padding: 5px 0px 3px 5px;
}

.cart_co_row_action a {
        color: #333;
        font-size: 10px;
        font-weight: bold;
        text-decoration: none;
}

#order_summary_container {
	width: 680px;
	margin-left: auto;
	margin-right: auto;
}	

#order_summary_billing {
        color: #333;
        font-size: 10px;
        text-decoration: none;
        width: 208px;
        height: 150px;
        float: left;
        margin-left: 0px;
}


.small_headers {
        font-size: 11px;
        font-weight: bold;
        color: #666;
}

#order_summary_shipping {
        color: #333;
        font-size: 10px;
        width: 208px;
        height: 150px;
        float: left;
        margin-left: 10px;
}

#order_summary_payment {
        color: #333;
        font-size: 10px;
        width: 190px;
        height: 150px;
        float: left;
        margin-left: 10px;
}

.myorderlist {
	width: 620px;
	margin-left: auto;
	margin-right: auto;
}

.myorderlist table {
	border-collapse: collapse;
}

#myaccountmenu {
        width: 790px;
        height: 30px;
        margin-left: auto;
        margin-right: auto;
        text-align:center;
        margin-top: 5px;
}

#myaccountmenu a {
        padding: 5px 10px 5px 10px;
        background-color: #6699cc;
        text-decoration:none;
        margin-right: 10px;
        color: #fff;
        font-weight:bold;
}

#myaccountmenu a:hover {
        padding: 5px 10px 5px 10px;
        background-color: #336699;
        text-decoration:none;
        margin-right: 10px;
        color: #fff;
        font-weight:bold;
}

.myaccountresults {
        width: 400px;
        height: auto;
        margin-left: auto;
        margin-right: auto;
        color: #333;
        font-size: 12px;
        text-align:center;
}

.changequant {
	margin-left: -200px;
}

.detailadd {
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Coupon Stuff */

#couponarea {
	width: 300px;
	height: 30px;
	float: right;
	margin-right: 30px;
	margin-top: 5px;
}