/* 
Author: Sharon Saxton
Author URI: http://www.videotel.co.uk
Description: CSS styles for the Videotel International Website
Author: Sharon Saxton, Cyonix 
Created on:
Last modified: 28/06/2009

Table of Contents:
GLOBAL RESET
GLOBAL FONT CONSISTENCY
GENERAL STYLES
USEFUL
HEADINGS
MAIN CONTAINERS 
CAROUSOL, RIGHT COL & SHADOWS
SUB CONTAINERS, BOXES AND FEATURES
LISTS 
FORMS
---------------------------------------------------------------------------------*/

/* GLOBAL RESET
---------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym { border:0;
}

/*GLOBAL FONT CONSISTENCY
---------------------------------------------------------------------------------*/

body, select, input, textarea {
font: 100%/1.2 Arial, Helvetica, Helvetica Neue, sans-serif;
}

/* USEFUL
---------------------------------------------------------------------------------*/
.clear {clear: both;}

.clear-all {
	clear: both; 
	line-height: 1px; 
	height: 1px; 
	font-size: 1px;
}
.float-left {float:left;
}
.float-right {float:right;
}
.center {text-align: center;
}
.left {text-align: left;
}
.right {text-align: right;
}
.img-left {
	float: left; 
	margin: 0 15px 5px 0;
}
.img-right {
	float: left; 
	margin: 0 10px 5px 15px;
}
.vertical-align {
	display: inline;
	vertical-align: middle;
}

.vertical-align-all * {display: inline;vertical-align: middle;}
a img {border: 0px none;}

ul.off-left {
	position: absolute;
	left: -999px;
    width: 990px;
}

div#uhoh {
	width: 400px;
	margin: 100px auto;
	padding: 20px 30px;
	line-height: 1.5em;
	text-align: left;
}

div.unauthorized-401, div.forbidden-403,
div.notfound-404, div.internalerror-500 {
	color: #333;
	background-color: #ffc;
	border: 1px solid #ff0;
}

div.unauthorized-401 a, div.forbidden-403 a,
div.notfound-404 a, div.internalerror-500 a {
	color: #00f;
	background-color: #ffc;	
}

/* HEADINGS
---------------------------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	margin-bottom: 0.6em;
	font-family: Helvetica, Arial, Verdana, sans-serif !important;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.2em;
}
h4 {
	font-size: 1.1em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1em;
}


/* GENERAL STYLES
---------------------------------------------------------------------------------*/

body {
	background:url(/_images/layout/body_background.png) top left repeat-x;
}

div#header {
	background: #283f5c url(/_images/layout/header_bg.gif) bottom left repeat-x;
}

div#header a {
	color: #fff;
}

p {
	margin-bottom: 1em;
	line-height: 1.4em;
}

p#address {
	color: #fff;
}

a, a:link, #gen-form p a, .centre-in p a{ /*******Sharon added centre-in p for main content links*****/
	text-decoration: none;	
	color: #336699;
}

a:hover, a:focus, #gen-form p a:hover,  #cat .centre-in p a:hover, #cat .centre-in p a:focus, #sub .centre-in p a:hover, #sub .centre-in p a:focus,  .centre-in p a:hover, .centre-in p a:focus  {/*******Sharon added hover and focus main content links****/
	text-decoration: underline;
}

a:visited {
	color: #748699;
}

img#logo {
	float:left;
	padding: 37px 0 37px 0;
	background: transparent;
}

p#address {
	padding: 37px 0 37px 0;
	float: right;
	font-size: 80%;
	text-align: right;
}

#sub #centre p.intro, 
#cat #centre .centre-in p.into,
#agents #centre p.intro
{
	font-weight: bold;
}


#cat #centre p.intro {
   font-weight: normal;
	
	}
	
 #centre .centre-in p{
   padding-bottom: 10px;
}

#cat #centre .centre-in p {
   padding-top: 7px;
   clear:both;

}

span.series {
	font-weight: bold;
	font-size: 85%;
	text-align:left; 
}


p.support-content-screenshots {
	float: left;
	padding: 10px 10px 10px 25px;
	border: 1px dotted #a6a6a6;
	clear:both;
	width: 525px;
}

p.support-content-screenshots span{
	float:left;
	margin: 0;
	padding: 0;
	width: 160px;
	font-weight: bold;
	font-size: 90%;
	margin-right: 15px;
}

p.support-content-screenshots img{
	float:left;
}

.seperate {
 float: left; 
 width: 280px;
 margin-bottom: 20px;
 }
 
.centre-in ol {
	list-style-position:inside;
	margin-bottom: 20px;
	margin-left: 5px;
	clear:both;
}
 

.centre-in ol li {
	margin-bottom: 10px;
}

iframe.google-map {
	margin: 0;
 	height:350px;
	width: 450px;
	border: none;

}
															
/* MAIN CONTAINERS 
---------------------------------------------------------------------------------*/
	div#container {
    clear:both;
    width: 960px;
	background: #fff;
    font-size: 0.8em;
	float:left;
}

div.page {
	width: 960px;
	margin: 0 auto;
}

div#wrapper{
	 margin: 0 auto;
	 width: 960px;
}

div#main-navigation {
    float:left;
	width:100%; 
	background: #fff url(/_images/layout/main_nav_bg.gif) bottom left repeat-x;
	border-bottom: 1px solid #9f9f9f;
}
	
div#header {
	width: 100%;	
	float: left;
}

div#content {		
	margin: 17px 0 0 0;	
}

#home div#centre, 
#sub div#centre, 
#cat div#centre, 
#cat1 div#centre,
#agents div#centre
{
	margin: 0;
	padding: 0;
	float:left;
	width: 584px;
	margin-left: -10px;
	background: transparent;
}

#centre .centre-in {
	   padding-left: 8px;
   	   padding-right: 10px;
}

#sub div#centre h2 a, 
#sub div#centre h2 a:hover,  
#sub div#centre h2 a:focus, 
#sub div#centre h2,  
#cat1 div#centre h2, 
#sub div#centre h3 a, 
#sub div#centre h3 a:hover,  
#sub div#centre h3 a:focus, 
#sub div#centre h3,  
#cat1 div#centre h3, 
#agents div#centre h2 a, 
#agents div#centre h2 a:hover,  
#agents div#centre h2 a:focus, 
#agents div#centre h2, 
#agents div#centre h3 a, 
#agents div#centre h3 a:hover,  
#agents div#centre h3 a:focus, 
#agents div#centre h3  
{
	color: #69787f;
	font-weight: bold;
	text-decoration: none;
}

#sub div#centre h2 a.helpuser, a.helpuser {
	font-size: 90%;
	color: #336699;
	}


#sub div#centre h2 a.helpuser:hover{
	text-decoration: underline;
}

#sub div#centre h2, #cat1 div#centre h2 {
	font-size: 106%;
}

#sub div#centre h3, #cat1 div#centre h3,#agents div#centre h3  {
	font-size: 106%;
}


#home div.column, #sub div.column, #cat div.column, #cat1 div.column, #agents div.column   {
	width: 160px;
	padding: 0;
}

#home div#left, #sub div#left, #cat div#left, #cat1 div#left,  #agents div#left{
	float: left;
	margin-left: 16px;
	margin-right: 23px;
}

#sub div#left, #cat div#left, #cat1 div#left,  #agents div#left {
    margin-right: 24px;	
	/*margin-top: 30px;*/
}

#home div#right, #sub div#right, #cat div#right, #cat1 div#right,  #agents div#right {
	float: left;
	margin: 0 0 0 12px;
	padding: 0;
}

#home div#right {

	margin: 0 0 0 13px;
}
	
div#footer {
    clear:both;
	width: 920px;
	margin: 10px 0 0 0;
	padding: 20px;
}

/* CAROUSOL, RIGHT COL & SHADOWS
---------------------------------------------------------------------------------*/

.carousel, .col-bg, .img-shadow, .news img{
	margin: 10px 0 14px 0;
	background: #fff url(/_images/layout/shadow.png) right bottom no-repeat;
	width: 584px;
	float:left;
	padding: 0 0 10px 10px;
}

.news img, .img-shadow, .cat-boxes img, .cat-boxes2 img{
	float:left; 
    background: #fff url(/_images/layout/shadow_alpha.png) no-repeat right bottom !important; 
	width: auto;
	margin: 2px 0 0 2px; 
	padding: 0 6px 6px 0;

}

