/* --------------------------- BASIC ELEMENTS --------------------------- */

body { 
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 18px;
	color: #333;
	background: #daf3fc url(/images/bg-body.jpg) no-repeat top center fixed;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

form {
	margin: 0px;
	padding: 0px;
}

p { 
	padding: 0px;
	margin: 0px 0px 10px 0px;
	}

h1 {
	color:#54585d;
	font-size: 30px;
	font-weight: bold;
	line-height: 30px;
	letter-spacing: -1px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

h2 {
	color:#1fb25a;
	font-size: 20px;
	font-weight: bold;
	line-height: 24px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}

h3 {
	color:#606;
	font-size: 21px;
	font-weight: bold;
	line-height: 23px;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	}

h4 {
	color:#07759f;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	margin: 0 0 10px 0;
	padding: 0px;
	}

h5 {
	color:#333;
	font-size: 18px;
	font-weight: normal;
	line-height: 22px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}

h6 {
	color: #07759f;
	font-size: 10px;
	font-weight: normal;
	line-height: 12px;
	margin: 0 0 4px 0;
	padding: 0px;
	}

ul { 
	list-style: disc;
	padding: 0px;
	margin: 0 0 0 13px;
	}
	
ol { 
	padding: 0px;
	margin: 0 0 0 13px;
	}
	
li {
	margin: 0px 0px 7px 0px;
	padding: 0px;
	}
	
a {
outline: 0;
}
a:link, a:visited {
	color:#606;
	text-decoration: none;
	}

a:hover, a:active {
	color:#606;
	text-decoration: underline;
	}

/* --------------------------- CONTAINERS --------------------------- */

#center {
	margin: 0 auto;
	}

#container {
	margin: 0 auto;
	width: 1000px;
	height: 100%;
	padding: 0px;
	text-align: left;
	background: url(/images/bg-center.png) repeat-y top center;
	}
	
#content {
	width: 790px;
	float: left;
	margin: 0px 30px 20px 30px;
	padding: 0px;
	text-align:left;
	}

#masthead {
	width: 770px;
	height: 30px;
	padding: 90px 10px 20px 10px;
	margin: 0px;
	text-align: left;
	color:#FFF;
	font-size:36px;
	line-height: 40px;
	font-weight:bold;
	letter-spacing: -1px;
	background: #4bb0d7;
	text-shadow: 1px 1px #333;
	text-transform: capitalize;
	}
	
.half {
	width: 385px;
	padding: 0px;
	text-align: left;
	}
	
.one-third {
	width: 250px;
	padding: 0px;
	text-align: left;
	}
	
#two-thirds {
	width: 520px;
	padding: 0px;
	text-align: left;
	}
	
#one-quarter {
	width: 185px;
	padding: 0px;
	text-align: left;
	}
	
#three-quarters {
	width: 590px;
	padding: 0px;
	text-align: left;
	}
	
/* --------------------------- NAV --------------------------- */

#nav {
	position: relative;
	float:left;
	width: 970px;
	text-align:center;
	height: 40px;
	margin: 0px 30px 0px 0px;
	padding: 0px;
	}

#nav ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

#nav li {
	list-style: none;
	padding: 0px;
	margin: 0px;
	text-align:center;
	float: left;
	}
#nav ul li ul {
	display: none;
	padding: 0px 0px 10px 0px;
	margin: -1px 0px 0px 0px;
}
#nav ul li ul li {
	float: none;
	margin: 0px;
	padding: 0px;
	height: 30px;
	overflow: hidden;
}
#nav ul li.on ul {
	display:block;
}
	
#nav a {
	outline: 0;
	text-decoration:none;
	font-size:14px;
	color: #FFF;
	display:block;
	height: 26px;
	padding-top: 14px;
	text-shadow: 1px 1px #333;
	outline: 0;
	}
#nav ul li ul li a {
	padding-top: 5px;
}
	
