html {
	margin: 0;
	padding: 0;
	background-image: url(../images/mainbg.jpg);
}

body {
	margin: 0;
	padding: 0;
	font-family: "Arial", sans-serif;
	font-size: 10pt;
	color: white;
}

.clear {
	clear: both;
}

img {
	vertical-align: bottom;
	border: none;
}

#wrap {
	width: 970px;
	margin: auto;
}

#header {
	background-color: white;
	background-image: url(../images/head-grad.jpg);
	background-repeat: repeat-x;
	padding-top: 18px;
	margin-bottom: 10px;
	color: #666;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	border-radius-bottomleft: 7px;
	border-radius-bottomright: 7px;
}

#header .left {
	float: left;
}

#header .right {
	float: right;
}

#header .logo {
	padding-left: 11px;
	float :left;
}

#header .name {
	float :left;
	clear: right;
}

#header .breadcrumbs {
	margin-left: 127px;
	padding-left: 8px;
	width: 700px;
	float: left;
	margin-top: -26px;
	color: #c41230;
	font-style: italic;
}

#header .breadcrumbs a {
	text-decoration: none;
	color: #c41230;
}

#header .breadcrumbs a:hover {
	text-decoration: underline;
}

#header .breadcrumbs a.last {
	color: #003366;
}

#header .nav {
	font-family: "Verdana", sans-serif;
	font-size: 115%;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-right: 6px;
}

#header .nav ul {
	margin: 0;
	padding: 0;
}

#header .nav ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	display: block;
	padding: 3px 7px;
	border-right: 1px solid #666;
}

#header .nav ul li:last-child {
	border-right: none;
}

#header .nav a {
	color: #666;
	text-decoration: none;
}

#header .nav a:hover {
	text-decoration: underline;
}

#header .search {
	float: right;
	position: relative;
	padding-right: 12px;
	padding-top: 6px;
}

#header .search label {
	display: none;
}

#header .search #query {
	margin: 0;
	border: 1px solid #838383;
	background-color: #ebebeb;
	color: #666;
	padding-right: 19px;
}

#header .search .go {
	position: absolute;
	border: none;
	top: 8px;
	right: 16px;
}

/* enquiry item */
#enquire {
	position: absolute;
	left: 0px;
	top: 100px;
}

#enquire .button {
	position: fixed;
	background-color: #999999;
	color: black;
	padding: 8px 3px;
	-moz-box-shadow: 2px 4px 10px rgba(0,0,0,0.75);
	-webkit-box-shadow: 2px 4px 10px rgba(0,0,0,0.75);
}

#main {
	margin-bottom: 10px;
}

#subsection {
	margin-bottom: 10px;
}

#subsection .left {
	background-color: white;
	color: black;
	float: left;
	font-size: 80%;
	width: 566px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#subsection .right {
	float: right;
	width: 394px;
	background-color: white;
	color: black;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

/* quotation */
#subsection .quotation {
	padding: 5px 3px;
	height: 41px;
	font-size: 95%;
}

#subsection .quotation p {
	margin: 0;
	padding: 2px 0;
}

#subsection .quotation .text {
	padding-left: 17px;
	background-image: url(../images/quote-left.jpg);
	background-repeat: no-repeat;
}

#subsection .quotation .by {
	text-align: right;
	padding-right: 17px;
	background-image: url(../images/quote-right.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	padding-top: 2px;
	font-weight: bold;
	color: #002e56;
}

/* product scroller */
#subsection .products-wrap {
	padding: 4px 3px;
	position: relative;
}

#subsection #products {
	width: 388px;
	height: 43px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;

	overflow: hidden;
}

#subsection #products .fader-left {
	position: absolute;
	left: 0;
	top: 10px;
	width: 25px;
	height: 31px;
	background-image: url(../images/product-fade-left.png);
	background-repeat: repeat-y;
}

#subsection #products .fader-right {
	position: absolute;
	right: 0;
	top: 10px;
	width: 25px;
	height: 31px;
	background-image: url(../images/product-fade-right.png);
	background-repeat: repeat-y;
}

