/* CSS Document */
* {padding: 0; margin: 0;}
p {margin-bottom: 10px;}

body 		{ margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color:#e7ebf7;}
td 			{ vertical-align: top; font-size:11px; font-family: Verdana, Arial, Helvetica, sans-serif; }
ul 			{ MARGIN: 0px 0px 10px 10px; }
li 			{ MARGIN: 3px 0px 3px 10px; }
.format_cell {FONT-SIZE: 11px; PADDING-BOTTOM: 8px; LINE-HEIGHT: 14px;}

FORM 		{DISPLAY: inline;}
INPUT 		{FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
TEXTAREA 	{FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;}
OPTGROUP 	{FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
OPTION 		{FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
SELECT 		{FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; }
.form_button {FONT-SIZE: 11px; color : #333333; border-color: #999999; background-color: #FFFFFF; border-width: 1px 1px 1px 1px; border-style: solid; }

.pagename 	{font-size: 26px; color: #42527b; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 3px 10px 0px 10px; height: 35px; letter-spacing: -1px;}
.pagename1 	{font-size: 30px; color: #a20020; font-weight: normal; font-family: Arial, Helvetica, sans-serif; margin: 3px 10px 0px 0px; height: 42px;}

/* page footer */
.footer { font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif; color : #333333; TEXT-DECORATION: none; text-align: center; margin: 40px 0px 10px 0px; }
A.footer:link 		{ text-decoration : none; }
A.footer:visited 	{ text-decoration : none; }
A.footer:active  	{ text-decoration : none; }
A.footer:hover  	{ text-decoration : underline; }

/* site template main menu */
#menu A 		{ BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999999 1px solid; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #999999 1px solid; WIDTH: 95px; COLOR: #999999; PADDING-TOP: 0px; BORDER-BOTTOM: #999999 1px solid; BACKGROUND-COLOR: #ffffff; TEXT-DECORATION: none; FONT: 11px/15px Verdana, Arial, Geneva, Lucida }
#menu A:hover 	{ BORDER-RIGHT: #abbbbb 1px solid; BORDER-TOP: #abbbbb 1px solid; BORDER-LEFT: #abbbbb 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #abbbbb 1px solid; BACKGROUND-COLOR: #999999; FONT: 11px/15px Verdana, Arial, Geneva, Lucida }
#menu A:active 	{ COLOR: #ffffff; BACKGROUND-COLOR: #999999; FONT: 11px/15px Verdana, Arial, Geneva, Lucida }
#menuhilite A 	{ BORDER-RIGHT: #788888 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #788888 1px solid; DISPLAY: block; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; BORDER-LEFT: #788888 1px solid; WIDTH: 95px; COLOR: #ffffff; PADDING-TOP: 0px; BORDER-BOTTOM: #788888 1px solid; BACKGROUND-COLOR: #788888; TEXT-DECORATION: none; FONT: 11px/15px Verdana, Arial, Geneva, Lucida }

.imagefloat 	{ float:right; width:185px; margin: 0px 0px 10px 15px; }
.pullquote 		{ float:right; width:150px; color: #A09080; border: solid #908070; border-width: 5px 0; font: italic bold 12px Arial, Helvetica, Verdana, sans-serif; padding: 3px 2px; margin: 1px 7px; }

.heading01 		{ font-size: 13px; font-weight: bold; color:#112269; }
.heading02 		{ color:#49567b; }

.warning 		{ color:#FF0000; font-weight:bold; }

.comment 		{ background-color:#FFFF00; }

.subpage_top 				{ background-color: #f2f2ff; }
.body_background 			{ background-color:#FFFFFF; }
.subpage_bar 				{ background-image:url(/images/compass_shadedbar.gif); background-repeat:repeat-x; }
.subpage_right 				{ background-image:url(/images/compass_right.jpg); background-repeat:no-repeat; background-position:left top; }
.subpage_left 				{ background-image:url(/images/compass_left_1.jpg); background-repeat:no-repeat; background-position:right top; }
.subpage_footer 			{ background-image:url(/images/compass_footer.jpg); background-repeat:no-repeat; }
.subpage_body_top 			{ background-image:url(/images/compass_body.gif); background-repeat:no-repeat; }
.subpage_side 				{ background-image:url(/images/compass_side.jpg); background-repeat:no-repeat; }
.subpage_side_blister 		{ background-image:url(/images/compass_side_blister.jpg); background-repeat:no-repeat; }
.subpage_side_blister1 		{ background-image:url(/images/compass_side_blister1.jpg); background-repeat:no-repeat; }
.subpage_side_vitamin1 		{ background-image:url(/images/compass_side_vitamin1.jpg); background-repeat:no-repeat; }
.subpage_side_blistercomp	{ background-image:url(/images/compass_side_blistercomp.jpg); background-repeat:no-repeat; }
.subpage_side_bottles 		{ background-image:url(/images/compass_side_bottles.jpg); background-repeat:no-repeat; }
.subpage_side_boxes 		{ background-image:url(/images/compass_side_boxes.jpg); background-repeat:no-repeat; }
.subpage_side_powders 		{ background-image:url(/images/compass_side_powders.jpg); background-repeat:no-repeat; }
.subpage_side_pouches 		{ background-image:url(/images/compass_side_pouches.jpg); background-repeat:no-repeat; }

.breadcrumbs 		{ margin: 5px 10px 0px 10px; height: 85px; color: #4b71a5; font-size: 9px; }
.crumb 				{ font-size: 9px; color: #4b71a5; }
a.crumb:link 		{ text-decoration: none; }
a.crumb:visited 	{ text-decoration: none; } 
a.crumb:hover 		{ color: #4a892b; text-decoration: underline; } 
a.crumb:active 		{ text-decoration: none; }

.content 			{ margin: 58px 10px 0px 10px; }
.side 				{ margin: 220px 33px 0px 37px; }
.side_home			{ margin: 20px 33px 0px 37px; }

.home_bckg 			{ background-color:#FFFFFF; }
.home_bckg_main_image { background-image: url(/images/home_image_002.jpg); background-repeat:no-repeat; }

/* solutions box on the home page */
.home_box 			{ FLOAT: left; WIDTH: 460px; margin: 0 auto; }
.home_box_top 		{ BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url(/images/home_box_top.jpg);  BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff; }
.home_box_bottom 	{ BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(/images/home_box_bottom.jpg); BACKGROUND-REPEAT: repeat-x; }
.home_box_right 	{ BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(/images/home_box_right.jpg); BACKGROUND-REPEAT: repeat-y; }
.home_box_left 		{ BACKGROUND-IMAGE: url(/images/home_box_left.jpg); BACKGROUND-REPEAT: repeat-y; margin: 0 auto; }
.home_box_ulc 		{ BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(/images/home_box_ulc.jpg); BACKGROUND-REPEAT: no-repeat; }
.home_box_urc 		{ BACKGROUND-POSITION: right top; BACKGROUND-IMAGE: url(/images/home_box_urc.jpg); BACKGROUND-REPEAT: no-repeat; }
.home_box_llc 		{ BACKGROUND-POSITION: left bottom; BACKGROUND-IMAGE: url(/images/home_box_llc.jpg); BACKGROUND-REPEAT: no-repeat; }
.home_box_lrc 		{ BACKGROUND-POSITION: right bottom; BACKGROUND-IMAGE: url(/images/home_box_lrc.jpg); BACKGROUND-REPEAT: no-repeat; }

/* columns under solutions on the home page */
#home_box_wrapper 			{ text-align: left; width: 460px; padding: 15px 0px 5px 0px; color: #42527b; }
#home_box_wrapper a:link	{ color: #42527b; text-decoration:none; }
#home_box_wrapper a:visited	{ color: #42527b; text-decoration:none; }
#home_box_wrapper a:hover	{ color: #4a892b; text-decoration:underline; }
#home_box_wrapper a:active	{ color: #42527b; text-decoration:none; }
#home_box_wrapper .text1   	{ color: #970007; }
#home_box_wrapper .text2   	{ font-size: 11px; }
#home_box_side_a 			{ float: left; width: 230px; padding: 0px 10px 0px 10px;  }
#home_box_side_b 			{ float: left; width: 230px; padding: 0px 10px 0px 10px; margin: 0px 0px 0px 0px; height: 1%; border-left: 1px solid #8a8c89;  /* Holly hack for Peekaboo Bug */ }


.home_box_solutions 			{ text-align: left; padding: 0px 10px 0px 10px; color: #42527b; }
.home_box_solutions a:link	{ color: #42527b; text-decoration:none; }
.home_box_solutions a:visited	{ color: #42527b; text-decoration:none; }
.home_box_solutions a:hover	{ color: #4a892b; text-decoration:underline; }
.home_box_solutions a:active	{ color: #42527b; text-decoration:none; }
.home_box_solutions_text1   	{ color: #970007; }
.home_box_solutions_line		{ border-left: 1px solid #8a8c89; }
.home_box_solutions_margin		{ margin: 15px 0px 5px 0px; }



.clear { clear: both; } /* used to clear elements in non IE browsers */

.home_menu_bckg 	{ background-image:url(/images/home_menu_bckg.jpg); background-repeat:no-repeat; }

/* main menu  */
#leftnav 				{ width: 190px; list-style: none; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; color: #405b7c; font-size: 12px; }
#leftnav ul 			{ margin: 0px; padding: 0px; }
#leftnav li 			{ margin: 0px; padding: 5px 0px 5px 10px; list-style: none; }
#leftnav li a 			{ text-decoration:none; color:405b7c; font-weight: bold; } 
#leftnav li a:hover 	{ text-decoration: underline; color: #4a892b;} 
#leftnav li.active 		{ background-image:url(/images/leftnav_on.gif); background-position: top left; background-repeat:no-repeat; }

#leftnav_level_2 		{ list-style: none; margin-left: 0px; padding-left: 0px; color: #5c73ad; font-size: 11px;  }
#leftnav_level_2 li 	{ margin: 0px; padding: 3px 0px 3px 10px; list-style: none; }
#leftnav_level_2 li a 	{ text-decoration:none; color:5c73ad; font-weight: normal; } 
#leftnav_level_2 li a:hover 	{ text-decoration: underline; color: #4a892b;} 
#leftnav_level_2 li.active 		{ background-image:url(/images/leftnav_level_on.gif); background-position: top left; background-repeat:no-repeat; color: #4a892b;  }

/* work with us are at the bottom of some pages */
.workwithus				{ float: right; width: 250px; }
.workwithus_box	        { margin: 50px 0px 0px 0px; }
.workwithus_heading		{ color: #9c0011; font-size: 13px; font-weight: bold; margin: 0px 0px 7px 0px; }
.workwithus_text		{ color: #42527b ; font-style:italic; }

.process_steps 			{ font-size: 11px; display: none; }
.process_steps_text		{ font-size: 11px; }

.home_getquote { margin: 30px 0px 0px 10px; }

#submenu { font-size: 10px;font-family: Verdana, Arial, Helvetica, sans-serif; color : #5c73ad; TEXT-DECORATION: none; margin: 30px 0px 0px 0px; text-align:right; }
#submenu a:link 		{ text-decoration : none; }
#submenu a:visited 	{ text-decoration : none;  color : #5c73ad;}
#submenu a:active  	{ text-decoration : none; }
#submenu a:hover  	{ text-decoration : underline; color: #4a892b;}

h2 {font-size: 13px; font-weight: bold; color:#000000; margin:5p 0px 3px 0px;}