body { font-family: 'Lucida Sans', Georgia, Times, serif; color: #34715A; font-size: 12px; font-weight: normal; }
a { color: #34715a; }
#outerWrapper { width: 100%; width: 100%; text-align: center; }
#innerWrapper { width: 990px; margin: 0 auto; text-align: left; }

.stdInner { margin: 0 10px; padding: 10px 0; }
.alignleft {float:left}
.alignright {float:right}
.sada {border:0; text-decoration:none; display:block; color: inherit}
.sada1 {border:0; text-decoration:none; display:inline; color: inherit}
.sada1 img {border:0}

h1 { _font-family: arial, helvetica, sans-serif; margin: 0; padding: 0; font-size: 14px; font-weight: bold; }
h2 { _font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; margin: 0; padding: 1.5em 0 .5em 0 }

hr { border: 2px solid #eef1f1; padding: 0; margin: 0; }

#content { padding-top: 1px}
#content_page { padding:20px }
#content_page span { font-weight:bold; color:#DF9300 }
#content_page a { text-decoration:none; border-bottom:1px dotted; color:#777}
#content_page a:hover {color:#DF9300}

/* Header */
#header { margin-top: 10px; height: 335px; background: url(images/spy.png) no-repeat left bottom #fff }
#header #logo { float: left; width: 210px; margin-left: 10px; }
#header .description { position: absolute; left: -2000px; }

/* Nav */
#header #navigation { float: right; width: 700px; text-align: left; padding-top: 0px }
#nav, #nav ul { padding: 0; margin: 0; list-style: none; width: 590px; float: right  }
#nav a {color:#819F91; display: block; text-decoration: none; font-size: 15px; padding:40px 5px 5px 5px; background:#FFF}
#nav a:hover, #nav li .selected { color: #FFF; background: #ED9F08 }
#nav li { float: left; margin-right: 10px;}
#nav .cart { background: url(images/shopping_cart_small.png) no-repeat left bottom; padding-left:40px; float:left;}
#nav .cart:hover { background: #ED9F08 url(images/shopping_cart_small.png) no-repeat left bottom; color: #FFF;}
#nav .activate { background: url(images/tick-32.png) no-repeat left bottom; padding-left:30px; }
#nav .activate:hover { background: #ED9F08 url(images/tick-32.png) no-repeat left bottom; color: #FFF;}
#nav li img { border:0; padding-right:5px; }
#nav li ul { position: absolute; width: 10em; left: -999em; }
#nav li li { background-color: #eef1f1; padding: .5em; width: 10em; }
#nav li:hover ul { left: auto; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }

/* Footer */
#footer { padding: 20px 0; color:#9F9F9F; border-top: 1px dotted #c0c0c0; width:auto }
#footer p { margin: 0; padding: 0; float: left; background:url(images/ohp-footer.png) no-repeat left; padding-left: 90px}
#footer a { font-size: 10px; _font-family: verdana, arial, helvetica; color: #333; text-decoration:none; }
#footer a:hover { color: #777; text-decoration:none; }
#footer ul { margin: 0; padding: 0; float: right;}
#footer li { float: left; list-style-type: none; margin-right: 2em; }

/* Homepage */
#sideRight { float: right; width: 75%; }
#sideLeft { background-color: #eef1f1; float: left; width: 24%; -moz-border-radius:5px; border-radius:5px;}

#sideRight_top { margin-bottom: 20px; font-size: 14px; }
#sideRight_bottom { padding-bottom: 10px; min-height: 100px; }
#sideRight_bottom div { width: 44%; float: left; margin-left: 2%; background: url(css/gradient.png) repeat-x bottom; padding:6px; border:1px dotted #ddd }
#sideRight_bottom div img {  margin: 0 5px 0 0 ; border: 0; margin-top:-5px}
#sideRight_bottom .ulclass { padding-left:28px; color:#333; margin-top:-4px }

#sideLeft div { min-height: 50px; }
#sideLeft h2  { padding-top: .1em; }
#sideLeft p   { padding: 0; margin: 0; }
#sideLeft .announcements, #sideLeft .sidebarBlock, #sideLeft .call
{ border-bottom: 1px dotted #34715a; margin-bottom: 10px; padding-bottom: 10px;  }

#sideLeft .announcements { background: url('/images/announcements.gif') no-repeat top left;  }
#sideLeft .sidebarBlock {  background: url('/images/people.gif') no-repeat top left; _font-family: arial, helvetica, sans-serif; text-align:left }
#sideLeft .sidebarBlock span {font-size:15px;font-weight:bold; color:#FF7114}
#sideLeft .sidebarBlock input { width: 160px; color: #4B4C4E; border:1px solid white; margin-top: 4px; }
/* #sideLeft .sidebarBlock input:hover { border: 1px solid #CCC; } */
#sideLeft .sidebarBlock .submit { width: 50px }
#sideLeft .call { background: url('/images/phone.gif') no-repeat top left; color: #34715a; font: 16px arial, helvetica, sans-serif; font-weight: bold; }
#sideLeft .email { background: url('/images/email.gif') no-repeat top left; }

#sideLeft p {text-align:justify}

.announcements div, .sidebarBlock div, .call div, .email div { margin-left: 10px; float: left; width: 85%; }
.announcements ul { margin: 0; padding: 0; }
.announcements li { list-style-type: none; padding: .5em 0; }

.sidebarBlock h2 { font-weight: bold; color: #008dcc; }

/* Sidebar */
#sidebar {  float: left; width: 22%; font-size: 11px; }
#sidebar.gray { background-color: #eef1f1; }
#sidebar li { list-style-type: none; padding: 1em 0; font-size: 12px; }
#sidebar li li { list-style-type: disc; border: 0; padding: .5em 0; font-size: 11px; }
#sidebar a { text-decoration: none; }

.narrowcolumn { float: right; width: 76%; }
#content_inner { float: left; width: 70%; }
#call-out { float: right; width: 24%; background-color: #eef1f1; text-align: center; font-weight: bold; color: #34715a; font-size: 16px; _font-family: arial, helvetica, sans-serif; }
#call-out div { padding: .5em 0; margin: 5px 0; }

/* Posts */
.post-date { text-align: right; }
#press-logos { padding: 1em 0; }
#cblogo { width: 50%; float: left; }
#personifiedlogo { width: 50%; float: right; text-align: right; }
ul.press li { list-style-type: none; padding: .5em 0; }

/* Forms */
form .cols { width: 95%; }
form .cols .col { width: 50%; float: left; }
form label { display: block; }
form input, form textarea, form select { width: 95%; }
form ul.guides { margin: 0; padding: 0; }
form .guides li { list-style-type: none; float: left; width: 48%; }
form .guides img { width: 200px; height: 256px; }
form .checkboxes { margin: 0; padding: 0; }
form .checkboxes li { list-style-type: none; clear: both; }
form .checkboxes label { float: left; }
form .checkboxes input, form .guides input { width: 20px; float: left; }

fieldset { margin-bottom: 15px; padding: 10px 5px; }
fieldset.form_buttons { border: 0; }
fieldset.form_buttons li { list-style-type: none; }



/* Clearing Classes */
.clear { clear: both; height: 1px; overflow: hidden; }

/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0;
    clear: both;
    visibility: hidden;
}

/* JCK - added this to remove the extra spacing in Safari and Firefox */
.clearfix:after { line-height: 0; }
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* End hide from IE-mac */


/* End Clearing Classes */


/* jQuery Overlay : the overlayed element */ 
div.overlay { 
    background-image:url(images/overlay/white.png); 
    width:500px; 
    height:350px;         
    display:none; 
    padding:55px; 
} 
 
div.overlay div.close { 
    background-image:url(images/overlay/close.png); 
    position:absolute; 
    right:5px; 
    top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
} 
 
 
/* black */ 
div.overlay.black { 
    background:url(images/overlay/transparent.png) no-repeat !important; 
    color:#fff; 
} 
 
/* petrol */ 
div.overlay.petrol { 
    background:url(images/overlay/petrol.png) no-repeat !important; 
    color:#fff; 
} 
 
div.black h2, div.petrol h2 { 
    color:#ddd;         
}


.rounded 
 {
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	/* border-radius: 4px; */ 
 }

.morerounded
 {
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	/* border-radius: 8px; */ 
 }