/* CSS Document */

ul, h1, h2, h3, h4, h5{margin: 0; padding: 0;}
.clear {clear: both}
body, html{	height: 100%; }

body{
	text-align:left;
	padding:0;
	margin: 0 0 35px 0;
	font: 12px/145% Arial, Helvetica, sans-serif;
	color: #666666;
}

#content a{
	text-decoration:none;
}
body #header ul li.last{
	margin:0;
	padding:0;
	border:none;
}

#content_area #article ul
{
	padding-left: 15px;
	margin-left: 15px;
}
#content a:focus, #body a:hover{
	text-decoration:underline;
}
#container
{
	width: 980px;
	margin: 0 auto;
	background: url('../images/footerBottom.jpg') bottom left no-repeat;
	text-align: left;
	padding: 0 20px 30px 0;
        position:relative
}

#container_brdr {
	width: 980px;
	margin: 0 auto;
	background: url('../images/bkgdMaster.gif') top left repeat-y;
	padding: 0 0 0 20px;
}

/* Header Tags ---------------------------- */

#header{
	padding:0;
	width:98%;
	height:110px;
}

/*  Logo or Company Name ------------------------------------------ */
#logo
{
	float: left;
	margin-left: 20px;
	margin-top: 4px;
}
a img
{
	border: none;
}

#header_right
{
	float: right;
/*	width: 265px;*/
	width: 300px;
	height: 10px;
}
/* Main Site Navigation Links ---------------------------- */

#header_nav {
	text-align:left;
	font-size: 9px;
	padding: 8px 5px 10px 10px;
}

#header_nav ul{
	list-style:none;
	margin:0;
	padding-left:30px;	
       
}
#header_nav ul li{
	display:inline;
	/*border-right:1px solid #adadad;*/
	padding-top: 8px;
}
#header_nav ul li a { 
	color: #34349a;
	border-right:1px solid #adadad;
	font-weight:normal;
	padding: 0 8px 0 5px;
	text-decoration: none;
}

#header_nav ul li a:hover, #header_nav ul li a:focus {
	color: #7ac142;
	text-decoration: underline;
}

#header_nav ul li a.last {
	border: none !important;
}

li.view_cart {
	background: url(../images/cartIcon.gif) top left no-repeat;
	padding-left: 19px;
}

#display_menu_3 {
	float: right;
padding-top:3px
}

/* Shopping Cart Summary Tags ---------------------------- */

		#shopping_cart_summary{
			margin:0;
			padding:0;
			text-align:center;
			color:#666;
			font-weight:normal;
			font-size:11px;
			padding:5px;
		}

		#display_cart_summary .cartsummary_empty {
			display: none;
		}
		#display_cart_summary .cartsummary_full {
			background-color:#EEF8F9;
			border:1px solid #E2E6F0;
			clear:right;
			color:#34349a;
/*			float:right;*/
			margin:0pt;
			padding:5pt;
			text-align:center;
		}

		#nav_menu #shopping_cart_summary h3{
			margin-bottom:.5em;
		}
		
		
/* Top Horizontal Dynamic Menu ---------------------------- */

#banner_image {padding-top: 20px;}

#top_nav{
	padding:5px 0 0 0;
	margin:0;
	width: 940px;
	font-size:11px;
	border-top: 1px solid #999;
	border-bottom:1px solid #999;
	height: 29px;
        background: url(../images/globalNavBkgd.gif) top left repeat-x;
	
}

#top_nav ul{
	list-style:none;
	margin:0;
	padding:0;
	margin-left: 31px;
}
#top_nav ul li{
	display:inline;
	margin-right:1em;
	padding-right:1em;
	border-right:1px solid #adadad;
	float:left;
	
}
#top_nav ul li a{ 
	color:#666666;
/*	padding-top: 2px;*/
	display: block;
	font-weight:normal;
}
#top_nav a:focus, #top_nav a:hover{
	color:#111111;
}

#content{
	padding:0;
	margin:0px auto;
	text-align:left;
	/**background-image: url('/v/vspfiles/images/content_bg.gif');
	background-repeat: repeat-x;*/
	padding-top: 9px;
}

#nav_menu div.nav_section{	
	margin:0;
	padding:0;
	width:158px;
	margin-bottom:1em;	
}

/* Search Section ---------------------------- */
#search_section{
	padding-left:10px;
        margin: 1px 0 0 0;
}

#nav_menu #search_section h3{
	border-top:0px;
	border-top:0px;
	margin:0pt;
	padding:5px 0px 4px;
}

#search_section form{
	margin:0px;
}

