/* CSS Document */

/*##############################################################
  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:13px; font-family:Arial, Helvetica, Verdana, sans-serif; color:#464646; background:#fff url(../images/body_bg.jpg) left top repeat-x}
a {outline:none; color:#0fb1d4}
	a:hover {text-decoration:none}

h2 {margin-bottom:15px; font-size:1.5em; font-weight:bold}

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

	#header {width:960px; float:left}
		#header img {width:128px; height:128px; float:left; display:inline; margin:10px 0}
		#header h1 {margin:20px 0; font-size:2em; font-weight:bold; color:#fff}

	#content_wrapper {width:960px; float:left; background-color:#fff}
				
		#content_wrapper h2 {float:left; display:inline; width:779px; margin:1px 0 0 1px; padding:15px; color:#fff; background-color:#4dde61}
		
		#sidebar {float:right; display:inline; padding-bottom:25px; width:150px; background-color:#fff}
			#sidebar h2 {margin-bottom:5px}

			#navigation {list-style-type:none; width:130px; margin:10px}
				#navigation li {zoom:1; width:130px; font-size:1.1em}
					#navigation li a {display:block; width:100px; padding:10px 15px; text-decoration:none}	
						#navigation li a:hover {color:#fff; background-color:#0fb1d4}
			
						/* Drop-Down Category Menu */		
						#navigation .categories_link {position:relative}			
						#group_list {position:absolute; top:auto; left:-999em; width:100%; background-color:#0fb1d4}
						#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:.85em; background:none}
								#navigation #group_list li a {display:block; padding:10px; text-decoration:none; color:#fff; background:none}
									#navigation #group_list li a:hover {text-decoration:underline; border:none}
							
				/* Cart Summary */		
				#cart_summary {width:130px; margin:10px; font-size:.85em}
					#cart_summary h3 {margin:30px 0 15px 0; padding-top:35px; border-top: 1px solid #f3f3f3; font-weight:bold; font-size:1.5em; color:#5ad66b}
					#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:#464646; text-decoration:none}
								#cart_summary_list li a:hover {background-color:#f3f3f3}
					#sidebar .checkout_button {margin:0; background:#0fb1d4}
						#sidebar .checkout_button a {display:block; padding:8px 0; width:100%; text-align:center; text-decoration:none; font-weight:bold; color:#fff}
							#sidebar .checkout_button a:hover {background-color:#18bbde}	
					
					#branding {clear:both; width:130px; margin:30px 10px 15px 10px; padding-top:35px; border-top: 1px solid #f3f3f3; font-size:.85em; line-height:1.3em}
						#branding a {text-decoration:none; font-style:italic}
							#branding a:hover {text-decoration:underline}									

			#content {float:left; display:inline; width:780px; padding:0 15px; background:#fff url(../images/content_bg.jpg) right bottom repeat-y}			
				#content p {margin:15px 0; line-height:1.5em}
				
			#content img {float:right; display:inline; margin:0 0 15px 15px}
			
			/* Form Styles */
			input, textarea {width:350px}	
			input#submit {width:auto; font-weight:bold}