body{
font-size: 11px;
line-height: 14px;
border: none;
background-color: #e6edf5;
text-align: left;
font-family: tahoma, arial, verdana;
color: #0c3159;
margin: 0; padding: 0;
}

*, form{
margin: 0;
padding: 0;
vertical-align:top;

}

a{color: #04549f;}

img{border: none;}

p{margin-bottom: 8px;}

h2{font-size: 15px;}
h3{font-size: 12px; color:#a12222; margin: 12px 0 0 0;}
h4{font-size: 11px; color:#999999; font-style:italic; margin-bottom: 5px;}

hr{margin: 15px 0; background:#ddd; border: none; height: 1px;}



#content a:hover, #footer a:hover{color: #042240;}




/* Main Layout
------------------------------------------------------*/
#wrapper{
width: 945px;
background-repeat: repeat-y;
background-position:top left;
}

#container{
width: 913px;
background-color: #fff;
background-image: url(images/bg-shadow-bottom.gif);
background-repeat: repeat-x;
background-position:bottom left;
padding-bottom: 10px;
display: block;
}

#header{
height: 135px;
}

#headerRight{
float: right; 
width: 693px;
display: inline;}

#navTop{
background-image: url(images/bg-nav-top.gif);
background-repeat: repeat-y;
background-position:top left;
text-align: left;
height: 50px;
width: 693px;
float: right;
}
#navTop div{position: relative; top: 23px; height: 27px;}
#navTop a{margin: 0 10px;}

#navMain{
float: right;
width: 693px;
height: 85px;
}

.logo{
float: left;
width:220px;
}

#content{
background-color: #fff;
text-align: left;
background-image: url(images/bg-shadow-top.gif);
background-repeat: repeat-x;
background-position:top left;
float: left;
width: 913px;
clear: both;
}

#footer{padding: 10px;}
#footer div{margin-bottom: 6px;}
#footer div a{font-size: 11px; color: #456482; margin: 0 4px;}
#footer, #footer a{color: #728ba4; font-size: 10px;}

/* Homepage Layout
------------------------------------------------------*/

.home, .sub {
margin: 10px 0 0px 0;
float: left;
width: 913px;
}

.homeContainer{
padding:0 12px 0px 12px;
float: left;

}

.home .col1{
width: 643px;
height: 448px;
float: left;
}

.home .col2{
width: 245px;
height: 448px;
float: right;
text-align:left;
}

.customerLogin{
background-image: url(images/bg-login-home.gif);
background-repeat:no-repeat;
height: 134px;
}

