/* CSS Document for the "Preteen's Eyeshadow" 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:"trebuchet MS", verdana, arial, sans-serif; border-top:7px solid #484a49}
a {outline:none; color:#7ddde9}
	a:hover {text-decoration:none}
strong {font-weight:bold}
em {font-style:italic}

h1 {font-size:2.15em; color:#fc5b46; font-weight:bold; text-transform:uppercase}
	h1 a {text-decoration:none; color:#fc5b46}			
h2 {margin-bottom:15px; font-size:1.75em; color:#f1b90f; font-weight:bold; text-transform:uppercase}
h3 {clear:both; margin-bottom:15px; font-size:1.4em; color:#fc5b46; font-weight:bold}

p {margin:15px 0; line-height:1.5em}
img {border:2px solid #d5eff9}

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

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

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

#content .left {float:left; display:inline}
#content .clear {clear:both}

/*#######################
  Layout Styles 
#######################*/
 
		#header_wrapper {height:129px; background:#d7eff9 url(../images/header_bg.jpg) left top repeat; border-top:1px solid #fff; border-bottom:1px solid #484a49}
			#header {margin:0 auto; width:960px}
				#header img {float:left; display:inline; margin-right:10px; border:none}
				#header h1 {float:left; display:inline; width:400px; margin-top:10px}
				#navigation {float:right; width:366px; position:relative}
					#navigation li {float:left; width:122px; font-size:1.25em; font-weight:bold; text-transform:uppercase; background:url(../images/navigation_li_bg.jpg) left top no-repeat}
						#navigation li a {display:block; width:110px; height:72px; padding:58px 0 0 12px; color:#39ccdd; text-decoration:none}
							#navigation li a:hover {color:#f1b90f}
						
							/*Active States */
							#shophome #navigation li .shophome_link {color:#f1b90f}
							#cart_page #navigation li .cart_link {color:#f1b90f}									
							#group_page #navigation li .category_link {color:#f1b90f}																																				

							/* Drop-Down Category Menu */		
							#group_list {position:absolute; top:129px; left:-999em; width:160px; background:#d7eff9 url(../images/header_bg.jpg) left top repeat; border-bottom:1px solid #484a49}
								#navigation li:hover #group_list, #navigation li.sfhover #group_list {left:auto}
								#group_list li {width:160px; height:auto; margin:0; background:blue; text-transform:none; font-size:.85em; background:url(../images/navigation_li_bg.jpg) left top no-repeat}
									#group_list li a {display:block; width:136px; height:auto; padding:5px 12px; text-decoration:none}
			
		#content {width:960px; overflow:hidden; margin:0 auto; padding:25px 0}
		
			#content .cart_messages {clear:both; padding:15px 15px 15px 45px; margin-bottom:15px; font-size:1.25em; font-weight:bold; border:1px solid #FC5B46; background:#fbfcfc url(../images/warning_icon.png) 15px 45% no-repeat}		
			
			#pagination {float:right}
				#pagination li {display:inline; margin-right:5px; color:#7f8180}
				
			#large_item_list {clear:both; margin:10px 0}
				#large_item_list .item {float:left; display:inline; margin:10px 0}
					#large_item_list .item img {width:126px; border:2px solid #c3c3c3}
					.item .product_thumbnail {float:left; display:inline; margin-right:28px; width:144px}
					.item .product_info {float:left; width:788px}
						.item .product_info .list_price {float:left; display:inline; margin:5px 15px 0 20px; font-weight:bold; font-size:1.15em; color:#484a49; text-decoration:line-through}	
						.item .product_info .your_price {float:left; display:inline; margin-top:2px; font-weight:bold; font-size:1.5em; color:#f1b90f}
						.item .discounted {color:#f1b90f}
						.item .product_info .buylink {clear:both}
						
		#footer {clear:both; padding-top:30px}

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

.home_text {line-height:1.5em}
		
/*#######################
  Shopping Cart Styles 
#######################*/

	#cart_list {clear:both; width:100%; margin-bottom:15px}
		#cart_list .cart_description {float:left; width:350px}
		#cart_list .cart_headlines {float:left; width:100%; color:#fff; text-transform:uppercase; background-color:#484A49}
            #cart_list .cart_headlines td {text-align:left}
		#cart_list .top_border {border-top:1px solid #484A49}		
			#cart_list .cart_headlines li {float:left; padding:5px 10px}
			#cart_list td {float:left; padding:10px; width:100px; 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; line-height:1em}
				#cart_list td.right {text-align:right} 				
			#cart_list td input {width:70px}
		#cart_list .cart_total {font-weight:bold; font-size:1.25em; text-transform:uppercase}

        #content .no_items {clear:both; margin-bottom:15px; font-size:1.25em}
				
		/* 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}
		
	/*#######################
  	Paypal Feedback Styles 
	#######################*/

	.paypal_feedback {clear:both; margin:15px 0; padding:15px; border:1px solid #FC5B46; background:#fbfcfc}
		.paypal_feedback h2 {width:100%}
		.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}
			
			#print {float:right; padding:2px 0 3px 30px; background:url(../images/print_icon.png) left top no-repeat}				

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

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

	#product_info {float:left; width:525px; margin-left:15px; 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:#c8459f}
					.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-top:15px}
			#product_info .buylink input {width:120px; font-weight:bold}