/* ----- ALT BACKGROUND #FF9900 ----- */


/* ----- GLOBAL ELEMENTS ----- */
ADDRESS, BLOCKQUOTE, B, BODY, CAPTION, CENTER, DD, DIR, DIV, DL, DT, MENU, OL, P, TD, TH, UL
{font-family:Helvetica,Arial,Sans-serif;font-size:11px;color:#000000;vertical-align:top;}

body {margin:0;padding:0;background:#004b60}
table {width:auto}
form {margin:0;padding:0}
hr {height:1px;margin:0 0 0 0px;color:#cccccc;border:1px dotted;clear:both}
ul {list-style-image: url("/images/bullet.gif");line-height:1.5em}


/* ----- HEADINGS ----- */
h1 {font-family:Helvetica,Arial,Sans-serif;font-size:180%;color:#004b60;font-weight:700;margin:-8 0 5 0px;text-align:left}
h2 {font-family:Helvetica,Arial,Sans-serif;font-size:130%;color:#004b60;font-weight:700;margin: 0 0 0 0px;text-align:left}
h3 {font-family:Helvetica,Arial,Sans-serif;font-size:110%;color:#004b60;font-weight:700;margin: 20 0 -17 0px;text-align:left}
h4 {font-family:Helvetica,Arial,Sans-serif;font-size:100%;color:#004b60;font-weight:700;margin: 0 0 0 0px}
h5 {font-family:Helvetica,Arial,Sans-serif;font-size:95%;color:#004b60;font-weight:700;margin: 0 0 0 7px;text-transform:capitalize}
h6 {font-family:Helvetica,Arial,Sans-serif;font-size:80%;color:#004b60;font-weight:700;margin: 0 0 0 0px}
P {margin: 20 0 15 0px;line-height:1.5em}

/* ----- LINKS ----- */
a, a:link, a:link, a:link, a:hover {background:transparent;text-decoration:underline}
a:link {color:#004b60}
a:visited {color:#555}
a:hover, a:active {color:#CC9933}


/* ----- GENERAL STUFF ----- */
#wrap, #masthead, #details, #downloads, #solutions, #fix {position:relative}
#wrap {text-align:center}
#fix {width:980px;background:#ffffff url("/images/nav_bg.gif") repeat-y 0 100%}
#details {margin:35 20 15 195px;text-align:justify;}


/* ----- SAMI SOLUTIONS ----- */
#solutions {margin:0 20 0 195px}
#solutions .solutions-head {padding:20 10 5 0px;text-align:left}
#solutions .solutions {padding:5 5 5 5px;border-bottom:3px solid #004b60;clear:both}
#solutions .solutions th {text-align:left;color:#555555;border-bottom:3px solid #004b60;font-size:9px}
#solutions .solutions-l {border-left:1px solid #CCCCCC}
#solutions .solutions-r {border-right:1px solid #CCCCCC}
#solutions .solutions-summary-alt td {border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;background-color:#f2f2f2;}
#solutions .th-product {width:140px;white-space:none}
#solutions .th-title {width:1040px;}
#solutions .th-format {width:50px;white-space:none}
#solutions .th-size {width:50px;white-space:none}
#ssh1 h1 {font-size:130%;margin: -12 -10 -14 0px}
#solutions .solutions-icon {position:relative;float:left;margin:0 5 0 0px}
#solutions .solutions-more td {border:none;border:1px solid #CCCCCC;}
#solutions .solutions-summary-head {border-bottom:3px solid #333333}

/* ----- TECHNICAL BULLETIN DOWNLOADS ----- */

#downloads-alt {display:none}
#downloads {width:175px;clear:both;background-color:#f2f2f2;float:right;margin:20 20 10 20px;border:1px solid #CCCCCC;border-bottom:3px solid #004b60;border-top:3px solid #004b60}
#downloads p {margin:12px;}
#downloads h2 {margin-left:10px;}
#download-details {margin:15 10 15 10px;text-align:left}
.download-widget {cursor:hand}
.msds {margin:15 10 15 10px;text-align:left}
.download-button {border:1px solid #ccc;padding:5 30px;}

/* ----- SERVICES PICS ----- */
#service-pics {width:220px;background-color:#f2f2f2;position:relative;float:right;margin:23 0 10 17px}
#service-pics .service-pics {text-align:center}
#service-pics .caption {text-align:justify;padding:5 10px;font-size:10px;}


/* ----- GENERAL CONTENT AREA ----- */
#details .cutback-bitumen-alt td {background-color:#f2f2f2;padding-right:20px;}
#details .cutback-bitumen th {text-align:left;color:#555555;border-bottom:2px solid #CCCCCC;font-size:9px}
#details .cutback-bitumen {padding:10px}
#details .cutback-bitumen td {border-bottom:1px solid #CCCCCC;white-space:nowrap}
#details .cutback-bitumen-alt-vert {border-left:1px solid #CCCCCC}


/* ----- CONTACT US ----- */
.contact {margin:10 10 10 20px}
.contact th {text-align:right;padding:0 15 0 0px;font-size:10px;color:#4d4d4d;font-weight:normal}
.contact-head {padding:20 0 0 0px}
.contact-head h1 {padding:0 0 20 0px}
.contact-head h2 {padding:0 0 20 0px}
.contact-head h3 {padding:0 0 20 0px}
.contact-left {width:300px;}


/* ----- MASTHEAD ----- */
#masthead {background:#fff;border-bottom:2px solid #004b60}
#masthead .masthead-logo {padding:10px}
#masthead .masthead-caption {width:999px;font:italic 80%;vertical-align:bottom;padding-bottom:5px}
#masthead .masthead-bg {text-align:left;vertical-align:middle;padding-right:10px;white-space:nowrap}
#masthead .masthead-extras {text-align:right;font-weight:bold;}

/* ----- TOPNAV ----- */
#topnav {background:#004b60 url("/images/topnav_bg2.gif") repeat-x bottom right}
#topnav-wrap {padding-left:176px;}
#topnav .topnav, .topnav-active {width:333px;text-align:center}
#topnav a {padding:5 5px;width:100%;text-decoration:none;font-weight:bold;font-size:100%;white-space:nowrap}
#topnav a:link, #topnav a:visited {color:#fff}
#topnav a:hover {text-decoration:none}
#topnav .topnav-active a:link, #topnav .topnav-active a:visited, #topnav .topnav-active a:active {background:#fff;color:#004b60}
.topnav-spacer {background:#fff;width:2px;padding:0 0 0 0px;margin:0 0 0 0px;vertical-align:middle}


/* ----- NAV ----- */
#nav {position:absolute;top:125px;left:0px;width:176px;text-transform:capitalize;background:#f2f2f2;text-align:left}
#nav a {font-weight:bold;font-size:10px;text-decoration:none;padding:3 0 3 9px;line-height:1.8em;width:100%}
#nav a:link, #nav a:visited, #nav a:active {color:#333333;text-decoration:none}
#nav a:hover {text-decoration:underline;color:#CC9933;background-color:#FFFFFF;padding-left:3px;border-left:4px solid #f4cd30}
#nav h5 {padding:15 0 0 0px;border-right:1px solid #CCCCCC}
#nav .nav-main {border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;}
#nav .nav-main-active {font-weight:bold;border-bottom:1px solid #CCCCCC;text-decoration:underline;color:#CC9933;background-color:#FFFFFF}
#nav .nav-sub {border-top:1px dotted #CCCCCC;}
#nav .nav-sub a:hover {border-left: 4px solid #FFFFFF}
#nav .nav-sub a{font-weight:normal;margin:0 0 1 12px;width:100%;list-style-type:none;border-left:4px solid #fff;padding-left:3px;}
#nav .highlight {color: #B2BCCC;font-weight: normal}
#nav ul {padding: 0 0 0 0px;margin:0 0 0 0px;list-style-image:none}
#nav .divider {margin-top:-7px}


/* ----- BREADCRUMBS ----- */
#breadcrumbs {margin:20 0 0 195px;font-size:10px;text-transform:capitalize;white-space:nowrap;text-align:left}


/* ----- SUMMARIES ----- */
.summary {margin-bottom:-25px}
.summary-thumb {position:relative;float:left;margin:-7 10 0 0px;clear:both}
.summary-divider {margin:14 0 10 0px}
.summary-arrow {position:relative;float:left;margin:0 7 20 -2px;clear:both}
.summary h2 {margin-bottom:-17px}


/* ----- FOOTER ----- */
#footer {width:100%;padding-top:50px}
#footer a:link, #footer a:visited, #footer a:active {color:#004b60;text-decoration:none;}
#footer .foot3 a:link, #footer .foot3  a:visited, #footer .foot3 a:active {color:#555555;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
.foot {width:100%}
.foot1 {background:#f4ce34;color:#004b60;padding:5 10 5 5 px;margin:0 0 0 0px;text-align:right;border-top:1px solid #CCCCCC}
.foot2 {background:#004b60;color:#f4cd30;padding:5 0 5 10 px;margin:0 0 0 0px;text-align:left}
.foot3 {background:#004b60;color:#555555;padding:5 10 5 5 px;margin:0 0 0 0px;text-align:right}


/* ----- BITS N BOBS ----- */
.about {width:350px;padding:0 20 0 0px}
.top {position:relative;right:220px;top:40px}
.clear {clear:both;font-size:0px;height:100px;line-height:0px}
.labtests {text-transform:capitalize;padding-top:10px}
.print {position:relative;left:365px;top:-25px;border:1px solid #ccc;width:100px;padding:5px}
.sitemap td {width:350px}
.sitemap-sub {list-style-image:url("/images/tree.gif");list-style-type:none;margin-top:5px;margin-bottom:5px;}
.widget {cursor:hand; width:85px;height:25px;vertical-align:bottom}
div.promo {background:#f2f2f2;border:1px dotted #CCCCCC;width:300px;height:45px;float:right;margin-bottom:16px;position:relative;right:0px;clear:both}
div.promo a {padding:10px;width:300px;height:45px;display:block;text-decoration:none;}
div.promo a:hover {background:#dddddd;text-decoration:none}
.highlight {background: #FFFF40;}