#search_section input#search_box{
	margin:0px;
	border:1px solid #999999;
    color: #666666;
	width: 110px;
    background-color: #ffffff;
	position: relative;
	top: -4px;
	*top: -3px;	
	padding:3px 0 2px 0;
	font-size: 10px;
}

#search_section input#search_button{
	margin:0px;
	padding:0px;
	width:18px;
	height:16px;
/*	float:left;*/
	margin-left:3px;
}
		
/* Navigation Sections ------------------------------------------------- */		

div.nav_section ul{
	margin:0;
	padding:0;
	list-style:none;
	text-align:left;	
}
#nav_menu {
	margin: 3px 1px 6px 0;
	float: left;
	width: 130px;
	padding-left: 15px;
	padding-top: 10px;
	padding-right: 5px;
	border-bottom:none;
	border-top:none;
}

#nav_menu h3 {
	margin:0px;
	padding: 0px;
	font-size:14px;
	color: #7ac142;
	font-weight: 100;
	text-transform:uppercase;
	text-align:left;
	
}


div.nav_section ul li {
	margin:0;
	padding:0;
	color:#666666;
	font-size:10px;
	text-align:left;
}

div.nav_section ul li a {
	color:#666666;
	text-decoration:none;
	list-style:none;
	font-size:1.2em;
	font-weight:normal;	
}

#navigation_menus{
	padding:0px;
	margin:0;
	width:130px;
	text-align:center;
}

/* Main Content  --------------------------------------------------------------------------- */

#content #main_content{
	padding-top: 150px;
	padding:0px;
	margin:0px;
	width: 740px;
	float: left;
	text-align: left;
}

#content_area{
	padding:10px;
	width: 715px;
	min-height: 387px;
	background-color: #ffffff;
	color: #666666;
	line-height: 125%;
	padding-top: 10px;
}

#content_area h1
{	font-size: 20px;
	color: #34349a;
	font-weight: normal;
	margin-bottom: 12px;
}
#content_area h2, .productnamecolorLARGE, A.productnamecolorLARGE
{	font-size: 16px;
	color: #7ac142;
	margin: 0;
}
#content_area h3
{color:#34349a; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px;}
#content_area h4
{	color: #666666; font-size: 14px;}
#content_area h5
{	color: #666666; font-size: 11px; margin-bottom: 5px;}

b a
{
	font-weight: normal;
}
#content_area #article p
{
	color: #666666;
	line-height: 175%;
}
#article
{
	margin-top: 9px;
	width: 693px;
}
/*Logos and such*/
#bottombar
{
	text-align: center;
	width: 531px;
	padding: 0 10px 0 10px;
	margin-bottom: 6px;
	display: none;
}
#mailSubscribe
{
	padding-top: 10px;
	margin-top: 0;
        padding-bottom:10px
}
#mailSubscribe #textbox
{
	height: 16px;
	#height: 16px;
	width: 75px;
	border: 1px solid #999999;
       padding-right: 2px;
       font-size:9px
&nbsp;
}
#mailSubscribe #submit_btn
{
	width: 18px;
	margin-left:2px;
        padding-left:2px;
	height: 16px;
	border: none;
}
#mailSubscribe h4
{
	margin: 0;
	padding: 0;
	color: #34349a;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica;
}

/* Footer Tags ----------------------------------------------------------------------------- */
#footer{
	margin:0;
	width:940px;
	text-align: center;
	background:  #E1E1E1 url(../images/bg_footerTop.jpg) top left repeat-x;
	padding-top:12px;
	color:#eeeeee;
	padding-bottom:1em;
}
#footer > *{
	margin:0;
	padding:0;
}
#footer ul li.last{
	border:none;
	padding:0;
	margin:0;
}
#footer a{
	color:#34349a;
        text-decoration: underline
}

#footer p {
	color: #34349a;
}

#footer ul{
	list-style:none;
	margin:0px 0px 5px 0px;
	padding:0;
}
#footer ul li{
	display:inline;
	border-right:1px solid #34349a;
	margin-right:.5em;
	padding-right:.5em;
}
#footer_bottom{
	margin:0px 0px 3px 0px;
	padding:0;
	font-size:10px;
}

#footer_bottom a {
	font-size:10px;
	text-decoration: underline;
	
}

#footer a:hover, #footer a:focus {
	text-decoration: underline;
}

#footer a:hover {
	color: #7ac142;
}

#notext a { 
	display:block;
	width:250px;
	height:75px;
	text-indent:-9999px;
}
 
#shopping_cart_summary
{ 	display: none;
}
/*fix category page*/
img
{	border: medium none !important;
}

.hide
{	display: none;}

