* {
    font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
}


p, h1, h2, h3, hr{
margin-top:8px;
margin-bottom:8px;
}





table td{
padding:5px;
}


 
.select {
    
	width: 550px;
    
	/*
	overflow: auto;
	height: 500px;
   */
	
	border: 1px solid #000000;
	background:#ffffff;
	margin:10px;
	cursor:pointer;
}
 
.option {
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
	color:#008000;
	background:#ffffff;
	
}

.optionx{
cursor:default;
color:#000000;
font-weight:bold;

}
 
.active {
    background: #CBEECA;
}




.enhancedoptiontxt{
font-size:100%;
}

.enhancedoptiontxt a:link, .enhancedoptiontxt a:visited{
font-size:100%;
}

.enhancedoptiontxt a:hover{
font-size:100%;
}



.featurebox{
color:#000000;
border:0px solid #666666;
padding:10px;
margin-bottom:10px;
background-color:#FFFFFF;
}

.featureboxgreen{
color:#000000;
border:0px solid #666666;
padding:10px;
margin-bottom:10px;
background-color:#F5FEF1;
}


.goldtitle{
color:#000000;
font-size:150%;
font-weight:bold;
padding:10px;
background:#FFC66F url(/assets/images/bg/goldgrad.gif) repeat-x 0;
background-color:;
margin:10px 10px 0px 10px;
border: 1px solid #666666;
}

.silvertitle{
color:#000000;
font-size:150%;
font-weight:bold;
padding:10px;
background: #E9E9E9 url(/assets/images/bg/silvergrad.gif) repeat-x 0;
background-color:;
margin:10px 10px 0px 10px;
border: 1px solid #666666;
}

.redtitle{
color:#000000;
font-size:150%;
font-weight:bold;
padding:10px;
background: #FCBEBE url(/assets/images/bg/redgrad.gif) repeat-x 0;
background-color:;
margin:10px 10px 0px 10px;
border: 1px solid #666666;
}

.greentitle{
color:#000000;
font-size:150%;
font-weight:bold;
padding:10px;
background: #FCBEBE url(/assets/images/bg/greengrad.gif) repeat-x 0;
background-color:;
margin:10px 10px 0px 10px;
border: 1px solid #666666;
}

.regtitle{
color:#000000;
font-size:150%;
font-weight:bold;
padding:10px;
background-color:#FFC66F;
margin:10px 10px 0px 10px;
border: 1px solid #666666;
}

.silverbox{
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
border-top:1px solid #ffffff;
margin:0px 10px 20px 10px;
padding:0px 10px 10px 10px;
background-color:#F7F7F7;
}
.goldbox{
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
border-top:1px solid #ffffff;
margin:0px 10px 10px 10px;
padding:0px 10px 10px 10px;
background-color:#FEFBEB;
}

.redbox{
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
border-top:1px solid #ffffff;
margin:0px 10px 10px 10px;
padding:0px 10px 10px 10px;
background-color:#FEEDED;
}

.greenbox{
border-left:1px solid #666666;
border-right:1px solid #666666;
border-bottom:1px solid #666666;
border-top:1px solid #ffffff;
margin:0px 10px 10px 10px;
padding:0px 10px 10px 10px;
background-color:#F5FEF1;
}





.rightad{
margin-bottom:10px;
padding-top:15px;
padding-bottom:15px;
/*background-color:#32373E;*/
}


.companyname{
font-size:120%;

}

.cbox1{
padding:10px;
margin-top:10px;
margin-bottom:10px;
background-color:#FFFFFF;
}

.cbox2{
padding:10px;
margin-top:10px;
margin-bottom:10px;
background-color:#FFFF99;
border:1px solid #F8AA07;
}

.cbox3{
margin-top:10px;
margin-bottom:10px;
background-color:#FFFF99;
border:1px solid #F8AA07;

}

.cbox3 a:link, cbox3 a:visited{
font-size:100%;
font-weight:bold;
color:#000000;
text-decoration:underline;
}

.cbox3 a:link, cbox3 a:visited{
color:#333333;
}


.nav a:link, .nav a:visited{
color:#000000;
font-size:75%;
text-decoration:underline;
}

.nav a:hover{
color:#666666;
font-size:75%;
text-decoration:underline;
}





/*Top level layout styles*/

body {
text-align: center; /*ie5 hack*/
margin: 0px;
padding: 0px;
background-color:#2055B1;
font-size:100%;
color:#333333;
}

.container {
margin-right: auto;
margin-left: auto;
position: relative;
width: 1000px;    /*substitue your page width*/
text-align: left; /*reset divs after ie5 hack*/
background: #ffffff url(/assets/images/bg/pagebackground.gif) repeat-y 0;
padding:0px;
margin-top:20px;
border-bottom:0px solid #A3A5A5;
border-top:0px solid #A3A5A5; 
border-left:0px solid #A3A5A5; 
border-right:0px solid #A3A5A5;
}

