body{
	margin:0;
	padding:0;
	background:#2A8FBC url(Images/page_bg.gif);
	text-align:center;
}

form{
	margin:0;
	padding:0;
}

#container {
	position:relative;
	width:760px;
	margin:0px auto;
	padding:0;
	text-align:left;
	background:#FFFFFF;
}

tr.reviewer {
	background:#FFFFFF;
	text-align:left;
	padding-left:6px;
}

#top_section {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
}

#top_nav {
	position:absolute;
	top:0;
	right:0;
	width:285px;
	background:#2A8FBC url(Images/page_bg.gif);
}

#top_nav_Date, #top_nav_DateBrand {
	position:absolute;
	top:11px;
	right:15px;
	width:230px;
	z-index:3;
	background:transparent;
	font: bold 11px/16px Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	padding-left:3px;
	color:#666666;
	text-align:right;
}

#top_nav_DateBrand{
	top:7px;
}

#top_nav .tab {
	position:absolute;
	top:0;
	z-index:3;
}

#filler1 {
	position:relative;
	top:6px;
	right:0px;
	width:285px;
	height:40px;
	z-index:1;
	background:transparent url(Images/dot.gif) repeat-y 100% 0%;
}

#filler2 {
	position:absolute;
	top:0px;
	right:265px;
	width:20px;
	height:10px;
	z-index:2;
}

#top_logo {
	position:relative;
	width:738px;
	padding:15px 0px 30px 20px;
	margin:0;
	background:#FFFFFF url(Images/greyline.gif) repeat-x 0% 97%;
	height:1%;
}

a:link, a:visited, a:active {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #344364;
	text-decoration:none;
}

a:hover {
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	color: #2A8FBC;
	text-decoration:none;
}


td a.plain {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: inherit;
	text-decoration:none;
}

.login {
	position:absolute;
	bottom:21px;
	right:3px;
	width:400px;
	height:53px;
	background: transparent url(Images/login_bg.gif) no-repeat scroll 0px 0px;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color:#70859F;
	padding:0;
	margin:0;
}

.login span{
	position:absolute;
	margin:17px 0px 0px 10px;
}

.login img{
	position:absolute;
	right:8px;
	margin:6px 0px 0px 0px;
	border:0px solid #FFFFFF;
}

.login .button {
	position:absolute;
	top:-4px;
	right:0px;
	z-index:2;
	width: 82px;
	height: 21px;
	background: #F7F7F7 url(Images/login_button.gif) no-repeat scroll 0% 0%;
	cursor: pointer;
}

* html .login .button {
	top:-2px;
}

.login .buttonOver {
	position:absolute;
	top:-4px;
	right:0px;
	z-index:2;
	width: 82px;
	height: 21px;
	background: #F7F7F7 url(Images/login_button.over.gif) no-repeat scroll 0% 0%;
	cursor: pointer;
}

* html .login .buttonOver {
	top:-2px;
}


#midstrip {
	background-color:#281D72;
	height:auto;
}

* html #midstrip {
	height:20px;
}

#wrapper{
	position:absolute;
	width:758px;
	background:#FFFFFF;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	margin:0;
	/*tempheight:700px;/temp*/
}

/** html #wrapper{
	height:auto;
}*/

#content {
	float:right;
	width: 495px;
	margin: 30px 30px 25px 5px;
}

* html #content {
	margin: 30px 15px 25px 5px;
}

#content p, #left_nav p {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color:#70859F;
	text-align:justify;
}

#content h1, #content h2, #content h3{
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #70859F;
	border-bottom: 1px solid #C0C0C0;
	margin: 0px 0px  20px 0px;
}

#content h2 {
	border-bottom: 0px solid #C0C0C0;
}

#content h3 {
	margin: 20px 0px;
}

#content ol{
	list-style:lower-roman;
}

#content li {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color: #70859F;
}

#left_nav {
	float:left;
	width:180px;
	margin:27px 0px 0px 30px;
}

* html #left_nav {
	margin:20px 15px;
}

#helpcontainer{
	float:left;
}

#help {
	position:relative;
	width:145px;
	margin:20px 0px 20px 35px;
	padding:10px;
	background:#EFEFEF url(Images/hazard_small.2.gif) no-repeat scroll 100% 100%;
	border:1px solid #336699;
}

* html #help {
	margin-top:0px;
}

#help h2 {
	font: bold 11px Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0;
}

#help p {
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0;
}

#help ul {
	margin: 0px;
	padding: 0px;
}

#help ul li {
/****************************************************************************************************************************************/
/*************************************************add to client styles  list-style: none inside disc; *********************************/
/**************************************************************************************************************************************/
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	list-style: none inside disc;
	padding: 0px;
	margin: 0px;
	background: transparent;
}


