/* ========================================================================================== */
/* = Axcite - CSS -  Devleoped by Anabolic Xtreme 2009                                        */
/* ========================================================================================== */	
/* RESET */
@import url("reset.css");

/* =================================== */
/* = SITE STRUCTURE ................ = */
/* =================================== */

	body {background-color: #000; font-size: 70%; font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif; color: #888; background-image: url('../img/backgrounds/bgtile.jpg');background-repeat: repeat-x; background-position: top;}

	#wrap {width:960px; height: auto; margin: 0 auto; padding: 0px 0px 0px 0px; position:relative; overflow: visible;}
	#mainbodywrap {width:960px; margin: 0 auto; padding: 0px 0px 0px 0px; position:relative; overflow: auto; background-image: url('../img/backgrounds/mbw-bg.jpg');background-repeat: no-repeat; background-position: top;}
	
	#header{width:960px;margin: 0 auto; padding: 0px 0px 0px 0px; position:relative;z-index:98; background-image: url('../img/backgrounds/header-nav-bg.jpg');background-repeat: no-repeat; background-position: top; min-height:85px;height:auto !important;height:85px;}
	
	/* Footer */
	#footer {width:960px; margin: -250px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index:99;}

	/* FLASH logo*/
	#flashlogo {width:250px; margin: 0 auto; padding: 0px 0px 0px 0px; z-index:99; overflow: visible; position:absolute}
	
	/* FLASH */
	#flashcontent-home {width:960px; margin: 0 auto; padding: 0px 0px 0px 0px; overflow: visible;}
	
	/* FLASH */
	#flashcontent {width:960px; margin: 0 auto; padding: 0px 0px 0px 0px;  overflow: visible;}
	
/* =================================== */
/* = MAIN LAYOTUS DIVS ............. = */
/* =================================== */

	/*- 66% split -*/
	#col-2thirds-l-wrap {width:640px; margin: 0 auto;  padding: 0px 0px 0px 0px; float: left; }
	#col-2thirds-l {width:640px; margin: 0 auto; padding: 30px 0px 30px 0px; line-height: 16px; font-size: 110%; overflow:hidden}

	
	/*- 33% split - Each is a third total of the main body wrap-*/
	#col-third-l-wrap {width:320px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; }
	#col-third-l{width:260px; margin: 0 auto; padding: 30px 30px 30px 30px;  line-height: 16px;}
	
	#col-third-m-wrap {width:320px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left;}	
	#col-third-m {width:260px; margin: 0 auto; padding: 30px 30px 30px 30px; line-height: 16px;}
	
	#col-third-r-wrap {width:320px; margin: 0 auto; padding: 0px 0px 0px 0px; float: right;  overflow:hidden}
	#col-third-r {width:290px; margin: 0 auto; padding: 30px 0px 250px 0px; line-height: 16px; float: right;}
	
	/*- Full Width -*/
	#col-full-wrap {width:960px; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;float: left;}
	#col-full {width:900px; margin: 0 auto;  padding: 30px 30px 30px 30px; line-height: 16px; font-size: 110%;}	
	
	/*- 650 Center -*/
	#col-640center {width:640px; margin: 30px 160px 30px 160px;  padding: 0px 0px 0px 0px; float: left; line-height: 16px; font-size: 110%;}
	
/* =================================== */
/* = NAVIGATION ELEMENTS............ = */
/* =================================== */

/* = Main menu / Header = */	
/* = -------------------------------------------- = */	

	/* Containers and general Setup */
	#header h1 {position:absolute;left:-9999px; }	
	#header ul {list-style:none;margin: 0px 0px 0px 250px;padding:0; font-size: 100%;  text-transform: uppercase;}
	
	/* Nav buttons setup */
	#header ul li {float:left; line-height:85px;position:relative; outline: none; text-align:center}

	/* Nav States  */
	#header ul li a {color:#999;text-decoration:none; height:85px;float:left;display:inline; /*ie*/padding:0 0px;outline: none; }
	#header ul li a:hover {display:block; color:#fff; background-image: url('../img/backgrounds/n-hover-bg.gif');background-repeat: repeat-x; background-position: top;}
	#header ul li a.active {display:block; color:#cc0000; background-image: url('../img/backgrounds/n-active-bg.gif');background-repeat: repeat-x; background-position: top;}	


/* =================================== */
/*  SIDEBAR - Details                  */
/* =================================== */

	/* Side bar container for product facts, tips, excetra */	
	#sidebar-con {margin: 0px 0px 30px 0px; padding: 20px; line-height: 16px; background-color:#111; border:1px solid #222;}
	.sidebar-img {margin: -30px 0px 0px 0px; padding: 0px 0px 0px 15px; display:block; }
	
	.quote { margin-bottom: 20px; padding-bottom:20px; border-bottom:1px dotted #444;}
	.quote h1 {color: #fff; font-size: 100%; font-weight:bold; margin: -10px 0px 6px 0px; padding: 0px 0px 0px 0px; line-height:12px;}
	.quote img { width:224px; height:80px; border:none; border: 0px; margin-bottom:10px}
	.quote a {font-size: 90%!important; margin-top:6px; display:block}
	
	
/* =================================== */
/*  Section Details & Containers       */
/* =================================== */
	
	/* Pull Quotes */	
	#pullquote-con {width: 550px; margin: 0px 0px 20px 0px; padding: 10px 30px 10px 30px; float: left; overflow: hidden; color: #ff0000; font-size: 130%; font-weight:normal; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;line-height: 20px; display:block; }
		
	/* Word Bubbles */	
	#wordbubble-con { margin-bottom:20px; margin-top:20px; display: block; float:left; }
	#wordbubble-con img {margin: 0px; padding: 0px; overflow: hidden; float:left }
	#wordbubble {width: 558px; margin: 0px 0px 0px 0px; padding: 0px 20px 0px 20px; float: left; overflow: hidden; color: #ff0000; background-color:#111; border-left:1px solid #333; border-right:1px solid #333; font-style:italic; line-height: 18px; display:block;}
	#wordbubble h2 {color: #ff0000; font-size: 120%; font-weight:bold; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; line-height: 18px; display:block; font-style:normal}
	#wordbubble h3 {color: #666; font-size: 90%; font-weight:normal; line-height: 18px; display:block; border: 0px; float:right; text-align:right; padding-top:10px;  margin: 0px 0px 0px 0px; }
	
	/* Guides - buy now con */		
	#guide-con {width: 620px; margin: 0px 0px 30px 0px; padding: 10px; float: left; overflow: hidden; display: block; background-color:#111; border: 1px solid #222;}
	#guide-l {width: 355px; margin: 0px 0px 30px 0px; padding: 20px; float: left; overflow: hidden; display: block;}
	#guide-r {width: 225px; margin: 0px 0px 30px 0px; padding: 0px; float: left; overflow: hidden; display: block;}
	#guide-l h2 {color: #ff0000; font-size: 120%; font-weight:bold; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; line-height: 18px; display:block;}	
		
	/* Press/Testimonial */	
	#testimonials-con {width: 600px; margin: 0px 0px 30px 0px; padding: 20px; float: left; overflow: hidden; background-color:#111; border: 1px solid #222;}
	.testimonial-name{ font-size:120%; font-weight:bold; color: #cc0000; }
		
	/* FAQ */
	#faq-con {width:600px; margin: 20px 0px 20px 0px; padding: 20px; background-color:#111; border:1px solid #222; background-image: url('../img/backgrounds/faq-con-bg.jpg');background-repeat: no-repeat; background-position: top;}
		
	/* Order */
	#ordernow-con {width:640px; margin: 0px 0px 30px 0px; padding: 0px; float: left;  overflow:hidden}
	/* Order form Form */
	.order-button {width: 640px; min-height:350px;height:auto !important;height:350px;}
	.downloadorder-button {width: 225px; min-height:50;height:auto !important;height:50px;}
	
	/* Sale Ends */
	#sale-ends { width:620px; margin: 0px 0px 20px 0px; padding: 0px 20px 0px 0px; float: left; background-image: url('../img/saleends.jpg');background-repeat: no-repeat; background-position: top; color: #fff; font-size: 160%; font-weight:bold; line-height: 50px; text-align:right; font-style:italic}
		
	/* Link container */
	#link-con {width:600px; margin: 20px 0px 20px 0px; padding: 20px 20px 20px 20px; background-color:#111; border:1px solid #222;}

	/* Footer */
	#copyright {width:960px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; line-height: 30px; overflow: auto; min-height:30px;height:auto !important;height:30px; text-align:center; font-size:90%; color:#666666;background-image: url('../img/backgrounds/copyright-bg.jpg');background-repeat: no-repeat; background-position: top;}

	
	/* Graphic block that shows a feature or needs your attenttion. PNG graphic */
	.attention { width:600px; margin: 0px 0px 20px 0px; padding: 20px 20px 20px 0px; float: left; background-image: url('../img/backgrounds/attention-bg.gif');background-repeat: no-repeat; background-position: top;}
	.attention img { width:200px; margin: -10px 0px 0px 0px; float: left; padding-right:20px; padding-bottom:20px }
	.attention h2 { color: #fff; font-size: 120%;  margin: 0px 0px 30px 0px!important; padding: 0px 0px 0px 0px!important; line-height: 20px; }
	.attention ol li { margin-bottom:10px }

	/* Section DIV - used to seperate content on pages with lots of content */
	.section {width: 640px; margin: 0px 0px 10px 0px; padding-top: 50px; float: left; overflow: hidden; background-image: url('../img/backgrounds/section-bg.gif');background-repeat: no-repeat; background-position: top;}
	#first { background-image:none!important; padding-top: 0px!important;}
	#last {}
	.headnomb{margin-bottom: 0px!important;}
	
	.didyouknow { width:450px; margin: 10px 20px 20px 20px; padding: 20px 50px 20px 100px; float: left; font-size:90%; background-image: url('../img/didyouknow-hand.gif');background-repeat: no-repeat; background-position: top left; display:block; overflow:hidden;  line-height: 18px}
	
	#pheromone { width:470px!important; margin: 10px 0px -10px 0px!important; padding: 20px 20px 10px 150px!important; background-image: url('../img/didyouknow-pheromone.gif')!important; min-height: 70px;}
	
	/* Chemicle Breakdown DIV */
	.item { margin: 30px 0px 30px 0px;}


/* =================================== */
/*  IMAGE Classes                      */
/* =================================== */
	
	/* Con for page header imgs */
	#header-img-con {width:960px; margin: 0 auto; padding: 0px 0px 0px 0px; display:block; overflow:auto}

	/* Technical speccs imgs that need a caption */
	#img-tech {width:640px; margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block; text-align:center; line-height:30px; font-size:90%; color:#666666; border:1px solid #222; }
	#img-tech img {display:block;}
	
	/* SMALL Technical speccs imgs that need a caption and are in paragrpahs */
	#img-tech-s {width:300px; margin: 0px 20px 20px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; text-align:center; line-height:30px; font-size:90%; color:#666666; border:1px solid #222; }
	#img-tech-s img {display:block;}
	
	/* Spacer Con for page without header imgs */
	#spacer-con {width:960px; min-height:50px; height:auto !important; height:50px; margin: 0 auto; padding: 0px 0px 0px 0px; display:block; overflow:auto}
	
	/* Image embeded in paragraph */
	.img-full {margin: 30px 0px 30px 0px; padding: 0px 0px 0px 0px; overflow: hidden; border: 1px solid #222;}
	.img-full2 {margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; overflow: hidden; border: 1px solid #222;}
	.img-r {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; overflow: hidden; float: right; }
	.img-l {margin: 0px 20px 10px 0px; padding: 0px 0px 0px 0px; overflow: hidden; float: left; }
	.img-l-nob {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; overflow: hidden; float: left;}
	
	.img-p {margin: 20px 0px 20px 0px;}
	
	.icon { margin: 16px 0px 0px 0px; padding: 0px 0px 0px 0px; float: right; overflow: hidden; display:inline}
	
	.img {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden; } 
	.sb-img {border:none; margin: 0 auto; padding: 0px 0px 20px 0px; float: left; overflow: hidden; display:block }
	.right {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: right; overflow: hidden;}
	.left {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden;} 
	

	
/* =================================== */
/*  LISTS                              */
/* =================================== */	
	
	/* Styled Lists */
	#highlights ul {margin-left: 0; padding-left: 0; list-style-position: outside; font-weight:normal; color:#aaaaaa; }
	#highlights li {padding-left: 20px; background-image: url(../img/arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; margin-bottom:6px }

	/* Red Arrows-LARGE */
	#highlights-lg ul {margin-left: 0; padding-left: 0; list-style-position: outside; font-weight:normal; color:#ff0000; line-height: 24px;}
	#highlights-lg li {padding-left: 20px; padding-bottom: 10px;background-image: url(../img/arrow.gif); background-repeat: no-repeat; background-position: 0 .5em; font-weight:bold; font-size:110%;}


/* =================================== */
/*  TYPOGRAPHY                         */
/* =================================== */

	
	/* h1,h2 Main header page titles and detail item titles/headlines */
	h1 {color: #fff; font-size: 160%; font-weight:bold; margin: 0px 0px 10px 0px; padding: 0px 20px 0px 0px; line-height: 20px; }
	
	/* h2, Used as secondary paragraph lead in */
	h2 {color: #eee; font-size: 120%; font-weight:bold; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; line-height: 18px; display:block;}
	
	/* h3, used as paragraph title or bold statment, */
	h3 {color: #ff0000; font-size: 100%; font-weight:bold; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; border: 1px solid #333; border-style: none none dotted;padding-Bottom: 10px}
	
	/* h4, Faq title */
	h4 {color: #ff0000; font-size: 100%; font-weight:bold; margin: 0px 0px 12px 0px; padding: 0px 0px 0px 0px; display:block; border-bottom: 1px dotted #333; padding-Bottom: 10px}
	
	/* h5, */
	h5 {color: #eee; font-size: 90%; font-weight:bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	
	/* h6,  */
	h6 {color: #eee; font-size: 90%; font-weight:bold; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; }
	

	
/* =================================== */
/*  TEXT STYLING                       */
/* =================================== */
	
	/* TYPOGRAPHY - general */
	p { margin-bottom:10px}
	ol {list-style-type: decimal;padding-left: 10px;}
	img {border:none;}

	/* Standard  */
	.lrg-tx {font-size: 160%; font-weight:bold; letter-spacing:0px;}
	.center { text-align:center}
	
	
	.small-tx {font-size: 90%; font-weight:normal;}
	.smalltx-subtle {font-size: 80%; font-weight:normal; color:#666}
	
	.italic {font-style: italic}
	.bold {font-weight:bold; font-size: 110%; letter-spacing:0px;}
	
	.alert {color:#ff0000;font-weight:bold;font-size: 100%}
	.error {color:#ff0000;font-weight:bold;font-size: 100%}
	.correct {color:#33cc00;font-weight:bold;font-size: 100%}
	
	/* Site Specific  */
	.highlight {color:#FF0000;}
	.highlightbold {color:#FF0000;font-weight:bold;font-size: 100%;}
	.highlightsm {color:#cc0000;font-weight:bold;font-size: 90%}
	.highlightlg {color:#ff0000; font-size: 140%; font-weight:bold; letter-spacing:0px;}
	
	.highlight2 {color:#bbb;}
	.highlightbold2 {color:#bbb;font-weight:bold;font-size: 100%;}
	.highlightsm2 {color:#bbb;font-weight:bold;font-size: 90%}

	.highlightbold3 {color:#fff;font-weight:bold;font-size: 100%;}
	
	.bolditalic {color: #FF0000;font-style: italic;font-weight: bold;}
	.bright {color: #FF0000; font-weight:bold;}
	.white {color:#fff;font-weight:bold;font-size: 100%;}
	
/* =================================== */
/*  LINKS STYLING                      */
/* =================================== */

	/* LINKS - general*/	
	a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer;outline: none; } 
	a:link {color:#cc0000;font-weight:bold;} 
	a:visited {color:#999;font-weight:bold;} 
	a:hover,a:active {color:#ff0000;font-weight:bold} 
	



/* =================================== */
/*  FORM STYLING                       */
/* =================================== */

	/* Multipurpose form - Contact, signup, testimoials*/	
	#form-con {width:580px; margin: 0px 0px 50px 0px; padding: 30px 30px 60px 30px; float:left; display:block; line-height: 16px; background-color:#111; border:1px solid #222;}
	#form-con br {clear: left;}
	
	label,input, select {display: block;width: 280px;float: left;margin-bottom: 10px;}
	label {text-align: right; width: 140px;padding-right: 20px; font-weight: bold; font-size:80%;} 

	.submit {display: block; width: 290px; float: left; margin: 0px 0px 10px 0px; padding: 6px; font-weight: bold; font-size:110%; }

	/* Sidebar Form*/
	.sm-button {display: block; width: 40px;float: right;margin: 0px 0px 0px 0px; font-size:9px}
	.sm-button2 {display: inline; width: 40px;margin: 0px 0px 0px 0px; font-size:9px}
	.sm-input {display: block; width: 176px;float: left;margin-bottom: 10px;}
			
	/* Validation - ALERT */
	.alert-message {width: 90%; height: auto; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 30px;  float:left; display:block; line-height: 12px; border:1px solid #cc0000; color:#fff;font-weight: bold; font-size:80%; background-image: url('../img/alert-icon.gif');background-repeat: no-repeat; background-position: top-left;}
	.input-alert { background-color:#ffcccc; border:3px solid #ff0000; color:#fff;font-weight: bold; font-size:80%; padding: 6px; }
	
	/* Validation - Positive GOOD/APPROVED */
	.positive-message {width: 90%; height: auto; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 30px;  float:left; display:block; line-height: 12px; border:1px solid #66cc33; color:#fff;font-weight: bold; font-size:80%; background-image: url('../img/positive-icon.gif');background-repeat: no-repeat; background-position: top-left;}
	
	.negative-message {width: 90%; height: auto; margin: 0px 0px 10px 0px; padding: 6px 6px 6px 30px;  float:left; display:block; line-height: 12px; border:1px solid #FF0000; color:#fff;font-weight: bold; font-size:80%; background-image: url('../img/alert-icon.gif');background-repeat: no-repeat; background-position: top-left;}
	
	.input-positive { background-color:#ccffcc; border:3px solid #66cc33; color:#fff;font-weight: bold; font-size:80%; padding: 6px; }
	
	.hidden{visibility: hidden;}
	
	.required {color:#CC0000; font-size:80%; }

	
/* ========================= */
/*  CLEAR FIXES              */
/* ========================= */

	.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
	.fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;}
 
	.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 */