/*	eliquid.com CSS Selectors global styles */


/*	body
------------------------------------------------------------------------------- */

html, body, #wrap {background:#999999 /*#407399;*/}

#wrapper {background:#407399;}

#main {padding-bottom: 0; background: url(images/nav/bkgnd-right.gif) top left repeat-x;}  /* must be same height as the footer */

#footer {
	/* position: relative;
	margin-top: -62px; negative value of footer height
	height: 62px; */
	clear:both;
	display:block;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	padding: 0;
	margin: 0;
	text-align: center;
	height: 100%;
	}

body, div, td
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}


/*	links
------------------------------------------------------------------------------- */

a:visited,
a:active,
a:link {
	color: #0000FF;
	text-decoration: underline;
}

a:hover {
	color: #FF0000; 
	text-decoration: none;
}

/* lnk sml yellow ------------------ */

a.lnk-sml-yellow:visited,
a.lnk-sml-yellow:active,
a.lnk-sml-yellow:link {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFC8;
	text-decoration: none;
}

a.lnk-sml-yellow:hover {
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF00; 
	text-decoration: underline;
}

/* lnk tab ------------------------- */

a.lnk-tab:visited,
a.lnk-tab:active,
a.lnk-tab:link {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase; 
	color: #004477;
	text-decoration: none;
}

a.lnk-tab:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase; 
	color: #FF0000; 
	text-decoration: none;
}

/* lnk big red ------------------------- */

a.lnk-bigred:visited,
a.lnk-bigred:active,
a.lnk-bigred:link {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase; 
	color: #FF0000;
	text-decoration: none;
}

a.lnk-bigred:hover {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase; 
	color: #990000; 
	text-decoration: none;
}

a.lnk-heading:visited,
a.lnk-heading:active,
a.lnk-heading:link {
	color: #000;
	text-decoration: none;
}

a.lnk-heading:hover {
	color: #003366; 
	text-decoration: underline;
}


/*	-- For Designed By Link -- */
/* -- <a href="http://www.eliquid.com" target="_blank" style="text-decoration:none"><span class="eli1">eliquid</span><span class="eli2">MEDIA</span></a> -- */

.eli1 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #D7D7D7; }
.eli2 {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }


/*	misc
------------------------------------------------------------------------------- */

hr {  
	color: #000000; 
	height: 1px
}

input, textarea, select, option {
	font-size: 11px;
	font-family: verdana, arial,helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	color : #000000; 
	
	 background-color: #F0F0F0;
	 border: 1px solid;
} 