/* shadow corners */
.carousel:before,
.carousel:after,
.news img:before,
.news img:after
 {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

.carousel:before,  .news img:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

.carousel:after,  .news img:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

.carousel .inner {
	display: block;
	width: 582px;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
	float:left;
    background: #1b2a3d url(/_images/layout/cara_bg.gif) top right repeat-y; 
}


.carousel .inner {
	left: -10px;
	top: -10px;
	margin: 0;
}

.carousel .image {
	 padding: 5px;
	 float: left;
	 width: 310px;	 
 }
 
.carousel .text{
	 float: right;
	 width: 243px;
	 padding-top: 19px;
	 background: transparent;
}

.text h1, .text p {
	color: #fff;
	font-weight: bold;
} 


.text h1 {
	font-size: 140%;
	margin-bottom: 26px;
	text-transform:capitalize;
}

.text p {
	font-size: 123%;
	padding-right: 30px;
}

/* SUB CONTAINERS, BOXES AND FEATURES
---------------------------------------------------------------------------------*/
div.tools {
	width: 100%;
	float:left;
	padding: 6px 0 6px 0;
}

div.tools {
	background: #1c2b3e;
}

.featured-products, .news, .link-panel, .cat-boxes, .cat-boxes2{
	border-right: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	background: url(/_images/layout/news_features_bg.gif) bottom left repeat-x;
	float:left;
}

 /*******Sharon Start - added h2.navhead-sol to create style for maritime training solution page*******/

/* category header links */
h2.navhead1, 
h2.navhead2, 
h2.navhead3, 
h2.navhead4, 
h2.navhead5, 
h2.navhead6, 
h2.navhead7,
h2.navhead8, 
h2.navhead9,
h2.navhead-sol /**added by Sharon**/
 {
	padding:  0;
	margin-bottom: 0;	
}

h2.navhead1  {
   background: #32c900 url(/_images/layout/navigation_over.gif) repeat-x bottom left;
}

h2.navhead2  {
	background: #6598fd url(/_images/layout/cargo_over.gif) repeat-x bottom left;
}

h2.navhead3 {
	background: #fc3301 url(/_images/layout/control_over.gif) repeat-x bottom left;
}

h2.navhead4 {
	background: #ff6600 url(/_images/layout/electrical_over.gif) repeat-x bottom left;
}

h2.navhead5 {
	background: #fecb65 url(/_images/layout/marine_over.gif) repeat-x bottom left;
}

h2.navhead6 {
	background: #660066 url(/_images/layout/comms_over.gif) repeat-x bottom left;
}

h2.navhead7 {
	background: #329898 url(/_images/layout/repair_over.gif) repeat-x bottom left;
}

h2.navhead8 {
	background: #64c964 url(/_images/layout/courses_over.gif) repeat-x bottom left;
	}

h2.navhead9 {
	background: #003365 url(/_images/layout/other_over.gif) repeat-x bottom right;	
}

h2.navhead-sol  {/**added by Sharon**/
	background: #707f85 url(/_images/layout/grey_heading_bg.gif) top left repeat-x;		
}

h2.navhead1 a, 
h2.navhead2 a,  
h2.navhead3 a,
h2.navhead4 a, 
h2.navhead5 a,  
h2.navhead6 a,
h2.navhead7 a,  
h2.navhead8 a,
h2.navhead9 a,
h2.navhead-sol a/**added by Sharon**/
 {
	display:block;
	color: #fff !important;
	font-weight: bold;
	font-size: 80%;
	padding: 4px 2px 6px 5px;
}

h2.navhead-sol a {
	font-size: 95%;

}

h2.navhead1 a:visited,
h2.navhead2 a:visited,  
h2.navhead3 a:visited,
h2.navhead4 a:visited, 
h2.navhead5 a:visited,  
h2.navhead6 a:visited,
h2.navhead7 a:visited,  
h2.navhead8 a:visited, 
h2.navhead9 a:visited,
h2.navhead-sol a:visited /**added by Sharon**/

 {
	color: #fff !important;
}

h2.navhead1 a {
	background: url(/_images/layout/nav_head_arrow.gif) top right no-repeat;
    border-left: 1px solid #7dff57;
	border-bottom: 1px solid #008d00;
	border-right: 1px solid #008d00;
}

h2.navhead2 a {
	background: url(/_images/layout/cargo_head_arrow.gif) top right no-repeat;
	border-left: 1px solid #9fbbff;
	border-bottom: 1px solid #2d5499;
	border-right: 1px solid #2d5499;

}

h2.navhead3 a {
 	background: url(/_images/layout/control_head_arrow.gif) right 16px no-repeat;
		border-left: 1px solid #ff6f3d;
	border-bottom: 1px solid #bf0900;
	border-right: 1px solid #bf0900;
 }
 
h2.navhead4 a {
 	background: url(/_images/layout/elec_head_arrow.gif) right 16px no-repeat;
	border-left: 1px solid #ff8d33;
	border-bottom: 1px solid #ba3c00;
	border-right: 1px solid #ba3c00;
 }


h2.navhead5 a {
 	background: url(/_images/layout/marine_head_arrow.gif) top right no-repeat;
	border-left: 1px solid #ffd56f;
	border-bottom: 1px solid #c59732;
	border-right: 1px solid #c59732;
 }
 
h2.navhead6 a {
 	background: url(/_images/layout/radio_head_arrow.gif) top right no-repeat;
	border-left: 1px solid #843181;
	border-bottom: 1px solid #300031;
	border-right: 1px solid #300031;
}

h2.navhead7 a {
 	background: url(/_images/layout/main_head_arrow.gif) top right no-repeat;
	border-left: 1px solid #4caeae;
	border-bottom: 1px solid #006565;
	border-right: 1px solid  #006565;
}

h2.navhead8 a {
 	background: url(/_images/layout/course_head_arrow.gif) top right no-repeat;
	border-left: 1px solid #7bda78;
	border-bottom: 1px solid #1d8428;
	border-right: 1px solid  #1d8428;
}
 
 h2.navhead9 a {
 	background: url(/_images/layout/other_head_arrow.gif) top right no-repeat;
	border-left: 1px solid #516ea8;
	border-bottom: 1px solid #000c37;
	border-right: 1px solid  #000c37;
}


h2.navhead-sol a {/**added by Sharon**/
 	background: url(/_images/layout/solutions_cat_arrow.gif) top right no-repeat;
	border-left: 1px solid #a7b0b4;
	border-bottom: 1px solid #606d73;
	border-right: 1px solid #606d73;
 }
 

h2.navhead-sol a:hover {/**added by Sharon**/
	 	background: #8a9397 url(/_images/layout/solutions_cat_arrow.gif) top right no-repeat;
}

 /*******Sharon Finish*******/


/*Quote me basket**/
table.gen-table, table.gen-table2 {
	border: 1px solid #474e51;
	padding: 0;
	width: 565px;
	text-align: center;
}

/*******Sharon Start - added for the flag state approvals*******/

table.gen-table3 {
		width:auto;
	text-align: center;
	border: none !important;
}

table.gen-table tr, table.gen-table td, table.gen-table2 td, tr, table.gen-table2 td, table.gen-table3 td{
	border: 1px dotted #474e51;
	background: #f3f4f5;
}

table.gen-table caption, table.gen-table2 caption, table.gen-table3 caption {
	padding-bottom: 10px; 
	font-weight: bold;
	width: 100%;
}

acronym {
	border-bottom: 1px dotted #000;
	cursor:default;
}

table.gen-table td, table.gen-table2 td {
 	padding: 5px;
}

table.gen-table3 td, table.gen-table th, table.gen-table3 th{
	padding: 7px;
	text-align: center;
}

table.gen-table3 td {
	padding: 5px 3px 5px 5px;
	text-align: left;
	line-height: 1.3em;
}

table.gen-table3 td.num {
 text-align:center;
 padding: 5px 0 5px 0;
}

table.gen-table th, table.gen-table2 th {
	background: #707f85 url(/_images/layout/grey_heading_bg.gif) top left repeat-x;		
	border: 1px solid #474e51;
	padding: 7px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

table.gen-table3 th {
    background: #707f85 url(/_images/layout/grey_heading_bg.gif) top left repeat-x;		
	border: 1px solid #485255;
	padding: 5px;
	color: #fff;
	font-weight: bold;
	text-align:center;
}

table.gen-table2 th {
	background: #283f5b url(/_images/layout/heading_bg.gif) bottom left repeat-x;
}

table.gen-table th.quote-date, 
table.gen-table2 th.quote-date {
	width: 60px;
}

table.gen-table th.quote-product, 
table.gen-table2 th.quote-product, 
table.gen-table3 th.quote-product  {
	width: 300px;
}

table.gen-table3 th.quote-product {
	width: auto;
}

table.gen-table th.quote-num, 
table.gen-table2 th.quote-num,
table.gen-table3 th.quote-num
{
	width: 30px;
	
}

table.gen-table th.quote-update, 
table.gen-table2 th.quote-update{
	width: 50px;
}

 /*******Sharon Finish*******/

table.gen-table tr, table.gen-table td, table.gen-table2 td, tr, table.gen-table2 td{
	border: 1px dotted #474e51;
	background: #f3f4f5;
}

table.gen-table caption, table.gen-table2 caption {
	padding-bottom: 10px; 
	font-weight: bold;
 }


table.gen-table td, table.gen-table2 td {
 	padding: 5px;
}

table.gen-table th, table.gen-table2 th {
	background: #707f85 url(/_images/layout/grey_heading_bg.gif) top left repeat-x;		
	border: 1px solid #474e51;
	padding: 7px;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

table.gen-table2 th {
	background: #283f5b url(/_images/layout/heading_bg.gif) bottom left repeat-x;
}

table.gen-table th.quote-date, 
table.gen-table2 th.quote-date {
	width: 60px;
}

table.gen-table th.quote-product, 
table.gen-table2 th.quote-product  {
	width: 300px;
}

table.gen-table th.quote-num, 
table.gen-table2 th.quote-num{
	width: 40px;
}


table.gen-table th.quote-update, 
table.gen-table2 th.quote-update{
	width: 50px;
}

.cat-boxes p, .cat-boxes2 p  {
	font-size: 89%;
	padding: 0 2px 0 5px;
	font-weight: normal !important;
}

.cat-boxes p span, .cat-boxes2 p span {
   padding-top: 5px;
   display:block;
}

.cat-boxes p, .cat-boxes2 p, .cat-boxes img, .cat-boxes2 img {
	float:left;
	margin-top: 4px;
}

#home .link-panel {
	padding: 15px 0 20px 0px;
	width: 582px;
	clear:both;
	margin-top: 0;
}

#home .featured-products {
	width: 288px;
	margin-right: 6px;
	height: 31.2em !important;
}

#sub #left .featured-products, 
#sub #left .news,  
#right .news,
#right .featured-products,
#left .news,  
#left .featured-products
 {
	margin: 0;
	clear:both;
	width: 159px;
	margin-bottom: 18px;
} 

#sub #left .featured-products, 
#cat #left .featured-products,
#cat1 #left .featured-products,
#cat2 #left .featured-products,
#cat3 #left .featured-products,
#cat4 #left .featured-products,
#cat5 #left .featured-products,
#cat6 #left .featured-products,
#cat7 #left .featured-products,
#cat8 #left .featured-products,
#cat89 #left .featured-products
 {
	margin-top: 18px;
}

.link-panel div {

	float:left;
	width: 155px;
	padding: 5px 20px 10px 15px;
	border-right: 1px dotted #a6a6a6;
}

.link-panel div.no-border {
	border-right: none;
}

.link-panel div h3 {
	float:left;
	clear: both;
	width: 100%;
	margin-bottom: 0;
	font-weight: bold;
	color: #000;
	font-size: 97%;
}

h2.grey, h1.red, h1.grey, h2.grey, h1.red, h1.main-head, h2.main-head {	
    margin-top: 20px;
	margin-bottom: 0;
	padding: 4px 2px 2px 10px;
	color: #fff;
	float:left;
	width: 569px;
	clear:both;
	font-weight: bold;
    border-bottom: 1px solid #4e585d;
	border-right: 1px solid #4e585d;
}

h1.red, #sub h1.main-head, #agents h1.main-head{
	background: #862529 url(/_images/layout/subsection_title.gif) repeat-x top left;
	border-bottom: 1px solid #621c21;
	border-right: 1px solid #621c21;
}

#cat1 h1.main-head  {
   background: #32c900 url(/_images/layout/navigation_over.gif) repeat-x bottom left;
    border-left: 1px solid #7dff57;
	border-bottom: 1px solid #008d00;
	border-right: 1px solid #008d00;
}

#cat h1.main-head, 
#cat1 h1.main-head,
#sub h1.main-head,
#agents h1.main-head
 {
	font-size: 120%; 
	margin-top: 14px;
	margin-bottom: 25px;
	padding: 3px 2px 3px 8px;
	clear:both;
	line-height: normal;
 }
 
h2.grey, h1.grey, h1.main-head, h2.main-head, .bottom-links h2{
	background: #707f85 url(/_images/layout/grey_heading_bg.gif) top left repeat-x;	
	border-top: 1px solid #d2d7d9;
	border-left: 1px solid #d2d7d9;

}

#home h2.grey  {
	margin-top: 16px;
}

.link-panel div h3 a {
	color: #000 !important;
}

.link-panel div p{
	float:left;
	width: 100%;
	clear: both;
	font-size: 90%;
}

.link-panel div p a{
	 color: #000;
}

.link-panel div p a:hover, .link-panel div h3 a:hover, .link-panel div p a:focus,.link-panel div h3 a:focus {
	 color: #545454 !important;
}

#home .news {
	width: 287px;
	height: 31.2em;
} 

.featured-products, .news {
	padding-bottom: 20px;
}

.featured-products h2, .news h2, .featured-products strong,  .news strong {
	background: #283f5b url(/_images/layout/heading_bg.gif) bottom left repeat-x;
	color: #fff;
	text-transform:capitalize;
	border-right: 1px solid #162232;
	border-bottom: 1px solid #162232;
	border-left: 1px solid #b4bcc6;
	border-top: 1px solid #b4bdc7;
	font-weight: bold;
	padding: 0;
	margin-bottom: 14px;
}

