/* CSS Document for the 80's Themed 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:12px; font-family:Arial, Verdana, Helvetica, sans-serif}
a {outline:none; color:#35a3e2}
	a:hover {text-decoration:none}
p {line-height:1.25em; margin:10px 0}
small {font-size:.95em}
em {font-style:italic}

h1 {margin-top:10px; font-size:2.25em}
h2 {margin-bottom:15px; font-size:2em}
h3 {clear:both; font-size:1.25em; font-weight:bold}

/*#######################
  Layout Styles 
#######################*/
 
#wrapper {width:1000px; overflow:hidden; margin:0 auto}
	#content_wrapper {float:left; width:800px}

	#header {float:left; display:inline; padding:0 17px 18px 17px; width:766px}
		#header img {float:left; display:inline; margin-right:15px}
		#header p {display:none!important; margin-top:15px; font-size:1.25em; font-family:Georgia, Times, "Times New Roman", serif; font-style:italic; color:#fff}

		/* Sidebar */		
		#sidebar {display:none!important; float:left; display:inline; padding:0 10px; width:180px; color:#fff; background-color:#262626}
	
		#navigation { margin-top:15px}
			#navigation li {font-size:1.5em; width:180px}
				#navigation li a {display:block; width:140px; padding:7px 5px 7px 35px; margin:10px 0; color:#fff; text-decoration:none}
					#navigation li a:hover {background-color:#3fd230}
				#navigation .home_link a {background:url(../images/home_icon.png) 5px 50% no-repeat}
				#navigation .cart_link a {background:url(../images/cart_icon.png) 5px 50% no-repeat}
				#navigation .categories_link a {background:url(../images/cat_icon.png) 5px 50% no-repeat}
			
				/* Drop-Down Category Menu */		
			#navigation .categories_link {position:relative}			
				#group_list {position:absolute; top:auto; left:-999em; width:180px; background-color:#3fd230}
				#navigation li:hover #group_list, #navigation li.sfhover #group_list {left:0}
					#navigation #group_list li {width:auto; margin:0; border:none; text-transform:none; font-size:.8em; background:none}
						#navigation #group_list li a {display:block; padding:5px 5px 5px 15px; border:none; text-decoration:none; color:#fff; background:none}
							#navigation #group_list li a:hover {text-decoration:underline; border:none}
							
				/* Cart Summary */		
				#cart_summary_headline {margin-top:30px; padding-top:35px; border-top: 2px solid #464646}
				#cart_summary_list {margin-left:20px; list-style-type:decimal}
					#cart_summary_list li {margin:10px 0; font-style:italic}
						#cart_summary_list li a {display:block; padding:5px; color:#bab9b9; text-decoration:none}
							#cart_summary_list li a:hover {color:#fff; background-color:#464646}
					#sidebar .checkout_button {margin:0}
									
		#content {clear:both; float:left; display:inline; padding:18px 17px; width:766px}

			#item_list {clear:both; float:left; display:inline; margin-top:15px; width:766px}
				#item_list .item {float:left; display:inline; margin-right:45px; width:210px}
					#item_list .item img {float:left; display:inline; margin:0 5px 5px 0}
					#item_list .item .price {float:left; display:inline; margin-bottom:5px; width:78px; font-size:2em; font-weight:bold; text-align:center; color:#3fd230; background:url(../images/pricetag.jpg) left top no-repeat}
						#item_list .item .discounted {color:red}
					.buylink {float:left; display:inline; width:83px; background-color:#35a3e2}
						.buylink a {display:block; width:73px; padding:7px 5px; text-align:center; color:#fff; text-decoration:none; font-weight:bold}
							.buylink a:hover {background-color:#4fb5f0}
					#item_list .item .description {clear:both; margin-bottom:27px}
						#item_list .item .description .title {font-weight:bold; font-size:1.25em}
						#item_list .item .description .sub_title {font-style:italic}
		
/*#######################
  Shopping Cart Styles 
#######################*/

	#cart_list {clear:both; width:100%}
		#cart_list .cart_description {width:550px}
		#cart_list .cart_headlines {color:#fff; text-transform:uppercase; background-color:#262626}
		#cart_list .top_border {border-top:1px solid #262626}		
			#cart_list .cart_headlines td {padding:5px 10px}
			#cart_list td {padding:10px; width:90px; overflow:hidden}
			#cart_list td img {float:left; display:inline; margin-right:5px; width:53px; height:53px;}
			#cart_list td p {margin:0 0 10px 0}
			#cart_list .short_description {font-style:italic}
		#cart_list .cart_total {font-weight:bold; font-size:1.5em; text-transform:uppercase}
		
	/* Checkout Buttons */
	div.checkout {display:none!important; float:right; margin:15px 0; color:#fff; font-weight:bold}
		.checkout .cc_connect {padding:8px 20px; border-right:1px solid #fff; background:#35A3E2}
		.checkout .cc_payment {padding:8px 20px; background-color:#aeadad}		
			
	#print {clear:both; display:none!important; 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 #3FD230; background:#EBF0F1}
			.paypal_feedback h3 {margin-bottom:15px}
		.paypal_feedback table {margin-bottom:15px}
			.paypal_feedback table td {padding:5px 5px 5px 0}							

/*#######################
  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:490px; font-size:1em}
							#product_info p {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:#3fd230}
										.discount {padding-left:10px; font-weight:normal; 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 {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:50px}
										
							#product_info .buylink {clear:both; margin-top:15px}