/* CSS Document for the "Contemporary Sophistication" 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 
#######################*/

a {color:#716558; text-decoration:none; outline:none}
	a:hover {text-decoration:underline}
strong {font-weight:bold}	
em {font-style:italic}
h1 {
	margin-bottom:15px;
	font-weight:bold;
	font-size:1.6em;
	color:#b02626;
	padding: 0px;
	margin-top: 0px;
}
	h1 a {text-decoration:none; color:#b02626}
h2 {margin-bottom:10px; font-weight:bold; font-size:1.25em; text-transform:uppercase; color:#716558; border-bottom:9px solid #716558}
h3 {clear:both; font-size:1.15em; font-weight:bold; color:#716558}

/*#######################
  General Layout Styles 
#######################*/

body {padding-top:90px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; background-color:#fff}

#wrapper {
	width:800px;
	padding: 0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

		#sidebar {float:left; display:inline; margin-right:30px; width:100px; overflow:hidden}

			#navigation li {width:100px; font-size:.85em; text-transform:uppercase; background-color:#716558}
				#navigation li a {display:block; margin-top:1px; width:80px; padding:3px 10px; color:#fff}
					#navigation li a:hover {background-color:#b02626; text-decoration:none}
					
					/*Active States */
					#shophome #navigation li .shophome_link {background-color:#b02626; text-decoration:none}
					#cart_page #navigation li .cart_link {background-color:#b02626; text-decoration:none}						
										
			#sidebar p {margin-top:15px; font-size:.75em; color:#716558}
	
		#content {float:left; display:inline; margin-top:105px; width:670px; overflow:hidden}
			#content .cart_messages {padding:15px 15px 15px 45px; margin-bottom:15px; font-weight:bold; border:1px solid #B02626; background:#EBF0F1 url(../images/warning_icon.png) 15px 45% no-repeat}		
			#content p, #content ul, #content dl {margin:10px 0; font-size:.9em; line-height:1.15em}
			#content .item {float:left; display:inline; margin-bottom:10px; padding:20px 0; width:670px; border-bottom:2px dashed #716558}
				#content .item img {float:left; border:2px solid #c3c3c3}
				#content .item .item_info {float:right; display:inline; width:520px}
				#content .price {clear:left; float:left; display:inline; margin-right:45px; font-size:1em}
				#content .item .discounted {padding-right:15px; color:#B02626}		
				#content .item .list_price {text-decoration:line-through}										
				#content .buylink {float:left; display:inline}
					#content .buylink input {text-transform:uppercase; font-weight:bold; font-size:.9em}

			#pagination {clear:both; font-size:.85em}
				#pagination li {display:inline; margin-right:2px}

		/*#######################
		  Homepage Styles 
		#######################*/

		.home_text {line-height:1.5em}
				
	/*#######################
  	Product Detail Styles 
	#######################*/	
		
		#product_images {float:left; width:128px}
			#product_images img {margin-bottom:11px}
			#product_thumbnails {width:128px}
				#product_thumbnails li {float:left; display:inline; margin-right:9px; width:23px; height:23px;overflow:hidden}
				#product_thumbnails .last {margin:0}
				#content .item #product_thumbnails img {width:23px; height:23px}

				#product_info ul {clear:both; margin:15px 0 15px 25px; line-height:1.5em; list-style-type:disc}
				#product_info ol {clear:both; margin:15px 0 15px 25px; line-height:1.5em; list-style-type:decimal}					
				
		#product_info .options {clear:both; width:270px; padding-top:20px}
			#product_info .options dt {clear:both; display:block; float:left; display:inline; margin-bottom:5px; width:90px; text-transform:uppercase}
				#product_info .options dd {width:100%; float:left; display:inline; margin-bottom:15px}
				#product_info .options .quantity, #product_info .options .weight {width:180px}				
					#product_info .options select, #product_info .options input {font-size:.9em}
					#product_info .options select {width:100%}
					#product_info .options input {margin-left:5px; width:30px}					
					
	/*#######################
  	Shopping Cart Styles 
	#######################*/

		#content .no_border {border:none;}
		#cart_list {clear:both; width:100%; margin-bottom:15px}
			#content #cart_list p {margin:0 0 10px 0}	
			#cart_list .cart_description {width:500px}
			#cart_list .short_description {font-style:italic}			
			#cart_list .cart_headlines {color:#fff; text-transform:uppercase; background-color:#716558}
			#cart_list .top_border {border-top:1px dashed #716558}		
				#cart_list .cart_headlines td {padding:5px 10px}
				#cart_list td {padding:10px; font-size:.9em}
					#cart_list td input {width:60px}										
					#cart_list #delete_button {clear:both; float:left; margin-top:5px; width:auto}									
					#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 {float:right; display:inline; margin-bottom:15px}
				.recalculate {float:left; display:inline; margin:0 5px 15px 0}	

				#print {clear:both; padding:2px 0 3px 30px; background:url(../images/print_icon.jpg) left top no-repeat}										

/*#######################
  Paypal Feedback Styles 
#######################*/

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