body {

	background-color: #BDB5AC;	

	font-family: Arial, Helvetica, sans-serif;

	

}



/* top level defaults */

html {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: normal;

	color: #556574;

	margin: 0; padding: 0;

	background-color: gray;

}



div#centre {

	width: 720px;

	min-width: 720px;

	max-width: 720px;

	margin: 0; padding: 0;

	margin-left: auto;

	margin-right: auto;

	background-color: white;

}



div.shadow {

	margin: 0; padding: 0;

	position: absolute;

	height: 100%;

	background-repeat: repeat-y;

	top: 0;

	bottom: 0;

	background-color: #a8a8a8;

	/* initially hidden until script unhides us */

	visibility: hidden;

}

div#shadowleft {

	left: 0;

	background-image: url('../general/shdw_left.gif');

	background-position: right;

}

div#shadowright {

	right: 0;

	background-image: url('../general/shdw_right.gif');

	background-position: left;

}



div#centre {

	text-align: left;

}



div.banner {

	margin: 0; padding: 0;

	line-height: 0;

	background-color: black;

}

div.banner#logo {

	height: 43px; max-height: 33px;

	padding-left: 5px;

	padding-top: 10px;

}

div.banner#animate {

	border-top: 1px solid white;

	border-bottom: 1px solid white;

}

div.banner#nav1 {

	padding-bottom: 0px;

	border-bottom: 2px solid #cccccc;

}

div.banner#nav2 {

	border-top: 2px solid #707988;

	border-bottom: 1px  solid #333333;

	background-color: #8c97aa;

}

div.banner#nav3 {

	border-top: 2px solid #707988;

	border-bottom: 1px solid #717B87;

	background-color: #8c97aa;

}



div.banner#endmatter {

	clear: both;

	height: 25px;

}



div#content {

	margin: 25px;

	margin-right: 40px;

}



div#content2 {

	marginileft: 10px;

	margin-right: 25px;

}



div#heading {

	border-bottom: 1px solid #8c97a9;

	margin-bottom: 36px;

	color: #576474;

	font-weight: bold;

}

div#heading h1 {

	font-size: 18px;

}

div#heading div.price {

	float: right;

	font-size: 27px;

	vertical-align: bottom;

}

div#heading div.title h1 {

	vertical-align: bottom;

	margin-bottom: 0;

	padding: 6px 0;

}

div#heading div.price span.dollar {

	font-size: 16px;

	vertical-align: top;

}



div#heading div.price span.currency {

	font-size: 11px;

}

div#heading div.price span.note {

	font-size: 21px;

}



div#heading div.price span.notetop {

	font-size: 21px;

	vertical-align: top;

}



div#quicklinks {

	float: left;

		margin-left: 5px;

	

}

div#quicklinksimages {

	float: left;

	margin-left: 35px;



}

div#quicklinks img {

	/* images are blocks */

	display: block;	

}







div#quicklinks div.kioskview {

	margin-bottom: 20px;

}



div#maincontent {

	margin-left: 185px;

}



div#maincontent2 {

	margin-left: 40px;

}



div#maincontent3 {

	margin-left: 10px;

}



div#maincontent4 {

	margin-left: 0px;

	width: 550px;

}



div#maincontent h2 {

	background-color: #555555;

	color: #575474;

	font-size: 100%;

	font-style: bold;

	margin-top: 25px;

	padding: 3px;

}



div#maincontent2 h2 {

	background-color: #555555;

	color: #575474;

	font-size: 100%;

	font-style: bold;

	margin-top: 25px;

	padding: 3px;

}



div#maincontent4 h2 {

	background-color: #555555;

	color: #575474;

	font-size: 100%;

	font-style: bold;

	margin-top: 25px;

	padding: 3px;

}



div#maincontent h2 a {

	color: #ffffff;

	

}



div#maincontent2 h2 a {

	color: #ffffff;

}



div#maincontent4 h2 a {

	color: #ffffff;

	margin-left: 0px;

}



div#maincontent h2 a.totop {

	font-weight: normal;

	float: right;

	text-decoration: none;

	font-size: 10px;

}



div#maincontent4 h2 a.totop {

	font-weight: normal;

	float: right;

	text-decoration: none;

	font-size: 10px;

}



.designaward {

	font-weight: bold;

	font-size: 11px;

	color: #a4abbb;

}



.footer{

	font-weight: normal;

	font-size: 9px;

}



.addresspad{

	padding-right: 7px;

}



.driverspad1{

	padding-right: 7px;

}



.driverspad2{

	padding-right: 40px;

}



.driverspad3{

	padding-right: 30px;

}



