/* CSS Document for the "Clean Slate" CoffeeCup Software E-Commerce Template
   Copyright 2008 CoffeeCup Software - coffeecup.com */

/*##############################################################
  Eric Meyer's Latest version of Reset.css (includes Baseline)
##############################################################*/ 

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
}
a img, :link img, :visited img {border: 0}
table {border-collapse: collapse; border-spacing: 0}
ol, ul {list-style: none}
q:before, q:after,
blockquote:before, blockquote:after {content: ""}

/*#######################
  Element Styles 
#######################*/

body {font-size:13px; font-family:Arial, Helvetica, Verdana, sans-serif; color:#000; background-color:#fff}
a {outline:none; color:blue}

h2 {margin-bottom:15px; font-size:1.5em; font-weight:bold}
#sidebar h2 {margin-bottom:5px}
h3 {clear:both; margin-bottom:15px; font-size:1.15em; font-weight:bold}

/*#######################
  Layout Styles 
#######################*/
 
#wrapper {width:960px; margin:0 auto; overflow:hidden}

	#header {width:960px; float:left}
		#header img {width:128px; height:128px; float:left; display:inline; margin:15px 15px 15px 0}
		#header h1 {margin:55px 0 15px 0; font-size:2em; font-weight:bold}
		#header p {font-size:1.25em; line-height:1.5em; color:silver; font-style:italic; font-family:Georgia, Times, "Times New Roman", serif}

	#content_wrapper {width:960px; float:left}
				
		#content_wrapper h2 {float:left; display:inline; width:717px; margin:1px 0 0 1px; padding:15px}
		
		#sidebar {display:none}
							
			#content {float:left; display:inline; width:718px; padding:0 15px}			
				
			#item_list {clear:both; float:left; display:inline; margin:15px 0 30px 0; width:100%}
				#item_list .item {float:left; display:inline; margin-right:10px; width:168px}
					#item_list .item img {float:left; display:inline; width:79px; height:79px; margin:0 5px 5px 0}
					#item_list .item .price {float:left; display:inline; margin-bottom:10px; font-weight:bold; font-size:1.5em}
						#item_list .item .discounted {color:red}
					#item_list .item .description {clear:both; margin-bottom:27px}
						#item_list .item .description a {text-decoration:none}
							#item_list .item .description a:hover {text-decoration:underline}
						.title {font-weight:bold}
						.short_description {font-style:italic; font-size:.95em}
		
/*#######################
  Shopping Cart Styles 
#######################*/

	#cart_list {clear:both; width:100%; margin-bottom:15px}
		#cart_list .cart_description {width:400px}
		#cart_list .cart_headlines {color:#fff; text-transform:uppercase; background-color:#1c8bb0}
		#cart_list .top_border {border-top:1px solid #1c8bb0}		
			#cart_list .cart_headlines td {padding:5px 10px}
			#cart_list td {width:65px; padding:10px}
			#cart_list td img {float:left; display:inline; margin-right:5px; width:53px; height:53px;}
			#cart_list td p {margin-bottom:10px}
		#cart_list .cart_total {font-weight:bold; font-size:1.25em; text-transform:uppercase}
			
	/* Checkout Buttons */
	.checkout {display:none}
	.recalculate {display:none}	
			
	#print {clear:both; padding:2px 0 3px 30px}
			
/*#######################
  Product Detail Styles 
#######################*/

#product_images {clear:both; float:left; display:inline; width:220px; margin:15px 0 30px 0}
	#image_full {padding:4px; border:1px solid #c3c3c3; background-color:#efeeee; width:204px}
	#product_thumbnails li {float:left; display:inline; padding:3px; width:98px; height:96px; margin:3px 3px 0 0; border:1px solid #c3c3c3; background-color:#efeeee}
		#product_thumbnails img {width:98px}

#product_info {float:right; display:inline; margin-top:15px; width:485px; font-size:1em}
	#product_info p {clear:both; margin-bottom:15px; line-height:1.5em}
		#product_info .pricing dt {clear:both; display:block; float:left; display:inline; margin-bottom:15px; width:20%; text-transform:uppercase; font-weight:bold}
			#product_info .pricing dd {float:left; display:inline; width:80%; margin-bottom:15px}
				.list_price {text-decoration:line-through}
				.your_price {font-weight:bold; color:#de6327}
				.discount {padding-left:10px; font-weight:normal; color:#000; font-style:italic}
	
	#product_info .options {clear:both; width:250px; padding-top:20px; border-top:1px solid #c3c3c3}
		#product_info .options dt {clear:both; display:block; float:left; display:inline; margin-bottom:15px; width:90px; text-transform:uppercase; font-weight:bold}
			#product_info .options dd {width:160px; float:left; display:inline; margin-bottom:15px}
				#product_info .options select, #product_info .options input {font-size:11px}
				#product_info .options select {width:160px}
				#product_info .options input {width:30px}

	#product_info .buylink {display:none}			
			
/*#######################
  Paypal Feedback Styles 
#######################*/

.paypal_feedback {clear:both; margin:15px 0; padding:15px; border:1px solid #CD5C24; background:#EBF0F1}
	.paypal_feedback h2 {width:100%}
	.paypal_feedback table {margin-bottom:15px}
		.paypal_feedback table td {padding:5px 5px 5px 0}