#nav01 a{ width: 143px; background: url(/images/nav01.png) no-repeat 0 0px; margin-right:20px; text-align:left; padding-left:17px; }
#nav01 a:link { background: url(/images/nav01.png) no-repeat 0 0px; }
#nav01 a:hover { background: url(/images/nav01.png) no-repeat 0 -40px; }

li#nav02 { width: 102px; background: url(/images/nav02.gif) no-repeat 0 0px; }
#nav02 a:link { background: url(/images/nav02.gif) no-repeat 0 0px; }
#nav02 a:hover { background: url(/images/nav02.gif) no-repeat 0 -40px; }

#nav03 { width: 142px; background: url(/images/nav03.gif) no-repeat 0 0px; }
#nav03 a:link { background: url(/images/nav03.gif) no-repeat 0 0px; }
#nav03 a:hover { background: url(/images/nav03.gif) no-repeat 0 -40px; }
#nav03 ul { 
}
#nav03 ul li {
	width: 142px;
}
#nav03 ul li a { background: url(/images/nav03_bg.gif) no-repeat 0 0px; }
#nav03 ul li a:link { background: url(/images/nav03_bg.gif) no-repeat 0 0px; }
#nav03 ul li a:hover { background: url(/images/nav03_bg.gif) no-repeat 0 -30px; }

#nav04 { width: 87px; background: url(/images/nav04.gif) no-repeat 0 0px; }
#nav04 a:link { background: url(/images/nav04.gif) no-repeat 0 0px; }
#nav04 a:hover { background: url(/images/nav04.gif) no-repeat 0 -40px; }

#nav05 { width: 144px; background: url(/images/nav05.gif) no-repeat 0 0px; }
#nav05 a:link { background: url(/images/nav05.gif) no-repeat 0 0px; }
#nav05 a:hover { background: url(/images/nav05.gif) no-repeat 0 -40px; }

#nav06 { width: 130px; background: url(/images/nav06.gif) no-repeat 0 0px; }
#nav06 a:link { background: url(/images/nav06.gif) no-repeat 0 0px; }
#nav06 a:hover { background: url(/images/nav06.gif) no-repeat 0 -40px; }

#nav07 { width: 89px; background: url(/images/nav07.gif) no-repeat 0 0px; }
#nav07 a:link { background: url(/images/nav07.gif) no-repeat 0 0px; }
#nav07 a:hover { background: url(/images/nav07.gif) no-repeat 0 -40px; }

#nav08 { width: 96px; background: url(/images/nav08.gif) no-repeat 0 0px; }
#nav08 a:link { background: url(/images/nav08.gif) no-repeat 0 0px; }
#nav08 a:hover { background: url(/images/nav08.gif) no-repeat 0 -40px; }

	
/* --------------------------- PRINT NAV --------------------------- */

.p-nav {
	position: relative;
	float:left;
	width: 150px;
	padding: 0px;
	margin: 0px;
	text-align:left;
	}

.p-nav ul {	
	padding: 0px;
	margin: 0px;
	}

.p-nav li {
	padding: 0px;
	margin: 0px;
	list-style: none;
	clear: both;
	}
.p-nav li.header {
	background: url(/images/p-nav-header-bg.png) no-repeat 0 0px;
	height: 22px;
	width: 150px;
	font-size:14px;
	color: #FFF;
	padding: 15px 3px 3px 17px;
	text-shadow: 1px 1px #333;
}
	
.p-nav a:link, .p-nav a:visited {
	text-decoration: none;
	font-size:14px;
	color: #FFF;
	display: block;
	width: 140px;
	height: 19px;
	background: url(/images/bg-p-nav.png) no-repeat 0 0px;
	padding: 3px 3px 3px 17px;
	text-shadow: 1px 1px #333;
	}
	
.p-nav a:hover, .p-nav a:link:active {
	background: url(/images/bg-p-nav.png) no-repeat 0 -25px;
	}
	