#subsection #products ul {
	margin: 0;
	padding: 0;
	width: 1000px;
}

#subsection #products ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	padding: 6px;
}

#footer {
	background-image: url(../images/footer-grad.jpg);
	background-repeat: repeat-x;
	background-color: #000;
	color: white;
	padding: 18px 41px 41px 41px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	border-radius-topleft: 7px;
	border-radius-topright: 7px;
}

#footer h2 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 150%;
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
}

#footer .popular,
#footer .menu,
#footer .news,
#footer .search,
#footer .contact {
	float: left;
	margin-right: 32px;
	width: 152px;
}

#footer .popular h3,
#footer .menu h3,
#footer .news h3,
#footer .search h3,
#footer .contact h3 {
	margin: 0;
	padding: 0;
	font-size: 105%;
	/*border-bottom: 2px solid #404040;*/
	border-bottom: 1px solid #ccc;
	margin-bottom: 0.5em;
}

#footer .contact {
	margin-right: 0;
}

#footer .menulist {
	margin: 0;
	padding: 0;
	margin-bottom: 2em;
}

#footer .menulist li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer a {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .search label,
#footer .search .go {
	display: none;
}

#footer .search input {
	border: 1px solid #ccc;
	background-color: #333;
	color: #ccc;
	width: 100%;
}

#footer .popular ul {
	margin: 0;
	padding: 0;
}

#footer .popular ul li{
	margin: 0;
	padding: 0;
	list-style: none;
	padding-left: 41px;
	background-repeat: no-repeat;
	min-height: 40px;
	margin-bottom: 1em;
}

#footer p {
	margin: 0;
	padding: 0;
	padding-bottom: 1em;
}

#footer .logos {
	padding-top: 10px;
}

#footer .logos ul {
	margin: 0;
	padding: 0;
	float: right;
}

#footer .logos ul li {
	margin: 0;
	padding :0;
	list-style: none;
	padding-left: 21px;
	float: left;
}

/* The Home Page */

#home {
	font-size: 90%;
}

#home .left {
	float: left;
	width: 546px;
	padding: 10px;

	background-color: white;
	color: black;
	margin-right: 10px;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#home .left .content {
	height: 455px;
}

#home .center {
	float: left;
	width: 185px;
	background-color: white;
	color: #333;
	padding: 10px 9px;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#home .center h1 {
	font-family: "Trebuchet MS", sans-serif;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #7f99b2;
	color: #003366;
	font-size: 150%;
}

#home .center .content {
	height: 454px;
	border-bottom: 1px solid #858585;
}

#home .center p {
	margin: 0;
	padding: 0.5em 0;
	text-align: justify;
}

#home .center p.intro {
	font-style: italic;
}

#home .center a {
	color: #003366;
	text-decoration: none;
}

#home .center a:hover {
	color: black;;
}


#home .right {
	float: right;
	width: 181px;
}

#home .right .news {
	background-color: white;
	color: #333;
	padding: 10px;
	margin-bottom: 10px;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#home .right .news .content {
	border-bottom: 1px solid #858585;
	height: 306px;
}

#home .right .contact {
	background-color: white;
	color: #333;
	padding: 10px;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#home .right .contact .content {
	border-bottom: 1px solid #858585;
	height: 117px;
}

#home .right h2 { 
	font-family: "Trebuchet MS", sans-serif;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #e57f99;
	color: #cc0033;
	font-size: 150%;
}

#home .news .article h3 { 
	font-family: "Trebuchet MS", sans-serif;
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 125%;
}

#home .news .article h3 a { 
	text-decoration: none;
	color: #333;
}

#home .news .article h3 a:hover {
	text-decoration: underline;
}

#home .news .article .subtitle { 
	color: #666;
	padding-bottom: 0.5em;
}

#home .news .article .thumbnail { 
	border-top: 1px solid #858585;
	border-bottom: 1px solid #858585;
	padding-top: 2px;
	padding-bottom: 2px;
}

