/* CSS Document for the "Classical Jazz" 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 {background:#271811 url(../images/body_bg.jpg) left top repeat; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif}
a {outline:none; color:#568599}
	a:hover {text-decoration:none}
strong {font-weight:bold}
em {font-style:italic}

h2 {margin-bottom:15px; font-size:1.75em; font-weight:normal; font-family:Georgia, Times, "Times New Roman", serif; color:#a11d1d}
#sidebar h2 {font-family:Verdana, Arial, Helvetica, sans-serif; margin-bottom:5px; color:#425c82}
h3 {clear:both; margin-bottom:15px; font-size:1.5em; font-weight:normal; font-family:Georgia, Times, "Times New Roman", serif; color:#a11d1d}

/*#######################
  Layout Styles 
#######################*/
 
#wrapper {width:960px; margin:0 auto; background-color:#fff}

	#header {width:960px; float:left; background:#425c82 url(../images/header_bg.jpg) left top repeat-x}
		#header img {float:left}
		#header h1 {float:left; display:inline; margin:50px 0 0 15px; font-family:Georgia, Times, "Times New Roman", serif; font-size:2em; color:#fff}
			#header h1 a {text-decoration:none; color:#fff}

	#content_wrapper {width:960px; float:left; background:#fff url(../images/content_wrapper_bg.jpg) left bottom repeat-y}
	
		#sidebar {float:left; display:inline; padding-bottom:25px; width:150px; background-color:#acc8da}
			#navigation {list-style-type:none}
				#navigation li {width:120px; padding:10px 15px; font-size:1.1em; border-top:1px solid #badff0; border-bottom:1px solid #93b8c7; background:#a0c4d4 url(../images/navigation_button.jpg) left top repeat-x}
					#navigation li a {padding-left:20px; text-decoration:none; color:#425c82}
						#navigation li a:hover {color:#fff}
					#navigation li .home_link {background:url(../images/home_icon.jpg) left 50% no-repeat}
					#navigation li .shophome_link {background:url(../images/shophome_icon.jpg) left 50% no-repeat}
					#navigation li .cart_link {background:url(../images/cart_icon.jpg) left 50% no-repeat}
					
					/*Active States */
					#shophome #navigation li .shophome_link {color:#fff}
					#cart_page #navigation li .cart_link {color:#fff}																							
			
			/* Category/Group List Styles */
			#group_headline {font-size:1.1em; font-weight:normal; padding:20px 15px 10px 15px; background:url(../images/category_headline_bg.jpg) 15px bottom no-repeat; border-top:1px solid #badff0}
				#group_list {width:120px; margin:0px 15px; font-size:.95em; border-top:1px dashed #92b0c9; border-bottom:1px dashed #d9e6ee}
					#group_list li {width:120px; border-top:1px dashed #d9e6ee; border-bottom:1px dashed #92b0c9}
						#group_list li a {display:block; padding:5px; text-decoration:none; color:#425c82}
							#group_list li a:hover {color:#fff}
			
		#content {float:left; display:inline; width:780px; padding:20px 15px}
		
		#content .cart_messages {padding:15px 15px 15px 45px; margin-bottom:15px; font-size:1.25em; font-weight:bold; border:1px solid #A11D1D; background:#EBF0F1 url(../images/warning_icon.png) 15px 45% no-repeat}		
				
			#pagination {float:right; display:inline; margin-right:25px; text-align:right; list-style-type:none; width:365px; font-size:.95em}
				#pagination li {display:inline}
					#pagination li a {padding:3px 5px; text-decoration:none; border:1px solid #fff; color:#5b5a5a}
						#pagination li a:hover {background-color:#faf9f4; border:1px solid #e9e6ce}
				#pagination #next a {padding:3px 10px; border:1px solid #e9e6ce}
				
			#item_list {clear:both; float:left; display:inline; margin-top:15px; width:780px}
				#item_list .item {float:left; display:inline; margin-right:27px; width:168px; height:200px}
					#item_list .item img {float:left; display:inline; width:77px; height:77px; margin:0 5px 5px 0; border:2px solid #c3c3c3}
					#item_list .item .price {float:left; display:inline; margin-bottom:5px; padding:10px 5px; width:68px; font-size:.85em; font-weight:bold; background:url(../images/pricetag.jpg) left top no-repeat}
						#item_list .item .discounted {color:#A11D1D}
						#item_list .buylink input {margin-top:5px; font-size:.85em}						
					#item_list .item .description {clear:both; margin-bottom:27px}
						#item_list .item .description .title {font-weight:bold}
						#item_list .item .description .sub_title {font-style:italic; font-size:.95em}
					
#footer {clear:both; padding:15px; width:930px; font-size:.95em; color:#fff; background-color:#839dba}
	#footer a {color:#c6dce4; text-decoration:none}
		#footer a:hover {text-decoration:underline}

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

.home_text {line-height:1.5em}
		
/*#######################
  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:#425c82}
		#cart_list .top_border {border-top:1px solid #acc8da}		
			#cart_list .cart_headlines td {padding:5px 10px}
			#cart_list td {width:65px; padding:10px}
				#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}	
		
	/*#######################
  	Paypal Feedback Styles 
	#######################*/

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

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

/*#######################
  Product Detail Styles 
#######################*/

			#product_images {clear:both; float:left; width:220px}
				#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; width:535px; font-size:1em}
				#product_info p {clear:both; margin-bottom:15px; line-height:1.5em}
				#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 .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:#A11D1D}
							.discount {padding-left:10px; font-weight:normal; color:#000; font-style:italic}

				#product_info .options {clear:both; width:280px; padding-top:20px; border-top:1px solid #c3c3c3}
					#product_info .options dt {clear:both; display:block; float:left; display:inline; margin-bottom:5px; width:90px; text-transform:uppercase; font-weight:bold}
						#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:11px}
							#product_info .options select {width:100%}
							#product_info .options input {margin-left:5px; width:30px}

				#product_info .buylink {clear:both; float:left; margin-top:15px}
					#product_info .buylink input {width:120px; font-weight:bold}
	