.p-nav-on {
	background: url(/images/bg-p-nav-on.png) no-repeat top right;
	font-size: 13px;
	color: #FFF;
	width: 140px;
	height: 19px;
	padding: 3px 3px 3px 17px !important;
	margin:0px;
	}
	
/* --------------------------- PRINT SUB NAV --------------------------- */

.p-nav ul li.off {
}
.p-nav ul li.on {
}
.p-nav ul li.on a {
	background: url(/images/bg-p-nav-on.png) no-repeat top right;
}
.p-nav ul li.off ul {
	display:none;
}
.p-nav ul li.on ul {
	display: block;	
}
.p-nav ul li.on ul li a {
	text-decoration: none;
	font-size:14px;
	color: #FFF;
	display: block;
	width: 140px;
	height: 19px;
	padding: 3px 3px 3px 17px;
	background: url(/images/bg-p-sub-nav.png) no-repeat 0 0px;
	text-shadow: 1px 1px #333;
}
.p-nav ul li.on ul li.on a {
	color: #606;
	background: url(/images/bg-p-sub-nav-on.png) no-repeat top right;
	text-shadow: none;
}

.p-nav ul li.on ul li a:hover, .p-nav ul li.on ul li a:link:active {
	background: url(/images/bg-p-sub-nav.png) no-repeat 0 -25px;
	color: #FFF;
text-shadow: 1px 1px #333;
	}
	
/* --------------------------- TABLES --------------------------- */
table.styled {
	border-top:1px solid #FFF;
	border-right:1px solid #a5cddd;
	background:#FFF;
}
table.styled td {
	border-bottom:1px solid #a5cddd;
	border-left:1px solid #a5cddd;
	padding:3px 5px 3px 5px;
}

table {
	width:100%;
	border-collapse:collapse;
	}

td {
	text-align:left;
	}
	
tr.odd td {
	background:#cde3ec;
	}

thead th {
	background:#07759f;
	border-right:1px solid #2d8aad;
	text-align:left;
	font-weight:bold;
	padding:3px 5px 3px 5px;
	color:#FFF;
	}

/* --------------------------- WEBSITE MASTHEAD --------------------------- */

#website-masthead {
	width: 800px;
	height: 90px;
	padding: 15px 30px 0 170px;
	margin: 0px;
	text-align: left;
	background: url(/images/bg-website-masthead.jpg) no-repeat top left;
	}

#website-masthead a.Logo {
	float: left;
}
div#CurrencySelection {
	float: left;
	margin: 2px;
}
div#CompanySelection {
	float: left;
	margin: 2px;
}
#website-masthead li img {
	margin-right: 10px;
}
	
#website-masthead ul {
	float: right;
	list-style: none;
	padding: 0px;
	margin: 0px;
	margin-top: 70px;
	width: auto;
	min-width: 355px;
	}

#website-masthead li {
	float: left;
	margin: 0px;
	padding:0px;
	text-align: right;
	}

#website-masthead a:link, #website-masthead a:visited {
	text-decoration: none;
	color: #606;
	font-size: 10px;
	font-weight: bold;
	margin: 0px 10px 0px 20px;
	}

#website-masthead a:hover, #website-masthead a:link:active {
	color:#07759f;
	}


/* --------------------------- BREADCRUMB TRAIL --------------------------- */

#crumbs {
	position: relative;
	float:left;
	width: 775px;
	height: 20px;
	padding: 5px 5px 5px 10px;
	margin: 0 0 20px 0;
	background: url(/images/bg-crumbs.gif) no-repeat top left;
	text-align:left;
	color: #1fb25a;
	font-size:12px;
	font-weight: normal;
	text-shadow: 1px 1px #000;
	}
#crumbs:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #crumbs {height: 1%;}
#crumbs {display:block;}
/* End hide from IE-mac */

#crumbs a {
	text-transform: capitalize;
}	
#crumbs a:link, #crumbs a:visited {
	text-decoration: none;
	color: #FFF;
	}

