/* CSS Document for the Spread Your Wings CoffeeCup Software E-Commerce Template
   Copyright 2008 CoffeeCup Software - www.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: ""}
strong {font-weight:bold}

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

body {font-size:12px; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000; background:#fff url(../images/body_bg.png) left top no-repeat}
a {outline:none; color:#1c8ed1; text-decoration:none}
	a:hover {text-decoration:underline}
p {line-height:1.25em; margin:10px 0}
small {font-size:.95em}
em {font-style:italic}

h2 {clear:both; margin-bottom:15px; font-size:1.8em}
h3 {clear:both; margin:15px 0; font-size:1.5em; font-weight:bold}

/*#######################
  Classes 
#######################*/

.left {float:left}
.hide {text-indent:-999em}

/*#######################
  Layout Styles 
#######################*/
 
#wrapper {width:800px; margin:50px 0 0 200px}

	#header {float:left; display:inline; width:800px; background-color:#000}
		#header img {float:left; display:inline; margin-right:10px}
		#header h1 {float:left; display:inline; margin:18px 0 5px 0; width:210px; font-size:1.25em; text-transform:uppercase; font-weight:bold; color:#fff}
			#header h1 a {text-decoration:none; color:#fff}			
	
			#navigation {float:right; list-style-type:none}
				#navigation li {float:left; font-size:1.1em; text-transform:uppercase; font-weight:bold; background:url(../images/navigation_border.png) 0 1px no-repeat}
					#navigation li a {display:block; padding:20px 30px; color:#b2c6ea; text-decoration:none}
						#navigation li a:hover {color:#fff}
					
					/*Active States */
					#shophome #navigation #shophome_link a {color:#fff}
					#cart_page #navigation #cart_link a {color:#fff}									
					#group_page #navigation #category_link a {color:#fff}																																																																
				
						/* Drop-Down Category Menu */		
						#navigation #category_link {position:relative}															
						#navigation #category_link #group_list {position:absolute; top:auto; left:-999em; width:150px; padding-bottom:10px; background-color:#000}
						#navigation #category_link:hover #group_list, #navigation #category_link.sfhover #group_list {left:auto}
						#navigation #category_link #group_list li {width:140px; margin:0; padding:5px; font-size:.85em; text-transform:none; background:#000}
							#navigation #category_link #group_list li a {display:block; padding:5px 5px 5px 15px; text-decoration:none}
								#navigation #category_link #group_list li a:hover {text-decoration:underline}

						/* Drop-Down Static Page Menu */		
						#navigation #shophome_link, #navigation #home_link {position:relative}															
						#navigation #shophome_link #staticpage_list, #navigation #home_link #staticpage_list {position:absolute; top:auto; left:-999em; width:150px; padding-bottom:10px; background-color:#000}
						#navigation #shophome_link:hover #staticpage_list, #navigation #shophome_link.sfhover #staticpage_list,
                        #navigation #home_link:hover #staticpage_list, #navigation #home_link.sfhover #staticpage_list {left:auto}
						#navigation #shophome_link #staticpage_list li, #navigation #home_link #staticpage_list li {width:140px; margin:0; padding:5px; font-size:.85em; text-transform:none; background:#000}
							#navigation #shophome_link #staticpage_list li a, #navigation #home_link #staticpage_list li a {display:block; padding:5px 5px 5px 15px; text-decoration:none}
								#navigation #shophome_link #staticpage_list li a:hover, #navigation #home_link #staticpage_list li a:hover {text-decoration:underline}
			
			#hero {clear:both; width:800px; height:291px; background:#2793d3 url(../images/hero_bg.png) left top no-repeat}
				#hero h2 {float:right; display:inline; margin:100px 15px 0 0; width:330px; text-align:left; font-weight:bold; font-size:3em; font-family:Georgia, Times, "Times New Roman", serif; color:#fff}
				#hero p {clear:both; color:#fff; float:right; display:inline; margin:15px 15px 15px 0; width:330px; text-align:left; font-weight:bold; text-transform:uppercase; line-height:1.75em }

			#content {clear:both; width:800px}
				#shophome #content h2 {margin-top:10px; padding:5px; color:#fff; background:#000}
				#content h2 {padding-top:15px}
                #content ul {margin:15px 0 15px 25px; list-style-type:bullet}
				
				#content .cart_messages {clear:both; padding:15px 15px 15px 45px; margin:15px 0; font-size:1.25em; font-weight:bold; border:1px solid #D02117; background:#EBF0F1 url(../images/warning_icon.png) 15px 45% no-repeat}						

			#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:0 0 5px 0; width:68px; font-size:1.25em; font-weight:bold; text-align:left}
						#item_list .item .discounted {color:red}
						#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; width:770px; padding:15px; font-size:.85em; color:#fff; background:#0f7bba url(../images/footer_bg.png) left top repeat-x}
	#footer a {color:#fff; text-decoration:none}
		#footer a:hover {text-decoration:underline}
    #footer #footer_links, #footer #footer_links p {margin:5px 0}
        #footer #footer_links li {display:inline; margin-right:10px}
                #footer #footer_links li a {text-decoration:underline}
                        #footer #footer_links li a:hover {text-decoration:none}  
    #footer p {margin:10px 0}
    #footer #copyright {font-style:italic}        