#home .news .article .body {
	text-align: justify;
	padding-top: 1em;
	padding-bottom: 1em;
}

#home .news .article .more a {
	text-decoration: none;
	font-style: italic;
	color: #707070;
}

#home .news .article .more a:hover {
	text-decoration: underline;
}

#home .contact p {
	margin: 0;
	padding: 0.5em 0;
}

#home .contact a {
	text-decoration: none;
	color: black;
}

#home .contact a:hover {
	text-decoration: underline;
}

/* 3 column page layout */

#threecolumn {

}

#threecolumn .left {
	background-color: white;
	color: #333;
	padding: 10px;
	float: left;
	width: 356px;
	margin-right: 10px;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#threecolumn.blue .left .content {
	border-top: 6px solid #003366;
}

#threecolumn.red .left .content {
	border-top: 6px solid #c41230;
}

#threecolumn .center {
	padding: 10px;
	float: left;
	background-color: white;
	color: #333;
	width: 371px;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#threecolumn .center .content {
	height: 453px;
	border-bottom: 1px solid #696969;
}

#threecolumn .right .content {
	height: 453px;
	border-bottom: 1px solid #696969;
}

#twocolumn .right h1, 
#threecolumn .center h1 {
	font-family: "Trebuchet MS", sans-serif;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 130%;
	text-transform: uppercase;
}

#threecolumn .right h2 {
	font-family: "Trebuchet MS", sans-serif;
	margin: 0;
	padding: 0;
	font-size: 130%;
	font-weight: normal;
	text-transform: uppercase;
}

#twocolumn .right .body, 
#threecolumn .center .body {
	height: 400px;
	padding-right: 2px;
	overflow-y: auto;
}

#twocolumn .right h1, 
#threecolumn.blue .center h1 {
	border-bottom: 1px solid #e57f99;
	color: #003366;
}

#threecolumn.red .center h1 {
	border-bottom: 1px solid #003366;
	color: #cc0033;
}

#threecolumn.blue .right h2 {
	border-bottom: 1px solid #e57f99;
	color: #003366;
}

#threecolumn.red .right h2 {
	border-bottom: 1px solid #003366;
	color: #cc0033;
}

#twocolumn a, 
#threecolumn a {
	text-decoration: none;
}

#twocolumn a:hover, 
#threecolumn a:hover {
	color: black !important;
}

#threecolumn.red a {
	color: #cc0033;
}

#threecolumn.blue a {
	color: #003366;
}


#threecolumn .right {
	padding: 10px;
	float: right;
	background-color: white;
	color: #333;
	width: 163px;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#threecolumn .right h3 {
	font-size: 100%;
	font-weight: normal;
	color: black;
	margin: 0;
	padding: 0;
	padding: 0.5em 0;
}

#threecolumn .right ul.list {
	margin: 0;
	padding: 0;
}

#threecolumn .right ul.list li {
	list-style: square;
	margin: 0;
	padding: 0;
	margin-left: 1em;
}

/* two column */
#twocolumn .left {
	background-color: white;
	color: #333;
	padding: 10px;
	float: left;
	width: 356px;
	margin-right: 10px;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#twocolumn.blue .left .content {
	border-top: 6px solid #003366;
}

#twocolumn .right {
	padding: 10px;
	float: left;
	background-color: white;
	color: #333;
	width: 564px;
	
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

#twocolumn .right .content {
	height: 453px;
	border-bottom: 1px solid #696969;
}


.sideimages ul {
	margin: 0;
	padding: 0;
}

.sideimages ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	padding-bottom: 10px;
}

/* news */
.news .article {
	padding-bottom: 1em;
}

/* contact */
.enquiry-form {
	padding-top: 2em;
}

.enquiry-form .errors {
	border: 2px solid #cc0033;
	margin-bottom: 2em;
}

.enquiry-form .field {
	margin-bottom: 0.6em;
}