.featured-products strong, .news strong {
	padding-left: 0;
	clear:both;
	float:left;
	font-size: 95%;
}

.featured-products h2 a, .news h2 a, .featured-products strong a, .news strong a{
	background: url(/_images/layout/heading_arrow.gif) bottom right no-repeat;
	width: 276px;
	padding: 2px 0 2px 10px;
	color: #fff;
	display:block;
}

.featured-products h2 a:visited, 
.news h2 a:visited, 
.featured-products strong a:visited, 
.news strong a:visited {
	color: #fff;
}

#left .featured-products strong a, #left .news strong a,  #right .news strong a, #right .featured-products strong a{
	width: 152px;
	padding-left: 5px;
}

#home .featured-products h2 a:hover, 
#left .featured-products strong a:hover,
#left .news strong a:hover, 
#home .featured-products h2 a:focus, 
#left .featured-products strong a:focus,
#left .news strong a:focus, 
#home .news h2 a:focus,
#home .news h2 a:hover,
#right .featured-products strong a:hover,
#right .featured-products strong a:focus,
#right .news strong a:hover,
#right .news strong a:focus

{
	background: #29425f url(/_images/layout/heading_arrow_o.gif) bottom right no-repeat !important;
	text-decoration: none;
}

h2.navhead1 a:hover,
h2.navhead1 a:focus {
 	background: #33cc00 url(/_images/layout/nav_head_arrow_o.gif) right 0px no-repeat !important;
	text-decoration: none;
}

h2.navhead2 a:hover,
h2.navhead2 a:focus {
	background: #6598fd url(/_images/layout/cargo_head_arrow_o.gif) right 0px no-repeat !important;
	text-decoration: none;
}

h2.navhead3 a:hover,
h2.navhead3 a:focus
 {
	background: #fc3301 url(/_images/layout/control_head_arrow_o.gif) right 16px no-repeat !important;
	text-decoration: none;
}

h2.navhead4 a:hover,
h2.navhead4 a:focus {
	background: #ff6600 url(/_images/layout/elec_head_arrow_o.gif) right 16px no-repeat !important;
	text-decoration: none;
}

h2.navhead5 a:hover,
h2.navhead5 a:focus {
	background: #ffda73 url(/_images/layout/marine_head_arrow_o.gif) right 0 no-repeat !important;
	text-decoration: none;
}


h2.navhead6 a:hover,
h2.navhead6 a:focus {
	background: #791e79 url(/_images/layout/radio_head_arrow_o.gif) right 0 no-repeat !important;
		text-decoration: none;
}

h2.navhead7 a:hover,
h2.navhead7 a:focus {
	background: #3ea3a2 url(/_images/layout/main_head_arrow_o.gif) right 0 no-repeat !important;
		text-decoration: none;
}

h2.navhead8 a:hover,
h2.navhead8 a:focus {
	background: #65cb65 url(/_images/layout/course_head_arrow_o.gif) right 0 no-repeat !important;
		text-decoration: none;
}

h2.navhead9 a:hover,
h2.navhead9 a:focus {
	background: #1e4174 url(/_images/layout/other_head_arrow_o.gif) right 0 no-repeat !important;
	text-decoration: none;
}

.featured-products strong a, .news strong a {
 	padding: 4px 0 4px 0;
 }

.callout, .help-links {
    margin-left: -11px;
	clear:left;
	width: 160px;
	background: #9eaaaf url(/_images/layout/right_bg.gif) repeat-x top left;
	float:left;
	display:block;
}

.callout  {
	text-align:center;
}

.callout h3 {
	background: #69787f;
	color: #fff;
	width: 160px;
	padding: 8px 0 8px 0px;
	font-size: 90%;
	text-transform:uppercase;
	font-weight: bold;
	text-align:center;
	float:left;
	margin: 0;
}

.callout img {
	padding: 15px 0 5px 0;
} 

.callout p {
	background: #b0babe;
	float:left;
	padding-left: 10px;
	text-align:center;
	width: 145px;
	margin-bottom: 0;
	font-size: 86%;
	padding: 6px 7px 9px 7px;
	line-height: 105%;
}

#basket .callout  {

	font-weight: bold;

}

#user {
	text-align:left;
	color: #fff;
}

#user .callout p{
	text-align: left !important;
	color: #fff;

}

#user .callout p a  {
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
}

#basket .callout ul, #user .callout ul{
	text-align: left;
	padding: 5px 5px 15px 5px;
	float:left;
	color: #fff;
	font-size: 85%;
}

#basket .callout ul li, #user .callout ul li {
	border-bottom: 1px dotted #fff;   
}

#basket .callout ul li.list-contents {
padding-bottom: 5px;
padding-left: 8px;
padding-top: 5px;
}


#basket .callout ul li a, #user .callout ul li a {
   text-decoration: underline;
   color: #fff; 
   padding: 3px 0 6px 20px;
   background:url(/_images/layout/quote.gif) top left no-repeat;
   font-weight: normal;
   display:block;
}

#user .callout ul li a {
   padding: 3px 0 6px 5px;
   }
 
 #user .callout ul  {
 	width: 150px !important; 
 }
  
 #user .callout ul li a {
  	background: none;

  }
  
  
 #basket .callout ul li a:hover,  #basket .callout ul li a:focus {/*******Sharon added on focus*****/
     background:#e3edf0 url(/_images/layout/quote_o.gif) top left no-repeat;
	color: #69787f;
 }
 
 #user .callout ul li a:hover,  #user .callout ul li a:focus, #user .callout ul li a.live-user  {/*******Sharon added on focus*****/
    background:#e3edf0;
	color: #69787f;
}


.callout a span.link-text  {
	color: #fff;
	font-size: 86%;
	font-weight: bold;
	width: 100%;
	display:block;
	padding-bottom: 10px;
	text-transform:uppercase;
}

.callout a:hover span.link-text{
	text-decoration: underline;
}


.callout p a{
	color: #000;
	background-color: transparent !important;
}

.callout p a:visited{
	color: #000;
}

.advert {
float:left;
	margin-bottom: 5px;
}

.advert img {
	border-right: 1px solid #978d8a;
   border-left: 1px solid #978d8a;
    border-top: 1px solid #978d8a;
	margin: 0;
	padding: 0;
	float:left;
}

.advert p{
	background: #1c2b3e;
	border-right: 1px solid #111924;
   	border-bottom: 1px solid #111924;
	 border-left: 1px solid #141e2b;
	float:left;
	width: 158px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	font-size: 90%;
	padding: 4px 0 5px 0;
}

.advert p a{
	color: #fff !important;
	display:block;
}

div#right .shadow, .centre-in .shadow {
	background: #fff url(/_images/layout/shadow.png) right bottom no-repeat;
	padding: 0 0 10px 10px;
	float:left;
	margin-bottom: 10px;
	width: 100%;
}

.centre-in .shadow {
 width: 160px;
 margin-right: 18px;
 min-height: 9em;

}

.centre-in .shadow .callout {
	background: #9eaaaf url(/_images/layout/right_bg.gif) repeat-x top left;
	text-align:left;
}

.centre-in .callout p {
	float:left;
	background: #1f2f46;
	padding-left: 10px;
	text-align: left;
	font-weight: bold;
	width: 145px;
	font-size: 100%;
	color: #fff;
	line-height: 1.4em;
	 min-height: 9em;
}

.centre-in .callout p span {
 	text-transform:uppercase;
	font-size: 120%;
	float:left;
	padding-bottom: 10px;
	width: 100%;
}

.centre-boxes {
	width: 570px; 
	margin-left: 15px; 
	float:left;
}

div#right .help-links {
	background: #b4bec1;
    width: 160px;
}

/*#right .no-calls {
	margin-top: 30px;
}*/

 div#right .help-links ul{
      width: 160px;
	  float:left;
}

 div#right .help-links ol li{
 list-style-position: inside;
 }


div#right .no-calls .help-links li, iv#right .no-calls .help-links li {
	 padding: 15px 10px 10px 10px;
 	border-bottom: 1px dotted #767e81;
	font-size: 88%;
	line-height: 1.4em;
}


div#right .help-links h3 {
	border-bottom: none;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
	list-style-type: none;
	margin-left: 10px;
	margin-top: 10px;
}

div#right .help-links li a {
	display:block;
	padding: 15px 10px 0 10px;
	background: #b5bec2;
	border-bottom: 1px dotted #767e81;
	border-width: 1px 0;
	text-decoration: none;
}

div#right .help-links li a:hover, div#right .help-links li a:focus {
	background: #e3edf0;
	color: #000;
	text-decoration: none;
}

div#right .help-links li a em {
	margin: 0;
	padding: 0;
	font-size: 90%;
	font-weight: bold;
	color: #000;
	display:block;

}

div#right .help-links li a span {
	font-size: 85%;
	color: #000;
	padding-bottom: 20px;
	display:block;
}
 
.pdf p a {
	 background:url(/_images/layout/pdf_icon3.gif) top left no-repeat;
	 padding: 2px 0 10px 22px;
}



.bottom-links, .bottom-links-back {
	border-top: 1px dotted #a6a6a6;
	padding: 0 0 10px 0;
	clear: both;
	margin-top: 20px;
	float:left;
	width: 560px;
	}

.bottom-links ul, .bottom-links-back ul{
	clear:both;
	float:left;
	width: 560px;
}

.bottom-links h2{
	border-top: none;
	padding: 3px 0 3px 0;
	float:left;
	width: 550px;
	display:block;
	margin-top: -10px;
	color: #fff !important;
	padding-left: 10px;
	margin-bottom: 0;
}

.bottom-links ul li, .bottom-links-back ul li {
	list-style-type: none !important;
	width: 560px;
	border-bottom: 1px dotted #a6a6a6;
	float:left;
	padding: 0;
	margin-left: 0 !important;
}


.bottom-links-back ul li {
	border-bottom: none;	
}

.bottom-links p a, .bottom-links ul li a {		
	background: url(/_images/layout/link_arrow.gif) no-repeat center left;
	list-style-type:none;
	padding-left: 15px;
	color: #336699 !important;
}


 .bottom-links p a:hover {
 text-decoration: none;
 }

.bottom-links-back p a, .bottom-links-back ul li a {
 	background: url(/_images/layout/link_arrow_back.gif) no-repeat left center !important;
		list-style-type:none;
	padding-left: 15px;
}

.bottom-links ul li a, .bottom-links-back ul li a, .bottom-links p a {
	padding: 5px 0 5px 16px;
	display:block;
	width: 545px;
}

 .bottom-links p {
 	padding-bottom: 0 !important;
 }		

.bottom-links ul li span {
	float:right;
	margin-top: -25px;
	margin-bottom: 0;
	padding-bottom: 0;
}	

.bottom-links ul li a img.icon {
	padding: 0;
	margin: 0;	
}

.bottom-links ul li a:hover, .bottom-links p a:hover {
  background: #f0f7fa url(/_images/layout/link_arrow_o.gif) no-repeat left center !important;
  text-decoration: none;
  	width: 545px;
	
}
	
.bottom-links ul li a img {
	vertical-align:bottom;
}

.bottom-links ul li a img:hover {
	text-decoration: none;
}

/*main categories page */

