/*************************************************************************
 * S T Y L E   R E S E T                                                 *
 *************************************************************************/
/* Don't forget to set a foreground and background color 
   on the 'html' or 'body' element! */
html, body, div, span,applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dd, dl, dt, li, ol, ul,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;line-height: 1;font-family: inherit;text-align: left;vertical-align: baseline;}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content:"";}

/*************************************************************************
 * B A S I C   S T Y L E S                                               *
 *************************************************************************/
body {font-family: "Lucida Grande", Arial, sans-serif;font-size: medium;font-size: 0.8em;color: #808080;background-color: White;}
a {color: #6CCDE5;text-decoration: none;}
a:hover {color:#EB6525}
.pdf {display:block;background: url(../images/pdf.png) no-repeat left center;padding-left:20px;line-height: 16px;/*  To center the text vertically with the icon */}

.anchor{color:#6CCDE5;}
.anchor-hover{color:#0000A0;cursor:pointer;}

p.links a.current {color: Gray;text-decoration: none;font-weight: bold;}

p {text-align: justify;}
p, dt, dd, li, cite, em, strong, i, b, s, a, span {line-height: 1.5em;}

h1, h2, h3, #footer, #sidebar div.block p.more a, ul.industries {font-family: "Gill Sans Pro", "Gill Sans MT", "Gill Sans", "Trebruchet MS", "Helvetica", Arial, sans-serif;}
h1 {font-weight: normal;font-size: 1.9em;margin: 0 0 16px 0;color: #6CCDE5;}
h2 {font-weight: normal;font-size: 1.4em;margin: 0.5em 0 0 0;color: #6CCDE5;line-height: 1.2em;padding: 0;}
h3 {padding: 0.5em 0;font-size: 1.1em;font-weight: bold;}
h4 {font-weight: bold;padding: 0.5em 0;}

p, ul, ol {padding-bottom: 1em;}
ol {list-style-type: decimal;}

#content ul {list-style-type: none;margin: 0;padding: 0;}
#content ul li {padding: 0 0 0 15px;background-image: url(../images/bullet_large.gif);background-position: 0px 5px;background-repeat: no-repeat;margin: 0.5em 0 1em 0;}
#content ul li ul li{padding: 0 0 0 15px;background-image: url(../images/bullet_small.gif);background-position: 0px 5px;background-repeat: no-repeat;margin: 0.5em 0 1em 0;font-weight:bold;color: #6CCDE5/*#f78f1e*/;}
ul {list-style-type: disc;}
ul, ol {display: block;list-style-position: outside;margin-left: 2.5em;margin-bottom: 1em;}	
ul ul, ol ol {padding-bottom: 0;margin-top: 0.5em;margin-bottom: 0;}
li {display: list-item;margin-bottom: 0.5em;}

strong, b {font-weight: bold;}
em, i {font-style: italic;}

blockquote {background-image: url(images/blockquote_background.png);background-position: 20px 20px;background-repeat: no-repeat;background-color: #EEE;padding: 35px 40px 10px 65px;margin: 20px;	font-style: italic;	font-size: 0.9em;	border: 1px solid #DDD;}

cite {font-size: 0.9em;font-style: italic;text-align: right;display: block;}

dl {margin-top: -1em;margin-bottom: 1em;}
dt {margin-bottom: 0;margin-top: 1.5em;font-weight: bold;}
dd {margin-bottom: 0;line-height: 1.5em;}

input, textarea, select {font-size: 12px;border: 1px solid #CCD5E2;background-color: White;padding: 3px;vertical-align: top;}

div.radio input {border: 0;}

textarea {font-size: 16px;}

.right {float: right;width: auto;margin: 0 0 35px 35px;clear: right;}
.left {float: left;width: auto;margin: 0 35px 35px 0;clear: left;}

.small {font-size: 0.8em;}

hr {width: 100%;border: 0;color: #DDD;background-color: #DDD;height: 1px;margin: 16px auto;text-align: center;clear: both;}
pre {font-family: "Courier New", Courier, monospace;font-size: 0.8em;}
input.blur {color: #BBB;}

.clear {clear: both;}
.flash-replaced {z-index: 1;}
.quote{margin:0 auto;width:100%;text-align:center;margin-top:10px;}
span.i {color: #eb8d27;font-style: italic;font-family: Pixettish, Georgia, "Times New Roman", serif;}
span.menu-title {color: #A1A1A5;font-family:'Gill Sans Std';font-style: bolder;font-size:40px;margin-left:-4px;}
span.i-title {color: #eb8d27;font-style:italic;font-family: Pixettish, Georgia, "Times New Roman", serif;font-size:40px;margin-right:5px;}
.hide{display:none;}
.margin-top-neg{margin-top:-50px;}

span.em{color:#09AED0;}
span.fm{color:#008E90;}
span.tm{color:#DF0438;}
span.sm{color:#6677AD;}
span.bm{color:#003063;}

.odd{background-color:#E6E6E6;width:100%;padding-left:5px;padding-right:5px;}
.even{width:100%;padding-left:5px;padding-right:5px;}
.title{font-weight:bold;margin-top:4px;}
.strong{font-weight: bold;}
.quote{font-style:italic;}
.psms-logo{background:url(../images/PSMS-logo.jpg);background-position:right;background-repeat:no-repeat;height:70px;line-height:120px;}

#brochure-click-here  {margin-left:40px;background:url(../images/brochure-click-here.gif);background-position:top;background-repeat:no-repeat;width:162px;height:41px;display:block;}
#brochure-click-here:hover {background-position:bottom;}

/*************************************************************************
 * A N I M A T E  H E A D E R S  -  D E F A U L T S                      *
 *************************************************************************/
.js #slideshow {position:relative;width:604px;height:216px;z-index:0;}
.js #slideshow img {position:absolute;top:1;left:-35px;z-index:8;}
.js #slideshow img.active {z-index:10;}
.js #slideshow img.last-active {z-index:9;}

/*************************************************************************
 * N A V I G A T I O N                                                   *
 *************************************************************************/
#nav {list-style-type: none;margin: 70px 0 30px 0;padding: 0 0 0 35px;float: left;width: 569px;	z-index: 99 !important;font-size:1.1em;}
#nav li {display: block;float: left;margin: 0 20px 10px 0;}
#nav li a {text-decoration: none;color: #808080;white-space:nowrap;}
#nav li a span.i {font-size:0.9em;}
#nav li a.expandable {color: #808080;padding-right: 14px;background-image: url(../images/down-arrow.png);background-position: right center;background-repeat: no-repeat;}
#nav li a:hover,ul#nav li a.current {color: #6CCDE5;}
#nav li ul {list-style-type: none;}
#nav li ul {margin: 0;padding: 0;}
.js #nav li ul {display: none;}
#nav li ul li {width:10em;}
#nav li ul li a {background-color: #F2F2F2;color: #808080;font-weight: normal;margin-bottom: 1px;padding: 3px;opacity: 0.9;filter: alpha(opacity=90);}
#nav li ul li a:hover,#nav li ul li a.current {background-color: #6CCDE5;color:#fff;}

/* Basic code - don't modify */
#nav { display: block;  position: relative; }
#nav li { display: block; list-style: none; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul {position: absolute; left: 0; margin: 0; padding: 0; }
.js #nav ul { display: none;}
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; margin: 0;}
#nav ul ul { top: 0; }
    
/* Essentials - configure this */
#nav ul { width:10em;}
#nav ul ul { left: 10.2em;} 
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/*************************************************************************
 * S I D E B A R                                                         *
 *************************************************************************/
.js #sidebar-movie {margin: 0 0 22px 0;width:266px;height:216px;}
#sidebar div.block {background-color: #F2F2F2;margin-right:15px;}
#sidebar div.block h2 {padding: 5px 15px;color: White;background-color: #808080;margin: 0;}
#sidebar div.block ul {list-style-type: none;margin: 0;padding: 0;font-size: 0.8em;}
#sidebar div.block ul li {/*position:relative;*/border-top: 1px solid #808080;padding: 15px 15px 0px 15px;}
#sidebar div.block ul li h3 {color: #808080;font-weight: normal;font-size: 1.2em;padding: 0 0 0.5em 0;}
#sidebar div.block ul li h3#enginei-em-med{position:relative;background: url(../images/enginei-brands.png) -960px 0px no-repeat;width:136px;height:34px;margin:0;padding:0;}
#sidebar div.block ul li h3#enginei-fm-med{position:relative;background: url(../images/enginei-brands.png) -960px -34px no-repeat;width:136px;height:34px;margin:0;padding:0;}
#sidebar div.block ul li h3#enginei-tm-med{position:relative;background: url(../images/enginei-brands.png) -960px -69px no-repeat;width:136px;height:34px;margin:0;padding:0;}
#sidebar div.block ul li h3#enginei-sm-med{position:relative;background: url(../images/enginei-brands.png) -960px -103px no-repeat;width:136px;height:34px;margin:0;padding:0;}
#sidebar div.block ul li h3#enginei-bm-med{position:relative;background: url(../images/enginei-brands.png) -960px -138px no-repeat;width:136px;height:34px;margin:0;padding:0;}
#sidebar div.block ul li h3 a.more {position:absolute;left:150px;top:0.6em;padding:0;text-align:left;font-size: 0.8em;line-height:1em;}
/*#sidebar div.block ul li h3 a.more:hover {color:#EB6525;}*/
#sidebar div.block ul li p {font-size: 1em;line-height:1em;margin-top:5px;}
#sidebar div.block p.more {padding: 0;}
#sidebar div.block a:hover {color:#EB6525;}
#sidebar div.block p.more a {padding: 1em 5px;text-align: center;color: White;background-color: #6CCDE5/*#f78f1e*/;margin: 0;display: block;text-decoration: none;font-size: 1.5em;}
#sidebar div.block p.bar {background-color: #6CCDE5;line-height:1.5em;}

#sidebar div.block ul#divisions li {padding-left:45px;}
#sidebar div.block ul#divisions li a#marine {background: url(../images/marine.png) 0 0 no-repeat;width:153px;height:54px;margin:0;padding:0;display:block;}
#sidebar div.block ul#divisions li a#utilities {background: url(../images/utilities.png) no-repeat;width:153px;height:54px;margin:0;padding:0;display:block;}
#sidebar div.block ul#divisions li a#power {background: url(../images/power.png) no-repeat;width:153px;height:54px;margin:0;padding:0;display:block;}
#sidebar div.block ul#divisions li a#defence {background: url(../images/defence.png) no-repeat;width:153px;height:54px;margin:0;padding:0;display:block;}
#sidebar div.block ul#divisions li a#offshore {background: url(../images/offshore.png) no-repeat;width:153px;height:54px;margin:0;padding:0;display:block;}
#sidebar div.block ul#divisions li a#australia {background: url(../images/australia.png) no-repeat;width:153px;height:54px;margin:0;padding:0;display:block;}
#sidebar div.block ul#divisions li a#rail {background: url(../images/rail.png) no-repeat;width:135px;height:153px;margin:0;padding:0;display:block;}

/*************************************************************************
 * F O O T E R                                                           *
 *************************************************************************/
#footer{position:relative;}
.js #footer {height:8em;}
.js #footer #contact-uk {display: none;}
#footer h2 {font-weight: normal;font-size: 1.4em;margin: 0 0 0 0;color: #6CCDE5/*#f78f1e*/;}
#footer div.text {padding: 20px 10px 0 35px;}
#footer div.text p {font-size: 1.8em;padding: 0;line-height: 1.3em;}
#footer .sip-icons {float: right;margin: 30px 25px 10px 10px;}
#footer .login{float:right;background: url(../images/icon-actions.png) 0px 0px no-repeat;width:60px;height:59px;margin-right:15px;margin-top:20px;}
#footer #quote{float:right;background: url(../images/icon-actions.png) -60px 0px no-repeat;width:60px;height:59px;margin-right:15px;margin-top:20px;}
#footer #email{float:right;background: url(../images/icon-actions.png) -120px 0px no-repeat;width:60px;height:59px;margin-right:15px;margin-top:20px;}
#footer #timezones{float:left;width:140px;margin-top:10px;}
#footer #contact-uk a,#footer #contact-wa a{color:inherit;}
#footer #contact-uk a:hover,#footer #contact-wa a:hover{color:#6CCDE5/*#f78f1e*/;}
#footer #action{background:url(../images/sip-icons.png);background-repeat:no-repeat;background-position:0 10px;width:164px;/*width:321px;*/height:58px;float:right;margin-top:20px;margin-right:10px;}
#footer #action .hotspot{display:inline-block;width:50px;height:55px;cursor:pointer;margin-left:1px;}
#footer #action .hotspot-large{display:inline-block;width:156px;height:55px;cursor:pointer;margin-left:1px;}

/*************************************************************************
 * H O M E   P A G E                                                     *
 *************************************************************************/
.js #main-movie{width:604px;height:216px;}
#content div.main-column{float: left;width: 290px;}
#content #middle-column{float: right;width: 265px;}
#content #middle-column h1{font-size: 2.5em;color:#84E1E1;text-align:center;top:0;padding:0;}
#content #middle-column h2.question{margin-bottom:10px;}
#content #middle-column #question{font-weight:normal;color:#f78f1e;}
#content #main-column-quote{width:555px;}
#content #main-column-quote{font-size: 2.5em;color:#CCEFEF;text-align:center;top:0;padding:0;}
#content ul.services {width: 265px;}
#content ul.services li {padding-left: 30px;margin-left: 30px;}
#content ul.benefits {width: 265px;}
#content ul.benefits li {padding-left: 30px;margin-left: 30px;}
#content ul.features {width: 265px;}
#content ul.features li {padding-left: 30px;margin-left: 30px;}
#content ul.industries {list-style-type: none;margin: 0;padding: 0;font-size: 1.9em;width: 230px;}
#content ul.industries li {margin: 0 0 0.2em 0;padding: 0;line-height: 1em;background-position: right center;background-repeat: no-repeat;min-height: 30px;height: 30px;}
#content ul.industries li.defence { background-image: url(../images/icon-defence.png);background-repeat:no-repeat;background-position:202px;}
#content ul.industries li.marine { background-image: url(../images/icon-marine.png);background-repeat:no-repeat;background-position:202px;}
#content ul.industries li.offshore { background-image: url(../images/icon-offshore.png);background-repeat:no-repeat;background-position:202px;}
#content ul.industries li.rail { background-image: url(../images/icon-rail.png);background-repeat:no-repeat;background-position:202px;}
#content ul.industries li.utilities { background-image: url(../images/icon-utilities.png);background-repeat:no-repeat;background-position:202px;}
#content ul.industries li.power { background-image: url(../images/icon-utilities.png);background-repeat:no-repeat;background-position:202px;}
#content ul.industries li a{color: #808080;width:100%;display:block;}
#content h1#enginei-em{background: url(../images/enginei-brands.png) -680px 0px no-repeat;width:269px;height:86px;margin:0;padding:0;margin-bottom:10px;margin-top:20px;}
#content h1#enginei-fm{background: url(../images/enginei-brands.png) -680px -87px no-repeat;width:269px;height:86px;margin:0;padding:0;margin-bottom:10px;margin-top:20px;}
#content h1#enginei-tm{background: url(../images/enginei-brands.png) -680px -173px no-repeat;width:269px;height:86px;margin:0;padding:0;margin-bottom:10px;margin-top:20px;}
#content h1#enginei-sm{background: url(../images/enginei-brands.png) -680px -259px no-repeat;width:269px;height:86px;margin:0;padding:0;margin-bottom:10px;margin-top:20px;}
#content h1#enginei-bm{background: url(../images/enginei-brands.png) -680px -346px no-repeat;width:269px;height:86px;margin:0;padding:0;margin-bottom:10px;margin-top:20px;}
#content h1#enginei{background: url(../images/enginei-brands.png) -680px -512px no-repeat;width:226px;height:71px;margin:0;padding:0;margin-bottom:10px;margin-top:20px;}
#content h1{margin-top:20px;line-height:2em;}
#content h1#defence-icon{background:url(../images/icon-defence.png) left center no-repeat;height:2em;padding-left:40px;line-height:2em;}
#content h1#marine-icon{background:url(../images/icon-marine.png) left center no-repeat;height:2em;padding-left:40px;line-height:2em;}
#content h1#offshore-icon{background:url(../images/icon-offshore.png) left center no-repeat;height:2em;padding-left:40px;line-height:2em;}
#content h1 span#utilities-icon{display:block;float:left;background:url(../images/icon-utilities.png) left center no-repeat;width:30px;height:2em;margin-right:10px;line-height:2em;}
#content h1#power-icon{background:url(../images/icon-utilities.png) left center no-repeat;height:2em;padding-left:100px;line-height:2em;}

#content ul#movie-links {width: 265px;font-size:0.8em;}
#content ul#movie-links li {padding-left: 35px;margin-left: 5px;height:30px;line-height:30px;background-image: url(../images/ge_logo_button.png);background-position: 0px 0px;background-repeat: no-repeat;}

#spares-logos{background:url(../images/logos.png) left top no-repeat;width:304px;height:247px;padding:0;display:inline-block;}
#niigata-logo{background:url(../images/logos.png) -23px -127px no-repeat;width:118px;height:46px;padding:0;margin:0;display:inline-block;}
#cummins-logo{background:url(../images/logos.png) -22px -7px no-repeat;width:75px;height:75px;padding:0;margin:0;display:block;}
#ge-marine-logo{background:url(../images/logos.png) -119px -21px no-repeat;width:163px;height:52px;padding:0;margin:0;display:block;}

/*************************************************************************
 * F O R M                                                               *
 *************************************************************************/
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{margin:0 auto;width:520px;padding:20px;}
.myform legend{margin-bottom:10px;}

/* ----------- stylized ----------- */
#stylized{border:solid 1px #808080;background:#F2F2F2;}
#stylized h1 {font-size:14px;font-weight:bold;margin-bottom:8px;}
#stylized p{font-size:11px;color:#808080;margin-bottom:20px;border-bottom:solid 1px #808080;padding-bottom:10px;font-weight:bold;}
#stylized label{display:block;font-weight:bold;text-align:right;width:150px;float:left;color:#6CCDE5;}
#stylized label.error{display:block;font-weight:bold;text-align:right;width:120px;color: #A0522D;float:right;}
#stylized .small{color:#666666;display:block;font-size:11px;font-weight:normal;text-align:right;width:150px;}
#stylized .small a{margin:0;padding:0;font-size:0.8em;}
#stylized .long-title{width:180px;}
#stylized .long-title-plus-20{width:200px;height:2em;}
#stylized input,#stylized textarea{float:left;font-size:12px;padding:4px 2px;border:solid 1px #808080;width:210px;margin:2px 0 20px 10px;}
#stylized .holder{float:left;padding:4px 2px;width:160px;margin:2px 0 10px 10px;}
#stylized .holder .checkbox,#stylized .holder .radio{width:2em;}
#stylized textarea{height:80px;}
#stylized button{clear:both;margin-left:160px;width:140px;height:30px;text-align:center;line-height:31px;color:#fff;font-size:14px;font-weight:bold;border:none;border:1px solid #666666;background:#666;}
#stylized button:hover{cursor:pointer;background:#F2F2F2;color:#666;}

/*************************************************************************
 * C L O C K                                                               *
 *************************************************************************/
 