.enquiryman{

	color: #54881C;

}



div#maincontent ul {

	padding-left: 0;

	margin-left: 0;

	list-style-position: inside;

}



div#maincontent div.hasfloat div {

	margin-right: 200px;

}

div#maincontent div.hasfloat .floatbottomright {

	float: right;

	position: relative;

}

div#maincontent div.detailimages {

	clear: right;

	margin-top: 36px;

	margin-bottom: 50px;

}



div#maincontent div.brochure {

	margin-bottom: 300px;

}



div#enquiry {

	margin-top: 30px;

	padding-bottom: 30px;

}

form.kioskenquiry {

	background: url('images/enquiry_border.gif');

	background-repeat: repeat-y;

	padding: 10px;

	padding-bottom: 0;

	margin: 0;

	width: 125px;

	max-width: 125px;

}

form.kioskenquiry h3 {

	font-size: 11px;

	font-weight: bold;

}

form.kioskenquiry dl dd {

	margin-left: 0;

	margin-bottom: 10px;

	margin-top: 5px;

}

form.kioskenquiry input {

	width: 120px;

}

form.kioskenquiry input.image {

	width: 63px;

}

div#quicklinks div.buttons {

	white-space: nowrap;

	text-align: center;

}

/* maybe this disappears once the buttons are active? */

div#quicklinks div.buttons img {

	display: inline !important;

	

}



div#quicklinks div.newslinks {

	background: url('images/links_border.gif');

	background-repeat: repeat-y;

	padding: 0 10px;

	color: white;

}

div#quicklinks div.newslinks p {

	margin: 0;

	padding: 5px 0;

	width: 144px;

}

div#quicklinks div.newslinks a {

	color: white;

}

div#quicklinks div.newsbuttons {

	white-space: nowrap;

	text-align: center;

	margin: 0;

	width: 144px;

	background-color: #dcdfe4;

}

div#quicklinks div.newsbuttons img {

	display: inline !important;

	position: relative;

	top: 5px;

}



img {

	border: none;

	margin: 0;

}

div.captionedimage {

	margin-right: 45px;

}



a.hv:link {

	color:#556574;

	font: Myriad Pro;

	text-decoration: none;

	

	}

a.hv:visited {

	color:#556574;

	font: Myriad Pro;

	text-decoration: none;

	

}

a.hv:hover {

	color: Black;

	font: Myriad Pro Black;

	font-weight: bold;

	}	



a.hv:active {

	color: Green;

	font: Myriad Pro Black;

	font-weight: bold;

	text-decoration: none;

	

}



a.hv2:link {

	color:#556574;

	font: Myriad Pro;

	text-decoration: none;

	

	}

a.hv2:visited {

	color:#556574;

	font: Myriad Pro;

	text-decoration: none;

	

}

a.hv2:hover {

	color:#556574;

	font: Myriad Pro Black;

	text-decoration: none;

	}	



a.hv2:active {

	color:#556574;

	font: Myriad Pro Black;	

	text-decoration: none;

	

}









div#homepage {

	margin: 15px;

}



div#homepage div.title {

	margin-top: 20px;

	margin-bottom: 15px;

	font-size: 18px;

	font-weight: bold;

}



div#homepage table {

	width: 100%;

	font-size: 11px;

}



div.homekiosk {

}



div.homekiosk div.topborder img {

	vertical-align: top;

}



div.homekiosk div.middle {

	background: url('images/border_kiosk.gif');

	background-repeat: repeat-y;

	padding: 0 10px;

	margin: 0;

	max-width: 111px;

}



div.homekiosk div.imglayer {

	padding: 0;

	margin: 0;

	text-align: center;

}

div.homekiosk div.imglayer img {

	position: relative;

	top: -30px;

}

div.homekiosk div.txtlayer {

	height: 110px;

	width: 120px;

	

}

div.homekiosk div.txtlayer div {

	position: relative;

	top: -10px;

	font-size: 9px;

}

div.homekiosk div.txtlayer div h3 {

	font-size: 12px;

	font-weight: bold;

	margin-top: -10px;

	margin-bottom: 5px;

}

div.homekiosk div.txtlayer div ul {

	margin: 0;

	padding: 0;

	list-style-position: inside;

}

div.homekiosk div.lwrlayer {

	background: url('images/border_kiosk.gif');

	background-repeat: repeat-y;

	margin: 0;

}

div.homekiosk div.lwrlayer div {

	margin: 0 5px;

	padding: 0 10px;

	width: 101px;

	max-width: 101px;

}

div.homekiosk div.lwrlayer div img {

	vertical-align: middle;

}