.cat-boxes, .cat-boxes2  {
	float: left;
	width: 276px;
	margin-right: 12px;
	display:block;
	margin-top: 12px;
}

.cat-boxes2 {
   margin-right: 0;
	
 }
 
 .pagination {
	color: #000;
	float: left;
	line-height: 120%;
	width: 565px;
	padding-top: 5px;
	border-bottom: 1px dotted #a6a6a6;
	display:block;
}

 .pagination fieldset {
  margin: 0;
 }

 .no-border {
 border-bottom: none;
 }

.pagination  ul.list-pag {
	float:right;
	margin-top: 20px;
	margin-bottom: 20px;
}

.pagination p {
	float:left;
	padding-left: 40px;
	margin: 0;
	font-size: 90%;
	font-weight: bold;
}


.product-item, .centre-in .news {

   border-bottom: 1px dotted #a6a6a6;
   float:left;	
   padding: 10px 0 10px 0 !important;
	display:block;
	width: 565px;
	height: auto;
	padding: 0;
	 clear:both;
}

.centre-in .news {
   padding: 10px 0 18px 0 !important;
}


.product-item h2, .centre-in .news h2 {
  width: 190px;
  margin: 0;
  padding: 20px 5px 20px 0;
  position: relative;	
  width: 556px;
  float:left;
}

.centre-in .news h2 {
	background: none;
	border: none;
	  padding: 8px 5px 8px 0;
}

.product-item h2 span {
	clear:none;
	font-size: 84%;
	float:left;
	border-left: 1px solid #000;
	padding-left: 10px;
	margin-left: 10px;
	color: #8892aa;
	font-weight: bold;
}

.product-item h2 a, .centre-in .news h2 a {
	color: #000 !important;
	font-weight: bold;
	font-size: 90%;
	float:left;
	padding: 0 5px;
}

.centre-in .news h2 a{
  	font-size: 91%;
	width: 100%;
	background: none;
	padding: 0 5px;
}

.product-item p, .centre-in .news p {
  margin: 0;
  padding: 0 5px;
  color: #333;
}

.centre-in .news h2 a span.topic{
	border-left: 1px solid #666;
	color: #666;
	clear:none;
	padding-left:8px;
	margin-left: 6px;
	font-weight: normal;
	width: 100px;
}	

/*News page */

.centre-in .news {
	width: 100%;
	padding: 0;
	background: none;
	border: none;
	margin: 0;
	border-bottom: 1px dotted #a6a6a6;
	padding: 10px 0 10px 0;
	display:block;
}

.centre-in .first-entry {
	border-top: 1px dotted #a6a6a6;
}

.centre-in .news p{
	font-size: 110%;
	list-style-type: none;
	margin: 0 !important;
	padding: 0;
	display:block;
}

.centre-in .news img {
	float:left;
	margin-right: 10px;
}

.centre-in .news p span.date {
	color: #666 !important;
	font-weight: bold;
	padding-bottom: 10px;
	float:left;
	width: 160px;
	font-size: 83%;
}

.centre-in .news p span.teaser {
	width: 455px;
	float:left;
	font-size: 85%;	
	padding-right: 12px;
}


.company, .company img {
	float:left;
}


.company p span {
	padding-top: 10px;
	float:left;
	width: 200px;
}

.company{
	width: 100%;
	margin-bottom: 20px;
}

.company img {
	padding-right: 5px;
}

.company h2 {
 padding-bottom: 8px;
 float:left;
 width: 100%;
}

.company p { 
    width: 100%;
	padding-bottom: 4px;
	margin-bottom:0;
    float:left;
}

.product-item p span{
 padding-top: 10px;
 clear:left;
 float:left;
 font-size: 88%;
 padding-right: 25px;

}

.product-item ul {
 	float: right;  
	width: 200px;
}

.details ul {
	margin: 0 0 10px 0;
    float: left;  
	width: 300px;
 }



.product-item ul li, .details ul li, #gen-form input.button, ul.basket-buttons li,#gen-form input.button2 {
	display:inline;	
	background: #1a2538 url(/_images/layout/product_butts.gif) top left repeat-x;
	float:left;
	margin-left: 3px !important;	
	border: 1px solid #011329;
	display:block;
}

ul.basket-buttons li {
	margin-left: 20px !important;
}

.product-item ul li a, .details ul li a{
	color: #fff !important;
	display:block;
	font-weight: bold;	
	padding: 3px 5px 3px 5px;
	font-size: 85%;
}


 ul.basket-buttons li a {
	color: #fff !important;
	font-weight: bold;	
	font-size: 85%;
	display:block;
	padding: 0 3px 0 3px;
 }
 
 p.print {
 	float:right;
	margin-top: -20px;
 }

p.print a{
	color: #fff !important;
	font-weight: bold;	
	background: #1a2538 url(/_images/layout/product_butts.gif) top left repeat-x;
	font-size: 85%;
	text-align:center;
	border: 1px solid #011329;
		padding: 5px 5px 5px 5px;
	height: 2em;
	font-size: 89%;
}


.details ul li a.video  {
	background-image: url(/_images/layout/video_but_bg.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
}


.product-item ul li a:hover, .product-item ul li a:focus, .details ul li a:hover, .details ul li a:focus, #gen-form input.button:hover,  #gen-form input.focus, ul.basket-buttons li a:hover, ul.basket-buttons li a:focus, p.print a:hover, p.print  a:focus, #gen-form input.button2:hover, #gen-form input.button2 a:focus, p.print a:hover{
	background: #243a54 url(/_images/layout/product_butt_o.gif) bottom left repeat-x;
}

 #gen-form input.button2:hover,  #gen-form input.button2:focus {
		background: #243a54 url(/_images/layout/user_button_o.png) center left no-repeat;
}

 .details ul li a.video:hover {
	background-image: url(/_images/layout/video_but_bg.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 17px;
}
.product-item p span strong{
	font-weight: bold;
}

.product-item img  {
	float:left;
	padding-right: 20px;
}


img.icon {
	padding-right: 3px;
}

.product-item p a {
  color: #000;
  text-decoration: none;
  width: 100%;
  clear:both;
 }
 
p a.back-top {
	clear: both;
	font-size: 90%;
	width: 553px;
	text-decoration: none;	
	color: #336699;
	float:left;
	text-align: right;
}

.product-item:hover, .centre-in .news:hover,  .centre-in .news h2 a:hover {
  background-color: #f0f7fa;
    text-decoration: none;
 }
 
.product-item p a:hover, .product-item a:hover {
text-decoration: none !important;
 }
 
.product-item p span.buts {
  float:right;
  clear:none;
  text-align: right;
  padding: 5px 0 5px 0;
  margin: 0;
 }

#right-prod {
	float:left;
	width: 465px; 
	margin-left: 5px;
}

.details {
	/*background: url(/_images/layout/prod_bg.gif) bottom left repeat-x; ******** Sharon removed this style*/
	width: 470px;
	margin-top: 2px;
	padding: 0;
	float:left;
	margin-bottom: 20px;
}

#right-prod .details p {
	padding-bottom: 20px;
	float:left;
	width: 230px;
}

.details strong {
 	font-weight: bold;
}

 .details img{
	float:left;
	padding-right: 10px;
	padding-bottom: 0;
}

#ranks {
	width: 90px; 
	float:left; 
}

 /*******Sharon Start - Course accreditations*******/

.course-accr {
	width: 450px; 
	border: 1px solid #4e5b60; 
	float:left;
}

.course-accr div {
	float:left; 
	width: 133px; 
	padding: 5px;
	background:red;
}


dl.table-display {
	width: 467px;
	padding: 0;
	font-size: 85%;
	float:left;
	clear:both;
	margin: 5px 0 10px 0;
	border-top: 1px dotted #336699;
}

.table-display dt{
	width: 90px;
	height: 2em;
	float: left;
	margin: 0 0 0 0;
	padding: 10px 5px 5px 5px;
 	border-bottom: 1px dotted #336699;
	font-weight: bold;
     border-right: 1px dotted #336699;
	border-left: 1px dotted #336699;
	color: #69787f;
}

/* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.table-display dd {
	float: left;
	width: 353px;
	margin: 0;
	padding: 5px 5px 10px 5px;
	height: 2em;
	border-bottom: 1px dotted #336699;
     border-right: 1px dotted #336699;
}

 /*******Sharon End - Course accreditations*******/

/* LISTS 
---------------------------------------------------------------------------------*/	
#centre ul{
	padding-bottom: 18px;
}

#centre ul li {
	list-style-type: disc;
	margin-left: 30px;
	line-height: 160%;
}

/*
Support, FAQ and text anchor links
*/

#sub #centre ul.anchor-text li, #sub #centre ul.support li, #sub #centre ul.faq li, #agents #centre ul.faq li {
	list-style-type:none;
	margin-left: 0;
}

#sub #centre ul.anchor-text li a, #sub #centre ul.support li a, #agents #centre ul.support li a, .company h2 a{
	background: url(/_images/layout/link_arrow.gif) no-repeat center left;
	list-style-type:none;
	padding-left: 15px;
}


#sub #centre ul.faq li, #agents #centre ul.faq li {
	line-height: 190%;
}

#sub #centre ul.faq li a, #agents #centre ul.faq li a  {
	background: url(/_images/layout/faq_icon.gif) no-repeat center left;
	list-style-type:none;
	padding-left: 15px;
}


#sub #centre ul.support li, #agents #centre ul.support li {
 	border-bottom: 1px dotted #336699;
	width: 100%;	
	float:left;
	clear:both;
}

#sub #centre ul.support, #agents #centre ul.support {
	margin-bottom: 10px;
	float:left;
	width: 100%;
}

#sub #centre ul.support li.first, #agents #centre ul.support li.first {
 	border-top: 1px dotted #336699;
}

#sub #centre ul.support li a, #agents #centre ul.support li a  {
	padding-top: 5px;
	background: url(/_images/layout/link_arrow.gif) no-repeat left 9px;
	padding-bottom: 5px;
	display:block;
	font-weight: bold;
}

#sub #centre ul.support li a span, #agents #centre ul.support li a span {
	width: 100%;
	font-size: 88%;
	color: #000;
	display:block;
	font-weight: normal;
}


#sub #centre ul.support li a:hover, #agents #centre ul.support li a:hover {
  background: #f0f7fa url(/_images/layout/link_arrow_o.gif) no-repeat left 9px;
  text-decoration: none;
}

#home #centre ul li {
list-style-type: none;
margin-left: 0;

}

#sub #centre dt, #agents #centre dt  {
	font-weight: bold;
	clear:both;
	margin-bottom: 5px;
	font-size: 105%;
}

#sub #centre dd, #agents #centre dt {
	clear: both;
	margin-bottom: 15px;
	line-height: 1.4em;
}


ul.tool-menu {
	float: left;
}

ul.tool-menu li{
	display: inline;
}

ul.tool-menu li a {
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 70%;
	padding: 0 7px 0 5px;
	text-decoration: none;
}

ul.tool-menu li a:hover, ul.tool-menu li a:focus {
	text-decoration: underline;
}

ul.tool-menu li a.no-border, ul.account li.no-border, ul#main-menu li.no-border, ul.carousel-links li.no-border{
	border-right: none;
}

ul.tool-menu li a:visited {
	color: #fff;
}

ul#main-menu {
float:left;
}