.enquiry-form .field label{
	display: block;
	float: left;
	width: 11em;
}

.enquiry-form .field input,
.enquiry-form textarea {
	font-family: "Verdana", sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 1px;
	display: block;
	width: 16em;
	float: right;
	border: 1px solid #666;
}
.enquiry-form textarea {
	height: 110px;
}

.enquiry-form .buttons {
	text-align: right;
	padding-top: 2em;
}

.enquiry-form .buttons input {
	border:none;
	background-color: #eee;
	font-family: "Trebuchet MS", sans-serif;
	border-bottom: 1px solid #e57f99;
	color: #003366;
}

.enquiry-form .buttons input:hover {
	background-color: #ddd;
}

/**
	Subnav
 */
 
.subnav ul {
	margin: 0;
	padding: 0;
}

.subnav ul li {
	margin: 0;
	padding: 0;
	margin: 5px 0;
	list-style: none;
	background-color: #daedff;
	background-color: #c8d2db;
}

#threecolumn .subnav ul li a {
	display: block;
	padding: 4px 22px 4px 4px;
	font-size: 85%;
	color: #666666 !important;
	background-image: url(../images/subnav-arrow.jpg);
	background-repeat: no-repeat;
	background-position: 97% 50%;
}

#threecolumn .subnav ul li.selected a,
#threecolumn .subnav ul li a:hover {
	background-color: #c2e0ff;
	background-color: #7f96aa;
	color: white !important;
	background-image: url(../images/subnav-arrow-h.jpg);
}

.red .subnav ul li {
	background-color: #e3cfcf;
}

.red #threecolumn .subnav ul li a {
	background-image: url(../images/red-subnav-arrow.jpg);
}


.red #threecolumn .subnav ul li.selected a,
.red #threecolumn .subnav ul li a:hover {
	background-color: #d6596e;
	color: white !important;
	background-image: url(../images/red-subnav-arrow-h.jpg);
}


/* page level subnav */
#threecolumn .pagenav {
	
}

#threecolumn.blue .pagenav {
	border-top: 1px solid #c41230;
}

#threecolumn.red .pagenav {
	border-top: 1px solid #003366;
}

#threecolumn .pagenav h2 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 105%;
	margin: 0;
	padding: 0.5em 0;
}

#threecolumn .pagenav ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #aeb0b3;
}

#threecolumn .pagenav ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #aeb0b3;
	padding: 2px 0;
}

#threecolumn .pagenav ul li a {
	display: block;
	padding: 2px 0;
	padding-left: 2px;
	padding-right: 22px;
	background-image: url(../images/nav3-arrow.jpg);
	background-position: right center;
	background-repeat: no-repeat;
}

#threecolumn .pagenav ul li.selected,
#threecolumn .pagenav ul li:hover {
	background-color: #e1e7ec;
}

#threecolumn .pagenav ul li.selected a,
#threecolumn .pagenav ul li:hover a {
	background-color: #c8d2db;
	background-image: url(../images/nav3-arrow-h.jpg);
}

#threecolumn.red .pagenav ul li a {
	background-image: url(../images/red-nav3-arrow.jpg);
}

#threecolumn.red .pagenav ul li:hover {
	background-color: #eee2e2;
}

#threecolumn.red  .pagenav ul li:hover a {
	background-color: #e3cfcf;
	background-image: url(../images/red-nav3-arrow-h.jpg);
}


#twocolumn .right .body .copy h2,
#threecolumn .center .body .copy h2 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 105%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#twocolumn .right .body .copy ul,
#threecolumn .center .body .copy ul {
	margin: 0;
	padding: 0;
	margin-left: 0.5em;
	padding: 0.25em 0;
}

#twocolumn .right .body .copy ul li,
#threecolumn .center .body .copy ul li {
	list-style: square;
	margin: 0;
	padding: 0;
	margin-left: 1em;
}


/* search results */
.searchresults {
}