#crumbs a:hover, #crumbs a:link:active {
	text-decoration: underline;
	color:#FFF;
	}

/* --------------------------- PRINT --------------------------- */

#print {
	position: relative;
	width: 365px;
	height: 130px;
	padding: 10px;
	margin: 0px 0px 20px 0px;
	background: #4bb0d7;
	text-align:left;
	color: #FFF;
	font-size:24px;
	line-height: 26px;
	font-weight: bold;
	letter-spacing: -1px;
	text-shadow: 1px 1px #333;
	}
	
#print ul {
	width: 150px;
	float: right;
	padding: 0px;
	margin: 0px;	
	}

#print li {
	padding: 0px;
	margin: 0px;
	height: 22px;
	list-style: none;
	}

#print a:link, #print a:visited {
	display: block;
	text-decoration: none;
	width: 145px;
	height: 18px;
	padding: 3px 0px 0px 5px;
	margin: 0px;
	color: #FFF;
	font-size: 12px;
	line-height: 12px;
	letter-spacing: 0px;
	background: url(/images/btn-printing.png) no-repeat 0 0px;
	text-shadow: 1px 1px #333;
	}

#print a:hover, #print a:link:active {
	background: url(/images/btn-printing.png) no-repeat 0 -21px;
	}
	

/* --------------------------- FEATURES --------------------------- */

#features {
	position: relative;
	width: 230px;
	height: 130px;
	padding: 10px;
	margin: 0 0 20px 0;
	background: #4bb0d7;
	text-align:left;	
	}
	
#features h1 {
	font-size: 28px;
	font-weight: bold;
	line-height: 26px;
	color: #FFF;
	margin: 0 0 7px 0;
	letter-spacing: -1px;
	text-shadow: 1px 1px #333;
	}

#features p {
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color: #333;
	margin: 0 0 7px 0;
	}

#features a:link, #features a:visited {
	display: block;
	text-decoration: none;
	width: 103px;
	height: 15px;
	padding: 3px 0 3px 5px;
	color: #FFF;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	letter-spacing: 0px;
	background: url(/images/btn-features.png) no-repeat 0 0px;
	text-shadow: 1px 1px #333;
	}

#features a:hover, #features a:link:active {
	background: url(/images/btn-features.png) no-repeat 0 -21px;
	}
	

/* --------------------------- CLASSES --------------------------- */

.left {float: left;}
.right {float: right;}


/* --------------------------- RULES --------------------------- */