.headerx{

background:#383684;
}

.topnav{
height:40px;
background:url(/assets/images/topnav/button1c.gif) repeat-x; position:relative;
color:#CCCCCC;
font-size:100%;
}

.body-left{
margin:0px;
padding:5px 10px 10px 20px;
float:left;
width:610px;
min-height:700px;
height:auto !important;
height:500px;

}

.body-right{
padding-left:10px;
padding-right:10px;
float:right;
width:330px;
height:auto;
text-align:center;

}


.footer{
height:90px;
background: #333333 url(/assets/images/cmxform/cmxform-fieldset2.gif) left bottom repeat-x;
color:#CCCCCC;
font-size:100%;

}

.footer a:link, .footer a:visited{
font-weight:bold;
text-decoration:underline;
color:#CCCCCC;
}


.footer a:hover{
font-weight:bold;
text-decoration:underline;
color:#ffffff;
}

/*-------------------------------------------------------------------------------------------*/

/*General Formatting*/


h1{
font-size:150%;
font-weight:bold;
color:#D5007F;
}

h2{
font-size:125%;
font-weight:bold;
}

h3{
font-size:110%;
font-weight:bold;
}

a:link, a:visited{
color:#2055B1;
font-weight:bold;
text-decoration:none;
}

a:hover{
color:#174084;
font-weight:bold;
text-decoration:underline;
}




/*admin nav */
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.arrowgreen{
	width: 250px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #7AA2FF;
	border-size: 1px;
	border-width: 1px;
	text-align:right;
	margin-top:10px;
}

.arrowgreen ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
.arrowgreen li a{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(/assets/images/rnav/arrowblue.gif) 100% 0;
  height: 24px; /*Set to height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 10px 4px 0px;
	line-height: 24px; /*Set line-height of bg image- padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}	
	
.arrowgreen li a:link, .arrowgreen li a:visited {
	color: #2056B5;
}

.arrowgreen li a:hover{
	color: #2056B5;
	background-position: 100% -32px;
}

	
.arrowgreen li a.selected{
	color: #2056B5;
	background-position: 100% -64px;
}








/*-------------------------------------------------------------------------------------------*/

/*CSS for Tabs*/

.ui-tabs-hide { display: none; }
.ui-tabs-panel {clear:left; padding-top:10px;}

.ui-tabs-nav {
  padding:0; 
  margin:0px; 
  list-style-type:none;
  white-space:nowrap;
}

.ui-tabs-nav li {
  float:left;
  min-width:100px;
}

.ui-tabs-nav a {
  position:relative;
  display:block; 
  text-decoration:none; 
  min-width:100px; 
  float:left; 
}


* html .ui-tabs-nav a {
  width:100px;
  }

.ui-tabs-nav a span {
  display:block; 
  color:#000;
  /*base colour of buttons: */ 
  background:#c4c4c4;
  /*page background colour: */ 
  border:1px solid #ffffff; 
  border-width:2px 1px; 
  text-align:center; 
  padding:4px 16px; 
  cursor:pointer;
  }
* html .ui-tabs-nav a span {
  width:100px; 
  cursor:hand; 
  w\idth:66px;
  }
.ui-tabs-nav a b {
  display:block; 
  /*Line below tabs*/
  border-bottom:2px solid #2055B1;
  }
.ui-tabs-nav a em {
  display:none;
  }
.ui-tabs-nav a:hover {
  text-decoration:none; 
  }
.ui-tabs-nav a:hover span {
  color:#ffffff; 
  /*button hover colour*/
  background:#2055B1;
  }
 
.ui-tabs-nav a:hover em {
  display:block; 
  overflow:hidden; 
  border:6px solid #06a; 
  /*Pointer colour, page background colour: */
  border-color:#2055B1 #ffffff; 
  border-width:6px 6px 0 6px; 
  position:absolute; 
  left:50%; 
  margin-left:-6px;
  }

/* current tab colour: */
.ui-tabs-selected a span{background-color:#2055B1; color:#ffffff;}

/*-------------------------------------------------------------------------------------------*/

/*Facebox styles*/

#facebox .b {
	BACKGROUND: url(/assets/images/facebox/b.png)
}
#facebox .tl {
	BACKGROUND: url(/assets/images/facebox/tl.png)
}
#facebox .tr {
	BACKGROUND: url(/assets/images/facebox/tr.png)
}
#facebox .bl {
	BACKGROUND: url(/assets/images/facebox/bl.png)
}
#facebox .br {
	BACKGROUND: url(/assets/images/facebox/br.png)
}
#facebox {
	Z-INDEX: 100; LEFT: 0px; POSITION: absolute; TOP: 0px; TEXT-ALIGN: left
}
#facebox .popup {
	POSITION: relative
}
#facebox TABLE {
	BORDER-COLLAPSE: collapse
}
#facebox TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BORDER-BOTTOM-WIDTH: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#facebox .body {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; BACKGROUND: #fff; PADDING-BOTTOM: 10px; WIDTH: 370px; PADDING-TOP: 10px
}
#facebox .loading {
	TEXT-ALIGN: center
}
#facebox .image {
	TEXT-ALIGN: center
}
#facebox IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; BORDER-RIGHT-WIDTH: 0px
}
#facebox .footer {
	BORDER-TOP: #dddddd 1px solid; MARGIN-TOP: 10px; PADDING-TOP: 5px; TEXT-ALIGN: right; background:#ffffff; height:40px;
}
#facebox .tl {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 10px; PADDING-TOP: 0px; HEIGHT: 10px
}
#facebox .tr {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 10px; PADDING-TOP: 0px; HEIGHT: 10px
}
#facebox .bl {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 10px; PADDING-TOP: 0px; HEIGHT: 10px
}
#facebox .br {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; WIDTH: 10px; PADDING-TOP: 0px; HEIGHT: 10px
}
#facebox_overlay {
	LEFT: 0px; WIDTH: 100%; POSITION: fixed; TOP: 0px; HEIGHT: 100%
}
.facebox_hide {
	Z-INDEX: -100
}
.facebox_overlayBG {
	Z-INDEX: 99; BACKGROUND-COLOR: #ffffff
}
* HTML #facebox_overlay {
	POSITION: absolute; ; HEIGHT: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px')
}

