/*----------- GENERAL STYLE --------------*/
body
{
	margin-top:0px;
	margin-left:0px;
	margin:0;
	/*color:#577087;*/
	color:#06154e;
}
*
{		
	font-family:Arial, sans-serif;
	font-size:11px;
	text-align:left;
}
html, body
{	
	font-size:11px;	
	background-color:#76787b;
}
form
{
	display:inline;
}

h1
{
	color:#66a8bf;
}

h2, h3, h4, strong
{
	/*color:#65a8c0;*/
	color:#587189;
}

a
{
	color:#b48c00;
	text-decoration:underline;
}
a:hover
{
	text-decoration:none;
}
legend
{
color:#A14920;
}


/*----------- GLOABL LAYOUT --------------*/

#NavMain
{
	margin:auto;		
	color:#ffffff;
	margin-bottom:5px;	
	background-color:#587189;
	border-top:2px solid #b48c00;
	border-bottom:1px solid #587189;	
}
#NavMainItems
{
	display:block;	
	text-align:center;
}
.NavMainItem
{	
	display:inline;	
	margin:0 10px 0 10px;	
}
.NavMainItem a
{		
	font-size:13px;
	color:#ffffff;
	text-decoration:none;	
	line-height:24px;	
	padding-top:4px;	
	padding-bottom:5px;
	padding-bottom:4px !important;		
	padding-left:20px;
	padding-right:20px;	
}
.NavMainItem a:hover
{	
	text-decoration:none;	
	background-color:#66a8bf;	
}
	
#BodyContainer
{	
	padding:10px;	
	width:800px;	
	margin-left:auto;
	margin-right:auto;		
	border:1px solid #06154e;	
	background-color:#FFFFFF;
}
#BodyContentBox
{			
	width:100%;		
	clear:both;
	margin:auto;	
}
#FooterBox
{			
	/*width:675px;*/
	margin-left:auto;
	margin-right:auto;	
	margin-top:5px;
	padding:5px;
	color:#ffffff;	
	border-top:2px solid #b48c00;
	background-color:#587189;		
}
#FooterLinks
{
	text-align:center;
}
#FooterLinks a
{	
	color:white;
	text-decoration:none;
	
}
#FooterLinks a:hover
{
	text-decoration:underline;
}

#FooterBox .NavSeperator
{
	margin-left:10px;
	margin-right:6px;
}

/*----------- HEADER LAYOUT & STYLE --------------*/

#HeaderBox
{
	clear:both;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;	
	/*background-color:red;*/	
}
#HeaderLogoBox
{
	margin:0;	
	height:80px;		
	/*padding:7px 0px 7px 0px;*/	
}
#HeaderLogoLeft
{
	float:left;	
	/*line-height:12px;*/	
}
#HeaderLogoLeft img
{	
	margin-right:15px;	
	
	/* IE 6 won't recognise this */
	vertical-align:top !important;
	
	/* IE hack */
	vertical-align:middle;		
}
#HeaderLogoLeft h1
{	
	font-size:22px;
	color:#000000;	
	display:inline;	
	margin:0;
	padding:0;
}
#HeaderLogoLeft h2, #HeaderLogoLeft h2 em
{	
	font-size:16px;
	color:#000000;	
	display:inline;	
	margin:0;
	padding:0;
	/*background-color:green;*/	
}
#HeaderLogoLeft h3, #HeaderLogoLeft h3 em
{
	font-size:14px;
	color:#000000;	
	display:inline;	
	margin:0;
	padding:0;
	/*background-color:green;*/	
}

#HeaderNavRight
{	
	float:right;
	margin-top:22px;
	/*line-height:65px;*/
}

#HeaderNavRight img
{
	margin-left:15px;
	margin-right:10px;
	vertical-align:middle;
}

.NavText a
{
    font-size:11px;
	color:#06154e;
    text-decoration:none;      
}
.NavText a:hover
{
    text-decoration:none;
    color:#E3A800;
}

.ReadMore
{
	clear:right;
	margin:5px 0px;	
}
.ReadMore a
{
	color:#D47A00;	
	padding:0px 0px 2px 21px;
	background:transparent url('/www/images/arrow-read-more.gif') no-repeat scroll left center;
}


/*----------- VARIATIONS ON STANDARD TAGS --------------*/