.customerLogin div{padding: 40px 10px 0px 21px; color: #fff; }
.customerLogin div div{padding: 5px 0 0 0;}
.customerLogin .textBox{width: 190px; margin: 0 0 3px 0; font-size: 10px;}
.customerLogin .button{}
.customerLogin .checkbox{margin: 0; padding: 0;}

.news{
background-image: url(images/bg-news.gif);
background-repeat:no-repeat;
height: 308px; 
}

.home .news .news1{float: left; height: 268px;}
.home .news .news2{padding: 40px 5px 0 22px; overflow:hidden; width: auto;}
.news h1 a{color: #0c3159; line-height: 12px; font-size: 11px; padding: 0 4px 0 0px; margin: 0 0 3px 0;}
.news h2{font-size: 10px; margin: 0 0 0px 0; color: #b20303;}
.news .button{padding: 0; text-align:center;}

.sub .news2{margin: 0 0 20px 0; width: 600px;}
.sub .news2 h1{margin: 0 0 0px 0; color: #b20303; font-size:11px; }
.sub .news2 h2 a, .sub .news2 h2{margin: 0 0 16px 0; font-size: 11px;color: #0c3159; font-weight: normal;}
.sub .news2 h2 a{font-weight: bold;}
.sub .news2 h3{color: #0c3159;}
.news2 span{font-size: 16px; font-weight: bold; line-height: 18px; display: block; padding: 7px 0;}

.flash{
height: 307px;
 }

.quickDemo{
background-image: url(images/bg-watch-quick-demo.jpg);
background-repeat:no-repeat;
height: 135px;
width: 473px;
float: left;
}

.quickDemo div{padding: 54px 30px 0 261px;}
.quickDemo .button{position: relative; left: -20px; top: 25px;}

.carriers{
background-image: url(images/bg-carriers.jpg);
background-repeat:no-repeat;
height: 135px;
width: 163px;
float: left;
}

#fade li {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	list-style-type:none;
	background-image:none;
	padding-left: 0px;
	margin: 35px 0 0 0;
}

#homeBottomContainer{position: relative; left: 12px;  height: 100px; float: left;}
#homeBottomBox{background: #e6edf5; float: left; width: 888px; display: block; }
#homeBottom{ float: left; padding: 5px 15px}
.floatL{float: left;}
.logos{float: right; margin: 0 0 0 15px;}
.missionTitle{display: block; margin: 0 0 4px 0; width: auto;}





/* Subpage Layout
------------------------------------------------------*/
.subContainer{
}
.sub .col1{
width: 192px;
float: left;
}

.sub .col2{
width: 721px;
float: left;
position: relative;top: -49px;
}

.title{padding: 16px 0px 9px 14px; background: transparent; width: 400px; }

.banner{}

.col2 .noBanner{padding: 55px 30px 10px 35px}

.sub .col2 .textContainer{
background-image: url(images/bg-text.gif); 
background-repeat:no-repeat;
padding: 25px 25px 0px 40px;
float: left;}

.sub .col2 .textRight{
float: right;
padding: 0 0 15px 20px;
margin: 0 0 15px 15px;
background-image: url(images/bg-text-right.gif);
background-repeat:no-repeat;
background-position: bottom left; width: 220px;
}

.sub .col2 .textRight ul{float: none; width: 190px; margin-bottom: 0;}

.sub .col2 h1{font-size: 16px; margin: 0 0 5px 0;}
h3{font-size: 12px; color:#a12222; margin: 12px 0 0 0;}
h3 a{color: #a12222;}
.col2 .textRight h2{font-size: 12px; }
.col2  ul{list-style-type: none;  width: 650px; display: block; margin: 0 0 15px 0;}
.col2  ul.short{width: 380px;}


.col2  li{
background-image: url(images/bullet-lightblue.gif);
background-repeat:no-repeat;
background-position: 0px 3px;
padding: 0 0 0 16px;
margin: 6px 0;}

.subnav a{display: block; color: #fff; text-decoration:none; padding: 0 0 0 35px; margin: 8px 0; font-weight: bold; font-size: 12px;}
.subnav a.active{background-image: url(images/bullet-subnav.gif); background-repeat:no-repeat; background-position: 19px 3px;}
#content .subnav a:hover{color: #9bc9ed;}

.subnavBox{
padding: 0 0 17px 0;
}

.subnav{
background-image: url(images/bg-subnav.gif);
background-repeat: no-repeat;
background-position:top left;
padding: 0;
}

.subnavBottom{position: relative; top: 2px;}

.customerLoginSub{
background-image: url(images/bg-login-sub.gif);
background-repeat:no-repeat;
background-position: top left;
width: 185px;
height: 96px;
}

.customerLoginSub .button{float: right; position: relative; left: -10px;}
.customerLoginSub div{padding: 27px 0px 0px 10px;}
.customerLoginSub .textBox{height: 11px; width: 160px; margin: 0 0 4px 0; font-size: 10px;}

.underTitle{float: right; position: relative; left: -15px; top: -38px;}
.underSubnav{margin: -16px 0 10px 6px}
.underSubnav .demo, .underTitle .demo{margin-top: 6px; display: block; margin-bottom: 4px;}

div.noSubnav{width: 660px; float: left; position: relative; left: 15px;}

.callout{
background-image: url(images/bg-contact-callout.gif);
background-repeat:no-repeat;
background-position: top left;
width: 657px;
height: 49px;
margin: 40px 0 0 0;
position: relative; left: 37px; top: 10px;
clear: both;
}

.callout div{padding: 7px 0 0 55px;}
.callout h2{font-size: 12px; color: #a12222;}


.locations td{width: 33%}
.locations h3{margin: 0 0 5px 0;}
.locations img{position: relative; left: -3px;}

.contact td{padding: 2px 5px 2px 0;}
.contact .textBox, .contact textarea{width: 160px; border: 2px inset #ccc; padding: 2px;}
.contact textarea{height: 60px;}
.contact th{text-align: right; color:#a12222; padding-bottom: 5px;}
.contact .required {color: #a12222;}

#demo{width: 745px; border: none; margin-left: 80px; height: 600px; overflow:hidden; margin-bottom: 10px;}
.visitCarrierrate {text-align: center; font-size: 13px; font-weight: bold; width: 880px; padding: 10px 0 20px 0;}

#contact{float: left; width: 610px; clear: both; }
#contact .col1{float: left; width: 320px;}
#contact .col2{float: left; width: 130px; border-left: 1px solid #e6edf5; position: relative; left: 20px; top: 0; padding: 0 0 0 50px;}
#contact .col2 h3{ margin: 0 0 5px 0;}
#contact .col1 div{display: none;}

.iconDiv{float: left; margin: 7px 0; clear: both; width: 600px;}
.iconDiv img{float: left; margin: 0 4px 0 0;}