body 
{
    margin: 0px;
    padding: 0px;
    font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, Sans-Serif;
}
sub{
	font-size: 10px;
	font-style: italic;
	color: #333;
}
#page-wrapper
{
    width: 862px;
    margin: 0px auto;
}
#splash
{
    position: relative;
    background: url(../images/landing-page-main.jpg);
    height: 512px;
    overflow: hidden;
	width: 862px;
}
#splash a
{
    position: absolute;
    width: 205px;
    height: 238px;
    top: 169px;
}
#splash #corporate
{
    left: 228px;
}
#splash #consumer
{
    left: 501px;
}
#header
{
    overflow: hidden;
}

img {border:none;}

#header #logo
{
    float: left;
	 
}
.landing #header #slogan
{
    padding: 25px 0px 0px 0px;
    float: left;
    color: #49c7ed;
    font-size: 1.5em;
    width: 660px;
}
.landing #header #slogan sup
{
    line-height: 1em;
}
.landing #splash #text
{
    color: #fff;
    position: absolute;
    top: 44px;
    left: 499px;
    width: 323px;
    line-height: 1.6em;
}
#footer
{
    overflow: hidden;
    clear: both;
}

#left-footer
{
    width: 202px;
    background-color: #3d394f;
    float: left;
    height: 70px;
    color: #fff;
    font-size: 0.8em;
}
#left-footer .inner
{
    margin: 14px 27px;
}

#right-footer
{
    float: right;
    width: 659px;
    height: 70px;
    font-size: 0.7em;
    color: #353535;
    background: url(../images/footer-right-purple.png) repeat-x top left;
}