/*-------------------------------------------------------------------------------------------*/

/*cmxform template*/

form.cmxform fieldset {
	margin-bottom: 10px;
	padding:4px;
}

form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}

form.cmxform label {
	display: inline-block;
	line-height: 1.8;
	vertical-align: top;
	cursor: hand;
}

form.cmxform fieldset p {
	list-style: none;
	padding: 5px;
	margin: 0;
}

form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}

form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}

form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}

form.cmxform label { width: 200px; } /* Width of labels */
form.cmxform fieldset fieldset label { margin-left: 203px; } /* Width plus 3 (html space) */
form.cmxform label.error {
	margin-left: 203px;
	width: 200px;
}

form.cmxform input.submit {
	margin-left: 200px;
}

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */



form.cmxform {
	width: 580px;
	font-size: 1.0em;
	color: #666666;
}

form.cmxform legend {
	padding-left: 0;
}

form.cmxform legend, form.cmxform label {
	color: #666666;
}

form.cmxform fieldset {
	background-color: #EEEBFE;
	border: 1px solid #666666;
	
	
	/*
	border-top: 1px solid #666666;
	background: url(/assets/images/cmxform/cmxform-fieldset.gif) left bottom repeat-x;
	border: none;
	*/
}

form.cmxform fieldset fieldset {
	background: none;
}

form.cmxform fieldset p, form.cmxform fieldset fieldset {
	padding: 5px 10px 7px;
	background: url(/assets/images/cmxform/cmxform-divider.gif) left bottom repeat-x;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: #FF0000;
	font-size: 100%;
	border: none;
	border-top: 1px dotted #FF0000;
	margin-left: 10px;
	width: auto;
	display: inline;

}
div.error { display: none; }
input {	border: 1px solid #000000; }
input:focus { border: 1px solid #2055B1; }

input.error { 
border: 1px dotted FF0000; 
}
form.cmxform .gray * { color: gray; }

/*-------------------------------------------------------------------------------------------*/




/*-------------------------------------------------------------------------------------------*/

/*multipart form styling*/
ul#stepForm,ul#stepForm li {
	margin: 0;
	padding: 0;
}

ul#stepForm li {
	list-style: none;
}

div.requiredNotice {
	width: 140px;
	float: right;
	margin: 0 24px 0 0;
	padding: 0;
}

#stepForm label.warning {
	text-align: left;
	width: auto;
	padding: 0;
	margin: 0 0 0 10px;
	float: none;
	clear: none;
	display: inline;
	color: #ff0000;
	font-size: 100%;
	border: none;
	border-top: 1px dotted #ff0000;
}

div.buttonWrapper {
	margin: 28px 0 14px 0;
	clear: both;
	text-align: center;
}
/*-------------------------------------------------------------------------------------------*/