.searchresults .result {
	padding: 0.5em 0;
	padding-bottom: 1em;
	border-bottom: 1px solid #ddd;
	margin-bottom: 0.5em;
}

.searchresults .result .title a {
	color: #003366;
}

.searchresults .result .location {
	font-size: 90%;
	color: #aaa;
}

.searchresults .result .location a {
	color: #aaa !important;
}

.searchresults .result .searchterm {
	font-weight: bold;
	border-bottom: 1px solid #e57f99;
	color: #003366;
}

/* ajax */

#ajax {
	position: absolute;
	top: 0;
	left: 0;
}

#ajax .lightbox {
	width: 100%;
	height: 100%;
	background-color: black;
	position:  fixed;
}

#enquiry_ajax {
	position: fixed;
	z-index: 99;
	width: 423px;
	background-color: black;
	color: white;
	top: 100px;
	left: 50%;
	margin-left: -210px;
	font-size: 80%;
}

#enquiry_ajax .form {
	padding: 1em;
}

#enquiry_ajax .form .buttons{
	text-align: right;
	padding-top: 2em;
}

#enquiry_ajax .form .buttons input{
	border:none;
	background-color: #eee;
	font-family: "Trebuchet MS", sans-serif;
	border-bottom: 1px solid #e57f99;
	color: #003366;
}

/* sign stuff */
.signs {
	height: 448px;
}

.signs .row {
	border-bottom: 1px solid #a5a5a5;
	height: 140px;
}

.signs .sign {
	float: left;
	width: 110px;
	margin-right: 8px;
	text-align: center;
	height: 140px;
}

.signs .end {
	margin-right: none;
}

.signs .image {
	padding: 6px 0;
}

.signs .description {
	font-size: 70%;
	color: black;
	padding-bottom: 6px;
}

.signs .nav {
	font-size: 90%;
	padding-top: 1em;
	text-align: right;
	color: #c51230;
}

.signs .nav a {
	color: #c51230 !important;
}

.signs .nav .dud {
	color: #aaa;
}

/* supports stuff */
.supports {
	height: 448px;
}

.supports .row {
	border-bottom: 1px solid #a5a5a5;
	height: 140px;
}

.supports .support {
	float: left;
	width: 110px;
	margin-right: 8px;
	text-align: center;
}

.supports .end {
	margin-right: none;
}

.supports .image {
	padding: 6px 0;
}

.supports .description {
	font-size: 70%;
	color: #012e57;
	height: 45px;
	padding-top: 2px;
	padding-bottom: 1px;
}

.supports .description .subtitle {
	color: #c61331;
}

.supports .nav {
	font-size: 90%;
	padding-top: 1em;
	text-align: right;
	color: #c51230;
}

.supports .nav a {
	color: #c51230 !important;
}

.supports .nav .dud {
	color: #aaa;
}

/* support page */
#support .variations {
	height: 180px;
	padding-top: 10px;
}

#support .variations table {
	font-size: 80%;
	width: 100%;
	border-collapse: collapse;
}

#support .variations table td,
#support .variations table th {
	text-align: center;
	padding: 1px;
}

#support .variations table th {
	font-weight: normal;
	color: #003366;
} 

#support .footer {
	border-top: 1px solid #a5a5a5;
	font-size: 90%;
	text-align: right;
	padding-top: 0.4em;
}

.support.body .title {
	font-style: italic;
	font-size: 110%;
	border-bottom: 1px solid #c41230;
	padding: 1em 0;
}

.support.body .title .subtitle {
	color: #c41230;
}

.support.body .details {
	padding: 1em 0;
}

.support.body .details p {
	margin: 0;
	padding: 0;
	padding-bottom: 0.5em;
}

.support.body .details h2 {
	font-family: "Verdana", sans-serif !important;
	font-size: 100% !important;
	font-weight: normal !important;
	margin: 0 !important;
	padding: 0 !important;
	color: #c41230 !important;
}

.support.body .details .description {
	color: #003366;
}

.support.body .details .specification {
	color: black;
}