input.clear { background-color:#FFFFFF; border : none; }


ul, li
{
	list-style-image: url(images/bullet-square.gif); 
}

ul.dot-blue, li.dot-blue
{
	list-style-image: url(images/bullet-square-blue.gif);
	color : #ffffff; 
}




/*	layout
------------------------------------------------------------------------------- */

.mainbk {
	background: #407399 url(images/nav/bkgnd-left.gif) top left repeat-x;
}
.leftmenubk {
	background: ;
}
.btmbk {
	background: #999999 url(images/nav/bkgnd-btm.gif) top left repeat-x;
}

.btmrightbk {
	background: #999999 url(images/nav/bkgnd-btm-right.gif) top left repeat-x;
}

/* internal box ------------------------- */

.box-top {
	background: #FFFFFF url(images/inav/box-top.gif) top left repeat-x;
}

.box-btm {
	background: #FFFFFF url(images/inav/box-btm.gif) top left repeat-x;
}

.box-left {
	background: #FFFFFF url(images/inav/box-left.gif) top left repeat-y;
}

.box-right {
	background: #FFFFFF url(images/inav/box-right.gif) top left repeat-y;
}


.box-bk {
	background: #FFFFFF;
}



/* Grids  **DO NOT EDIT**
----------------------------------------------------- */

.row:after {content:"\0020"; display:block; height:0; clear:both; visibility:hidden;}
.lastcol:after {content:" . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.row {*zoom:1;}
.lastcol {display:table-cell; *display:block; *zoom:1; float:none; *position:relative; *left:-3px; *margin-right: -3px;}

.col {float:left;}

.cols1of1 {float:none;}
.cols1of2 {width:50%;}
.cols1of3 {width:33.33333%;}
.cols2of3 {width:66.66666%;}
.cols1of4 {width:25%;}
.cols2of4 {width:50%;}
.cols3of4 {width:75%;}
.cols1of5 {width:20%;}
.cols2of5 {width:40%;}
.cols3of5 {width:60%;}
.cols4of5 {width:80%;}
.cols1of6 {width:16.66666%;}
.cols2of6 {width:33.33333%;}
.cols3of6 {width:50%;}
.cols4of6 {width:66.66666%;}
.cols5of6 {width:83.33333%;}
.cols1of8 {width:12.5%;}
.cols2of8 {width:25%;}
.cols3of8 {width:37.5%;}
.cols4of8 {width:50%;}
.cols5of8 {width:62.5%;}
.cols6of8 {width:75%;}
.cols7of8 {width:87.5%;}
.cols1of10 {width:10%;}
.cols2of10 {width:20%;}
.cols3of10 {width:30%;}
.cols4of10 {width:40%;}
.cols5of10 {width:50%;}
.cols6of10 {width:60%;}
.cols7of10 {width:70%;}
.cols8of10 {width:80%;}
.cols9of10 {width:90%;}

/* Contact Form - Reseller Programs
----------------------------------------------------- */

#contact_form{margin-left: 20px; margin-bottom:20px; float:left;}
#contact_form fieldset{margin:0; padding:0; border:none; float:left; display:inline; width:500px;}		
#contact_form legend{display:none;}	
#contact_form p{margin:.5em 0;}	
#contact_form label{display:block; font-weight:bold; width:500px;}	
#contact_form input, #contact_form textarea{width:492px; height:20px; border:1px solid #CCC; background:#fff url('images/contact_form/form_input.gif') repeat-x; padding:3px;}	
#contact_form input[type="checkbox"] {width:15px !important; height:10px; border:none; position:relative;}	
#contact_form textarea{width:295px; height:100px; overflow:auto; margin-top:5px;}	
#contact_form button{width:69px; height:28px; padding-top:2px; border:none; background:url('images/contact_form/form_button.png') no-repeat 0 0; color:#fff; cursor:pointer; text-align:center; outline:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding-bottom:3px;}
#contact_form label.error { font-weight:bold;color:#225A83;text-align:left;width:200px;font-size:12px;font-style:italic;padding-bottom:7px;padding-top:3px; background: transparent url(/images/cancel.png) no-repeat scroll left; }
#contact_form input.text-input { margin:6px 0 6px; color:#333; }
label.error { font-weight:normal;color:red;text-align:left;width:140px; padding-left:15px; background: transparent url(/images/cancel.png) no-repeat scroll left; }

h2.contact-heading {font-size:1.583em; font-weight:bold; margin-bottom:10px; margin-top:30px; color:#990000;}

.contact-small {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-style:italic; padding-bottom:5px; padding-top:10px; color:#990000; width:500px;}
.checkbox-small {font-family:Arial, Helvetica, sans-serif; font-size:1em; float:left; padding-left:3px; padding-right:8px; padding-top:3px;}
.company-logo-checkbox {width:500px; float:left;}

#contact_form input[type="file"] {width:300px; height:20px; border:1px solid #CCC; background:#fff url('images/contact_form/form_input.gif') repeat-x; padding:3px;}
#contact_form input[type="hidden"] {width:300px;}


a.blogBtn:visited,
a.blogBtn:active,
a.blogBtn:link {
	border:1px solid #fff; padding:10px; color:#fff; font-size:18px; text-align:center; background:#00477b;  border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	-webkit-box-shadow: 1px 1px 5px #003a64; /* Safari */ box-shadow: 1px 1px 5px #003a64; -moz-box-shadow: 1px 1px 5px #003a64; text-decoration:none; outline:none; position:relative;
	background-image: -moz-linear-gradient(100% 100% 90deg, #00477b, #005ca0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005ca0), to(#00477b));
	behavior: url(ie-css3.htc); zoom: 1; z-index:9999;
}

a.blogBtn:hover {
	border:1px solid #fff; padding:10px; color:#fff; font-size:18px; text-align:center; background:#2c79b3; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	-webkit-box-shadow: 2px 2px 5px #003a64; /* Safari */ box-shadow: 2px 2px 5px #003a64; -moz-box-shadow:2px 2px 5px #003a64; text-decoration:none; outline:none; position:relative;
	background-image: -moz-linear-gradient(100% 100% 90deg, #2c79b3, #286fa5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#286fa5), to(#2c79b3));
	behavior: url(ie-css3.htc); zoom: 1; z-index:9999;
}

.text-effect {text-shadow:0px 1px 2px #013861;}