/* CSS Document for Southern Cross Spars */

body {background-color: #edf2f4; text-align:center; font: 76%/1.4 "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; color: #434342; padding:0 0 10px 0;}

/* Kill all browser defaults */
* {margin:0; padding:0;}
/* end */

/* general layout rules */
#wrapper {width: 739px; text-align: left; margin: 0 auto;}
#main {width: 739px; background-image: url(../images/background.png); background-repeat: no-repeat; background-color: #fff; border-bottom: 7px solid #456B8F;}
#content {padding: 10px 16px 0 16px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

#popup {width: 488px; text-align:left; background-color: #fff; border-top: 7px solid #456B8F;}
#popup h3 {font-size:1em; font-weight:bold;}
div#popup ul, div#popup ol {margin:0 0 0 2em;}
div#popup li {margin:0.4em 0em;}
#nextlinks {width: 488px; text-align:left; background-color: #edf2f4;  border-top: 7px solid #456B8F;}
#nextlinks p.left {float:left; margin:4px 0 0 8px;}
#nextlinks p.right {float:right; margin:4px 8px 0 0;}

/* end general layout rules */

/* image banner */
#sail_curve {background-image: url(../images/home_curve.png); background-repeat: no-repeat; height: 100%;}
*html #sail_curve {background-image: url(../images/home_curve.gif);}
#image_banner {margin: 0; padding: 0; background-repeat: no-repeat; background-color: #456B8F; height: 116px;}
div#image_banner.home {background-image: url(../images/home_banner2.jpg); height: 243px;}
.services {background-image: url(../images/marine_banner.jpg);}
.checks {background-image: url(../images/rigchecks_banner.jpg);}
.insurance {background-image: url(../images/insurance_banner.jpg);}
.upgrades {background-image: url(../images/rigupgrades_banner.jpg);}
.rigservice {background-image: url(../images/rigservice_banner.jpg);}
.architectural {background-image: url(../images/architectural_banner.jpg);}
.products {background-image: url(../images/products_banner.jpg);}
.masts {background-image: url(../images/masts_banner.jpg);}
.booms {background-image: url(../images/booms_banner.jpg);}
.vangs {background-image: url(../images/vangs_banner.jpg);}
.spinnakers {background-image: url(../images/spinnaker_banner.jpg);}
.rope {background-image: url(../images/rope_banner.jpg);}
.rig-hardware {background-image: url(../images/rigging_hardware_banner.jpg);}
.accessories {background-image: url(../images/accessories_banner.jpg);}
.facilities {background-image: url(../images/facilities_banner.jpg);}
.jetty {background-image: url(../images/jetty_banner.jpg);}
.workshop {background-image: url(../images/workshop_banner.jpg);}
.mobile {background-image: url(../images/mobile_banner.jpg);}
.contact {background-image: url(../images/services_banner.jpg);}
.suppliers {background-image: url(../images/services_banner.jpg);}
.about {background-image: url(../images/services_banner.jpg);}
.oz {background-image: url(../images/oz-oslo-banner.jpg);}
/* end image banner */

/* page header */
#header {background-color: #001866; background-image: url(../images/top.png); background-repeat: no-repeat; width: 739px; height: 106px; padding-top: 5px;}
#header h1 {text-indent: -9999px; margin: 44px 0 0 0; background-image: url(../images/SCS.png); background-repeat: no-repeat; width: 290px; height: 35px; float: right;}
/* end page header */

/* primary navigation - dropdowns */
#header ul {margin: 3px 3px 0 180px; list-style: none;}
#header ul li ul {margin:0 0 0 -1px; border-bottom: 1px solid #34597f; border-left: 1px solid #34597f; width: 134px;}
#header ul li a {display: block; color: #fff; text-align:center; padding:0 12px; text-decoration: none;}
.norsk #header ul li a {padding:0 7px 0 6px;}
#header li {float: left; border-right: 1px solid #34597f;}
#header li.last {border-right: 0px;}
#header li a:hover, #header li.active a {color: #89b2db; text-decoration: none;}
#header li a:hover {background-color: #1E3F80; }
#header li ul li a {background-color: #1f3f75; border-top: 1px solid #34597f; border-right: none; text-align:left; padding:0 12px; font-size:.92em; width: 134px; w\idth: 110px;}
#header li.active ul li a {background-color: #1f3f75; color:#fff;}
#header li ul li a:hover {color:#001866; background-color: #89b2db; width: 134px; w\idth: 110px;}
#header li ul li.active a {color:#89b2db;}
#header li ul li.active a:hover {color:#001866;}
#header li ul {position: absolute; width: 126px; left: -999em;}
#header li:hover ul, #header li.sfhover ul {left: auto;} 
/* end primary navigation */

/* header flag links */
#header ul.flags {margin: 49px 10px 2px 0; _margin-right: 8px; list-style: none; float:right;}
#header ul.flags li {border-right: none;}
#header ul.flags li a {margin: 0 0 0 6px; padding:0;}
#header ul.flags li a img {border: 1px solid #c8d2df;}

/* content area */
#copy {margin: 0 0 20px 20px; padding: 0; width: 532px; float: right;}
#copy_home {margin: 0 0 20px 10px; padding: 0; width: 542px; float: right;}
#cta {margin:5px 0;}
#cta img {float:left; border:none;}
#cta-no {margin:16px 0 0 16px; width:182px; float: right;}
#cta-no img {border:none;}
#news-no {border-top: 1px solid #c8d2df;}
#news-no h2 {margin: 7px 0 0 0;}
#news-no h4 {margin:0 0 5px 0;; font-weight: bold; font-size:1.2em;}
#news-no .item {width:344px; margin:0; border-bottom: 1px solid #c8d2df; padding:14px 0 0 0;}
#news-no .item img.fl_left {margin:2px 10px 4px 0;}
#news-no .item p.bloo {background-color:#E7ECF4; padding:12px;}
/* content area */

div#copy div.rig_service {margin:0; border-bottom: 1px solid #c8d2df; padding:7px 0 7px 7px; min-height:174px; height:auto !important; height:180px;}
div#copy div.top {border-top: 3px solid #456B8F; margin-top:8px;}
div#copy div.tail { border-bottom: 3px solid #456B8F;}
div#copy div.product {margin:0; border-bottom: 1px solid #c8d2df; padding:7px 0 2px 0; min-height:84px; height:auto !important; height:90px;}
div#copy div.pics {margin:0; padding: 5px 0; clear:right;}
div#copy .topline {border-top: 1px solid #c8d2df;}
div#copy p.rig-cat {padding-top:8px;}

/* image floats */
.fl_left {float:left; margin:2px 10px 10px 0; border: 1px solid #456B8F;}
.fl_right {float:right; margin:2px 0 10px 12px; border: 1px solid #456B8F;}
div.pics .fl_right {clear:right;}
.plain {border:none;}
.border {border: 1px solid #456B8F;}
address.fl_left {margin-left:50px; font-style:normal; font-size: 1.1em;}

.imageholder {clear:both;}
.imageholder img {float:left; margin:2px 0 10px 10px; border: 1px solid #456B8F;}

div#map {width: 530px; height:320px; border: 1px solid #c8d2df;}

div#copy div.topbox {padding:7px 0 2px 0; min-height:184px; height:auto !important; height:190px;}

div.brochure p a {background-image: url(../images/brochure.png); background-repeat:no-repeat; padding:30px 0 30px 66px; height:72px; width:100px; text-align:left;}
div.product .splice {float: left; margin: 2px 5px 6px 0;}
div.product .splice img {border: 1px solid #456B8F; margin-bottom:8px;}
div.product .splice p {margin:3px 0 3px 0;}
div.product h3 {font-size: 1.3em;}

div#rigcheck {width: 216px; height: 290px; background-image: url(../images/rigcheck_map.png); background-repeat: none; position:relative; float:right;}
div#check-one {position: absolute; left:94px; top: 6px;}
div#check-two {position: absolute; left:94px; top: 45px;}
div#check-three {position: absolute; left:95px; top: 84px;}
div#check-four {position: absolute; left:100px; top: 135px;}
div#check-five {position: absolute; left:105px; top: 233px;}
div#check-six {position: absolute; left:91px; top: 257px;}
div#check-seven {position: absolute; left:50px; top: 255px;}
div#check-eight {position: absolute; left:172px; top: 250px;}
div#rigcheck a span {display:none;}
div#rigcheck a {display:block; width:27px; height:26px;}

/* secondary navigation */
#leftnav {margin:0 0 20px 0; padding:0 0 211px 0; width:146px; float: left; background-image: url(../images/stars.png); background-position: bottom; background-repeat: no-repeat;}
* html #leftnav {background-image: url(../images/stars.gif);}

#leftnav ul {margin: 50px 0 0 0; padding: 0; list-style-type: none; text-align: right; border-bottom: 3px solid #456B8F; border-top: 3px solid #456B8F; background-color:#fff; }
#leftnav ul li {font-size: 1.1em; padding: 0; border-top: 1px solid #c8d2df; line-height:normal;}
#leftnav ul li:first-child {border-top: 0;}
#leftnav ul li a {text-decoration: none; color: #001866; padding: 6px 6px 6px 6px; display: block; width:100%;}
html>body div#leftnav ul li a {width: auto;}
#leftnav ul li a:hover, #leftnav ul li.active a {background-color: #e7ecf4;}
#leftnav ul li.active a {color:#000;}
/* end secondary navigation */

/* general typography */
h2, h3, h4, h5, h6 {font-weight:normal;}
h2 {font-size:1.6em; margin:.4em 0 .6em 0;}
h2.home {text-align: right;}
h3 {font-size:1.2em;}
h4 {font-size:1.1em; margin:1em 0 0 0;}
h5 {font-size:1em; margin:1em 0 .5em 0;}
h6 {font-size:1em; margin:0;}
p {font-size:1.1em; margin:0 0 1em 0;}
acronym {border-bottom: 1px dashed #434342; cursor: help;}
hr {height:1px; color:#434342; border: 0; background-color: #434342; margin: .5em 0;}
div#copy ul, div#copy ol {padding-left:1em;}
div#copy li {margin:0.4em 0em;}

a {color: #434342; text-decoration:none; outline:none;}
a:hover {text-decoration:underline;}
div#copy a, div#copy_home a {color: #001866;}
/* end general typography */

/* footer */
#footer {font-size: .92em;}
#footer ul {list-style-type:none; margin-top:3px;}
#footer li {float:left;}
#footer li img {margin-left: 6px;}
#footer li#credit {float:right;}
#footer a {color: #434342; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
/* end footer */

.clear {clear: both;}

.new-terms { background: #d8e6f3 url(/images/terms.png) no-repeat; float: right; clear: both; width: 541px; text-align: center; padding: 5px 0; margin-top: 10px; } 
.new-terms a { background: #d8e6f3; color: #00267a; padding: 0 8px; }