/* ---- TOP MENU ---  */
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(/assets/images/topnav/button4.gif);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#fff url(/assets/images/topnav/button1c.gif) repeat-x; position:relative; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#bbb; text-decoration:none; font-size:100%; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(/assets/images/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(/assets/images/topnav/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(/assets/images/topnav/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(/assets/images/topnav/button4a.gif) no-repeat right top;}

.menu2 li:hover > a.top_link {color:#fff; background: url(/assets/images/topnav/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(/assets/images/topnav/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(/assets/images/topnav/button4a.gif) no-repeat right top;}


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #0065BC; white-space:nowrap; width:93px; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:90px;}
.menu2 :hover ul.sub li a {display:block; font-size:100%; height:20px; width:87px; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(/new/images/arrow.gif) 80px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#0065BC; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#0065BC url(/assets/images/topnav/arrow_over.gif) 80px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#0065BC url(/assets/images/topnav/arrow_over.gif) 80px 7px no-repeat; color:#fff;} 

.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:90px; top:-4px; background: #fff; padding:3px 0; border:1px solid #0065BC; white-space:nowrap; width:93px; z-index:200; height:auto;}


/*---------------------------------------------------------------------------------------------------*/
/* tables */

/*background header - no field*/
table.tablesorter {

	background-color: #CCCCCC;
	margin:0px 0pt 15px;
	font-size: 100%;
	width: 99%;
	text-align: left;
	color:#ffffff;
	border:1px solid #111111;
}

/*background header - not selected*/
table.tablesorter thead tr th{
	background: #cccccc;
	border-right: 1px solid #111111;
	border-bottom: 1px solid #111111;
	font-size: 100%;
	padding: 10px;
	color:#000000;
	font-weight:bold;
}

/*background header - Field -selected*/
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background: #BEBEBE;

}

/*background header */
table.tablesorter thead tr .header {
	
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	border-bottom: 1px solid #111111;
}


/*background header - Rows*/
table.tablesorter tbody td {
	padding: 10px;
	background-color: #F3F3F3;
	vertical-align: top;
	color:#000000;
}

table.tablesorter tbody tr.odd td {
	background-color:#ffffff;
	color:#000000;
}

/*background header - Links*/
table.tablesorter tbody td a:Link, table.tablesorter tbody td a:visited{
font-weight:bold;
color:#3E4495;
text-decoration:none;
}


table.tablesorter tbody td a:hover{
color:#5F66BC;
text-decoration:underline;
}


table.tablesorter thead tr .headerSortUp {
	background-image: url(/assets/images/bullets/table_asc.gif);
	
}


table.tablesorter thead tr .headerSortDown {
	background-image: url(/assets/images/bullets/table_desc.gif);
}

table.tablesorter tfoot tr {
background-color:#CCCCCC;
border-top:1px solid #000000;
color:#000000;
font-weight:bold;

}
/*-----------------------------------------------------------------*/





#rbox1{
width: 300px; 
padding:0px 10px 0px 10px;
color:#FFFFFF;
border:4px solid #cccccc;
margin-top:10px;
font-size:100%;
background: #333333 url(/assets/images/cmxform/cmxform-fieldset2.gif) left bottom repeat-x;
}

#rbox1 a:link, #rbox1 a:visited{
color:#EAEAEA;
font-weight:bold;
text-decoration:none;
text-decoration:underline;
}

#rbox1 a:hover{
color:#D7D7D7;
font-weight:bold;
text-decoration:underline;
}

#rbox1 label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
}

#rbox1 form fieldset {

	border: none;

}

/*-----------------------------------------------------------------*/
/*Company List page*/

.parentdetails{
width: auto; 
padding:10px;
min-height:200px;
color:#000000;
border:4px solid #cccccc;
margin-top:10px;
font-size:100%;
background:#ffffff;
}

.parentdetailsx a:link, .parentdetailsx a:visited{
color:#EAEAEA;
font-weight:bold;
text-decoration:none;
text-decoration:underline;
}

.parentdetailsx a:hover{
color:#D7D7D7;
font-weight:bold;
text-decoration:underline;
}

/*-----------------------------------------------------------------*/

/*Enhanced Order Form*/

#enhancedboltons{
display:none;
}

.companybox1{

}


.companybox1 a:link, .companybox1 a:visited{
color:#ffffff;
font-weight:bold;
text-decoration:none;
text-decoration:underline;
}

.companybox1 a:hover{
color:#D7D7D7;
font-weight:bold;
text-decoration:underline;
}

.box1{
border: none;
border-top: 1px solid #666666;
background: url(/assets/images/cmxform/cmxform-fieldset.gif) left bottom repeat-x;
background-color: #E9E9E9;
padding:10px; 
margin-bottom:15px; 
color:#000000;
padding:10px;
}