@import "reset.css";

body { background: #fff url(../images/page-bg.gif) repeat-x top left; color: #1e2578; font: .688em/normal Verdana, Arial, Helvetica, sans-serif; text-align: center; }
div.clear { clear:both; width:100%; font-size:0px; line-height:0px; }
a,a:link,a:visited { color: #1e2578; }
a:hover { color: #e33057; }

img.rflt { display: inline; float: right; margin: 0 0 1em 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 1em 0; }

p { margin-bottom: 1em; }

ul { list-style: disc outside; margin-bottom: 1em; padding-left:15px; }
ol { list-style: decimal outside; margin-bottom: 1em; }
#mainbar ul, #mainbar ol{ margin-left:20px; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none outside; margin: 0; padding: 0; }


/* Titles */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; font-family: Arial, Helvetica, sans-serif; }

h1 { font-size: 140%; }
h2 { font-size: 135%; }
#mainbar h2, #mainbar h1{ font-size:190%; border-bottom:1px solid #1E2578; font-weight:normal; }
#home-title h1{ text-align:center; margin-top: .5em;}
h3 { font-size: 130%; }
h4 { font-size: 200%; }
h5 { font-size: 90%; font-weight: normal; }

h2 span.reset { font-weight: normal; }

#logo { float: left; margin-bottom: 0; }
#outline { float: right; margin: 30px 0 0; }


/* Boxes */

.box { clear: both; min-height: 1px; margin-bottom: 1em; }
* html .box { height: 1px; }

.box ul, .box ol, .box p, .boxC ul, .boxC ol, .boxC p { margin-bottom: 0; padding-bottom: 1em }

.boxA { width: 174px; background: url(../images/newboxes/boxA.gif) no-repeat top left; }
.boxA1 h2 { margin: 0; padding: .5em 7px;/* background: #e84141 url(../images/box1-top.png) 0 0 no-repeat;*/ color: #e94141; font-size: 14px; font-weight:normal; }
.boxA1 .body, .boxA1 ul { padding: 10px 15px 10px; /*background: #cb1a1a url(../images/box1-bottom.png) 0 100% no-repeat;*/ color: #e94141; }
.boxA ul { padding-right: 5px; padding-left:20px; padding-bottom:12px; }
.boxA li { padding-bottom: .5em; }
.boxA1 h2 a, .boxA1 h2 a:hover,
.boxA1 li a, .boxA1 li a:hover { color:#e94141 !important; }

.boxA2 { width: 174px; background: url(../images/newboxes/boxA2.gif) no-repeat top left; }
.boxA2 h2 { /*background-color: #3084ce; background-image: url(../images/box2-top.png); */font-weight:normal; padding:11px 0pt 0pt 14px; color:#fff; }
.boxA2 .body, .boxA2 ul { /*background-color: #2941a5; background-image: url(../images/box2-bottom.png);*/  color:#fff; height:180px; }
.boxA2 h2 a, .boxA2 h2 a:hover,
.boxA2 li a, .boxA2 li a:hover { color:#fff !important; }

.boxA3 {  width: 174px; background: url(../images/newboxes/boxA3.gif) no-repeat top left; }
.boxA3 h2 { /*background: url(../images/small_box_top.gif) no-repeat center top;*/ color:#2f4baf; padding:11px 0pt 0pt 14px; }
.boxA3 ul {	/*background: url(../images/small_box_bottom.gif) no-repeat center bottom;*/ padding:0pt 0px 16px 22px;}
.boxA3 ul li { color:#3b7cc0;padding-bottom:0.5em;}

.boxHome { width: 478px; background: url(../images/box3-bg.png) 0 0 repeat-y; margin: 10px 0 20px 10px; }
.boxHome .before { padding-top: 5px; background: url(../images/box3-top.png) 0 0 no-repeat; }
.boxHome .after { padding: 15px 15px 10px; background: url(../images/box3-bottom.png) 0 100% no-repeat; }

.boxB { width: 478px; background: url(../images/box3-bg.png) 0 0 repeat-y; }
.boxB .before { padding-top: 5px; background: url(../images/box3-top.png) 0 0 no-repeat; }
.boxB .after { padding: 15px 15px 20px; background: url(../images/box3-bottom.png) 0 100% no-repeat; }

.boxC { width: 324px; background: url(../images/box4-bg.gif) 0 0 repeat-y; margin-bottom:10px; }
#services .boxC p{  }
#services .boxC p img { float:none; }
.boxC.fLeft{ float:left; }
.boxC.fRight{ float:right; }
.boxC img{ float:left; margin-right:1px; }
.boxC h2 img{ margin-right:8px; }
.boxC h2{ font-size:15px !important; color:#26afe3; }
.boxC h2 em{ color:#28419e; font-style:normal; display:block; }
.boxC .before { padding-top: 5px; background: url(../images/box4-top.gif) 0 0 no-repeat; }
.boxC .after { padding: 15px 15px 20px; background: url(../images/box4-bottom.gif) 0 100% no-repeat; min-height:325px; height:auto; }
/*\*/
.boxC .after { height:325px;}
/**/

.boxD { width: 665px; background: url(../images/box5-bg.gif) 0 0 repeat-y; }
.boxD .before { padding-top: 5px; background: url(../images/box5-top.gif) 0 0 no-repeat; }
.boxD .after { padding: 15px 15px 20px 45px; background: url(../images/box5-bottom.gif) 0 100% no-repeat; }
.boxD #contactform label{ font-weight:normal; }

.boxE { width: 174px; background: url(../images/newboxes/boxE.gif) no-repeat top left; }
.boxE h2 { margin: 0; padding: .5em 7px; /*background: #2a4aaa url(../images/box6-top.gif) 0 0 no-repeat;*/ color: #fff; font-size: 14px; font-weight:normal; }
.boxE ul { padding: 10px 15px 14px; /*background: #2f79c7 url(../images/box6-bottom.gif) 0 100% no-repeat;*/ color: #fff; }
.boxE ul { padding-right: 5px; padding-left:20px; }
.boxE li { padding-bottom: .5em; }
.boxE h2 a, .boxE h2 a:hover,
.boxE li a, .boxE li a:hover { color:#fff !important; }

.boxF { width: 665px;background: url(../images/boxf-bg.gif) 0 0 repeat-y; }
.boxF .before { background: url(../images/boxf-top.gif) 0 0 no-repeat; }
.boxF .after { padding: 10px 0px;background: url(../images/boxf-bottom.gif) 0 100% no-repeat; padding: 10px 0 2px;}
.boxF table { width: 100%; margin: 0; border-collapse: collapse;}
.boxF table th { padding: 0 0 8px; }
.boxF table td { border-top: 1px solid #3084cc; padding: 4px 8px;}
.boxF table a img { float: right; margin: 0 0px 0 0; display: inline; }



/* Layout  */

#container { width: 878px; margin: 12px auto; text-align: left; }
#content { background: #fff url(../images/grid1.png) 50% 0 repeat-y; }
#header { padding: 20px; border-bottom: solid 1px #fff; background: #f8f8f8 url(../images/grad1.png) 0 0 repeat-x; }
#portbar { float: left; width: 189px; margin-right: 1px; }
#mainbar { float: left; width: 498px; }
#starbar { float: right; width: 189px; margin-left: 1px; }
div.sidebar .inner { padding: 8px 7px 0 8px; }
#mainbar .inner { padding: 0 10px; }


/* Main banner */

#banner { height: 223px; border-top: solid 1px #318bd2; border-bottom: solid 1px #318bd2; background: #fff/* url(../images/banner1.jpg) 100% 50% no-repeat*/; }
#banner .inner  { padding: 20px 20px 0; }
#banner h1 { font-size: 25px; }
#banner h2 { font-size: 18px; }
#banner #extra { background: url(../images/separator1.png) 0 0 no-repeat; }

#inside_banner { wisth: 100%; height: 100px; border-top: solid 1px #318bd2; border-bottom: solid 1px #318bd2; background-color:#fff;}

/* Navigation */

#nav {  }
#nav li { padding: .4em 0 .4em 12px; /*border-bottom: solid 1px #bed9eb;*/ }
#nav a, #nav a:visited { color: #1e2578; text-decoration: none; }
#nav a:hover, #nav a.on, #nav div.ul dd a.on,#nav a.on:hover{ color: #e33057 !important; font-weight:bold; }
#nav a:hover { font-weight:normal;}

/*#nav ul { list-style: none; color: gray; position:absolute; z-index:100; padding-top:9px; margin:-30px 0pt 0pt 177px;}*/
#nav div.ul {color:gray; list-style-image:none; list-style-position:outside; list-style-type:none; margin:5px 0 -5px 0; }

#nav div.ul dd { float: none; /*border: none; border-bottom:1px solid #ccc;*/ color: #333; margin:0;  /*background: #eee;*/ position:static; /*white-space:nowrap;*/ width:160px; padding: .4em 0 .4em 12px;}
#nav div.ul dd a { color: #e33057 !important; outline-style: none; outline-width: thin; text-indent: 0; margin:0; padding: 0;}
#nav div.ul dd a { font-weight:normal;}
/* Quick company availability check */

#companyCheck { float: left; width: 688px; background: #318ad1 url(../images/grad2.png) 0 0 repeat-x; }
#companyCheck form { padding: 8px 12px; }
#companyCheck form input, #companyCheck form label { vertical-align: middle; }
#quickSearchQuery { width: 283px; padding: 3px 8px; color: #2941A5; font-size: 16px; }


/* Service columns */

#services { padding: 0 3px; }
#services .col { display: inline; float: left; width: 152px; margin: 1em 6px 1em; }
#services .col .body { min-height: 235px; }
#services .col.up {margin: 1em 6px 0em; }
#services .col.up ul{ margin-left:0px; }
#mainbar #services .col.up h2{ border-bottom:none; }
#mainbar #services .col.up h4{ font-size:14px; }
#services .col.down {margin: 0em 6px 1em; }
#services li { margin-bottom: 1em; }
* html #services .col .body { height: 210px; }

#textbox {float: left; clear: left; width: 475px; padding: 12px;}
* html #textbox {float: left; clear: left; width: 468px; padding: 12px;}

#textbox ul.results li {		list-style: none;}

#mainbar div.after h2{ border-bottom:none; }



/* */
#services ul li, #services ol li { margin-bottom:0; }

/*#services div.body ul li, 
#services div.upgrade ul li{ margin-bottom:.6em; line-height:130%; }
#services div.upgrade ul li.grayme{ background-color:#f6f6f6; }*/
/*p.ok { font-size:12px; color:#1d1d1d; }
p.ok span { color:#d94547; }*/

/*div.upgrade {  padding:15px;  }*/
/*#mainbar div.upgrade ul{ margin:0; padding:0; }
#mainbar div.upgrade ul li ul{ margin:0 0 0 20px; padding:0; }
#mainbar div.upgrade ul li h2{ border-bottom:none; color:#1E2578; font-size:16px; }*/

#mainbar div.upgrade div.upgrademe_body { clear:both; border: 1px solid #D83051; padding: 10px; color:#D83051; line-height:130%}
#mainbar div.upgrade div.upgrademe_body ul{ margin-left:20px; }
#mainbar div.upgrade div.upgrademe_body ul li { list-style: disc; border:none; padding: 0; margin-bottom:5px; }
#mainbar div.upgrade div.upgrademe_body h1 { font-size:14px; margin: 0 0 5px 5px;  }
#mainbar div.upgrade div.upgrademe_body h2{ border-bottom:none; color:#1E2578; font-size:16px; }
#mainbar div.upgrade div.upgrademe_body form { clear:both; height:37px; text-align:right; margin:0; padding:0;}


/*div.upgrade ul li {	 list-style: none;clear:both; margin-bottom:1em; border: 1px solid #D83051; padding: 10px; color:#D83051;}
div.upgrade ul li h1 { font-size:14px; margin: 0 0 5px 5px;  }
div.upgrade ul li ul { margin-left:20px; }
div.upgrade ul li ul li { list-style: disc; border:none; padding: 0; margin-bottom:5px; }
div.upgrade ul li form { clear:both; height:30px; text-align:center;}
*/

/* Footer */
.logosBar { width:868px; padding:5px;border-top: solid 1px #318BD2; background-color:#FFF; }
.logosBar table tr td { padding: 0 5px; }

#footer { clear: both; padding-top: .5em; border-top: solid 1px #318bd2; color: #b2b3c0; text-align: center; background:#ffffff; }
#footer a, #footer a:visited { color: #b2b3c0; }
#footer p { margin-bottom: 0; }
#copyright { color: #2f7cc5; }


/* tables layout */

TABLE.maintbl { table-layout:fixed;  border-top:solid 1px #86B7D5; /*border-bottom:solid 1px #86B7D5;*/ border-left:solid 1px #86B7D5;}
TABLE.maintbl TD { padding:2px; border-right:solid 1px #86B7D5; border-bottom: solid 1px #86B7D5; line-height:normal; }
TD.hdr { font-weight:bold;}
TD.bhdr { font-size:13px; font-weight:bold;}
TD.smtext { font-size:10px;}
TABLE.maintbl TD.stext { font-size:10px; font-style:italic; padding-left:20px; padding-right:20px;}

TABLE.maintbl2 { font-family:tahoma,arial,sans-serif; font-size:12px; table-layout:fixed;}
TABLE.maintbl2 TD { height:20px;}

/* contact form */

#contactform{ text-align: left; }
#contactform label{ width: 126px; margin-right: 12px; display: block; float:left; clear: left; font-weight:bold; }
#contactform label.radio{ display:inline; float:none; width:auto; clear:none; }
#contactform input.text{ width:176px; float:left; clear:right; margin-bottom: 6px; }
#contactform input.radio{ vertical-align:middle; }
#contactform input.submit{ margin-left: 138px; margin-top:12px; }
#contactform input, #contactform textarea{ font: 11px Verdana, Arial, sans-serif !important; }
#contactform .textarea{ width: 226px; float:left; margin-bottom: 6px; clear:right; }
#contactform .select{ width: 176px; float:left; margin-bottom: 6px; clear:right;}
#contactform br{ clear:both; }

/* DO NOT EDIT OR ADD CODE BELOW */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* hide from ie/mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end hide */

.table1 { width: 100%; border-collapse: collapse; margin: 10px 0; }
.table1 td, .table1 th{ padding: 3px 10px; border: 1px solid #ccc; }
.table1 tbody th{ text-align: center; background: #4F5676; color: #fff; border-top-width: 5px; }
.table1 thead th{ border: 0;  border-bottom: 5px solid #ccc; ; text-align: center; text-transform: uppercase; }
.table1 th big{ display: block; margin-bottom: 15px; font-size: 1.6em; }
.table1 th a{ color: #ccc; }

.cf{ color:#2F7CC5; }
.cf em{ color:#DC1D44; font-style:normal; }

td.save{ border-left:1px solid #3399DD; border-right:1px solid #3399DD; color:red !important; font-weight:bold; }
.red{ color:red !important; }

#mainbar a{ text-decoration:underline; }

#mainbar h1.bluerounded{ background:url('../images/blue-rounded.gif') no-repeat top left; line-height:50px; border-bottom:none; padding:0 12px; }
#mainbar h1.bluerounded em{ color:#2ca6e9; font-weight:bold; font-style:normal; }

#mainbar h2.step1{ background:url('../images/step1-bg.gif') no-repeat left bottom; border-bottom:none; padding-bottom:26px; font-size:16px; font-weight:bold; margin-bottom:12px; }
#mainbar h2.step2{ background:url('../images/step2-bg.gif') no-repeat left bottom; border-bottom:none; padding-bottom:26px; font-size:16px; font-weight:bold; margin-bottom:12px; }
#mainbar h2.step3{ background:url('../images/step3-bg.gif') no-repeat left bottom; border-bottom:none; padding-bottom:26px; font-size:16px; font-weight:bold; margin-bottom:12px; }
#mainbar h2.step4{ background:url('../images/step4-bg.gif') no-repeat left bottom; border-bottom:none; padding-bottom:26px; font-size:16px; font-weight:bold; margin-bottom:12px; }

#mainbar h3.recommend{ background:url('../images/star.gif') no-repeat left center; font-size:16px; color:#D83051; padding-left:18px; line-height:16px; }
div#recommend-box{ border:1px solid #D83051; padding:6px 12px; }
div#recommend-box ul{ color:#D83051; }
div#recommend-box ul li{ margin-bottom:0; padding-bottom:0; }

div#ok{ border:1px solid #989898; padding:20px 0; text-align:center; }
div#ok h1{ border-bottom:none; margin:0; padding:0; }
div#ok h1 em{ font-weight:bold; color:#32AEE1; font-style:normal }
div#ok p{ margin:0; padding:0; }

#mainbar div.upgrade h1{ border-bottom:none; color:#D83051; background:url('../images/upgrade-header.gif') no-repeat left center; padding-left:40px; margin:16px 0; font-size:16px; font-weight:normal; line-height:36px; height:36px; }

#mainbar h2.sstep1{ background:url('../images/ssteps1.gif') no-repeat left bottom; border-bottom:none; padding-bottom:26px; font-size:16px; font-weight:bold; margin-bottom:12px; }
#mainbar h2.sstep2{ background:url('../images/ssteps2.gif') no-repeat left bottom; border-bottom:none; padding-bottom:26px; font-size:16px; font-weight:bold; margin-bottom:12px; }
#mainbar h2.sstep3{ background:url('../images/ssteps3.gif') no-repeat left bottom; border-bottom:none; padding-bottom:26px; font-size:16px; font-weight:bold; margin-bottom:12px; }
#mainbar h2.sstep4{ background:url('../images/ssteps4.gif') no-repeat left bottom; border-bottom:none; padding-bottom:26px; font-size:16px; font-weight:bold; margin-bottom:12px; }
#mainbar h2.sstep5{ background:url('../images/ssteps5.gif') no-repeat left bottom; border-bottom:none; padding-bottom:26px; font-size:16px; font-weight:bold; margin-bottom:12px; }
#mainbar h2.sstep6{ background:url('../images/ssteps6.gif') no-repeat left bottom; border-bottom:none; padding-bottom:26px; font-size:16px; font-weight:bold; margin-bottom:12px; }#mainbar h2.sstep7{ background:url('../images/ssteps7.gif') no-repeat left bottom; border-bottom:none; padding-bottom:26px; font-size:16px; font-weight:bold; margin-bottom:12px; }



div#offshoretable{ background:url("../images/tablebg.gif") no-repeat; }

table.offshore{ width:659px; height:274px }
table.offshore thead{  }
table.offshore thead th{ line-height:46px; }
table.offshore tbody{  }
table.offshore tbody tr.bgcolor{  }
table.offshore tbody td{ line-height:56px; }
table.offshore td em{ color:#E53F65; font-weight:bold; font-style:normal; }
table.offshore td a.moreinfo{ display:inline-block; margin-right:8px; }
table.offshore td a.buynow{  }
table.offshore tfoot{  }
table.offshore tfoot td{ line-height:56px; }
table.offshore td, table.offshore th{  text-align:center; font-size:14px; }
table.offshore td.noRight, table.offshore th.noRight{ border-right:0; }

div#step5 div.section{border-top: 1px solid #e72955; padding: 2em 0 0; margin: 0 0 1em; }
div#step5 h3{color: #e72955;font-size: 175%; font-weight: bold;}
div#step5 div.section h4{color: #e72955;font-weight: normal;}
div#step5 div.section p.purchase small{display: block;}
div#step5 div.section p.purchase span{display: block;font-size: 200%;line-height: 37px;color: #e72955;}
div#step5 div.section p.purchase span a{line-height: 37px; float: left; display: block;margin-right: 20px;  }
div#step5 div.section.disabled p.purchase span, div#step5 div.section.disabled *{color: #bbc2c7;}
div#step5 div.section h4 a{font-size: 50%;text-decoration: none; color: #3d94d7;}
div#step5 div.section h4{margin-bottom: 1em;}
div#step5 div.red-box{border: 1px solid #e72955; padding: 1em; margin: 3em 0;  }
div#step5 p.continue{text-align: right;}
div#step5 .blue,div#step5 div.section h4 a{color:#3d94d7!important; }


#request-callback{ padding:0; margin: 40px 0 0 0; width:467px; background: url("../images/form-top.gif") no-repeat top left; padding-top: 11px;color: #e72955; }
#request-callback form{ padding:0; margin:0;  background: url("../images/form-bottom.gif") no-repeat bottom left; padding: 14px 25px 25px 25px; overflow: auto;}
#request-callback label {display:block;float:left; width:100%;margin: 5px 0;}
.err {color:red;}
#request-callback label input { float:left; width: 250px;padding: 3px 4px;}
#request-callback label span { float:left; display: block;width: 150px;}

#request-callback div.submit{float: left; padding-left: 150px;margin-top: 15px;}
#request-callback div.submit input{}

#request-callback h2{font-size: 21px; margin-bottom: .5em;border: 0;}

#request-callback-wide{ padding:0; margin: 40px 0 0 0; width:660px; background: url("../images/form-top-wide.gif") no-repeat top left; padding-top: 11px;color: #e72955; }
#request-callback-wide form{ padding:0; margin:0;  background: url("../images/form-bottom-wide.gif") no-repeat bottom left; padding: 14px 25px 25px 25px; overflow: auto;}
#request-callback-wide label {display:block;float:left; width:100%;margin: 5px 0;}
.err {color:red;}
#request-callback-wide label input { float:left; width: 250px;padding: 3px 4px;}
#request-callback-wide label span { float:left; display: block;width: 150px;}

#request-callback-wide div.submit{float: left; padding-left: 150px;margin-top: 15px;}
#request-callback-wide div.submit input{}

#request-callback-wide h2{font-size: 21px; margin-bottom: .5em;border: 0;}


#step1-form div.are-you-sure{background:  url("../images/are-you-sure.gif") no-repeat top left;color: #fff;padding: 15px 10px 0 75px;height: 90px;margin:0; display:none;}
#step1-form div.are-you-sure h3{font-size: 15px;margin: 0 0 .5em;}
#step1-form div.are-you-sure p{margin: 0;font-size: 13px;}

#step1-form ul.tabs{margin: 1em 0 0 0;padding:  0;float: left; }
#step1-form ul.tabs li{display: block;float: left;list-style: none;margin-right: 3px;}
#step1-form ul.tabs li a{display: block;background:  url("../images/tab-l.gif") no-repeat top left; padding-left: 6px;text-decoration: none!important;outline:0;}
#step1-form ul.tabs li a em{display: block;font-style: normal;background:  url("../images/tab-r.gif") no-repeat top right; line-height: 30px; padding: 0 26px 0 20px; }
#step1-form ul.tabs li a.on{background-position: bottom left;}
#step1-form ul.tabs li a.on em{background-position: bottom right;color: #fff;}
#step1-form div.tabs-content{border: 3px solid #189bc9;padding: 15px;font-size: 12px;background:  #fff url("../images/tabs-grad.gif") repeat-x top;clear:both;}

#step1-form .fineprint{color: #7c7c7c;font-size: 10px;padding-top: 1em;}
#step1-form .fineprint p.bigger{font-size: 14px;}
#step1-form .fineprint a{font-weight: bold; color: #7c7c7c; text-decoration:none;}
#step1-form .tabs-content h4.hr{border-bottom: 1px solid #999;font-size: 13px;font-weight: normal;}
#step1-form .tabs-content .center{text-align: center;}

#step1-form .tabs-content ul{margin: 2em 0 2em 1em;}
#step1-form .tabs-content ul li{list-style:none;background:  url("../images/blue-arrow.gif") no-repeat 0 3px;padding-left: 20px;margin-bottom: 1.5em;}
#step1-form .tabs-content ul.bold li{font-weight: bold;font-size: 13px;}