/*----- ESSENTIALS -----*/
body { font:11px Arial, Helvetica, sans-serif; color:#414042; background:#fff; margin:0; /* make anything a hover in IE with this code >> */ behavior:url("/css/csshover.htc") }
table, td { border:0; border-spacing:0; border-collapse:collapse; padding:0; margin:0; vertical-align:top }
img { border:0 }
ul { list-style-type:none; padding:0; margin:0 }
form, input { padding:0; margin:0 }
h1, h2, h3 { padding:0; margin:0 }
h1 { }
h2 { }
h3 { }
a { color:#3093df; text-decoration:none }
a:hover { color:#165acd; text-decoration:underline }
/*----- ESSENTIALS -----*/

/*----- WRAPPER -----*/
#mainWrap { width:800px; margin:0 auto }
/*----- WRAPPER -----*/

/*----- HEADER -----*/
#header { width:100%; height:74px; border-bottom:5px solid #414042; padding:9px 0 0; margin:0 0 2px }
#header .logo { margin:-9px 0 0 }
#header .phone { float:right; height:19px; font-size:17px; font-weight:bold; color:#2271ce; background:url(/images/icon-Phone.gif) 0 3px no-repeat; padding:0 0 22px 19px }
/*----- HEADER -----*/

/*----- SPLASH -----*/
/* homepage splash */
#hpSplash { }

/* internal splash */
#inSplash { }
/*----- SPLASH -----*/

/*----- NAVIGATION -----*/
/* top navigation */
#navTop { float:right; clear:both; background:url(/images/divider-NavTop.gif) 0 0 no-repeat }
#navTop li { float:left; display:block; width:93px; height:17px; background:url(/images/divider-NavTop.gif) 100% 0 no-repeat; text-align:center; text-transform:uppercase; padding:10px 0 0 }
#navTop li a { color:#4d4d4f; text-decoration:none }
#navTop li a:hover { color:#165acd; text-decoration:underline }
#navTop li .nolink:hover { color:#4d4d4d; text-decoration:none; cursor:default }

/* page jump navigation */
#jumpnav { height:29px; font-size:12px; color:#77787b; padding:0 0 0 4px; margin:0 0 0 -20px }
#jumpnav a { padding:0 7px }
/*----- NAVIGATION -----*/

/*----- BODY HOMEPAGE -----*/
#hpBody { min-height:204px; height:auto !important; height:204px; border:solid #a09fa0; border-width:2px 0; padding:7px 0 0 13px; margin:2px 0 }
#hpBody h1 { font-size:12px; padding:12px 0 21px }
#hpBody p { width:300px; padding:0 0 21px; margin:0 }

/* list boxes */
.hpbox { float:right; width:146px; min-height:225px; height:auto !important; height:225px; background:url(/images/bkg-HpContentBoxes.gif) 0 0 no-repeat; padding:0 0 0 10px; margin:0 0 0 -1px }
.hpbox li { background:url(/images/bullet-ArrowBlue.gif) 1px 5px no-repeat; padding:0 0 7px 12px }
.hpbox a { color:#77787b }
.hpbox a:hover { color:#165acd; text-decoration:underline }
.hpbox .normlink { color:#3093df }
.hpbox b { padding-bottom:7px; display:block;  }
/*----- BODY HOMEPAGE -----*/

/*----- BODY INTERNAL -----*/
#inBody { height:600px; border:solid #a09fa0; border-width:2px 0; margin:1px 0 3px !important; margin:1px 0 2px }

/* link tabs */
span.tab-link-wrap { position:relative; display:block; margin:10px -20px 2px -37px }
span.tab-link-wrap table { margin:0 auto }
span.tab-link-wrap:hover { background:none }
.tab-link { display:inline; float:left; font-size:11px; font-weight:bold; color:#fff; background:#2289E7; padding:3px 5px; margin:0 2px 0 0 }
.tab-link:hover { color:#fff; background:#B2B2B2; text-decoration:none }

/* left column, middle column, right column */
#colLeft { width:160px; background:#e3f0ff }
#colMid { width:474px; padding:3px 8px 22px }
#colMid2 { width:634px; padding:3px 8px 22px }
#colRight { width:149px; background:url(/images/divider-ColRight.gif) 0 7px no-repeat; padding:7px 0 0 1px }

/* divider box for left column */
.divBoxL { border-top:3px solid #FFF; padding:12px 0 7px }
.divBoxL b { display:block; font-size:12px; padding:0 10px 10px }
.divBoxL h2 { font-size:12px; color:#073973; padding:0 10px }
.divBoxL li a { color:#77787b }
.divBoxL li a:hover { color:#165acd; text-decoration:underline }

/* divider box for right column */
.divBoxR { border-top:1px solid #d1d1d1; padding:12px 0 7px }
.divBoxR b { display:block; font-size:12px; padding:0 10px 10px }
.divBoxR li a { color:#77787b }
.divBoxR li a:hover { color:#165acd; text-decoration:underline }

/* left column list */
#colLeft form { text-align:center }
#colLeft select { width:140px; height:18px; font-size:11px; color:#000 }
#colLeft .listbar { border-bottom:1px solid #b2b2b2; margin:0 7px 7px }
#colLeft .listbar li, #colLeft .listnobar li { background:url(/images/bullet-ArrowBlue.gif) no-repeat; background-position:5px 7px !important; background-position:5px 8px; border-top:1px solid #b2b2b2; padding:2px 0 2px 17px }
#colLeft .listnobar { border:0; margin:0 7px 7px }
#colLeft .listnobar li { border-top:0 }

/* right column list */
#colRight .listnobar li { background:url(/images/bullet-ArrowBlue.gif) no-repeat; background-position:5px 7px !important; background-position:5px 8px; padding:2px 0 2px 17px }
#colRight .listnobar { border:0; margin:0 7px 7px }
#colRight .listnobar .normlink { color:#3093df }
#colRight .listnobar .normlink:hover { color:#165acd }

/* middle column */
.content, .contentnobar { Xmin-height:206px; height:auto !important; Xheight:206px; border-bottom:5px solid #b2b2b2; padding:19px 0 0 20px }
.contentnobar { border-bottom:0 }
.content h1, .contentnobar h1 { font-size:22px; line-height:16px; color:#141414; padding:0 0 27px; margin:0 0 0 -2px }
.content p, .contentnobar p { min-height:90px; height:auto !important; height:90px; padding:0 0 14px; margin:0 }
.sectionimg { float:right; margin:20px 0 5px 10px }
.content .prodh1, .contentnobar .prodh1 { font-size:20px; color:#2271ce }
.content h2, .contentnobar h2 { font-size:13px; color:#141414; line-height:12px; padding:0 0 16px } 
.content b, .contentnobar b { color:#033166 } 

#CareersApplication input { float:left; width:350px; border:1px solid #aaa; margin:0 0 4px 10px }
#CareersApplication input.x_state { float:none; width:172px; margin:0 0 4px 10px !important; margin:-1px 0 3px 10px }
#CareersApplication input.x_zip { float:none; width:172px; margin:0 0 4px 1px !important; margin:-1px 0 3px 1px }
#CareersApplication select.x_best_call_time { margin:0 0 4px 10px }
#CareersApplication textarea.x_comments { width:350px; height:200px; border:1px solid #aaa; margin:3px 0 4px 10px }
#CareersApplication input.send { width:150px; background:#eee; border:3px double #aaa; margin:0 0 4px 10px }
#CareersApplication .label { width:160px; text-align:right; vertical-align:middle; padding:0 0 4px }


.careers h1 { padding:0 0 25px }
.careers h2 { padding:10px 0 }
.careers b { color:#000; font-size:13px }
.careers i { font-size:13px }
.careers .content { padding:0 0 10px 10px; margin:0 0 25px }
.careers .content p { min-height:50px; padding:0 }
.description .content { margin:0 0 10px }

/* product list on landing page */
#colMid .prodWrap { Xmin-height:311px; height:auto !important; Xheight:311px; border-top:5px solid #b2b2b2; padding:0 0 0 1px }
#colMid .prodWrap h1 { font-size:15px; color:#073973; line-height:12px; padding:15px 0 13px; margin:0 0 0 3px }
#colMid .prodWrap h1 a { color:#073973; text-decoration:none }
#colMid .prodWrap ul { border-bottom:1px solid #d1d1d1 }
#colMid .prodWrap li { height:30px; border-top:1px solid #d1d1d1; background:url(/images/bullet-ArrowBlue.gif) 7px 19px no-repeat; padding:14px 0 0 20px }
#colMid .prodWrap li img { float:left; margin:-14px 6px 0 0 }
#colMid .prodWrap li.alt { background:#f2f2f2 url(/images/bullet-ArrowBlue.gif) 7px 19px no-repeat }
#colMid .prodWrap a { text-decoration:underline }
#colMid .prodWrap a:hover { text-decoration:none }

/* call to action on right side */
#colRight .c2a { margin:0 0 13px 5px }

/* list types */
/* basic */
.basic li { background:url(/images/bullet-ArrowBlue.gif) 0 7px no-repeat; padding:3px 0 0px 12px }
/* basic list with grey backgroung alt */
.basicgrey li { padding:4px 0 4px 20px }
.basicgrey li.alt { background:#e5e5e5 }
/* ordered list with lower case letters */
.alpha { list-style-type:lower-alpha }

/* faqs */
#faqs { background:url(/images/bkg-GreyDot.gif) 0 100% repeat-x; padding:0 0 2px; margin:0 5px 0 0 }
#faqs li { background:url(/images/bkg-GreyDot.gif) 0 0 repeat-x; padding:8px 0 7px }
.question { font-size:13px; font-weight:bold; color:#033166 }
.answer { display:none; padding:17px 20px 0 0 }

/* additional contact information */
.addcontact { float:right; width:200px; padding:45px 0 0 }
/*----- BODY INTERNAL -----*/

/*----- FOOTER -----*/
#footer { width:780px; height:28px; color:#FFF; background:#414042; padding:5px 10px }
#footer a { color:#fff }
#footer a:hover { color:#3093df }
#footer .white:hover { color:#FFF; text-decoration:none }
#footer span { float:right; text-align:right; margin:0 -3px 0 0 }
#footer span a { padding:0 3px }
/*----- FOOTER -----*/