@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%; }

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; }



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; }