@charset "UTF-8";

/* ########################### Main Website Stylesheet ############################# */

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

		html {
		  overflow: scroll;  /*Prevents browser jumping */
		  font: normal 12px Arial, Helvetica, sans-serif; 
		  line-height: 150%;
		  font-size: 12px;
		}
		
		body {
		  margin: 0px auto; 
		  background: url(../images/background_main.jpg) repeat-x #b7b3b2;
		}

/* LINKS */

		a, a:link, a:visited { color: #0066CC; text-decoration: none; outline: none; }
		a:hover, a:active { text-decoration: underline; }
		
		a.news, a.news:link, a.news:visited { color: #000000; text-decoration: none; outline: none; }
		a.news:hover, a.news:active { color: #0066CC; text-decoration: underline; }		

/* HEADINGS */

		h1 { font: bold 2.5em Arial, Times, serif; }
		
		h2 { font: bold 1.5em Arial, Times, serif; }
		
		h3 { font: bold 1.2em Arial, Geneva, Helvetica, sans-serif; }
		
		h4 { font: bold 1em Arial, Geneva, Helvetica, sans-serif; }
		
		h5 { font: bold 0.9em Arial, Geneva, Helvetica, sans-serif; }

/* PARAGRAPH */

		p { font: inherit; }

/* LISTS 

		ul { margin: 0 10px; padding: 0px; }
			
		ul li { margin: 0 5px; padding: 1px 0 0 0; list-style: disc; }
			
		ol { margin: 0 10px; padding: 5px 0; }
		
		ol li { margin: 0 15px; padding: 5px 0 0 0; }*/

/* FORMS */

		label { display: block; margin: 5px 0; font-weight: bold; }

		/*input, textarea, select { display: block; margin: 5px 0; width: 250px; border:1px solid #666; background: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }*/
		
		input.ds, textarea.ds, select.ds { display: block; margin: 5px 0; width: 250px; border:1px solid #666; background: #fff; padding: 2px; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }		

		input.search {width: 150px; color: #666666; border:1px solid #666; background: #fff; padding: 1px 1px 1px 4px;; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
				
		/*.focus { border: 1px solid red; }  ...Since :focus pseudo class won't work on IE */
		
		.button { display: block; margin: 5px 0; width: auto; border: 1px solid #333; font: inherit; background: #e8e8e8; padding: 1px 5px; }

/* OTHER */

/* Distributors */
.warning {
  font-weight: bold;
  color: #006eb4;
}

		hr { height: 1px; background: none; border:0; border-top: 1px dotted #ccc; }
		
		table { border-collapse: collapse; }
		
		strong { font-weight: bold; }
		
		em { font-style: italic; }
		
		.bold { font-weight: bold; }
		
		.italic { font-style: italic; }
		
		.underline { border-bottom: 1px solid; }  
		
		.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; }

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

	#header {
		margin: 0px auto;
		padding: 0px;
		border: 0px dashed #ccc;
		background: none;
		float: none;
	}
		
	div.headercontainer {
		width: 960px;
		background: #000000;
		margin: 0px;
		padding: 0px;
		border: 0px;		
	}

	div.headerleft {
		background: url(../images/header_01.jpg) repeat-x #000000;	
		float: left;
		width: 218px;
		height: 152px;
		margin: 0px;
		padding: 0px;
		border: 0px;
	}
	
	div.headerleftpages {
		background: url(../images/header_01.jpg) repeat-x #000000;
		float: left;
		width: 218px;
		height: 152px;
		margin: 0px;
		padding: 0px;
		border: 0px;
	}	

	div.headerright {
		background: url(../images/header_02.jpg) repeat-x #000000;	
		float: right;
		width: 742px;
		height: 152px;
		margin: 0px;
		padding: 0px;
		border: 0px;
	}		
	
	div.headerrightdist {
		background: url(../images/header_02_dist.jpg) repeat-x #000000;	
		float: right;
		width: 742px;
		height: 152px;
		margin: 0px;
		padding: 0px;
		border: 0px;
	}			
	
	div.headerrightpages {
		background: url(../images/header_02) repeat-x #000000;	
		float: right;
		width: 742px;
		height: 152px;
		margin: 0px;
		padding: 0px;
		border: 0px;
	}		
	
	div.headernav {
		padding-top: 93px;
		text-align: right;
		/*align: right;*/
	}		
	
	div.spacertop {
	height: 12px;
	background: none;
	}	

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ NAVIGATION ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* NAVIGATION CONTAINER */

		#navigation { 
			margin: 5px;
			padding: 10px;
			border: 1px dashed #ccc;
			background: #F3F8F3; 	
		}

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

		#content {
			background: none;
			color: #000000;
			margin: 0px;
			padding: 0px;
			border: 0px;	
		}

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

		#footer {
			/* center align div */
			margin-left: auto;
  			margin-right: auto;
			/* end center align div */
			
		    width: 960px;
			margin-top: 40px;
			padding-top: 10px;
			padding-left: 3px; 
			padding-right: 3px;
			padding-bottom: 10px;
			border-top: 1px solid #000000;
			background: none;
			color: #666;
		}		
		
		a.footer, a.footer:link, a.footer:visited {color: #413f40; text-decoration: none; cursor: hand; outline: none; }
		a.footer:hover, a.footer:active {text-decoration: underline; }		
		.footer {color: #413f40; text-decoration: none;}