ul#main-menu li {
   display:inline;
    float:left;	
	background: url(/_images/layout/nav_border.gif) no-repeat right center;
	}

ul#main-menu li a{
	color: #45555d;
	font-weight: bold;
	font-size: 82%;
    padding: .8em 12px .8em 12px;
	display:block;
}

ul#main-menu li a:hover, ul#main-menu li a:focus{
	text-decoration: none;
}

ul#main-menu li.no-divide {
 	background: none;
}

ul#main-menu li a:hover, ul#main-menu li a.live, ul#main-menu li a:focus {
    padding: .8em 12px .8em 12px;
	background:url(/_images/layout/nav_over.gif) repeat-x top left;
	color: #fff;
}

ul.account {
	float: right;
	margin: 0;
	padding-right: 7px;
	display:block;

}
 
ul.account li {
    display:inline;	
	border-right: 1px #45555d solid;	
	font-size: 68%;
	padding-right: 5px;
	padding: 2px 5px 2px 5px;
    margin-top: 12px;
	float:left;
}
  
ul.account li a {
	color: #45555d;
	display:inline;
} 
 
ul.account li a.user {
	background:url(/_images/layout/user_icon.gif) top right no-repeat;
	padding: 2px 19px 2px 10px;
}

ul.account li a.user2 {
	background:url(/_images/layout/user_icon.gif) top right no-repeat;
	padding: 2px 19px 2px 5px;
}

ul.account li.no-border {
	padding-right: 0;
	padding-left: 10px;
}

/*
carousel links
*/
ul.carousel-links {
	width: 582px;
	height: 34px;
	float:left;
	margin: -10px 0 0 -10px;
	background-color: #29425f;
	overflow:hidden;
	background: #29425f url(/_images/layout/cara_list_bg.gif) bottom left repeat-x;
}

ul.carousel-links li{
 	display: inline;
 	float:left;
	padding-top: 4px;	

}

ul.carousel-links li.isselected{
	background: #29425f url(carousel/images/spacer.gif) bottom left repeat-x;
}

ul.carousel-links li.notselected{
	background-image:none;
	background: #29425f url(/_images/layout/cara_list_bg.gif) bottom left repeat-x;
}

ul.carousel-links li a {
  	padding: 4px 20px 9px 20px;
  	display:block;
  	font-size: 95%;
  	color: #fff;
  	text-align:center;
    border-right: 1px solid #1a283b;
		line-height: 1.4em;
}

ul.carousel-links li a:hover {
  	background: #29425f url(/_images/layout/cara_list_bg_over.gif) bottom left repeat-x;
	text-decoration: none;
}

ul.carousel-links li a.no-border {
	border-right: none;
}


/*
 featured products 
*/

.featured-products ul, .news ul {
	padding-left: 10px;
}

#left .featured-products ul, #left .news ul,  #right .news ul{	
	padding-left: 5px;
	margin: 0;
}

.featured-products ul {
	margin-top: 10px;

}

.featured-products ul li, .news ul li  {
    width: 100%;	
	clear:both;	
	float: left;
	margin-bottom: 3px;
}

.featured-products ul li {
	margin-bottom: 15px;
}

/*
 news
*/

#left .news ul li a, #left .featured-products ul li a, #right .news ul li a, #right .featured-products ul li a{
 	font-size: 87%;
	background: url(/_images/layout/left_featurebox_arrows.gif) left 3px no-repeat;
	padding-left: 7px;	
	display:block;
}

.featured-products ul li a {
	padding-right: 0;
	margin-right: 0;
}

#left .featured-products ul li a span {
	font-size: 95%;
	line-height: 130%;
	padding-top: 3px;
	float:left;
}

.news ul li a{
	display:block;
	float:left;
}

.news ul li a img {
	margin-right: 8px;
}

.news ul li a span.date {
	color: #666 !important;
	font-weight: bold;
	padding-bottom: 10px;
	float:left;
	width: 160px;
}


#left .news ul li a span.date, #right .news ul li a span.date {
	width: 100%;
	padding-bottom: 5px;
	float:left;
	clear:both;
}


#left .news ul li a, #right .news ul li a  {
	padding-bottom: 15px;
}

#home .news ul li a span.teaser {
	width:auto;
	float:left;
	font-size: 85%;	
	padding-right: 12px;
}

#left .news ul li a span.teaser, #right .news ul li a span.teaser {
	width: 100%;
	clear:both;
	float:left;
}

.news ul li a span.teaser {
	font-size: 98%;	
}

.news ul li a span.no-image {
	width: 95% !important;
	clear:both;
	margin-top: 3px;
}




.featured-products li a, .news li a {
	color: #000;
	font-weight: bold;
}

.featured-products li a span, .news li a span {
	font-weight: normal;
	font-size: 86%;
	text-decoration: none;
}

.featured-products li a:hover, 
.news li a:hover,
.featured-products li a:focus, 
.news li a:focus  { 
	color: #545454;
}

.featured-products li a span:hover, .news li a span:hover  {
		text-decoration: none !important;
	}
	

#cat #search-cat p.drops, #cat1 #search-cat p.drops, #cat2 #search-cat p.drops, #cat3 #search-cat p.drops, #cat4 #search-cat p.drops, #cat5 #search-cat p.drops, #cat6 #search-cat p.drops, #cat7 #search-cat p.drops, #cat8 #search-cat p.drops, #cat9 #search-cat p.drops {
	padding: 4px 0 4px 5px;
	width: 560px;
	float:left;
	margin: 5px 0 0 0;
}

#cat2 #search-cat p.drops{	
background: #CFD3D6;
}	
		
/*
 STCW global and local nav
*/

ul.stcw-nav {
	background: #fff;
	padding-bottom: 10px;
	background: #69787f;	
	margin-bottom: 0;
}

#home ul.stcw-nav, #agents ul.stcw-nav,#sub ul.stcw-nav {
	margin-bottom:0px;
}


ul.stcw-nav li{	
	background: #cdd3d6 url(/_images/layout/global_nav_bg.gif) repeat-x bottom left;
	border-bottom: 1px solid #fff;
}

ul.stcw-nav li a{
	display:block;
	padding: 5px 5px 5px 5px;
	color: #000 !important;
	font-size: 85%;
	width: 150px;
	text-decoration: none;
}

ul.stcw-nav li a:hover, ul.stcw-nav li a:focus {
	text-decoration: none;
	color: #fff !important;
}

ul.stcw-nav li a.stcwtitle{
	background: #69787f;
	color: #fff !important;
}	
	
ul.stcw-nav li a.stcwnav {
	background: url(/_images/layout/navigation.gif) no-repeat bottom right;
}

ul.stcw-nav li a.stcwcargo {
	background: url(/_images/layout/cargo_stow.gif) no-repeat bottom right;
}

ul.stcw-nav li a.stcwcontrol {
	background:  url(/_images/layout/control.gif) no-repeat bottom right;
}

ul.stcw-nav li a.stcwelec {
	background: url(/_images/layout/electrical.gif) no-repeat bottom right;
}

ul.stcw-nav li a.stcwmarine{
	background: url(/_images/layout/marine.gif) no-repeat bottom right;
}

ul.stcw-nav li a.stcwcomms{
	background: url(/_images/layout/comms.gif) no-repeat bottom right;
}
	
ul.stcw-nav li a.stcwrepair{
	background: url(/_images/layout/repair.gif) no-repeat bottom right;
}

ul.stcw-nav li a.stcwcourses{
	background:  url(/_images/layout/courses.gif) no-repeat bottom right;
}	

ul.stcw-nav li a.stcwother{
	background: url(/_images/layout/other.gif) no-repeat bottom right;
}	

ul.stcw-nav li a.stcwnav:hover, ul.stcw-nav li a.stcwnav:focus, ul.stcw-nav li a.stcwnavon {
	background: #32c900 url(/_images/layout/navigation_over.gif) repeat-x bottom left;
		color: #fff !important;
}

ul.stcw-nav li a.stcwcargo:hover, ul.stcw-nav li a.stcwcargo:focus, ul.stcw-nav li a.stcwcargoon{
	background: #6598fd url(/_images/layout/cargo_over.gif) repeat-x bottom right;
}

ul.stcw-nav li a.stcwcontrol:hover, ul.stcw-nav li a.stcwcontrol:focus,  ul.stcw-nav li a.stcwcontrolon {
	background: #fc3301 url(/_images/layout/control_over.gif) repeat-x bottom right;
}

ul.stcw-nav li a.stcwelec:hover, ul.stcw-nav li a.stcwelec:focus {
	background: #ff6600 url(/_images/layout/electrical_over.gif) repeat-x bottom right;
}

ul.stcw-nav li a.stcwmarine:hover, ul.stcw-nav li a.stcwmarine:focus {
	background: #e0af4a url(/_images/layout/marine_over.gif) repeat-x bottom right;
}

ul.stcw-nav li a.stcwcomms:hover, ul.stcw-nav li a.stcwcomms:focus {
	background: #660066 url(/_images/layout/comms_over.gif) repeat-x bottom right;
}

ul.stcw-nav li a.stcwrepair:hover, ul.stcw-nav li a.stcwrepair:focus {
	background: #329898 url(/_images/layout/repair_over.gif) repeat-x bottom left;
}

ul.stcw-nav li a.stcwcourses:hover, ul.stcw-nav li a.stcwcourses:focus {
	background: #64c964 url(/_images/layout/courses_over.gif) repeat-x bottom right;
}

ul.stcw-nav li a.stcwother:hover, ul.stcw-nav li a.stcwother:focus {
	background: #003365 url(/_images/layout/other_over.gif) repeat-x bottom right;
}	


ul.subs {
	margin: 0 0 18px 0;
	padding-bottom: 10px;
}

ul.subs {
	background: #69787f;
}

#sub ul.subs, #agents ul.subs {
	margin: 0 0 18px 0;	
	background: #86262a;
}

#sub ul.subs {
 margin: 0;
}

#agents ul.subs, #agents ul.subs {
	padding: 0;
}

ul.subs li{	
	background: #f3f3f3 url(/_images/layout/sub_nav_bg.gif) repeat-x bottom left;
	border-bottom: 1px solid #69787f;
}

ul.subs li a{
	display:block;
	padding: 5px 5px 5px 5px;
	color: #000 !important;
	font-size: 85%;
	width: 149px;
	border-right: 1px solid #69787f;
}


ul.subs li ul li {
	width: 159px;
	background: #999997 url(/_images/layout/child_sub_bg.gif) repeat-x bottom left;
	border-bottom: none;	
	border-right: 1px solid #a7b8c0;	
}

ul.subs li ul li a{
	width: 134px;	
	background: url(/_images/layout/sub_link_arrows.gif) no-repeat 11px 9px;
	border-bottom: 1px solid #fff;	
	display:block;
	padding: 5px 5px 5px 5px;
	color: #fff !important;
	font-size: 85%;
	text-decoration: none;
	padding-left: 20px;
}

ul.subs li ul li a:hover, ul.subs li ul li a:focus, ul.subs li ul li a.livesub {
	background: #7e7c7d url(/_images/layout/sub_link_arrows_o.gif) no-repeat 11px 9px;
}

ul.subs li ul li a.livesub {
	border-top: 1px solid #fff;
}