#BodyContentBox h1
{		
	/*color:#2c2c19;
	color:#000000;*/
	font-size:14px;
	margin-top:0px;
	margin-bottom:15px;
}
#BodyContentBox h2
{
	font-size:13px;
	margin-top:0px;
	margin-bottom:10px;
}
#BodyContentBox p
{			
	margin-top:0px;
	margin-bottom:10px;
}
#BodyContentBox hr
{		
	height:1px;
	/* get rid of all borders b4 adding */
	border:0;
	border-top-width: 1px;
    border-top-style: solid;
    border-color: #d2cfbf; 
    margin-top:0px;
	margin-bottom:5px;
}

#EnquiryFormTbl input, #EnquiryFormTbl img
{
	vertical-align:middle;
}


/* -------------------------- THE BODY COLUMNS -------------------------- */

#ColumnBox
{
	clear:both;
}

#ColumnLeft
{
	float:left;
	clear:left;
	width:455px;
	/*background-color:gray;*/
}

#ColumnRight
{
	clear:right;
	float:right;
	width:212px;		
}

/* -------------------------- THE MENU -------------------------- */





/*-------------------------- THE ROUNDED BOX -------------------------- */

.RoundedBox
{
	/* define width inline depending lon needs width:225px;*/
	
	background-color:#ffffff;
}

.RoundedBox .top {background: url('/www/images/rounded/dot.gif') 0 0 repeat-x; }
.RoundedBox .bottom {background: url('/www/images/rounded/dot.gif') 0 100% repeat-x}
.RoundedBox .left {background: url('/www/images/rounded/dot.gif') 0 0 repeat-y}
.RoundedBox .right {background: url('/www/images/rounded/dot.gif') 100% 0 repeat-y}
.RoundedBox .bottomLeft {background: url('/www/images/rounded/bg-bottom-left.gif') 0 100% no-repeat}
.RoundedBox .bottomRight {background: url('/www/images/rounded/bg-bottom-right.gif') 100% 100% no-repeat}
.RoundedBox .topLeft {background: url('/www/images/rounded/bg-top-left.gif') 0 0 no-repeat}
.RoundedBox .topRight {background: url('/www/images/rounded/bg-top-right.gif') 100% 0 no-repeat; padding:10px}

.RoundedFilledBox
{
	/* define width inline depending lon needs width:225px;
	
	background-color:#ffffff;*/
}

.RoundedFilledBox .bottomLeft {background: url('/www/images/rounded/bg-bottom-left.gif') 0 100% no-repeat}
.RoundedFilledBox .bottomRight {background: url('/www/images/rounded/bg-bottom-right.gif') 100% 100% no-repeat}
.RoundedFilledBox .topLeft {background: url('/www/images/rounded/bg-top-left.gif') 0 0 no-repeat}
.RoundedFilledBox .topRight {background: url('/www/images/rounded/bg-top-right.gif') 100% 0 no-repeat; padding:10px}


/*-------------------------- STALLHOLDER IMAGES -------------------------- */



/* -------------------------- THE BLURB BOX -------------------------- */
.BlurbBoxItems
{
	background-image:url(/www/images/box-bg-header.jpg);
	background-repeat:no-repeat;
	background-position:top center;		
	border:1px solid #a0a3a7;	
	padding:5px;		
}
.BlurbBoxItems .header
{
	height:35px;	
	margin-bottom:10px !important;
}
.BlurbBoxItems .title
{
	color:white;
	font-size:14px;
	font-weight:bold;	
}
.BlurbBoxItems .subtitle
{	
	height:25px;
	color:white;
	font-size:13px;	
	padding-top:4px;
}

/* --- actual box element --- */

.BlurbBox
{
	clear:both;
	margin-bottom:10px;
	width:100%;	
}
.BlurbBox .image
{
	float:left;
	width:132px;
	margin:0px;
}
.BlurbBox .content
{
	/*width:307px;
	float:right;*/	
	
	clear:right;	
	padding-left:143px;
}
.BlurbBox .link
{
	clear:right;	
	padding-left:143px;	
}
.BlurbBox .link a
{	
	color:#b48c00;
	line-height:20px;
	padding:0px 0px 2px 21px;
	background:transparent url('/www/images/arrow-read-more.gif') no-repeat scroll left center;
}
.BlurbBox .emphasise
{
	color:#8C9A07;
}
 

#SpecsTable
{
	/*border:1px solid #587189;*/
	border-collapse:collapse;
	background-color:#efefef;
} 

#SpecsTable td
{
	/*padding:3px;*/
	border:1px solid #ffffff;
}
#SpecsTable th
{
	/*padding:3px;*/
	text-align:left;
	font-weight:normal;
	background-color:#e3e3e3;
	border:1px solid #ffffff;;
}