.rule-grey-thick { background: #a0b5ca;	width: 100%; height: 2px; margin: 0 0 10px 0; clear: both;	}
	

/* --------------------------- SPACERS --------------------------- */

.space-one { width: 100%; height: 1px; clear: both; }	
.space-five { width: 100%; height: 5px; clear: both; }	
.space-ten { width: 100%; height: 10px; clear: both; }
.space-twenty { width: 100%; height: 20px; clear: both;	}
.space-thirty { width: 100%; height: 30px; clear: both; }
.space-forty { width: 100%; height: 40px; clear: both; }
.space-fifty { width: 100%; height: 50px; clear: both; }
.space-hundred { width: 100%; height: 100px; clear: both; }
	
/* --------------------------- COLOURS --------------------------- */	
	
.brown { color:#54585d; }
.green { color:#1fb25a; }
.blue { color:#07759f; }
.light-purple { color:#92278f; }
.dark-purple { color:#606; }
.grey { color:#333; }
.black { color:#000; }
.white { color: #FFF; }

/* --------------------------- FOOTER --------------------------- */

#footer {
	width: 810px;
	height: 50px;
	background: #daf3fc url(/images/bg-footer.jpg) no-repeat top center;
	margin: 0 auto;
	padding: 40px 20px 30px 170px;
	clear:both;
	text-align:left;
	font-size:10px;
	line-height: 12px;
	font-weight: normal;
	color: #07759f;
	}
	
#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #92278f;
	}

#footer a:hover, #footer a:link:active {
	text-decoration: underline;
	color: #92278f;
	}
#footer .leftColumn {
	width: 60%;
}
#footer .rightColumn {
	width: 40%;
}
.spacer {
	clear: both;
	height: 0px;
	margin: 0px;
	padding: 0px;
}
p.buttons {
	padding: 0px;
	margin: 10px 0px 0px 0px;
	text-align: right;
	width: 100%;
}
span.DateSelector {
    float: left;
	width: 300px;
}
span.DateTimeSelector {
	float: left;
	width: 400px;
}
span.DateSelector select, span.DateTimeSelector select {
	width: auto;
	max-width: none;
}
span.DateSelector select option {
}
fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}
fieldset legend {
	font-size:large;
	font-weight: bold;
	padding: 10px 10px 0px 10px;
	color: #07759f;
}
fieldset p {
    margin: .5em;
	padding-left: 185px;
}
fieldset p:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html fieldset p {height: 1%;}
fieldset p {display:block;}
/* End hide from IE-mac */

fieldset p label {
    width: 185px;
	margin-left: -185px;
    text-align: right;
    vertical-align: top;
	float: left;
	text-transform: capitalize;
}
div.Header fieldset ul li {
}
fieldset ul li label {
    font-weight: bold;
    float: left;
    text-align: left;
	text-transform: uppercase;
}
fieldset ul li p label {
    font-weight: bold;
    float: none;
    text-align: right;
	text-transform: uppercase;
}
fieldset.filters {
	width: auto;
}
fieldset.filters legend {
}
fieldset.filters p input {
	width: auto;
}
.PageTitle {
	display: none;
}

fieldset .content {
	position:relative;
	padding:10px;
	margin:0px;
}
fieldset .content ul {
	background:#FFF;
	border:1px solid #a0b5ca;
	margin: 0px;
    overflow:visible;
}
fieldset .content ul:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html fieldset .content ul {height: 1%;}
* fieldset .content ul {display:block;}
/* End hide from IE-mac */
fieldset .content ul li {
    margin:0px;
    padding:5px 7px 5px 7px;
    list-style: none;
    text-align: right;
    overflow:auto;
    font-size:12px;
    line-height:16px;
    font-weight:normal;
    color:#000;
}

table.List {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	border: none;
    border-bottom: 1px solid #07759f;
	table-layout: fixed;
}
table.List table {
	border: none;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
	vertical-align: top;
	background: none;
}
table.List th {
    background-color: #07759f;
    font-weight: bold;
    color: #fff;
	font-size: medium;
	border: none;
}
table.List td {
    padding-top: 1px;
	border: none;
	font-size: medium;
	vertical-align: top;
}

table.List td a {
    text-decoration: none;
}
table.List tr.totals {
	border-top:1px solid #a5cddd;
}
table.List tr.totals td {
	text-align: right;
}
table.List thead tr th.Price, table.List tr th.Price, table.List tr td.Price {
	width: 75px;
	text-align: right;
}
fieldset#LoginLog table.List td {
	font-size: small;
}

.colRow {
	background:#cde3ec;
}   
@media print {
	#nav, .p-nav, #masthead {
		display: none;
	}
	#content {
		width: 100%;
		margin: 0px;
		padding: 0px;
	}
}

.leftColumn {
	width: 50%;
	float: left;
}
.rightColumn {
	width: 50%;
	float: right;
}

img {
	border: none;
}
.requiredFieldIndicator {
	float: none;
	width: 20px;
	padding: 0px;
	margin: 0px 0px 0px 5px;
}
label.radio, fieldset ul li label.radio, fieldset p label.radio, fieldset .content ul li label.radio {
	margin: 0px;
	width: auto;
	float: none;
} 
img.Override {
    height: 16px;
}

.error {
	color: red;
}