//* Fuzion Formulations CSS *//
//* Written by Kelly Welsh *//

/*======= general =======*/

a:link { text-decoration: none; color: #767672; }
a:visited { text-decoration: none; color: #767672; }
a:active { text-decoration: none; color: #767672; } 
a:hover { color: #767672; text-decoration: underline; } 

body {  
margin-top: 20px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-right: 0px; margin-bottom: 30px; padding-left: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #311813; 
background-image: url(img/bg.jpg); background-repeat-x;background-color: #080202;
background-attachment: fixed; 
}

h1 {  font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; color: #106EA0; margin: 0; padding: 0 }
h2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #106EA0; margin: 0px; padding: 0px;}
h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #311813; margin: 0px; padding: 0px;}
h4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #106EA0; margin: 0px; padding: 0px;}
strong {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: normal; color: #311813}
p {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #311813; padding-top: 0px; margin-top: 0px; margin-bottom: 16px}
.j { text-align: justify }

.bookmark {  float: right; height: auto; width: 120px; margin-top: 88px; margin-left: 640px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #311813}
.toll_free {  float: right; height: auto; width: 170px; margin-top: 24px; margin-left: 580px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #106EA0; text-align: center}
.call { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #106EA0 }

/*======= layout =======*/
.main {  height: auto; width: 970px; border: 1px #000000 solid; background-color: white; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}
.nav {  float: right; height: auto; width: 275px; margin-top: 78px; margin-left: 96px}
.footer {  font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #767672; height: 55px; width: 939px}
.center_box {  background-image: url(img/center_box_fixed.jpg); height: 498px; width: 970px; background-repeat: no-repeat; border: solid; border-width: 8px 0px 5px; border-color: #106EA0 white; background-position: bottom}
.center_box_taller {  background-image: url(img/center_box_taller.jpg); background-repeat: repeat-y; height: auto; width: 970px; border: solid; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #311813; border-width: 8px 0px 5px; border-color: #106EA0 white}
.center_box_flow {  background-image: url(img/blue_fade_back.jpg); background-repeat: no-repeat; height: auto; width: 970px; border: solid; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #311813; border-width: 8px 0px 5px; border-color: #106EA0 white; background-position: bottom}
.search_pos {  float: right; height: auto; width: 270px; margin-top: 84px; margin-left: 485px}
.search_box {  border: 1px #e8e8e8 solid; color: #555555}
.request_quote {  float: right; height: 47px; width: 115px; margin-top: 21px; margin-left: 488px}
.l1 {position: relative; height: 1%}
.l2 {position: absolute; bottom: 14px; right: 0px} 


/*======= index =======*/
.main_title {  float: right; height: auto; width: 700px; margin-top: 32px; margin-left: 39px}
.main_img {  float: right; height: 478px; width: 568px; margin-top: 7px; margin-left: 396px}
.main_text1 {  float: right; height: auto; width: 354px; margin-top: 64px; margin-left: 39px; text-align: justify}

/*======= services =======*/
.services_links {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #106EA0}

/*======= about us =======*/
.about_quote {  float: right; height: 148px; width: 288px; margin-top: 350px; margin-left: 129px}

/*======= manufacturing =======*/
.manf_quote {  float: right; height: 148px; width: 288px; margin-top: 350px; margin-left: 130px}

/*======= tablets =======*/
.tabs_overlay {  float: right; height: 193px; width: 300px; margin-top: 239px; margin-left: 650px}
.tabs_quote {  float: right; height: 148px; width: 288px; margin-top: 290px; margin-left: 160px}

/*======= sales marketing =======*/
.sales_quote1 {  float: right; height: 144px; width: 288px; margin-top: 314px; margin-left: 90px}
.sales_quote2 {  float: right; height: 144px; width: 288px; margin-top: 300px; margin-left: 670px}

/*======= faq =======*/
.faq_title {  float: right; height: auto; width: 400px; margin-top: 32px; margin-left: 42px}

/*======= privacy =======*/
.privacy_title {  float: right; height: auto; width: 400px; margin-top: 32px; margin-left: 42px}

/*======= contact us =======*/
.thank_you_text {  float: right; height: auto; width: 340px; margin-top: 30px; margin-left: 30px}
.thank_you_img1 {  float: right; height: 478px; width: 568px; margin-top: 7px; margin-left: 360px}

/*======= related links =======*/
.related_title {  float: right; height: auto; width: 560px; margin-top: 30px; margin-left: 38px}
.related_text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #311813; margin-top: 1px; margin-bottom: 40px;}
.related_logo {  margin-top: 1px; margin-bottom: 40px;}
.sm_header_box {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #311813; background-color: #D5EEF7; height: auto; width: 200px; border: 1px #0E618E solid; padding-top: 3px; padding-bottom: 3px; padding-left: 3px}
.sm_links {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}

/*======= misc =======*/
.ingrdient_Vline {  border-color: black #311813 black black; border-style: dashed; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 0px}
.ingred_title {  float: right; height: auto; width: 400px; margin-top: 30px; margin-left: 46px}
.map_title {  float: right; width: 500px; margin-top: 80px; margin-left: 40px }
.company_quote {  float: right; height: 148px; width: 288px; margin-top: 280px; margin-left: 670px}

.caps_overlay {  float: right; height: 227px; width: 300px; margin-top: 250px; margin-left: 650px}
.caps_quote {  float: right; height: 148px; width: 288px; margin-top: 294px; margin-left: 120px}
.bev_quote {  float: right; height: 148px; width: 288px; margin-top: 290px; margin-left: 120px}
.gmp_npa_logo {  float: right; height: 116px; width: 160px; margin-top: 544px; margin-left: 588px}
.sm_title {  float: right; width: 400px; margin-left: 42px}
.bev_bottle {  float: right; height: 500px; width: 288px; margin-top: 0px; margin-left: 682px; background-image: url(img/bottle_pour.gif); background-repeat: no-repeat; background-position: right top}
.archive {  float: right; height: 300px; width: 200px; margin-top: 100px; margin-left: 50px}


ul.cssMenu ul{display:none}
ul.cssMenu li:hover>ul{display:block}
ul.cssMenu ul{position: absolute;left:-1px;top:98%;}
ul.cssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.cssMenu,ul.cssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 2px 2px 0px;
	background-color:#ffffff;
	background-repeat:repeat;
	border-color:#AAAAAA;
	border-width:1px;
	border-style:solid;
}
ul.cssMenu table {border-collapse:collapse}ul.cssMenu {
	display:block;
	zoom:1;
	float: left;
}
ul.cssMenu ul{
	width:174.3px;
}
ul.cssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.cssMenu a:active, ul.cssMenu a:focus {
outline-style:none;
}
ul.cssMenu a, ul.cssMenu li.dis a:hover, ul.cssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#ffffff;
	border-width:0px;
	border-color:#6655ff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:4px;
	_padding-left:0;
	font:bold 11px Arial;
	color: #4792E6;
	text-decoration:none;
	cursor:default;
}
ul.cssMenu span{
	overflow:hidden;
}
ul.cssMenu li {
	float:left;
}
ul.cssMenu ul li {
	float:none;
}
ul.cssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.cssMenu li.sep{
	text-align:center;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.cssMenu li.sep span{
	float:none;	padding-right:0;
	width:5;
	height:16;
	display:inline-block;
	background-color:#AAAAAA;	background-image:none;}
ul.cssMenu ul li.sep span{
	width:80%;
	height:3;
}
ul.cssMenu li:hover{
	position:relative;
}
ul.cssMenu li:hover>a{
	background-color:#4792E6;
	border-color:#665500;
	border-style:solid;
	font:bold 11px Arial;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li a:hover{
	position:relative;
	background-color:#4792E6;
	border-color:#665500;
	border-style:solid;
	font:bold 11px Arial;
	color: #ffffff;
	text-decoration:none;
}
ul.cssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.cssMenu img {border: none;float:left;_float:none;margin-right:4px;width:16px;
height:16px;
}
ul.cssMenu ul img {width:16px;
height:16px;
}
ul.cssMenu img.over{display:none}
ul.cssMenu li.dis a:hover img.over{display:none !important}
ul.cssMenu li.dis a:hover img.def {display:inline !important}
ul.cssMenu li:hover > a img.def  {display:none}
ul.cssMenu li:hover > a img.over {display:inline}
ul.cssMenu a:hover img.over,ul.cssMenu a:hover ul img.def,ul.cssMenu a:hover a:hover ul img.def,ul.cssMenu a:hover a:hover img.over,ul.cssMenu a:hover a:hover a:hover img.over{display:inline}
ul.cssMenu a:hover img.def,ul.cssMenu a:hover ul img.over,ul.cssMenu a:hover a:hover ul img.over,ul.cssMenu a:hover a:hover img.def,ul.cssMenu a:hover a:hover a:hover img.def{display:none}
ul.cssMenu a:hover ul,ul.cssMenu a:hover a:hover ul{display:block}
ul.cssMenu a:hover ul ul{display:none}
ul.cssMenu span{
	display:block;
	background-image:url(./images/arrv_anim_1.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:11px;}
ul.cssMenu li:hover>a>span{	background-image:url(./images/arrv_anim_1o.gif);
}
ul.cssMenu a:hover span{	_background-image:url(./images/arrv_anim_1o.gif)}
ul.cssMenu ul span,ul.cssMenu a:hover table span{background-image:url(./images/arr_double_1.gif)}
ul.cssMenu ul li:hover > a span{	background-image:url(./images/arr_double_1o.gif);}
ul.cssMenu table a:hover span,ul.cssMenu table a:hover a:hover span{background-image:url(./images/arr_double_1o.gif)}
ul.cssMenu table a:hover table span{background-image:url(./images/arr_double_1.gif)}