#sub ul.subs li.subsec-title, #agents ul.subs li.subsec-title {
	background:  url(/_images/layout/subsection_title.gif) repeat-x top left;
	padding: 5px;
	color: #fff;
	border-bottom: 1px solid #621c21;
	border-right: 1px solid #621c21;
	font-size: 83%;
}

#sub ul.subs li.subsec-title em, #agents ul.subs li.subsec-title em {
	font-weight: bold;
	font-size: 116%;
}

ul.subs li a:hover, ul.subs li a.live {
	background: #bfbfbe url(/_images/layout/sub_nav_bg_o.gif) repeat-x bottom left;
	text-decoration: none;
}

ul.subs li a.live {
	border-bottom: 1px solid #69787f;
}
	
div#footer ul.foot-nav {
	text-align: center
}
	
div#footer ul.foot-nav li {
	display:inline;
	font-size: 85%;
}

div#footer ul.foot-nav li a {
	color: #000;
	border-right: 1px solid #000;
	padding: 0 8px 0 5px;
}

div#footer ul.foot-nav li a.no-border {
	border-right: none;
}
#agents ul.subs ul {
background: red !important;

}
/*
 breadcrumb
*/

#centre ul#breadcrumb {
	width: 100%;
	padding: 3px 0 0 0;
	margin: -5px 0 0 0;
	float:left;
	line-height:normal;
}

#centre ul#breadcrumb li {
	display:inline;
	font-size: 85%;
	margin: 0;
}

#centre ul#breadcrumb li a{
  padding-right: 5px;
}

.pagination ul {
	float:right;
	font-size: 90%;
	margin: 0;
}

.pagination ul li{
	display:inline;	
	float:left;
	margin-left: 0 !important;
	margin-right: 2px;

}

.pagination ul li.heavy{
	font-weight: bold;
	padding-top: 1px;
}

/**************** Sharon Edit6 added the important rule for IE**/
.pagination ul li a {
	border: 1px solid #fff;
	padding: 2px 5px 3px 5px;
	display:block;
	font-weight: bold;
	color: #fff !important;
}

/***Finish edit6***/

#sub .pagination {
	margin-top: 20px;
	border-bottom: none;
}

.pagination ul {
	margin-right: 5px;
}

#sub .pagination ul li a { 
	 background: #8b282e;
}

#cat1 .pagination ul li a {
	background: #2caf00;
}

#cat1 .pagination ul li a.next {
	padding-left: 7px;
	padding-right: 7px;
}

#cat1 .pagination ul li a:hover, #cat1 .pagination ul li a.on, #sub .pagination ul li a:hover, #sub .pagination ul li a.on, #cat1 .pagination ul li a.next:hover  {
	background: #fff !important;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
}

/**************** Sharon Edit4 - added all different cat classes to correct hover issue**/
#cat1 .pagination ul li a.next:hover, 
#cat2 .pagination ul li a.next:hover,  
#cat3 .pagination ul li a.next:hover, 
#cat4 .pagination ul li a.next:hover, 
#cat5 .pagination ul li a.next:hover, 
#cat6 .pagination ul li a.next:hover, 
#cat7 .pagination ul li a.next:hover, 
#cat8 .pagination ul li a.next:hover, 
#cat9 .pagination ul li a.next:hover
{
	padding-left: 7px;
	padding-right: 7px;
}

/****Finish Edit4****/
#sub .pagination ul li a:hover, #sub .pagination ul li a.on {
	color: #8c282e !important;
	border: 1px solid #8c282e;
}

#cat1 .pagination ul li a:hover, #cat1 .pagination ul li a.on {


	color: #2caf00;	
	border: 1px solid #2caf00;
}

#cat2 fieldset.pagination ul li a {
	background: red;
}

fieldset.text ul{
	float: left;
	padding-right: 20px;
	padding-bottom: 0 !important;
	margin-top: -1px;
}

fieldset.text ul li{
	display:inline;
	margin-left: 0 !important;
}

fieldset.text ul li a{
	color: #fff;
	font-size: 85%;
	font-weight: bold;
	padding: 0 5px 0 5px;
	border-right: 1px solid #fff;
}

fieldset.text ul li a.no-border{
	border-right: none;
}

/*
Agents
*/

dl.contact, dl.departments-contact, dl.agents-list{
    margin-bottom: 10px;
    float:left;
	width: 100%;
}
	
dl.departments-contact {
	margin-bottom: 20px;
}

dl.contact dt, dl.departments-contact dt,  dl.agents-list dt{
	padding-bottom: 3px;
	margin-bottom: 15px !important;
	border-bottom: 1px dotted #a6a6a6;
	width: 100%;
}

dl.departments-contact dt {
	margin-top: 5px;
}

dl.departments-contact dd, dl.contact dd {
		padding: 0 0 14px 0;
		float:left; 
		width: 271px;
		margin-right: 20px;
		clear:none !important;
		border-bottom: 1px dotted #a6a6a6;
}

dl.departments-contact dd.last{
	margin-right: 0;
}

dl.contact dd{
	margin-bottom: 5px !important;
	float:left; 
	width: 227px;
	margin-right: 10px;
	border-bottom: none;
}

dl.agents-list dd  {
	border-bottom: 1px dotted #a6a6a6;
	padding: 2px 0 2px 0;	
	margin: 0 !important;
	float:left;
    width: 276px;
	font-weight: bold;
	background: #f8f8f8;
    clear:none !important;
}

ul.agents-list {
	border-top: 1px dotted #a6a6a6;
}

ul.agents-list li {
	border-bottom: 1px dotted #a6a6a6;
	padding: 4px 0 4px 0;	
	margin: 0 !important;
	list-style-type: none !important;
	font-weight: bold;
	float:left;
	width: 100%;
}


ul.agents-list li span a.pdf, ul.agents-list li span a.webpage  {
	 font-size: 83%;
	 padding: 3px 0 7px 22px;
	 font-weight: normal;
}

ul.agents-list li span a.pdf {
	 background:url(/_images/layout/pdf_icon3.gif) top left no-repeat;
}

ul.agents-list li span a.webpage{
	 background:url(/_images/layout/web_page_icon.gif) top left no-repeat;
	 margin-left: 10px;
}

ul.agents-list li span a.webpage {
	}

dl.agents-list dd span a.pdf {
	 background:url(/_images/layout/pdf_icon.gif) top left no-repeat;
	 font-size: 80%;
	 font-weight: normal;
}

dl.agents-list dd.move-right {
 	margin-right: 10px !important;
 }
 
dl.agents-list dd {
 
 }

dl.contact dd.break {
	clear: both;
	width: 100%;
}

dl.contact dd.head-office {
	background: url(/_images/layout/head_office_icon.gif) no-repeat top left;
	padding: 8px 0 17px 35px;
}

dl.contact dd.fax {
	background: url(/_images/layout/fax_icon.gif) no-repeat top left;
	padding: 3px 0 17px 35px;
}


dl.contact dd.post{
	background: url(/_images/layout/mail_icon.gif) no-repeat top left;
	padding: 6px 0 17px 35px;
}


dl.contact dd.phone, dl.departments-contact p.phone{
	background: url(/_images/layout/phone_icon.gif) no-repeat top left;
	padding: 4px 0 17px 35px;
}

dl.contact dd.email, dd p.email {
	background: url(/_images/layout/email_icon.gif) no-repeat top left;
		padding: 2px 0 17px 35px;
}


dl.contact a { 
	color: #336699;

}

dl.contact dd.test {
	float:none;
	width: 100%;
	clear:both;
}
dl.departments-contact dd strong{
	clear:both;
	font-weight: bold;
}

dl.departments-contact dd p {
	margin: 0;
}


/* FORMS
---------------------------------------------------------------------------------*/
#search {
	float: right;
	text-align:right;
}

input, label {
	float:left;
	font-size: 80%;
	color: #fff;
	font-size: 71%;
	padding-right: 10px;
}

#search input.textbox,  #search-cat input.textbox{
	padding: 1px;
	padding-left: 5px;
	padding-bottom: 2px;
	width: 14em;
	font-size: 82%;
	color: #000;
}

 #search-cat input.textbox {
	font-size: 90%;
	padding: 1px;
	padding-left: 2px;
	padding-bottom: 1px;
	line-height:normal;
	height: 1.4em;
	float:left;
	margin-left: 12px;
	margin-top: -1px;
}

input.search1{
	height: 21px;
	width: 21px;
	margin-left: -1px;

}

#cat input.search2, #cat1 input.search2 {
	height: 20px;
	float:left;
	width: 20px;
	margin-left: -1px;
}


input.search1 {
	background: #1c2b3e url(/_images/layout/search_icon.gif) center 1px no-repeat;	
	border: 1px solid #7f9db9;
}

#cat input.search2 {
	background: #69787f url(/_images/layout/cat_search_bg.gif) center 1px no-repeat;
	border: 1px solid #fff;
}

#cat1 input.search2 {
	background: #2caf00 url(/_images/layout/cat_search_nbg.gif) center 1px no-repeat;
	border: 1px solid #fff;
}

#search input {
	border: 1px solid #7f9db9;
}

#search-cat {
	float:left;
	clear:both;
	margin: 0;
	width: 100%;
}

#search-cat legend{
	background: #fff;
	width: 100%;
	font-size: 86%;
	font-weight: bold;
	padding-left: 5px;
}

#search-cat p.drops {
	padding: 4px 0 4px 5px;
	width: 100%;
	float:left;
	margin: 5px 0 0 0;	
	background: #CFD3D6;
}


#cat #search-cat .text {
	background: #69787f;
}
#cat1 #search-cat .text {
	background: #2caf00;
}

#cat2 #search-cat .text {
	background: red;
}

#search-cat fieldset {
	padding: 0;
	margin: 0;
}

.pagination label{
	color: #000;
	padding-left: 5px;
	font-size: 90%;
	font-weight: bold;
	padding-right: 3px;
	float:left;
	padding-top: 1px;
}

.pagination fieldset {
	margin: 0;
	padding: 0;
}

#gen-form {	
	margin: 0;
	padding: 0 0 40px 0;
	float:left;
	border: none;
}

#gen-form fieldset {
	border: 1px solid #8892aa;	
	background:url(/_images/layout/form_bg.gif) bottom left repeat-x;
	margin: 0;
	float:left;
	width: 535px;
	padding: 0 13px 40px 13px;
}

#gen-form div, #gen-form div.first, #gen-form div.bottom{
	float:left;
	margin-top: 10px;
	padding-left: 30px;
	width: 400px;
	padding-right: 0;
	clear:both;
	margin-left: 20px;

}

#gen-form textarea{
    padding: 2px;
	border: 1px solid #8892aa;
	width: 18em;
	font-size: 100%;
}

#gen-form input.agree-terms {
	float: left;
	margin-left: 40px;
	border: 0;
	margin-top: -14px;
}

#gen-form input.agree-terms:hover {
background: none;
}

#gen-form input.button, #gen-form input.button2  {
	width: auto;
	color: #fff;
	font-weight: bold;
	padding: 1px 5px 5px 5px;
	height: 2em;
	font-size: 89%;
	float:right;
	margin-right: 135px;
	margin-top: 20px;
	text-align: center;
	margin-left: 0 !important;
	width: 9em;
}

 #gen-form input.button2  {
 	margin-right: 50px;
	background: #1e2e43 url(/_images/layout/user_button.png) center left no-repeat;
	padding-left: 17px;
	padding-top: 2px;
	width: 5.5em;
}

