/*************************************************************************

 * 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: #f78f1e;text-decoration: none;}

a:hover {text-decoration: none;}

.pdf {background: url(../images/pdf.png) no-repeat left center;padding-left: 20px;line-height: 16px; /* To center the text vertically with the icon */}



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: #f78f1e;}

h2 {font-weight: normal;font-size: 1.4em;margin: 0.5em 0 0 0;color: #f78f1e;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: #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: Georgia, "Times New Roman", serif;}

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

/*************************************************************************
 * A N I M A T E  H E A D E R S  -  D E F A U L T S                      *
 *************************************************************************/
.js .main-movie {position:relative;width:604px;height:216px;z-index:0;}
.js .main-movie img {position:absolute;top:1;left:0px;z-index:8;}
.js .main-movie img.active {z-index:10;}
.js .main-movie 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 25px;float: left;width: 600px/*589px*/;	z-index: 99 !important;font-size:1.1em;} /* margin: 70px 0 30px 0;width: 569px */

#nav li {display: block;float: left;margin: 0 13px 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 {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.current a {color: #eb8d27;}

#nav li ul {list-style-type: none;margin: 0;padding: 0;display: none;}

#nav li ul li {width:13em;}

#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.current a {background-color:#eb8d27;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 { display: none; position: absolute; left: 0; margin: 0; padding: 0; }

* 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: 130px; }

#nav ul ul { left: 131px; } 

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */



/*************************************************************************

 * S I D E B A R                                                         *

 *************************************************************************/

.sidebar-movie {margin: 0 0 22px 0;}

#sidebar a {font-size:1.5em;}

#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;text-align:right;}

#sidebar div.block a:hover {color:#EB6525;}

/*#sidebar div.block p.more a {padding: 1em 5px;text-align: center;color: White;background-color: #f78f1e;margin: 0;display: block;text-decoration: none;font-size: 1.5em;}*/

#sidebar a#royston-link {background:url(../images/royston_link.png);width:251px;height:69px;color:black;display:block;}
#sidebar a#royston-link:hover {background:url(../images/royston_link_over.png);}

/*************************************************************************

 * F O O T E R                                                           *

 *************************************************************************/

#footer h2 {font-weight: normal;font-size: 1.4em;margin: 0 0 0 0;color: #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:#f78f1e;}

/*************************************************************************

 * H O M E   P A G E                                                     *

 *************************************************************************/

#content div.main-column{float: left;width: 290px;}
#content div.main-column-full{float: left;width: 555px;}

#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 #middle-column ul.services {width: 265px;}

#content #middle-column ul.services li {padding-left: 30px;margin-left: 30px;}

#content #middle-column ul.benefits {width: 265px;}

#content #middle-column ul.benefits li {padding-left: 30px;margin-left: 30px;}

#content #middle-column ul.features {width: 265px;}

#content #middle-column ul.features li {padding-left: 30px;margin-left: 30px;}

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



/*************************************************************************

 * F O R M                                                               *

 *************************************************************************/

.spacer{clear:both; height:1px;}

/* ----------- My Form ----------- */

.myform{margin:0 auto;width:500px;padding:20px;}



/* ----------- stylized ----------- */

#stylized{border:solid 1px #808080;background:#F2F2F2;/*#ebf4fb;*/}

#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:#f78f1e;}

#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 input,#stylized textarea{float:left;font-size:12px;padding:4px 2px;border:solid 1px #808080;width:210px;margin:2px 0 20px 10px;}

#stylized textarea{height:80px;}

#stylized button{clear:both;margin-left:160px;width:140px;height:30px;/*background:#ebf4fb url(../images/quote-now.gif) no-repeat;*/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                                                             *

 *************************************************************************/