#help .close{
	position:absolute;
	top:3px;
	right:0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	padding:0px 2px;
	/*border:1px solid #000;*/
}

#help .close img{
	border:0px solid #000;
}

.helper{
	cursor:pointer;
	position:absolute;
	margin-top:-3px;
}

#left_nav ul {
	margin: 0px;
	padding: 0px;
}

#left_nav ul li {
/****************************************************************************************************************************************/
/*************************************************add to client styles  list-style: none inside disc; *********************************/
/**************************************************************************************************************************************/
	list-style: none inside none;
	padding: 0px;
	margin: 0px;
	background: transparent url(Images/li_leftnav_bg.png) no-repeat scroll 0px 5px;
}

* html #left_nav ul li {
	background: transparent url(Images/li_leftnav_bg.png) no-repeat scroll 0px 2px;
}

#left_nav ul li ul {
	margin: 0px;
	padding: 0px;
}

#left_nav a:link, #left_nav a:visited, #left_nav a:active {
	display: block;
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #344364;
	background: transparent;
	border-bottom: 1px dashed #C0C0C0;
	width: 150px;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 0px 20px;
}

#left_nav a:hover {
	display: block;
	font: bold 12px/20px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #2A8FBC;
	background: transparent;
	border-bottom: 1px solid #2A8FBC;
	width: 150px;
	margin: 0px 0px 5px 0px;
	padding: 5px 0px 0px 20px;
}

* html #left_nav a:link, * html #left_nav a:visited, * html #left_nav a:active, * html #left_nav .adminlinkleft {
	margin: 10px 10px 10px 5px;
	padding: 0px;
}

* html #left_nav a:hover {
	margin: 10px 10px 10px 5px;
	padding: 0px;
}

#footer {
	clear:both;
	width:758px;
	margin: 0px;
	font: normal 10px/16px Arial, Helvetica, sans-serif;
	color:#70859F;
	background: #EDEDED;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-align: center;
	height:18px;
}


#footer a:link, #footer a:visited, #footer a:active {
	font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #70859F;
	border-bottom: 1px solid #56503A;
}

#footer a:hover {
	font: bold 10px/16px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #E80606;
	border-bottom: 1px solid #56503A;
}

.Orders, .OrdersMain {
	background-color:#EFEFEF;
	width:100%;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	border:3px solid #EDEDED;
	padding:3px;
	margin-top:20px;
}

* html .Orders, * html .OrdersMain {
	border:3px solid #EDEDED;
	padding:3px;
	margin:0px;
	margin-top:20px;
}

.OrdersMain {
	margin-top:0px;
}

.Orders .top, .OrdersMain .top {
	background-color:#336699;
	color:#FFFFFF;
	padding:2px 5px;
	font-weight:bold;
}

/* ********************************************************************************************************************************************************* */
/* ********************************************** got to add to client template .frmselectdate ************************************************************* */
/* ********************************************************************************************************************************************************* */
.Orders .frmInput, .Orders .frmselect, .Orders .frmselectdate, .OrdersMain .frmInput, .OrdersMain .frmselect, form.login Input, .Orders textarea, .OrdersMain textarea, .frmInputButton {
	margin: 0px;
	width: 260px;
	border: 1px solid #336699;
	color: #344173;
	background: #FFFFFF;
	font: normal 10px/12px Tahoma, Arial, Helvetica, sans-serif;
	padding:2px 4px;
}

.Orders .frmselect, .OrdersMain .frmselect{
	width: 270px;
}

.frmInputButton{
	width:auto;
	padding:1px 0px 0px 0px;
	cursor:pointer;
}

 form.login Input, .frmselect{
	padding:0;
}

.Orders .frmselectdate {
	width: 133px;
}

tr.top a:link, tr.top a:visited, tr.top a:active{
	color:#FFFFFF;
	text-decoration:none;
}

tr.top a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

#finalcost{
	font-weight:bold;
}

/******      Add by HW 19/02/2008   *******/
A.forgot:link {font-size : 9px; color : #344364; font-family : Tahoma, Arial, Helvetica, sans-serif; text-decoration : underline; } 
A.forgot:visited {font-size : 9px; color : #344364; font-family : Tahoma, Arial, Helvetica, sans-serif; text-decoration : underline; }
A.forgot:hover {font-size : 9px; color : #2A8FBC; font-family : Tahoma, Arial, Helvetica, sans-serif; text-decoration : none; } 

.forgot {
	width:400px;
	height:53px;
	background: transparent url(Images/login_bg.gif) no-repeat scroll 0px 0px;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	color:#70859F;
	padding:0;
	margin:0;
}
.forgot span{
	position:absolute;
	margin:14px 0px 0px 10px;
}