#gen-form label.agree-terms-lab {
	float: right;
	width: 385px;
	margin-right: 23px;
	font-size: 80%;
}

#gen-form label.department {
	width: 100%;
	float: left;
	clear:both;
	text-align:left;
	margin-left: 17px;
}

#gen-form select {
	margin: 10px 0 10px 115px;
	font-size: 90%;
	width: auto;
}

#gen-form em {
	color: red;
}

#gen-form input:hover, 
#gen-form textarea:hover,
#gen-form input:focus{
	background: #edfbff;
}

#gen-form textarea:hover {
	padding: 2px;
	border: 1px solid #8892aa;
	width: 18em;
	font-size: 100%;
}

#gen-form textarea.basket-message{	
	width: 340px;
	padding: 5px;
}

#gen-form label.no-display {
	visibility:hidden;
}

#gen-form textarea.basket-message:hover {
 	width: 340px;
	padding: 5px;
	border: 1px solid #8892aa;
 }

#gen-form div.bottom {
	border-bottom: 1px solid #a3afb3;
	padding-bottom: 20px;	
}

#gen-form p.terms {
	font-size: 85%;
	padding-left: 165px;
	font-weight: normal !important;
	line-height: 1.7em;
	padding-right: 80px;
}

div.first {
	padding-top: 20px;
}

#gen-form div p, p.required{
	padding-left: 115px;
	padding-bottom: 3px !important;
	margin: 0;
	color: red;
	float:left;
	width: 300px;
	font-size: 70%;	
	padding-top: 0 !important;
}

p.required {
 width: auto;
 padding-left: 0;
 margin-top: 10px;
 clear: both;
 }


#gen-form div p.grey{
	color: #69787f;
}

#gen-form div p.black {
	color: #000;

}

#gen-form div p.no-sty {
	float:left;
	margin: 0;
	padding-left: 0;
	width: auto;
	font-size: 90%;
	color: #000;
}

#gen-form p.link {
	clear:both;
	display:block;
	margin-left: 335px;
	margin-top: 5px;
}

#gen-form legend {
	color: #69787f;
	font-weight: bold;
	margin: 0;
}

#gen-form p.larger {
	font-size: 85%;
	margin-top:5px;
	text-align:right;
	width: 175px;
	margin-right: 50px;
	float:right;
}


#gen-form input {
	height: 1.5em;
	padding: 2px;
	border: 1px solid #8892aa;
	width: 18em;
	font-size: 100%;
	color: #000;
}

#gen-form label {
	color: #000;
	font-size: 100%;
	float:left;
	width: 112px;
	text-align: right;
	padding-right: 4px;
	padding-top: 5px;
}

#gen-form fieldset.none {
	border: none;
}

.pagination select {
	float:left;
	padding-left: 5px;
}

.pagination select#items {
	font-size: 95%;

}

#search-cat label.off {
	display:none;
}


/* END
---------------------------------------------------------------------------------*/

/* <ANDY>
---------------------------------------------------------------------------------*/
#cat2 div#centre , #cat3 div#centre , #cat4 div#centre , #cat5 div#centre , #cat6 div#centre , #cat7 div#centre , #cat8 div#centre , #cat9 div#centre
{
	margin: 0;
	padding: 0;
	float:left;
	width: 584px;
	margin-left: -10px;
	background: transparent;
}

#cat2 div#centre h2,  #cat3 div#centre h2,  #cat4 div#centre h2,  #cat5 div#centre h2,  #cat6 div#centre h2,  #cat7 div#centre h2,  #cat8 div#centre h2,  #cat9 div#centre h2
{
	color: #69787f;
	font-weight: bold;
	text-decoration: none;
}

#cat2 div#centre h2 , #cat3 div#centre h2 , #cat4 div#centre h2 , #cat5 div#centre h2 , #cat6 div#centre h2 , #cat7 div#centre h2 , #cat8 div#centre h2 , #cat9 div#centre h2 
{
	font-size: 106%;
}

#cat2 div.column  , #cat3 div.column  , #cat4 div.column  , #cat5 div.column  , #cat6 div.column  , #cat7 div.column  , #cat8 div.column  , #cat9 div.column
{
	width: 160px;
	padding: 0;
}

#cat2 div#left, #cat3 div#left, #cat4 div#left, #cat5 div#left, #cat6 div#left, #cat7 div#left, #cat8 div#left, #cat9 div#left
{
	float: left;
	margin-left: 16px;
	margin-right: 23px;
}

#cat2 div#left , #cat3 div#left , #cat4 div#left , #cat5 div#left , #cat6 div#left , #cat7 div#left , #cat8 div#left , #cat9 div#left
{
    margin-right: 24px;	
}

#cat2 div#right, #cat3 div#right, #cat4 div#right, #cat5 div#right, #cat6 div#right, #cat7 div#right, #cat8 div#right, #cat9 div#right
{
	float: left;
	margin: 0 0 0 12px;
	padding: 0;
}

#cat1 h1.main-head  { background: #32c900 url(/_images/layout/navigation_over.gif) repeat-x bottom left; border-left: 1px solid #7dff57; border-bottom: 1px solid #008d00; border-right: 1px solid #008d00; }
#cat2 h1.main-head  { background: #6598fd url(/_images/layout/cargo_over.gif)      repeat-x bottom left; border-left: 1px solid #9fbbff; border-bottom: 1px solid #2d5499; border-right: 1px solid #2d5499; }
#cat3 h1.main-head  { background: #fc3301 url(/_images/layout/control_over.gif)    repeat-x bottom left; border-left: 1px solid #ff6f3d; border-bottom: 1px solid #bf0900; border-right: 1px solid #bf0900; }
#cat4 h1.main-head  { background: #ff6600 url(/_images/layout/electrical_over.gif) repeat-x bottom left; border-left: 1px solid #ff8d33; border-bottom: 1px solid #ba3c00; border-right: 1px solid #ba3c00; }
#cat5 h1.main-head  { background: #fecb65 url(/_images/layout/marine_over.gif)     repeat-x bottom left; border-left: 1px solid #ffd56f; border-bottom: 1px solid #c59732; border-right: 1px solid #c59732; }
#cat6 h1.main-head  { background: #660066 url(/_images/layout/comms_over.gif)      repeat-x bottom left; border-left: 1px solid #843181; border-bottom: 1px solid #300031; border-right: 1px solid #300031; }
#cat7 h1.main-head  { background: #329898 url(/_images/layout/repair_over.gif)     repeat-x bottom left; border-left: 1px solid #4caeae; border-bottom: 1px solid #006565; border-right: 1px solid #006565; }
#cat8 h1.main-head  { background: #64c964 url(/_images/layout/courses_over.gif)    repeat-x bottom left; border-left: 1px solid #7bda78; border-bottom: 1px solid #1d8428; border-right: 1px solid #1d8428; }
#cat9 h1.main-head  { background: #003365 url(/_images/layout/other_over.gif)      repeat-x bottom left; border-left: 1px solid #516ea8; border-bottom: 1px solid #000c37; border-right: 1px solid #000c37; }

#cat2 h1.main-head,#cat3 h1.main-head,#cat4 h1.main-head,#cat5 h1.main-head,#cat6 h1.main-head,#cat7 h1.main-head,#cat8 h1.main-head,#cat9 h1.main-head
{   font-size: 120%; 
	margin-top: 14px;
	margin-bottom: 25px;
	padding: 3px 2px 3px 8px;
	clear:both;
	line-height: normal;
 }

ul#main-menu li.live span {
	display:block;
	font-weight: bold;
	font-size: 82%;
    padding: .8em 12px .8em 12px;
	background:url(/_images/layout/nav_over.gif) repeat-x top left;
	color: #fff;
}

#cat2 #search-cat p.drops{	background: #CFD3D6; }	
#cat3 #search-cat p.drops{	background: #CFD3D6; }	
#cat4 #search-cat p.drops{	background: #CFD3D6; }	
#cat5 #search-cat p.drops{	background: #CFD3D6; }	
#cat6 #search-cat p.drops{	background: #CFD3D6; }	
#cat7 #search-cat p.drops{	background: #CFD3D6; }	
#cat8 #search-cat p.drops{	background: #CFD3D6; }	
#cat9 #search-cat p.drops{	background: #CFD3D6; }	

ul.stcw-nav li a.stcwnav     {	background: url(/_images/layout/navigation.gif) no-repeat bottom right; }
ul.stcw-nav li a.stcwcargo   {	background: url(/_images/layout/cargo_stow.gif) no-repeat bottom right;}
ul.stcw-nav li a.stcwcontrol {	background: url(/_images/layout/control.gif)    no-repeat bottom right;}
ul.stcw-nav li a.stcwelec    {	background: url(/_images/layout/electrical.gif) no-repeat bottom right;}
ul.stcw-nav li a.stcwmarine  {	background: url(/_images/layout/marine.gif)     no-repeat bottom right;}
ul.stcw-nav li a.stcwcomms   {	background: url(/_images/layout/comms.gif)      no-repeat bottom right;}
ul.stcw-nav li a.stcwrepair  {	background: url(/_images/layout/repair.gif)     no-repeat bottom right;}
ul.stcw-nav li a.stcwcourses {	background: url(/_images/layout/courses.gif)    no-repeat bottom right;}	
ul.stcw-nav li a.stcwother   {	background: url(/_images/layout/other.gif)      no-repeat bottom right;}	

