body{
/*font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;*/
font-family:arial;
SCROLLBAR-FACE-COLOR:#BCBBC6;
SCROLLBAR-HIGHLIGHT-COLOR:#DEECF9; 
SCROLLBAR-SHADOW-COLOR:#4E679D; 
SCROLLBAR-3DLIGHT-COLOR:#ffffff; 
SCROLLBAR-ARROW-COLOR: #213052; 
SCROLLBAR-TRACK-COLOR:#DFE4EA; 
SCROLLBAR-DARKSHADOW-COLOR:#213052; 
margin:0px;
padding:0px
}
a:active{
color:#777;
background:transparent;
text-decoration:underline;
}
a:link{
color:#281E77;
background:transparent;
text-decoration:underline;
}
a:hover{
background-color:#f0f0f0;
background:transparent;
color:#e60000;
/*text-decoration:none;*/
}
a:visited{
color:#281E77;
background:transparent;
text-decoration:underline;
}
input.text{
border:1px solid #5B5D64;
background:#FFF;
padding:2px;
}
textarea{
font-size:10px;
border:1px solid #5B5D64;
SCROLLBAR-FACE-COLOR:#DFE4EA;
SCROLLBAR-HIGHLIGHT-COLOR:#DEECF9; 
SCROLLBAR-SHADOW-COLOR:#4E679D; 
SCROLLBAR-3DLIGHT-COLOR:#ffffff; 
SCROLLBAR-ARROW-COLOR:#213052; 
SCROLLBAR-TRACK-COLOR:#E0E7ED; 
SCROLLBAR-DARKSHADOW-COLOR:#213052; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#MainTable{
margin-left:70px;
width:900px;
height:auto;
vertical-align:top;
}
#footerext{
border:0px;
border-top:4px;
border-left:5px;
border-color:White;
border-style:solid;
background-color:#DFE4EA;	
}
#footer a:link,#footer a:visited,#footer a:hover, 
#footer a:active{
text-decoration:none;
color:black;
}
#footer{
border:0px;
border-top:4px;
border-color:White;
border-style:solid;
background-color:#DFE4EA;	
padding-top:5px;
padding-bottom:4px;
font-size:10px;
text-align:center;
}
.theGreen{background-color:#79AAAE;}
.thePurple{background-color:#BDB9F1;}
.theViolet{background-color:#6B7CD3;}
.theAqua{background-color:#65C4E9;}
.theYellow, #theyellow{background-color:#FCEA9C;}
#lightyellow{background-color:#FFF6CE;}
.lightyellow{
border:0px;
border-top:5px;
border-style:solid;
border-color:white;
background-color:#FFF6CE;
}
.border1{
border-left:6px;
border-right:0px;
border-top:5px;
border-bottom:0px;
border-color:white;
border-style:solid;
}
.border2{
background-image:url(../images/leftdivider.gif);
background-repeat:repeat-y;
}
.login{
background-color:#BAC1CE;
background-image:url(../images/login_divider.gif);
background-repeat:repeat-y;
background-position:right;
}
.logintext{
font-size:10px;
padding-left:15px;
padding-right:15px;
}
text.logintext{border:1px;}
.stepheader{
padding-left:25px;
background-image:url(/images/yspacer.gif);
background-position:left;
background-repeat:no-repeat;
background-color:#BAC1CE;
height:20px;
font-size:11px;
font-weight:bold;
}
.steptext{background-color:#FFF6CF;}
#bluegreen{
background-color:#D9E6E7;
padding:15;
}
#purple{
background-color:#CECDD9;
padding:15px;
}
#darkbluegreen{
background-color:#B3D2DE;
padding:15px;
}
#lightblue{background-color:#ECF3F3;}
#lightpurple{background-color:#E7E6EC;}
#lightbluegreen{background-color:#D9E9EF;}
.theDummy{background-color:#858DA2;}
.theGreen,.thePurple,.theViolet,.theAqua,.theYellow,.theDummy{
border-left:0px;
border-right:0px;
border-bottom:1px;
border-top:0px;
border-style:solid;
border-color:White;
}
.theDummy{
border-bottom:0px;
border-left:1px;
border-right:0px;
border-color:#858DA2;
}
.theDummyFill{
background-image:url(../images/theDummy.gif);
background-repeat:repeat-x;
border-left:1px;
border-right:0px;
border-bottom:0px;
border-top:0px;
border-style:solid;
border-color:#858DA2;
}
.theTab_off,.theTab_on{
font-size:11px;
padding:3px 8px 3px 8px;
background-image:url(../images/topnav_seperator.gif);
background-position:left;
background-repeat:repeat-y;
}
.theTab_off{background-color:#DFE3E9;}
.theTab_on,.thetab_on a:link,.thetab_on a:visited,.thetab_on a:active{
background-color:white;
text-decoration:none;
color:black;
}
.theTab_off a:hover,.theTab_off a:active,.theTab_off a:link,.theTab_off a:visited{
text-decoration:none;
color:black;
}
.theHorDivider{
background-image:url(/images/hordivider.gif);
background-position:bottom;
background-repeat:repeat-x;
}
.leftnavback{background-color: #dbf3ff;}
.leftspacer{
background-repeat: repeat-y;
background-position: right;
width:200px;
float:left;
}
.leftnavitem,.leftnavitem_on{
background-color:#dbf3ff;
border:0px;
color:#999999;
padding:0px 6px 0px 12px;
font-size:8pt;
font-weight:bold;
font-family:tahoma;
text-decoration:none;

}
/* The reason for all the leftnavitemBG's is because this version works with IE with the hover effect with the left nav on the search pages */
.leftnavitemBG,.leftnavitemBG_on{
background-color:#dbf3ff;
border:0px;
color:#999999;
padding:0px 6px 0px 12px;
font-size:8pt;
font-weight:bold;
font-family:tahoma;
}
.leftnavitemBG a:link,.leftnavitemBG a:visited{
text-decoration:none;
color:#999999;
}

.leftnavitem_on{ color:white; }

.leftnavitem a:link,.leftnavitem a:visited{
text-decoration:none;
color:#999999;
}

.leftnavitem a:hover,.leftnavitem a:active{color:white;}
.leftnavitemBG a:hover,.leftnavitemBG a:active{color:white;}

.greyLink{color: #858DA2;}
.leftnavheader{
background-position:top;
background-repeat:repeat-x;
}
.main{
width:660px;
float:left;
padding:30px 0 0 0px;
margin-left:20px;
vertical-align:top;
}
.mainSearch{
width:660px;
float:left;
padding:30px 0 0 32px;
vertical-align:top;
}
.hangindentTEXT{
line-height:16px;
margin-left:30px;
margin-right:20px;
display:block;
font-size:11px;
}
.nohang{
margin-left:10px;
line-height:17px;
font-size:11px;
}
.textleft{
font-size:11px;
line-height:16px;
}
.quotes{
font-size:11px;
line-height:18px;
font-style:italic;
display:block;
}
TD{font-size: 9pt;}
.textheaders{
font-size:11px;
color:#261F76;
font-weight:bold;
}
.searchDescGrey{
font-size:10px;
padding-left:40px;
color:#858DA2;
}
.searchSubHeaders{
padding-top:9px;
font-size:12px;
font-weight:bold;
}
.searchHeaders{
font-size:14px;
font-weight:bold;
}
.searchDesc{
font-size:11px;
line-height:16px;
}
.searchFormText{font-size:12px;}
.searchFormText a:link,.searchFormText a:active,.searchFormText a:visited{
color:#2586B8;
text-decoration:underline;
}
.searchFormText a:hover{text-decoration:underline;}
.closeWindow{color:#2586B8; font-size:10px;}
.searchBlock{
background-image:url(../images/yspacer.gif);
background-position:left;
}
.site{font-size:9px;}
.packageprice{
font-weight:bold;
color:#10306C;
text-decoration:line-through;	
}
.saleprice{
font-weight:bold;
color:Red;
}
.loginError{
font-weight:bold;
text-align:center;
font-size:11px;
color:#CC0000;
}

/* Main page layouts */
#ColA{float:left; width:190px; padding:0px; margin:0px;}
#MainCol{width:675px; float:left; margin-left:30px; font-family:Arial; font-size:12px; margin-top:20px;}
#MainColHome{width:676px; float:left; margin-left:26px; font-family:Arial; font-size:12px; margin-top:20px;}
#MainCol-Left{width:380px; float:left; padding-left:10px; color:#666666;}
#MainCol-Right{width:255px; float:right; padding-left:10px; color:#666666;}
#ColC{width:190px; float:right; padding:0px; margin:35px 10px 0 0; font-family:arial; font-size:12px; color:#999999;}

/* Homepage styles / layouts */
#loginBox{background-image:url('/images/login-box.gif'); width:190px; height:162px; font-size:10pt; font-family:arial;}
#whoswhobox{background-image:url('/images/whoswhoBottom.gif'); width:190px; height:155px; font-size:9pt; font-family:arial;}
#grayBG{background-image:url('/images/graypixel1.gif'); height:1px; width:100%;}
#testimonialHomePage{color:#666666; font-size:8pt; line-height:16px; letter-spacing:.5px;}
#testimonialPage{color:#666666; font-size:13px;}
.TestimonialPeopleInfo{color:#666666; font-size:8pt; text-align:center;}
#Headers{font-size:14px; font-weight:bold; margin: 12px 0; color:#2586B8;}
.homepageBullets{margin:0px; padding:0px; padding-left:10px; float:left; text-align:left; width:330px;}

.hr{width:100%; height:1px; border:0px; background-color:#CCCCCC; margin:0px; padding:0px; line-height:1px; font-size:1px;}

/* Whos Who styles and layout for the customized boxes */
#InputBox{z-index:1; position:absolute;left:85px; top:134px; }
#InputBoxTop{z-index:2; position:absolute; left:89px; top:136px;}
#InputhBoxPassword{z-index:1; position:absolute; left:85px; top:165px;}
#InputBoxTopPassword{z-index:2; position:absolute; left:89px; top:167px;}
#InputhBoxWhosWho{z-index:1; position: absolute; top:602; left:90px;}
#InputhBoxWhosWhoTop{z-index:2; position:absolute; top:605px; left:92px;}

/* These 2 are for the homepage when there is an error */
#InputhBoxWhosWhoHint{z-index:1; position: absolute; top:659; left:90px;}
#InputhBoxWhosWhoTopHint{z-index:2; position:absolute; top:662px; left:92px;}

.question{color:#666666; font-weight:bold; font-size:12px;}
.answer{color:#666666; font-size:12px;}

.lighter{color:#999999;}
.darker{color:black;}

/* Button id's and attributes to set up hover effect as well */
.buttonArrows{width:22px; height:22px; cursor:pointer; margin:0 0px 8px 0;}

/* Product Info Pages */
#ColA .sidenav #picked{text-decoration:none; color:#666666; padding:0px; margin:0px; width:158px;}
#ColA .sidenav a{color:#e60000; text-decoration:underline;}
.sidenav{padding:0px; margin:0 0 0 25px; width:158px;}
#ColA .sidenavBlue #picked{text-decoration:none; color:#666666; padding:0px; margin:0px; width:158px;}
#ColA .sidenavBlue a{color:#2586B8; text-decoration:underline;}
.sidenavBlue{padding:0px; margin:0 0 0 25px; width:158px;}
.ProductInfoSections{width:900px; margin:0 0 20px 70px;}
/*.sidenav a{color:red;}*/

#MiddleCol{width:435px; float:left; margin:35px 15px 0 25px; font-family:Arial; color:#666666; font-size:12px; }
.insidetext{font-size:12px;}
.insideparagraph{margin:0px; padding:2px 0 0 30px; color: #2586B8; text-align:left; font-weight:bold;}
.insideparagraphBL{margin:0px; padding:2px 0 0 30px; text-align:left;}
.checkbox{float:left; padding:2px 3px 3px 0;}
.checkboxStyle{vertical-align:bottom; float:left; margin:9px 0 8px 11px;}

/* Inside Search Pages */
.hrblue{width:100%; height:1px; border:0px; background-color:#2586b8; margin:0px; padding:0px; line-height:1px; font-size:1px;}
.SearchLeftNav{margin:10px 0 0px 32px; height:24px; cursor:pointer;}/* paragraph tags on left navigation - search pages */

/* These make it so the whole td gets the blue background image when hovering instead of only when you hover over the anchor tag. Search pages - left side nav. */
td.leftnavitem:hover a, 
td.leftnavitem:active a{color:white;}
td.leftnavitemBG:hover a,
td.leftnavitemBG:active a{color:white;}

/* This item gives the dark blue background over the left navigation items when hovering (only in FF) - look for leftnavitemBG to see the fix for IE and inside IncLeftNav.cfm */
td.leftnavitem:hover,
td.leftnavitem:active{background-image:url('/images/blueBG-currentpage.gif'); color:white;}


.awidth{width:170px; height:21px;}

#FooterLinks{width:900px; vertical-align:bottom; margin-left:70px;}
#FooterLinks, #FooterLinks a{font-size:8pt; text-align:center; color:#666666; font-family:arial; letter-spacing:.5px;}
#FooterBottom, #FooterBottom a{color:#A0A0A0; margin-top:10px; font-size:8pt; font-family:arial; letter-spacing:.5px;}

a.cssButton {
	-moz-box-shadow:inset 0px 34px 0px -25px #f0f0f0;
	-webkit-box-shadow:inset 0px 34px 0px -25px #f0f0f0;
	box-shadow:inset 0px 34px 0px -25px #f0f0f0;
	background-color:#e0e0e0;
	border:1px solid black;
	display:inline-block;
	cursor:pointer;
	color:black;
	font-family:Arial;
	font-size:10px;
	padding:4px 10px;
	text-decoration:none;
    moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	margin-left:20px;
	height:15px;
}
a.cssButton:visited a.cssButton:link {
	color:#ffffff;
}
a.cssButton:hover {
	color:black;
}
a.cssButton:active {
	position:relative;
	top:1px;
	color:#ffffff;
}