@charset "UTF-8";
/* CSS Document

	* Project:    		eMist Online
	* Generated by:		Dan Collins [www.dancollinsdesign.com]
    * Filename:        	main.css
    * Website:         	www.emistonline.com
	* Last change:		12-07-2009 [fixed xxx] MM-DD-YYYY  
	
	== TABLE OF CONTENTS: ==================
    * Body:      		1024px / 980px
    * Lime Green:       #BFFF44
    ========================================

*/
body {text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#CCC; line-height:2em; padding:0px; margin:0px; background-image:url(images/header2.jpg); background-repeat:no-repeat; background-position:center top; background-color:#000;}
p {margin:2px 0px; line-height:1.8em; font-size:1.2em;}

/* D I V S */
#colLeft {float:left; width:516px; vertical-align:top;}
#colRight {float:left; width:394px; padding-right:20px}
#footer {padding: 110px 43px 0 43px;}
#centerBox {float:left; width:800px; background-image: url(images/bg_homeimg02.jpg); background-repeat:no-repeat; background-position:left top; padding:10px 100px 10px 40px;}
#bodyContent {float:left; width:938px; padding:43px}
#centerBox2 {float:left; width:800px; padding:10px 100px 10px 40px;}
#topHome {float:left; width:612px; padding-left:326px}
#topNav{width:580px; float:left; background-image:url(images/bgrMenu.png); background-repeat:repeat-x; background-position:left top; padding-left:400px; padding-bottom:25px;}
#topNav a {float:left; display:block; padding:17px 19px 17px 20px; background-image:url(images/menuLine.gif); background-repeat:no-repeat; background-position:right top;}
#topNav a.last {background-image:none;}
#col1 {float:left; width:400px;}
#col2 {float:left; width:180px; padding:250px 0px 30px 220px;}
#col3new {float:right; width:180px; padding:250px 0px 30px 220px;}
#container {text-align:left; margin:0px auto; width:1024px;}
#logo {float:left; width:597px; padding:18px 0px 86px 48px;}
#distance {padding-top:68px;}
#sub_content {padding:50px 10px 10px 10px;}
#contactform_padding {padding:10px;}

/* C E L L S */
.warning {padding:30px 0 0 0;}
.white_bg {background:#fff; width:150px; height:35px;}


/* T Y P O G R A P H Y */
h1 {color:#333333; font-size:40px; font-weight:normal; margin:0px; margin-bottom:20px;}
h2 {color:#c0ff41; font-size:25px; font-weight:normal; padding-left:40px; background-image:url(images/check.gif); background-repeat:no-repeat; background-position:left top; margin:0px; margin-bottom:10px;}
h3 {display:none}
#footer a {font-size:1.0em; line-height:2.4em; color:#b2b2b2; text-decoration:none; margin:0px 2px}
.f10_footer {font-size:1.1em; line-height:1.0em; color:#444;}
.f11 {font-size:1.2em; line-height:1.2em;}
.f12 {font-size:1.2em; line-height:1.2em;}
.f10_gry {font-size:1.0em; color:#CCC;}
.f12ul {font-size:1.2em; line-height:1.8em;}
.f13 {font-size:1.3em; line-height:1.2em;}
.f13_grn {font-size:1.3em; color:#BFFF44;}
.f14_org {font-size:1.4em; color: #FF8000;}
.f14 {font-size:1.4em;}
.f14_grn {font-size:1.4em; color:#BFFF44; line-height:1.8em;}
.f14_wht {font-size:1.4em; color:#FFF;}

/* I M A G E S */
img.floatLeft {margin-right:8px;}
img.creativeby {padding:10px 0 0 0; float:right;}

/* O T H E R */
.floatLeft {float:left;}
.floatRight {float:right;}
.clear {clear:both; padding-top:10px;}
.clearMini {clear:both; height:0px; font-size:1px; line-height:0px;}
form, input, select {padding:0px; margin:0px;}
#learn li {line-height:2.2em;}


/* N A V I G A T I O N */
/*
a b {background-image:url(images/menuLinks.gif); background-repeat:no-repeat; display:block; height:16px; cursor:pointer;}
a.home b {background-position:left 0px; width:48px;}
a.products b {background-position:left -16px; width:82px;}
a.learn b {background-position:left -32px; width:51px;}
a.press b {background-position:left -48px; width:48px;}
a.faqs b {background-position:left -64px; width:40px;}
a.contact b {background-position:left -80px; width:72px;}
*/
/* hover */
/*
a.home:hover b {background-position:-100px 0px; width:48px;}
a.products:hover b {background-position:-100px -16px; width:82px;}
a.learn:hover b {background-position:-100px -32px; width:51px;}
a.press:hover b {background-position:-100px -48px; width:48px;}
a.faqs:hover b {background-position:-100px -64px; width:40px;}
a.contact:hover b {background-position:-100px -80px; width:72px;}
*/

/* F O R M S */
.error_code {font-size:1.3em; color:#F00; font-weight:bold;}
.contact_row {padding:10px;}
.contact_row_left {float:left}
.contact_row_right {}

/* S T O R E */
.prodfilter {color:#BFFF44;}
.etclink {color:#F0F;}
.currpage {color:#C60;}
HR {height: 0; border-width: 1px 0 0 0; border-style: solid; border-color: #E5FFAD;}
.cobhl {color:#333; font-size:1.2em; line-height:1.2em; font-weight:bold;} /* Shopping Cart Header / Title Text */
.cobll {color:#444; font-size:1.2em; line-height:1.2em;} /* Shopping Cart body text */
.receiptbody{background-color:#FFF6F2;}
.receiptoption{background-color:#FFE6E6;}
.receipthr{height: 0;border-width: 1px 0 0 0;border-style: solid;border-color: #9EBE25;}
.receipthl{background-color:#FDD6E8;}
.receiptheading{background-color:#980048;color: #FFFFFF;font-weight:bold;}
A:link {font-size:1.2em; color:#777;}
A:visited {font-size:1.2em; color:#444;}
A:active {font-size:1.2em; color:#777;}
A:hover {font-size:1.2em;text-decoration: underline; color: #444;}
span.price, .detailprice, .prodprice {color:#BFFF44; padding-top: 4px; text-align: center; font-size:1.3em;} 
.prodimage {vertical-align : top;}