#right-footer .inner
{
    margin: 12px 28px 10px 28px;
}
.corporate #logo
{
}
#header #header-right
{
    position: relative;
    float: right;
    width: 659px;
    height: 97px;
}
.corporate #header #header-right
{
    background: url(../images/header-right-grey.png) repeat-x top left;
}
.consumers #header #header-right
{
    background: url(../images/header-right-blue-clouds.png) no-repeat top left;
}
#header #header-right #contact
{
    font-size: 1.3em;
    color: #fff;
}
#header #header-right #contact-inner
{
	font-size:14px !important;
	position: absolute;
	top: 0px;
	right: 12px;
	padding:4px 8px 8px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	background-image: url(../images/contact-inner-bgr.png);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#header #header-right #links
{
    position: absolute;
    bottom: 0px;
    left: 16px;
}
#header #header-right #links ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#header #header-right #links ul li
{
    float: left;
    line-height: 2em;
    color: #fff;
    font-size: 0.8em;
}
#header #header-right #links ul li a
{    
    color: #fff;
    text-decoration: none;
    margin: 0px 0px 0px 10px;
}
#header #header-right #links ul li span
{
    border-right: solid 1px #fff;
    padding: 0px 10px 0px 0px;
}
#main
{
    overflow: hidden;
}
#main #navi
{
    float: left;
    width: 202px; 
    background: repeat-x top left;
}
.corporate #main #navi,
.corporate #main #navi li
{
	background-image: url(../images/dotted-line-grey.png);
}
.consumers #main #navi,
.consumers #main #navi li
{
    background-image: url(../images/dotted-line-purple.png);
}
#main #navi ul
{
    margin: 0px;
    padding: 0px;
    font-size: 0.8em;
}
#main #navi li
{
    margin: 0px;
    background: repeat-x bottom left;
}
#main #navi a
{
    color: #939598;
    text-decoration: none;
    padding: 15px 0px 15px 2px;
    display: block;
}
.corporate #main #navi a
{
    color: #939598;
}
.consumers #main #navi a
{
    color: #49c7ed;
}
#main #navi a:hover
{
    color: #353535;
}
#main #content
{
    float: right;
    width: 607px;
    padding: 0px 26px 0px 26px;
    color: #353535;
    background-color: #f8f7f4;
}
#main #content h1,
#main #content h2
{
    font-size: 1.4em;
    font-weight: normal;
    
    background: repeat-x bottom left;
    margin: 15px 0px;
    padding-bottom: 15px;
}
#main #content h2
{
    font-size: 1.1em;
    padding-bottom: 10px;
}
#main #content h3
{
    color: #939598;
    font-size: 1em;
    margin: 16px 0px;
    padding: 0px;
    font-weight: bold;
}
.corporate #main #content h1,
.corporate #main #content h2
{
    color: #939598;
    background-image: url(../images/dotted-line-grey.png);
}
.consumers #main #content h1,
.consumers #main #content h2
{
    background-image: url(../images/dotted-line-purple.png);
    color: #49c7ed;
}
#main #content h1 sup
{
    line-height: 1em;
    font-size: 0.5em;
}
#main #content #card
{
    float: left;
    padding: 0px 15px 0px 0px;
}
#main #content #details
{
    overflow: hidden;
    margin: 0px 0px 20px 0px;
}
#main #content #details ul
{
    float: left;
    list-style: none;
    margin: 0px;
    padding: 0px;
    font-size: 1em;
}
#main #content #details ul li
{
    background: no-repeat center left;
    padding: 0px 0px 0px 12px;
    font-size: 1em;
}
#main #content #details ul li a
{
    color: #6699ff;
    text-decoration: underline;
    font-size: 0.8em;
}
#main #content #details .right
{
    font-size: 1.2em;
    line-height: 1.4em;
}
.corporate #main #content #details ul li
{
    background-image: url(../images/arrow-grey.png);
}
#main #content ul
{
    font-size: 0.8em;
    margin: 0px 0px 18px 16px;
    padding: 0px;
}
#main #content ul li
{
    margin: 0px 0px 6px 0px;
}
.corporate #main #content ul li
{
    color: #939598;
}
.consumers #main #content ul li
{
    color: #3270a3;
}
#main #content ul li span
{
    color: #353535;
}
#main #content p
{
    font-size: 0.8em;
    margin: 0px 0px 18px 0px;
    padding: 0px;
}
#main #content .pdf
{
    height: 32px;
    position: relative;
    background: url(../images/pdf-icon.png) no-repeat top left;
    margin: 0px 0px 10px 0px;
}
#main #content .pdf a
{
    position: absolute;
    bottom: 0px;
    left: 36px;
    font-size: 0.9em;
}
 

#main #content a
{
    color: #6699ff;
}
#main #content p.large
{
    font-size: 1em;
    line-height: 1.5em;
}
#main #content p sup
{
    line-height: 1em;
}
#main #content p.large sup
{
    line-height: 0.8em;
}
#main #content #footer-links
{
    overflow: hidden;
    margin: 50px 0px 12px 0px;
}
#main #content #footer-links ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
}
#main #content #footer-links ul li
{
    float: left;
}
#main #content #footer-links ul li a
{    
    color: #353535;
    text-decoration: none;
    margin: 0px 10px 0px 0px;
}
#main #content #footer-links ul li span
{
    border-left: solid 1px #353535;
    padding: 0px 0px 0px 10px;
}
#main #content .large-gap
{
    margin-bottom: 40px;
}
#main #content .outset-box
{
    margin: 0px 10px 0px -10px;
    padding: 0px 10px;
    width: 607px;
    overflow: hidden;
}
#main #content .outset-box h1
{
    margin-top: 12px;
}
.consumers #main #content .outset-box h1
{
    color: #353535;
}
#main #content .outset-box
{
    background-color: #dadbe3;
}

ul.stripes{
	width:600px;
	padding:0;
	margin:0;
	list-style-type: none;
}
ul.stripes li{
	width:130px;
	display: inline-block;
	border:solid 1px #3270A3;
	padding:5px;
	margin:1px;
}
ul.stripes li:nth-of-type(odd){
	background-color: #3270A3;
	color:#fff !important;
}

.horMenu a{
	color: #3270A3;
	text-decoration: none;
	display: inline-block;
	font-size: 11px;
	text-transform: uppercase;
	line-height: 20px;
	background-image: url(../images/anchor_icon.png);
	background-position: left center;
	background-repeat: no-repeat;
	height: 20px;
	padding-left: 20px;
	margin-right:12px;
	
}
#help_videoseries{width:560px; height:315px; margin:25px}
.small_info{
	color:#757575;
	font-size:10px;
	display:inline-block;
	margin-left:12px;
	padding-left:14px;
	background-image: url(../images/info-icon.png);
	background-repeat: no-repeat;
	background-position: left top;
	font-style: italic;
}