.scrollList
{	height: 80px;
	width: 500px;
	overflow: auto;
	padding: 5px;
	border: 1px solid #e4e4e4;
	
}
.scrollList ul
{
	padding: 0 0 0 20px;
	margin: 0;
	list-style-type:square;
}
.scrollList li
{
	margin-top: 2px;
	margin-bottom: 2px;
}

/*press product images page*/
.pressImg, .pressImgLogo {
	margin: 10px 10px 15px 0px;
	padding: 0px;
	float: left;	
}

.pressImg {width: 160px; height: 230px;}
.pressImgLogo{	width: 230px; height: 160px}

/*press page*/
.pressTable td, .whereBuyTable td
{	padding: 6px;}
.whereBuyTable .scrollList
{height: 120px}
.fLeft
{	float: left;}
.fRight
{	float: right;}
.center
{	width: 100%; text-align: center;}

#content_area h3 a
{
	text-decoration: underline;
}
/*Where to Buy Page*/
#article #buyLeft ul, #article #buyRight ul
{
	margin-top: 6px;
	margin-left: 45px;
}
#buyLeft h2, #buyRight h2
{margin-left: 6px;}
#buyRight{margin-top: 10px;}
#buyLeft h3, #buyRight h3
{ margin: 6px 0 0 30px; }
.storeList
{
	list-style-type: none;	
	width: 500px;
}
.storeList li
{
	float: left;
	width: 200px;
	margin-right: 40px;
	margin-bottom: 20px;
	height: 60px;
	text-align: center;
}

/**************************Forms*************************/
fieldset
{
	border: none;
	margin: 0;
	padding: 0;
}
fieldset ol
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#article fieldset input[type="text"]
{
	width: 250px;
}
#article fieldset textarea
{
	width: 300px;
}

fieldset li
{
	padding: 2px;
}
fieldset legend
{
	color: #666666;
	font-weight: bold;
	margin: 0 0 8px 0 !important;
	padding: 0;
	width: 600px;
	white-space: normal;	
}
fieldset legend em
{ font-weight: normal;}
#article fieldset ol li
{
	display: block;
}
#article fieldset label
{
	display: -moz-inline-block;
	display: inline-block;
	width: 170px;
	vertical-align:top;
}
#article fieldset textarea
{
	margin-left: 4px;
}


/*FAQ*/
#article dl dt
{
	font-weight: bold;
	color: #5ea723;
	margin-bottom: 10px;
}
#article dl dd
{
	margin-bottom: 10px;
}
#article table.standard
{
	border-collapse: collapse;
	border: 1px solid #d9d9d9;
}
#article table.standard th
{
	background-color: #f3f2f2;
	color: #626262;
	border: 1px solid #d9d9d9;
	padding: 4px;
}
#article table.standard td
{
border: 1px solid #d9d9d9;	padding: 4px;}

/*Pad Search tables*/
td font.colors_text p
{
	margin-left: 10px;
	margin-right: 10px;	
}
/*Hide Support Nav*/
/*#fourth_nav
{ display: none;
}*/
#supportImage1
{background: url('/v/vspfiles/../images/support_bg1.jpg') 0px 40px no-repeat; border-right: none !important;}
#supportImage2
{background: url('/v/vspfiles/../images/support_bg2.jpg') 0px 40px no-repeat;}
#content_area #article #supportPageList
{list-style-type: none; margin: 0; padding: 0;}
#content_area #article #supportPageList li ul
{margin: 10px 0 0 0;}

#supportPageList li
{float: left; width: 150px; padding: 10px; height: 180px; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea}
#supportPageList li h4
{ text-decoration: none; font-size: 13px; }

#supportPageList li ul li
{
	height: auto;
	width: auto;
	padding: 0; border: none;
	float: none;
}
.submit{position: relative; top: 9px}
.sideways {width: 480px; list-style-type:square; }
.sideways li {float: left; width: 150px;}

/************************************************************ bubble tooltip.css ********************************************/
a.tt{
	position:relative;
	z-index:24;
	color:#3366CC;
	font-weight:normal;
	text-decoration:none;
	background: #FFFFFF;
	padding: 0px 1px 0px 1px;
}
a.tt span{ display: none; 
    text-decoration:none;
}


/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #aaaaff;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	margin: 0 0 0 -25px;
	width:299px;
	color: #000000;
    text-align: left;
	text-decoration:none;
	/**filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;**/
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
	background: url(images/ttBox.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px;
	background: url(images/ttBox_filler.gif) repeat bottom;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(images/ttBox.gif) no-repeat bottom;
}
/************************************ chart.css *************************************/