/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ GLOBAL ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	html { overflow: scroll; font: normal 12px Arial, Helvetica, sans-serif; line-height: 140%; height: 100%; margin: 0; padding: 0; color: #3c3737; background: url('../images/bg.jpg'); }
	body { margin: 0 auto; padding: 0; width: 960px; height: 100%; background: #fff; }

/* LINKS */

	a, a:link, a:visited { color: #00bb88; text-decoration: none; cursor: pointer; outline: none; }	
	a:hover, a:active { text-decoration: underline; }

/* HEADINGS */

	h1 { font: bold 2em Arial, Helvetica, sans-serif; color: #00bb88; margin: 15px 0; }		
	h2 { font: bold 1.5em Arial, Helvetica, sans-serif; color: #00bb88; }		
	h3 { font: bold 1.2em Arial, Helvetica, sans-serif; color: #00bb88; }		
	h4 { font: bold 1.2em Arial, Helvetica, sans-serif; color: #00bb88; }		
	h5 { font: bold 0.9em Arial, Helvetica, sans-serif; color: #00bb88; }

/* PARAGRAPH */

	p { font: inherit; }

/* LISTS */

	ul { margin: 0 10px; padding: 0; }			
	ul li { margin: 0 5px; padding: 5px 0 0 0; list-style: circle; }			
	ol { margin: 0 10px; padding: 0; }	
	ol li { margin: 0 15px; padding: 5px 0 0 0; }

/* FORMS */

	label { display: block; width: 100px; margin: 5px 0; font-weight: bold; }
	input, textarea, select { display: block; margin: 5px 0; width: 97%; border: 1px solid #c4c4c4; background: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
	select { width: 100%; }
	.button { width: auto; margin: 15px 0; padding: 2px 10px; background: url('../images/button_bg.png') repeat-x; cursor: pointer;  }

/* OTHER */

	hr { height: 1px; background: none; border:0; border-top: 1px dotted #ccc; margin: 15px 0; }	
	table { border-collapse: collapse; }	
	strong { font-weight: bold; }	
	em { font-style: italic; }	
	.right { float: right; }	
	.left { float: left; }	
	.align-right { text-align: right; }	
	.align-left { text-align: left; }
	.align-center { text-align: center; }	
	.align-justify { text-align: justify; }
	.hide { display: none; }
	.clear { clear: both; }
	.bold { font-weight: bold; }	
	.italic { font-style: italic; }
	.underline { border-bottom: 1px solid; }	
	.uppercase { text-transform: uppercase; }
	.notification { font-weight: bold; color: #a52a2a; }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ WRAPPER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#wrapper { width: 960px; background: #fff; margin: 0 auto; padding: 0; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -70px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ HEADER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#logo { display: block; width: 235px; height: 85px; text-indent: -9000px; background: url('../images/logo.png') no-repeat; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	/* Essentials */
	
	a.nav_divider:hover { cursor: auto; text-decoration: none; }
	
	#navigation { margin: 20px 0 0 0; padding: 0; background: #95df35; height: 33px; width: 100%; }
	
	#navigation ul { display: block; margin: 0; padding: 0; position: relative; background: #95df35; }
  	#navigation ul li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
 	#navigation ul ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  	* html #navigation ul ul { line-height: 0; } /* IE6 "fix" */
  	#navigation ul ul a { zoom: 1; } /* IE6/7 fix */
    #navigation ul ul li { float: none; }
    #navigation ul ul ul { top: 0; }
    
	#navigation ul ul { margin: 0 0 0 1px; width: 130px; background: #95df35; }
	#navigation ul ul ul { margin: 0; padding: 0; left: 131px; }

	/* Theming */
 
	#navigation ul *:hover { background: #95df35; }
	#navigation ul a {  background: #95df35; display: block; float: left; font-weight: bold; padding: 10px 10px 10px 10px; margin: 0; color: #fff; font-size: 13px; line-height: 100%; }
  	#navigation ul li.hover a { background: #95df35; text-decoration: underline; }
    #navigation ul ul { top: 0px; }
    #navigation ul ul li a { height: auto; width: auto; padding: 7px 15px 7px 15px; margin: 0; float: none; }
    #navigation ul ul a.hover { background-color: #95df35; }
   	#navigation ul ul a { border: none; opacity: 0.9; filter: alpha(opacity=90); }
	
	/* Search Box */
	
	#search { float: right; width: 130px; margin: 122px 20px 0 -20px;  }
	#search input { background: #edeee5; border: 1px solid #666; padding: 2px 20px 2px 3px; background: url('../images/search.gif') no-repeat #f1f2ea 131px 0; color: #8b8989; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ BODY ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.c_main { width: 590px; margin: 25px 15px 30px 30px; float: left; }
	.c_callout { width: 295px; float: left; margin: 15px 0 0 0; }
	
	.search { width: 295px; height: 33px; background: url('../images/searchbox.png') no-repeat; padding: 0; }
	.search input.query { position: absolute; background: #fff; width: 135px; border: none; margin: 7px 3px 0 140px; padding: 3px; }
	
	.box { background: url('../images/bg.jpg'); padding: 15px; margin: 15px 0 0 0; }
	.box h2, .box h3, .box p { margin: 0; padding: 0; }
	
	.sidebar_image { margin: 15px 0 0 0; }
	
	#sign_up tr td input { height: 13px; padding: 3px 0 3px 5px; line-height: 100%; }
	#sign_up tr td a { display: block; width: 77px; height: 21px; margin: 0 0 0 10px; background: url('../images/sign_up.png') no-repeat; }
	
	.cart_callout { background: url('../images/bg.jpg'); color: #fff; font-size: 13px; padding: 5px 15px; margin: 15px 0 15px 0; font-weight: bold; }
	.cart_callout a, .cart_callout a:visited { display: block; height: 16px; background: url('../images/cart_ico.png') no-repeat; text-indent: 20px; }
	
	.connect_header { background: #00bb88; color: #fff; font-size: 13px; padding: 5px 15px; margin: 15px 0 15px 0; font-weight: bold; }
	
	.connect_controls { margin: 0; padding: 0; }
	.connect_contents { margin: 0; padding: 0; clear: both; }
	.connect_controls li { margin: 0; padding: 0; list-style: none; display: inline; }
	
	.connect_contents li { margin: 0; padding: 0; list-style: none; }
	
	.connect_controls li a { display: block; float: left; margin: 0 3px 0 0; padding: 5px 15px; background: #00bb88; color: #fff; text-decoration: none; font-weight: bold; }
	.connect_controls li a.c_active { background: url('../images/bg.jpg'); color: #333; }
	
	.connect_contents { background: url('../images/bg.jpg'); padding: 5px 15px; }
	
	/* Articles */
	ul.articles { margin: 10px 0; padding: 0; }
	ul.articles li { margin: 10px 0; padding: 0; list-style: none; }
	
		/* Tags */
		.tags h3 { border-bottom: 1px dotted #ccc; padding: 0 0 5px 0; }
		.tags ul { margin: 15px 0; }
		.tags ul li { margin: 0 10px 0 0; padding: 0; list-style: none; display: block; float: left; }
		.tags ul li a { display: block; float: left; padding: 1px 8px; border: 1px dotted #ccc; }
		.tags ul li a:hover { text-decoration: none; background: #f0f1f0; }
		
		/* Social Bookmarks */
		.bookmarks h3 { border-bottom: 1px dotted #ccc; padding: 0 0 5px 0; }
		.bookmarks ul { margin: 15px 0; }
		.bookmarks ul li { margin: 0 10px 0 0; padding: 0; list-style: none; display: inline; float: left; }
		.bookmarks ul li span { font-weight: bold; }	
		.bookmarks ul li a { display: block; width: 24px; height: 24px; float: left; text-indent: -9000px; }
		.bookmarks ul li a.twitter { background: url('../images/bookmarks/twitter.png') no-repeat; }
		.bookmarks ul li a.facebook { background: url('../images/bookmarks/facebook.png') no-repeat; }
		.bookmarks ul li a.digg { background: url('../images/bookmarks/digg.png') no-repeat; }
		.bookmarks ul li a.delicious { background: url('../images/bookmarks/delicious.png') no-repeat; }
		.bookmarks ul li a.stumbleupon { background: url('../images/bookmarks/stumbleupon.png') no-repeat; }
		.bookmarks ul li a.google { background: url('../images/bookmarks/google.png') no-repeat; }
	
	
	#comments { margin: 25px 0 0 0; padding: 15px; background: #fffefc; border: 1px dashed #e4e1e1; }
	#comments h3 { margin: 5px 0 20px 0; }
	#comments ul { margin: 0; padding: 0; }
	#comments ul li { margin: 15px 0; padding: 0 0 15px; list-style: none; border-bottom: 1px solid #e1dcdc; }
	#comments ul li p { margin: 0; padding: 5px 0; }
	
	/* Contact Form */
	#emailform { margin: 25px 0 0 0; padding: 15px; background: #fffefc; border: 1px dashed #e4e1e1; }
	#emailform h3 { margin: 5px 0 20px 0; }
	
	.product_list { margin: 20px 0 0 0; padding: 0; }
	.product_list li { width: 182px; margin: 0 20px 10px 0; padding: 0; list-style: none; display: inline; float: left; }
	.product_list li div { padding: 0 10px; }
	.product_list li h4 { margin: 10px 0 5px 0; }
	.product_list li span.bold { display: block; padding: 8px 0 0 0; font-size: 1.3em; }
	
	.thumbnail img { display: block; border: 1px solid #e4e1e1; padding: 0; }
	
	.product_left_col { width: 182px; float: left; margin: 20px 15px 0 0; }
	.product_right_col { width: 393px; float: left; }
	
	.product_right_col .price { display: block; padding: 0; font-size: 1.3em; }
	
	/* Gallery */
	.gallery { margin: 0; padding: 0; }
	.gallery li { margin: 0 5px 5px 0; padding: 0; list-style: none; float: left;  }
	.gallery li img { padding: 2px; border: 1px solid #e8e6e6; }
	
	.request_product_left { color: #fff; float: left; width: 190px; }
	.request_product_left p { margin: 10px 0 0 0; font-size: 14px; font-weight: bold; line-height: 150%; }
	.request_product_right { color: #fff; float: left; width: 245px; margin: 0 0 0 15px; }
	.request_product_right p { font-size: 13px; font-weight: bold; margin: 0 0 15px 0; padding: 0 0 10px 0; border-bottom: 1px solid #fff; }
	.request_product_right .r_button { margin: 15px 0 0 0; width: 114px; height: 28px; border: none; background: url('../images/submit_request.png') no-repeat; }
	.request_product_right label { margin-top: 15px; font-size: 12px; }
	.request_product_right .r_error { display: none; font-weight: bold; font-size: 12px; padding: 5px 0; }
	
	.r_processor, .r_processor p { color: #fff; text-align: center; }
	.r_large { font-size: 14px; font-weight: bold; }
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ MODAL DIALOG ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	.jqmWindow { display: none; position: fixed; top: 75px; left: 50%; background: url('../images/bg-modal.png'); color: #333; padding: 5px; }
	#modal_content { background: none; padding: 20px; border-radius: 4px; }
	#modal_content h2 { margin-top: 0; }
	.jqmOverlay { background-color: #fff; height: 100%; }
	
	#modal_close { display: block; position: absolute; margin: -15px 0 0 -15px; width: 24px; height: 24px; background: url('../images/modal_close.png') no-repeat; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#push { height: 70px; background: #fff; }
	#footer { height: 70px; clear: both; padding: 0; background: #fff;  }
	#footer div { position: absolute; width: 870px; height: 27px; background: #472e20; padding: 10px 15px 0 15px; margin: 30px 30px 0 30px; border-top: 3px solid #00bb88; }
	#footer div a { color: #fff; }
	
	.footer_nav, .footer_add_nav { margin: 0; padding: 0; }
	.footer_nav li, .footer_add_nav li { padding: 0; margin: 0 15px 0 0; list-style: none; display: inline; }
	.footer_nav li a, .footer_add_nav li a { color: #fff; text-decoration: none; }
	
	.footer_add_nav { float: right; }