div.homekiosk div.lwrlayer div.link {

	background-color: #edeef2;

	text-align: right; 

}

div.homekiosk div.lwrlayer div.link a {

	color: #818b97;

	font-weight: bold;

	text-decoration: none;

}



.homelink {

	color: #556574;

	text-decoration: none;

}



.homelink2 {

	color: #556574;

	font-size: 16px;

	text-decoration: none;

	font-weight: bold;

}



.homelinkprice {

	color: #818b97;

	text-decoration: none;

}



div.homekiosk div.lwrlayer div.price {

	background-color: #edeef2;

	color: #818b97;

	font-weight: bold;

	text-decoration: none;

}

div.homekiosk div.lwrlayer div.price div {

	position: relative;

	top: 0px;

	margin: 0;

	padding: 0;

	height: 0px;



}

div.homekiosk div.lwrlayer div.price div span.dollar {

	font-size: 16px;

	vertical-align: top;

}

div.homekiosk div.lwrlayer div.price div span.currency {

	font-size: 11px;

}

div.homekiosk div.bottomborder {

}



div.homesoln div.topborder img {

	vertical-align: top;



}

div.homesoln div.middle {

	background: url('images/border_soln.gif');

	background-repeat: repeat-y;

	padding: 0 10px;

	margin: 0;

	max-width: 350px;

	height: 155px;

}

div.homesoln div.middle img.image {

	margin: 0 10px;

	float: left;

	position: relative;

	top: -8px;

}

div.homesoln div.middle div.icnlayer {

	margin-left: 140px;

	height: 24px;

	position: relative;

	top: -5px;

	width: 140px;



}

div.homesoln div.middle div h3 {

	font-size: 12px;

	font-weight: bold;

	margin-top: 0px;

	margin-bottom: 5px;

}

div.homesoln div.middle div ul {

	margin: 0;

	padding: 0;

	list-style-position: inside;

}

div.homesoln div.lnklayer {

	background: url('images/border_soln.gif');

	background-repeat: repeat-y;

}

div.homesoln div.lnklayer div {

	background-color: #edeef2;

	margin-left: 140px;

	padding-left: 20px;

	margin-right: 5px;

}

div.homesoln div.lnklayer div a {

	color: #818b97;

	font-weight: bold;

	text-decoration: none;

}

div.homesoln div.lnklayer div img {

	vertical-align: middle;

}



div.buttons {

	margin-top: 10px;

	text-align: center;

}



div.close {

	text-align: right;

	border-bottom: none;

	margin-bottom: 0;

	margin-left: 10px;

}



div.popup {

	text-align: left;

}

div.popup div#heading {

	border-bottom: none;

	margin-bottom: 0;

	margin-left: 10px;

	color: #566373;

}

div.popup div.content {

	margin: 0 10px;

	font-size : 14px;

}

div.popup h2 {

	background-color: #f6f7f8;

	color: #575474;

	font-size: 12px;

	font-style: bold;

	margin-top: 25px;

	padding: 3px;

}

div.popup h3 {

	font-size: 12px;

	font-weight: bold;

}

	

div.popup#kiosk {

	width: 382px;

}

	

div.popup#arc {

	width: 520px;

}

div.popup#kiosk div.content {

	text-align: center;

}

div.popup#screen {

	width: 588px;

}

div.popup#screen img.screenshot {

	float: left;

	margin-right: 10px;

	margin-bottom: 20px;

}



div.popup#press {



}





table.form th {

	font-weight: normal;

}



table.compare {

	border-collapse: collapse;

	clear: both;

}

table.compare thead th {

	padding-bottom: 10px;

}

table.compare thead tr.images th {

	padding-bottom: 0;

}

table.compare td, table.compare th {

	vertical-align: top;

	text-align: center;

	padding: 2px 0;

}

table.compare .rowtitle {

	text-align: left;

}

table.compare tr.row1 {

	background-color: #f6f7f9;

}

table.compare tbody td {

	border-top: 2px solid #e4e5e7;

	border-bottom: 2px solid #e4e5e7;

	border-right: 1px solid #d1d4d9;

}

table.compare tbody th {

	border-top: 2px solid #e4e5e7;

	border-bottom: 2px solid #e4e5e7;

}



p.contactus {

color:#556574;

	font: Myriad Pro;

	text-decoration: none;

	font-size: 12px;

}



form.contactfrm { 

color:#556574;

	font: Myriad Pro;

	text-decoration: none;

	font-size: 12px;

}



table.contacttbl td{

color:#556574;

	

	text-decoration: none;

	font-size: 12px;

}