/*#######################
  Static Page Styles 
#######################*/
          
#content .static_text {clear:both; margin-bottom:15px; line-height:1.5em}		
#content .static_text h1 {font-size:2em; font-weight:bold}          
#content .static_text ul {margin:15px 0 15px 25px; line-height:1.5em; list-style-type:disc}
#content .static_text ol {margin:15px 0 15px 25px; line-height:1.5em; list-style-type:decimal}
         #static_text ol li, #static_text ul li {margin:5px 0}
#content .static_text dl {margin:15px 0 15px 25px; line-height:1.5em}
         #content .static_text dt {margin:15px 0}
         #content .static_text dd {margin:5px 25px}
#content .static_text blockquote {margin:15px 25px; font-size:1.25em}
#content .static_text cite {font-size:.9em; font-style:italic}
#content .static_text img {margin:15px}

/*#######################
  Shopping Cart Styles 
#######################*/

	#cart_list {clear:both; width:100%; margin-bottom:15px}
		#cart_list .cart_description {width:550px}
		#cart_list .cart_headlines {color:#fff; text-transform:uppercase; background-color:#000}
		#cart_list .top_border {border-top:1px solid #262626}		
			#cart_list .cart_headlines td {padding:5px 10px; text-align:left}
			#cart_list td {padding:10px; width:90px; overflow:hidden; text-align:right}
				#cart_list td input {width:75px}						
				#cart_list td .recalculate {margin-top:5px; width:auto}					
				#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:0 0 10px 0}
				#cart_list td.right {text-align:right} 		
                #cart_list td.center {text-align:center}		
			#cart_list .short_description {font-style:italic}
    #update_cart {clear:both; float:right; margin-bottom:15px; font-size:.9em}
        #update_cart input {margin-left:5px; font-size:1.15em}                
	    #cart_list select {margin-top:5px; padding:1px}
        #cart_list option {padding:1px}
        #cart_list .cart_subtotals, #cart_list .cart_total {text-align:right}
    	#cart_list .cart_total {font-weight:bold; font-size:1.25em; text-transform:uppercase}

        #content .no_items {clear:both; margin:15px 0; font-size:1.25em; font-weight:bold}
		
		/* Checkout Buttons */ 
		#checkout_buttons {float:right; display:inline; margin-top:15px}
			.checkout {float:right; display:inline; margin:0 0 15px 5px}
			.credit_cards {clear:both; float:right}
				.credit_cards img {float:right}
			
			#print {float:right; padding:2px 0 3px 30px; background:url(../images/print_icon.png) 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}		
            
     .return_button {margin-top:15px}
      .return_button a {display:block; width:253px; height:41px; text-indent:-999em; background:url(../images/return_to_shop_button.png) left top no-repeat}

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

					#product_images {clear:both; float:left; display:inline; margin-bottom:15px; width:220px}
							#image_full {padding:4px; border:1px solid #c3c3c3; background-color:#efeeee; width:204px}
                            #content #product_thumbnails {margin:0; list-style-type:none}
							#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:560px; 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}
										.discount {padding-left:10px; font-weight:normal; font-style:italic}

							#product_info .options {clear:both; width:270px; padding-top:20px; border-top:1px solid #c3c3c3}
								#product_info .options dt {clear:both; display:block; float:left; display:inline; padding:2px 0; margin-bottom:5px; text-transform:uppercase; font-weight:bold}
									#product_info .options dd {width:100%; float:left; display:inline; padding:2px 0; margin-bottom:15px}
										#product_info .options select, #product_info .options input {font-size:11px}
										#product_info .options select {width:100%}
										#product_info .options input {width:30px}
										
							#product_info .buylink {clear:both; float:left; margin:15px 0}
								#product_info .buylink input {width:120px; font-weight:bold}