html, body
{
margin: 0;
padding: 0;
height: 100%;
font-family: tahoma, arial, sans-serif;
font-size: 12px;
color: #255476;
}
html, body, div, span, ul, li, p, h1, h2, h3, h4, h5
{
margin: 0;
padding: 0;
}
img
{
border: 0px;
}
/* Section: Header */
#header
{
height: 157px;
background-image: url('images/hdrBg.gif');
background-repeat: repeat-x;
}
#headerContent
{
height: 157px;
width: 900px;
margin: 0 auto;
background-image: url('images/hdrMain.gif');
background-repeat: no-repeat;
position: relative;
}
#headerContent .links
{
position: absolute;
right: 15px;
top: 10px;
}
#headerContent .links a:link, #headerContent .links a:active, #headerContent .links a:visited
{
color: #16274C;
font-size: 10px;
text-decoration: underline;
}
#headerContent .links a:hover
{
color: #16274C;
text-decoration: none;
}
#headerContent .linkImages
{
position: absolute;
top: 65px;
left: 435px;
}
#headerContent .linkImages img
{
float: left;
}
#headerContent .linkImages ul
{
list-style-type: none;
display: inline;
}
#headerContent .linkImages ul li
{
float: left;
margin-right: 0.25em;
}
#headerContent .linkImages a
{
display: block;
color: #fff;
font-size: 13px;
font-weight: bold;
background-image: url('images/imgBackgroundHeaderBox.png');
background-repeat: no-repeat;
list-style-type: none;
height: 55px;
width: 197px;
text-decoration: none;
padding: 10px 0px 0px 10px;
}
/* Section: Navigation */
#navigation
{
height: 44px;
background-image: url('images/menuBg.gif');
background-repeat: repeat-x;
}
#navigation #navigationContent
{
height: 157px;
width: 900px;
margin: 0 auto;
position: relative;
}
#navigation #navigationContent ul
{
list-style-type: none;
display: inline;
}
#navigation #navigationContent ul li
{
height: 44px;
width: 140px;
float: left;
text-align: center;
}
#navigationContent ul li a.navigationLink
{
display: block;
height: 44px;
width: 140px;
color: #fff;
font-weight: bold;
line-height: 44px;
text-decoration: none;
background-image: url('images/btnNormal.gif');
background-repeat: no-repeat;
}
#navigationContent ul li a.selected, #navigationContent ul li a:hover
{
background-image: url('images/btnHover.gif');
}
#navigationContent ul li a.navigationLink:
{
color: #fff;
font-weight: bold;
line-height: 44px;
text-decoration: none;
}
/* Section: Page Content */
#page
{
height: 100%;
min-height: 100%;
}
#page #pageContent
{
width: 900px;
margin: 0 auto;
position: relative;
padding-top: 2em;
}
page #pageContent #plans
{
width: 915px;
}
#page #pageContent #leftPane #plans .plan
{
background-image: none;
color: #000;
width: 210px;
}
#page #pageContent #leftPane #plans .plan
{
height: auto;
}
#page #pageContent #leftPane #plans .plan .planDetails ul
{
margin-left: 35px;
list-style-type: disc;
}
#page #pageContent #leftPane #plans .plan .planTitle
{
width: 210px;
}
#page #pageContent #leftPane #plans .plan .planTitle h2
{
position: relative;
width: 200px;
}
#page #pageContent #leftPane #plans .plan .planTitle span
{
color: #fff;
}
#page #pageContent #leftPane #plans .plan .buttons
{
position: relative;
top: 0;
}
.buttons .button img
{
display: block;
margin: 0 auto;
}
#page #pageContent #leftPane #plans .plan .buttons .button
{
text-align: center;
float: left;
width: 85px;
height: auto;
margin: 5px 2px;
padding: 5px;
background-color: #ECF0F6;
border:1px solid #D5DFE4;
}
#page #pageContent #leftPane #plans .planDetails
{
position: relative;
top: 0;
left: 0;
margin-top: 15px;
}
#page #pageContent #plans .plan
{
color: #fff;
background-image: url('images/pkgBlue.gif');
background-repeat: no-repeat;
height: 170px;
width: 288px;
float: left;
padding: 4px;
margin: 0px 2px 10px 2px;
}
#page #pageContent #plans .light
{
background-image: url('images/pkgLightBlue.gif');
}
#page #pageContent #plans .plan ul li
{
margin: 0;
}
#page #pageContent #plans .plan .planDetails
{
position: absolute;
top: 55px;
}
#page #pageContent #plans .plan ul
{
clear: both;
margin: 1em 0em 1em 3em;
}
#page #pageContent #plans .plan .planTitle h2
{
position: absolute;
float: left;
margin: 0px 0px 14px 0px;
font-size: 20px;
}
#page #pageContent #plans .plan .planTitle span
{
font-weight: bolder;
position:relative;
top:0px;
color: #FF9900;
font-size: 22px;
left: 210px;
}
#page #pageContent #plans .plan .buttons
{
position: absolute;
top: 165px;
margin: 0 auto;
}
/* Section: Copy */
#page #pageContent #copy
{
border: 1px solid #D5DFE4;
padding: 2px;
top: 2em;
}
#page #pageContent #copy #copyWrapper
{
background-color: #fff; padding: 2px;
}
#page #pageContent #copy p
{
padding: 2px 10px;
}
#page #pageContent #copy #leftPane
{
padding: 3px;
margin: 1px;
float: left;
width: 210px;
background-color: #fff;
}
#page #pageContent #copy #leftPane h2
{
background-color: #0F4993;
color: #fff;
font-size: 16px;
padding: 4px;
}
#page #pageContent #copy #leftPane p
{
text-align: center;
margin: 10px;
padding: 3px;
background-color: #ECF0F6;
border: 1px solid #D5DFE4;
}
#page #pageContent #copy #leftPane p a
{
position: relative;
top: -10px;
}
#page #pageContent #copy #leftPane ul
{
margin: .5em 1em;
list-style-type: none;
}
#page #pageContent #copy #rightPane
{
float: left;
width: 660px;
padding: 5px;
background-color: #fff;
}
#page #pageContent #copy #rightPane h2
{
font-size: 1.25em;
margin: 5px;
padding: 5px;
background-color: #ECF0F6;
border: 1px solid #D5DFE4;
}
#page #pageContent #copy #rightPane .tricolumn
{
width: 30%;
padding: 0px 7px;
float: left;
}
#page #pageContent #copy #rightPane .tricolumn h2
{
font-size: 1.05em;
}
/* Section: Footer*/
#footer
{
margin-top: 25px;
height: 31px;
background-image: url('images/footer.gif');
background-repeat: repeat-x;
font-size: 10px;
}
#footer #footerContent
{
color: #fff;
line-height: 31px;
width: 375px;
margin: 0 auto;
}
#footer #footerContent a
{
color: #fff;
text-decoration: none;
}
#footer #footerContent a:hover
{
text-decoration: underline;
}
.partnersLogo
{
padding-left: 20px;
}
/* Section: Misc */
.clear
{
float: none;
clear: both;
}
.frmTextfield
{
background-color: #F2F3F5;
border: 1px solid #D6D7D9;
color: #1F3D77;
font-family: tahoma,arial,sans-serif;
font-size: 12px;
}
.txtBlue
{
color: #1F3D77;
font-family: tahoma,arial,sans-serif;
font-size: 12px;
}
.boxBlue
{
border: 1px solid #073a7a;
background-color: #0f4993;
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
font-variant: normal;
text-decoration: none;
}
.boxLightBlue
{
border: 1px solid #D5DFE4;
background-color: #ECF0F6;
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
font-variant: normal;
text-decoration: none;
}
.boxLightBlue2 {
background-color:#CADAF2;
border:1px solid #B9CAE3;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}
.boxLightOrange {
background-color:#F08F20;
border:1px solid #D37C19;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:12px;
font-variant:normal;
font-weight:normal;
text-decoration:none;
}
.boxLightGreen
{
border: 1px solid #387422;
background-color: #4c952e;
color:#FFF;
font-size: 12px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: normal;
font-variant: normal;
text-decoration: none;
}
a:link { color: #16274C; text-decoration: underline; }
a:active { color: #16274C; text-decoration: underline; }
a:visited { color: #16274C; text-decoration: underline; }
a:hover { text-decoration: none; }