ul.stcw-nav li a.stcwnav:hover,     ul.stcw-nav li a.stcwnav:focus,      ul.stcw-nav li a.stcwnavon     { background: #32c900 url(/_images/layout/navigation_over.gif) repeat-x bottom right; color: #fff !important; }
ul.stcw-nav li a.stcwcargo:hover,   ul.stcw-nav li a.stcwcargo:focus,    ul.stcw-nav li a.stcwcargoon   { background: #6598fd url(/_images/layout/cargo_over.gif)      repeat-x bottom right; color: #fff !important; }
ul.stcw-nav li a.stcwcontrol:hover, ul.stcw-nav li a.stcwcontrol:focus,  ul.stcw-nav li a.stcwcontrolon { background: #fc3301 url(/_images/layout/control_over.gif)    repeat-x bottom right; color: #fff !important; }
ul.stcw-nav li a.stcwelec:hover,    ul.stcw-nav li a.stcwelec:focus,     ul.stcw-nav li a.stcwelecon    { background: #ff6600 url(/_images/layout/electrical_over.gif) repeat-x bottom right; color: #fff !important; }
ul.stcw-nav li a.stcwmarine:hover,  ul.stcw-nav li a.stcwmarine:focus,   ul.stcw-nav li a.stcwmarineon  { background: #e0af4a url(/_images/layout/marine_over.gif)     repeat-x bottom right; color: #fff !important; }
ul.stcw-nav li a.stcwcomms:hover,   ul.stcw-nav li a.stcwcomms:focus,    ul.stcw-nav li a.stcwcommson   { background: #660066 url(/_images/layout/comms_over.gif)      repeat-x bottom right; color: #fff !important; }
ul.stcw-nav li a.stcwrepair:hover,  ul.stcw-nav li a.stcwrepair:focus,   ul.stcw-nav li a.stcwrepairon  { background: #329898 url(/_images/layout/repair_over.gif)     repeat-x bottom right; color: #fff !important; }
ul.stcw-nav li a.stcwcourses:hover, ul.stcw-nav li a.stcwcourses:focus,  ul.stcw-nav li a.stcwcourseson { background: #64c964 url(/_images/layout/courses_over.gif)    repeat-x bottom right; color: #fff !important; }
ul.stcw-nav li a.stcwother:hover,   ul.stcw-nav li a.stcwother:focus,    ul.stcw-nav li a.stcwotheron   { background: #003365 url(/_images/layout/other_over.gif)      repeat-x bottom right; color: #fff !important; }	

ul.subs li.live span {
	display:block;
	background: #bfbfbe;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	color: #000 !important;
	font-size: 85%;
	width: 149px;
}

ul.subs li ul li.live span {
	display:block;
	background: #bfbfbe url(/_images/layout/sub_link_arrows.gif) no-repeat 11px center;
	text-decoration: none;
	padding: 5px 5px 5px 5px;
	color: #000 !important;
	font-size: 85%;
	width: 134px;
	padding-left: 20px;
}

#cat1 .pagination ul li a { background: #2caf00; }
#cat2 .pagination ul li a { background: #4a6fb9; }
#cat3 .pagination ul li a { background: #d83208; }
#cat4 .pagination ul li a { background: #db5801; }
#cat5 .pagination ul li a { background: #e1b04b; }
#cat6 .pagination ul li a { background: #510051; }
#cat7 .pagination ul li a { background: #0b8283; }
#cat8 .pagination ul li a { background: #4cac4d; }
#cat9 .pagination ul li a { background: #002e5c; }

#cat1 .pagination ul li a.next { padding-left: 7px; padding-right: 7px; }
#cat2 .pagination ul li a.next { padding-left: 7px; padding-right: 7px; }
#cat3 .pagination ul li a.next { padding-left: 7px; padding-right: 7px; }
#cat4 .pagination ul li a.next { padding-left: 7px; padding-right: 7px; }
#cat5 .pagination ul li a.next { padding-left: 7px; padding-right: 7px; }
#cat6 .pagination ul li a.next { padding-left: 7px; padding-right: 7px; }
#cat7 .pagination ul li a.next { padding-left: 7px; padding-right: 7px; }
#cat8 .pagination ul li a.next { padding-left: 7px; padding-right: 7px; }
#cat9 .pagination ul li a.next { padding-left: 7px; padding-right: 7px; }

#cat2 .pagination ul li a:hover, #cat2 .pagination ul li a.on, 
#cat3 .pagination ul li a:hover, #cat3 .pagination ul li a.on, 
#cat4 .pagination ul li a:hover, #cat4 .pagination ul li a.on, 
#cat5 .pagination ul li a:hover, #cat5 .pagination ul li a.on, 
#cat6 .pagination ul li a:hover, #cat6 .pagination ul li a.on, 
#cat7 .pagination ul li a:hover, #cat7 .pagination ul li a.on, 
#cat8 .pagination ul li a:hover, #cat8 .pagination ul li a.on, 
#cat9 .pagination ul li a:hover, #cat9 .pagination ul li a.on 
{
	background: #fff !important;
	padding: 3px 5px 3px 5px;
	font-weight: bold;
}
/**************** Sharon Edit5 added important to for ie**/
#cat1 .pagination ul li a:hover, #cat1 .pagination ul li a.on { color: #2caf00 !important;	border: 1px solid #2caf00; }
#cat2 .pagination ul li a:hover, #cat2 .pagination ul li a.on { color: #4a6fb9 !important;	border: 1px solid #4a6fb9; }
#cat3 .pagination ul li a:hover, #cat3 .pagination ul li a.on { color: #d83208 !important;	border: 1px solid #d83208; }
#cat4 .pagination ul li a:hover, #cat4 .pagination ul li a.on { color: #db5801 !important;	border: 1px solid #db5801; }
#cat5 .pagination ul li a:hover, #cat5 .pagination ul li a.on { color: #e1b04b !important;	border: 1px solid #e1b04b; }
#cat6 .pagination ul li a:hover, #cat6 .pagination ul li a.on { color: #510051 !important;	border: 1px solid #510051; }
#cat7 .pagination ul li a:hover, #cat7 .pagination ul li a.on { color: #0b8283 !important;	border: 1px solid #0b8283; }
#cat8 .pagination ul li a:hover, #cat8 .pagination ul li a.on { color: #4cac4d !important;	border: 1px solid #4cac4d; }
#cat9 .pagination ul li a:hover, #cat9 .pagination ul li a.on { color: #002e5c !important;	border: 1px solid #002e5c; }
/***Finish Edit5*/

#cat1 fieldset.pagination ul li a { background: #2caf00; }
#cat2 fieldset.pagination ul li a { background: #4a6fb9; }
#cat3 fieldset.pagination ul li a { background: #d83208; }
#cat4 fieldset.pagination ul li a { background: #db5801; }
#cat5 fieldset.pagination ul li a { background: #e1b04b; }
#cat6 fieldset.pagination ul li a { background: #510051; }
#cat7 fieldset.pagination ul li a { background: #0b8283; }
#cat8 fieldset.pagination ul li a { background: #4cac4d; }
#cat9 fieldset.pagination ul li a { background: #002e5c; }

#cat2 input.search2 , #cat3 input.search2 , #cat4 input.search2 , #cat5 input.search2 , #cat6 input.search2 , #cat7 input.search2 , #cat8 input.search2 , #cat9 input.search2 
{
	height: 20px;
	float:left;
	width: 20px;
	margin-left: -1px;
}
/**************** Sharon Edit3 - added different images for search bg to each class**/
#cat1 input.search2 {	background: #2caf00 url(/_images/layout/cat_search_nbg.gif) center 1px no-repeat; border: 1px solid #fff;}
#cat2 input.search2 {	background: #4a6fb9 url(/_images/layout/cat_search_nbg2.gif) center 1px no-repeat; border: 1px solid #fff; }
#cat3 input.search2 {	background: #d83208 url(/_images/layout/cat_search_nbg3.gif) center 1px no-repeat; border: 1px solid #fff; }
#cat4 input.search2 {	background: #db5801 url(/_images/layout/cat_search_nbg4.gif) center 1px no-repeat; border: 1px solid #fff; }
#cat5 input.search2 {	background: #e1b04b url(/_images/layout/cat_search_nbg5.gif) center 1px no-repeat; border: 1px solid #fff; }
#cat6 input.search2 {	background: #510051 url(/_images/layout/cat_search_nbg6.gif) center 1px no-repeat; border: 1px solid #fff; }
#cat7 input.search2 {	background: #0b8283 url(/_images/layout/cat_search_nbg7.gif) center 1px no-repeat; border: 1px solid #fff; }
#cat8 input.search2 {	background: #4cac4d url(/_images/layout/cat_search_nbg8.gif) center 1px no-repeat; border: 1px solid #fff; }
#cat9 input.search2 {	background: #002e5c url(/_images/layout/cat_search_nbg9.gif) center 1px no-repeat; border: 1px solid #fff; }
/****Finish Edit3 ****/

/**************** Sharon Edit1 commented this out to replace with underneath styles**
#search-cat p.drops select { width:137px; font-size:x-small;}  */

#search-cat select {
	font-size: 85%;
	margin: 0 !important;
}

select#ship, select#format {
 width: 11.5em;
}

select#langauge {
width: 11.5em;
}

select#rank {
	width: 15em;
} 

/****Finish Edit1 ****/


fieldset.text {
	background: #8D8B8C;
	float:left;
}

/**************** Sharon Edit2 commented this out to replace with underneath**

#cat1 #search-cat .text, #cat2 #search-cat .text, #cat3 #search-cat .text, #cat4 #search-cat .text, #cat5 #search-cat .text, #cat6 #search-cat .text, #cat7 #search-cat .text, #cat8 #search-cat .text 
{
	padding: 3px 0 2px 5px;
	width: 100%;
	margin-bottom: 10px;
	float: left;
}
*/

#cat #search-cat .text, #cat1 #search-cat .text, #cat2 #search-cat .text, #cat3 #search-cat .text, #cat4 #search-cat .text, 
#cat5 #search-cat .text, #cat6 #search-cat .text, #cat7 #search-cat .text, #cat8 #search-cat .text, #cat9 #search-cat .text {
	padding: 3px 0 2px 1px;
	width: 564px;
	margin-bottom: 10px;
	float: left;
}

/****Finish Edit2 ****/

#cat1 #search-cat .text {	background: #2caf00; }
#cat2 #search-cat .text {	background: #4a6fb9; }
#cat3 #search-cat .text {	background: #d83208; }
#cat4 #search-cat .text {	background: #db5801; }
#cat5 #search-cat .text {	background: #e1b04b; }
#cat6 #search-cat .text {	background: #510051; }
#cat7 #search-cat .text {	background: #0b8283; }
#cat8 #search-cat .text {	background: #4cac4d; }
#cat9 #search-cat .text {	background: #002e5c; }

#cat1 #search-cat .text {	background: #2caf00; }
#cat2 #search-cat .text {	background: #4a6fb9; }
#cat3 #search-cat .text {	background: #d83208; }
#cat4 #search-cat .text {	background: #db5801; }
#cat5 #search-cat .text {	background: #e1b04b; }
#cat6 #search-cat .text {	background: #510051; }
#cat7 #search-cat .text {	background: #0b8283; }
#cat8 #search-cat .text {	background: #4cac4d; }
#cat9 #search-cat .text {	background: #002e5c; }


.livevcms_content_form input{
	float:none;
	display:inline;
	color:#000;
	font-size:small;
}
.livevcms_content_form p{
	float:none;
	display:block;
	margin:0;
	padding:0;
}
.livevcms_content_form p strong{
	font-weight:bold;
}


.cmsimg {
	float:left;
}
	.cmsimg span{
		float:left;
		margin: 0;
		padding: 0;
		font-weight: bold;
		font-size: 90%;
		margin-right: 15px;
	}
	.cmsimg img {
		clear:both;
	  background: #fff url(/_images/layout/shadow_alpha.png) no-repeat right bottom !important; 
		margin: 2px 0 0 2px; 
		padding: 0 6px 6px 0;
	}


.cmsnoimg {
	clear:both;
	width:100%;
	margin-bottom:15px;
}


.cmsrightimg{
	clear:both;
	width:100%;
	margin-bottom:15px;
}
	.cmsrightimg img {
		float:right;
	  background: #fff url(/_images/layout/shadow_alpha.png) no-repeat right bottom !important; 
		margin: 2px 0 0 2px; 
		padding: 0 6px 6px 0;
	}

.cmsleftimg{
	clear:both;
	width:100%;
	margin-bottom:15px;
}
	.cmsleftimg img {
		float:left;
	  background: #fff url(/_images/layout/shadow_alpha.png) no-repeat right bottom !important; 
		margin: 2px 2px 0 0; 
		padding: 0 6px 6px 0;
	}


/* </ANDY>
---------------------------------------------------------------------------------*/

/* <Sharon> CMS & backend stuff
---------------------------------------------------------------------------------*/

body#mlc #container div form input {
background: none !important;
color: #000 !important;
font-size: 100%;
	
}