/* Reset */
*{margin:0; padding:0;}
body
{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	line-height: 1.5em;
	color: #fff;
	background: url(/media/pc/bg.png) top center repeat #333;
}
p,li{font-size: 1.1em;}
table{border-collapse: collapse; border: 0; border-spacing: 0;}
td{vertical-align: top;}
input,select,textarea{font-size: 1.1em; font-family: Verdana, Arial, Helvetica, sans-serif;}
img{border: 0;}
a{color: #cd003a; text-decoration: none;}
a:hover{text-decoration: underline;}

h1{font-size: 1.6em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}

.floatLeft{float: left !important;}
.floatRight{float: right !important;}
.alignCenter
{
	margin: 0 auto; 
	width: 977px;
}

/* Backgrounds */
#leftBg
{
	position: absolute;
	left: 0;
	width: 50%;
	height: 570px;	
	background: url(/media/pc/bg-left.png) top right repeat-x;
}	
#rightBg
{
	position: absolute;
	right: 0;
	width: 51%;
	height: 570px;	
	background: url(/media/pc/bg-right.png) top left repeat-x;
}
#bg
{
	position: relative;
	width: 977px;
	min-height: 600px;
	left: 50%;
	margin-left: -487px;
	background: url(/media/pc/bg-content.png) top center no-repeat;
}

/* Header */
.header
{
	margin: 0 auto;
	width: 977px;
	height: 290px;
}
.header h1, .header h2
{
	float: left; 
	position: relative;
	display: inline;
	margin: -257px 0px 0px 48px;
}
#home .header h1, #home .header h2
{
	margin: -394px 0px 0px 48px;
}
.header h1 a, .header h2 a
{
	float: left;
	width: 267px;
	height: 141px;
	background: url(/media/pc/logo.gif) top left no-repeat;
}
.header h1 span, .header h2 span{display: none;}

/* Home Flash */
.header #flash
{
	position: absolute;
	width: 977px;
	height: 455px;
}
.header #flash #flashAlt
{	
	width: 977px;
	height: 455px;
	background: url(/media/pc/home-alt.png) no-repeat top left;	
}
.header #flash #flashAlt img
{
	float: left;
	width: 977px;
	margin: 70px 0px 0px 0px;
}
.header .headerImg
{
	position: absolute;
	width: 977px;
	height: 315px;	
	background: url(/media/pc/header-bg.png) top left no-repeat;
}
.header .headerImg img
{
	float: left;
	width: 977px;
	margin: 70px 0px 0px 0px;
}

#home #leftBg
{
	background: url(/media/pc/bg-left-home.png) top right repeat-x;
}
#home #rightBg
{
	background: url(/media/pc/bg-right-home.png) top left repeat-x;
}
#home #bg
{
	background: url(/media/pc/bg-content-home.png) top center no-repeat;
}
#home .header
{
	height: 363px;
}

ul.nav
{
	float: left; 
	list-style-type: none;
	width: 230px;
	padding: 0px 0px 0px 27px;
}
ul.nav li
{
	position: relative;
	display: block;
	padding: 10px 0px 9px 0px;
}
ul.nav li a
{
	display: block; 
	width: 200px; 
	height: 11px;
}
ul.nav li a span{display: none;}

ul.nav li.btnHome a{background: url(/media/pc/nav/btn-home-off.gif) top left no-repeat;}
ul.nav li.btnHome a:hover{background: url(/media/pc/nav/btn-home-on.gif) top left no-repeat;}
ul.nav li.btnHome a.on{background: url(/media/pc/nav/btn-home-on.gif) top left no-repeat;}

ul.nav li.btnLatestNews a{background: url(/media/pc/nav/btn-latestnews-off.gif) top left no-repeat;}
ul.nav li.btnLatestNews a:hover{background: url(/media/pc/nav/btn-latestnews-on.gif) top left no-repeat;}
ul.nav li.btnLatestNews a.on{background: url(/media/pc/nav/btn-latestnews-on.gif) top left no-repeat;}

ul.nav li.btnAboutTheProject a{background: url(/media/pc/nav/btn-abouttheproject-off.gif) top left no-repeat;}
ul.nav li.btnAboutTheProject a:hover{background: url(/media/pc/nav/btn-abouttheproject-on.gif) top left no-repeat;}
ul.nav li.btnAboutTheProject a.on{background: url(/media/pc/nav/btn-abouttheproject-on.gif) top left no-repeat;}

ul.nav li.btnSuppliers a{background: url(/media/pc/nav/btn-suppliers-off.gif) top left no-repeat;}
ul.nav li.btnSuppliers a:hover{background: url(/media/pc/nav/btn-suppliers-on.gif) top left no-repeat;}
ul.nav li.btnSuppliers a.on{background: url(/media/pc/nav/btn-suppliers-on.gif) top left no-repeat;}

ul.nav li.btnCustomerPortal a{background: url(/media/pc/nav/btn-customerportal-off.gif) top left no-repeat;}
ul.nav li.btnCustomerPortal a:hover{background: url(/media/pc/nav/btn-customerportal-on.gif) top left no-repeat;}
ul.nav li.btnCustomerPortal a.on{background: url(/media/pc/nav/btn-customerportal-on.gif) top left no-repeat;}

ul.nav li.btnContactUs a{background: url(/media/pc/nav/btn-contactus-off.gif) top left no-repeat;}
ul.nav li.btnContactUs a:hover{background: url(/media/pc/nav/btn-contactus-on.gif) top left no-repeat;}
ul.nav li.btnContactUs a.on{background: url(/media/pc/nav/btn-contactus-on.gif) top left no-repeat;}



ul.nav li ul.sub
{		
	width: 178px;	
	margin: 9px 0px -15px 0px;
}
ul.nav li ul.sub li
{
	position: static;
	padding: 0px 0px 8px 9px;
	height: 16px;
	background: url(/media/pc/li-subnav.gif) left top no-repeat;
}
ul.nav li ul.sub li.last
{
	padding: 0px 0px 14px 9px;
}
ul.nav li ul.sub li a
{	
	display: inline;
	background: none;
	color: #cbcbcb;
	font-size: 0.92em;
	width: 150px;
}
ul.nav li ul.sub li a:hover
{
	background: none;
}
ul.nav li ul.sub li.on
{
	background: url(/media/pc/li-subnavon.gif) left top no-repeat;
}
ul.nav li ul.sub li.on a
{
	background: none;
	color: #d11342;
}
ul.nav li ul.sub li.on a:hover
{
	text-decoration: none;
}	

/* Content */
#content
{
	float: left;	
	width: 977px;
	min-height: 300px;	
	padding: 22px 0px 30px 0px;
	background: url(/media/pc/bg-nav.png) top left repeat-y;
}

.sections
{
	float: left;
	width: 720px;
}
.section
{
	float: left;
}

.content
{
	width: 720px;
}
.content p
{
	padding: 0px 20px 0px 0px;
}
.content ul
{
	margin: 5px 0px 5px 15px;
}
.content ul li
{
	padding: 2px 0px 2px 0px;
}
.content .image
{
	float: right;
	margin: 0px 0px 22px 22px;
}
.content .image img
{
	border: solid 1px #676767;
}
.content .image img.videoLink
{
	float: right;
	border: 0px;
}
.content .image a.thickbox
{
	float: right;
	border: solid 1px #676767;
	width: 240px;
}

.hr
{
	float: left;
	height: 2px;	
	background: url(/media/pc/hr.png) left top repeat-x;
}
.hr hr
{
	display: none;
}
.hr714
{
	width: 714px;
	margin: 16px 0px 16px 0px;
}
.hr700
{
	width: 700px;
	margin: 14px 0px 16px 0px;
}	
.hr424
{
	width: 424px;
	margin: 18px 0px 18px 0px;
}
.hr412
{
	width: 412px;
	margin: 18px 0px 18px 0px;
}
.hr260
{
	width: 260px;
	margin: 16px 0px 16px 0px;
}

.youTubeHolder
{
	float: right;
	margin: 0px 0px 0px 22px;
}
.youTubeHolder embed, .youTubeHolder object
{
	width: 240px !important; 
	height: 194px !important;
}

.homeContent
{
	width: 412px;
}
.homeNews
{
	float: right;
	width: 260px;	
	padding: 70px 0px 0px 0px;
}

.partner .logo
{
	float: left;
	padding: 0px;
	margin: 0px 22px 0px 0px;
	
}
.partner .logo img
{
	float: left;
	border: solid 1px #676767;
}
.partner p
{
	padding: 0px 0px 0px 0px;
}

.relatedInformation
{
	clear: left;
	width: 400px;
}
.relatedInformation p
{
	padding-bottom: 10px;
}
p.pdf
{
	height: 15px;
	padding: 0px 0px 8px 19px;
	background: url(/media/pc/icon-pdf.gif) top left no-repeat;
}
p.word
{
	height: 15px;
	padding: 0px 0px 8px 19px;
	background: url(/media/pc/icon-word.gif) top left no-repeat;
}

img.newsImage
{
	float: left;
	border: solid 1px #676767;
	margin: 0px 10px 0px 0px;
}
.newsImages
{
	width: 288px;
	float: right;
}
.textContent
{
	float: left;
	width: 424px;
}
.textContent p
{
	padding: 0px 10px 0px 0px;
}

.faqLinks a
{
	display: block;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
}
.faqTtl
{
	display: block;
	padding: 0px 0px 6px 0px;
}
a.backToTop
{	
	display: block;
	width: 65px;
	background: url(/media/pc/top-arrow.gif) bottom right no-repeat;
	padding: 0px 13px 0px 0px;
	margin: 10px 0px 0px 0px;	
}

.contactForm fieldset
{
	border: 0px;
	width: 424px;
}
.contactForm legend
{
	display: none;
}
.contactForm .row
{
	float: left;
	padding: 0px 0px 10px 0px;
}	
.contactForm .col406
{
	float: left;
	width: 406px;
}	
.contactForm .col212
{
	float: left;
	width: 212px;
}	
.contactForm .col94
{
	float: left;
	width: 106px;
}
.contactForm label
{
	font-size: 1.1em;
}
.contactForm input
{
	float: left;
	margin: 5px 0px 0px 0px;
	padding: 3px;
	border: 0px;
}
.contactForm input.text
{
	width: 194px;	
}
.contactForm input.statePostcode
{
	width: 88px;
}
.contactForm input.address
{
	width: 406px;
}
.contactForm select
{
	width: 164px;
	padding: 3px;
	border: solid 1px #aeaeae;
}
.contactForm textarea
{
	margin: 3px 0px 0px 0px;
	width: 404px;
	height: 90px;
	padding: 3px;
	border: solid 1px #aeaeae;
}
.contactForm .required
{
	color: #cd003a;
}
.contactForm p.requiredTxt
{
	font-size: 1.0em;
	padding: 5px 0px 0px 0px;
}
.contactForm input.submit
{
	border: 0px;
	padding: 0px 11px 0px 0px;
	float: right;
}
.contactForm #alert
{	
	display: none;
	margin: 6px 0px 10px 0px;	
	padding: 6px 10px 6px 10px;
	width: 391px;
	border: solid 1px #d61f18;
	background: #cd003a;
	color: #fff;
	font-weight: bold;
}
#alert ul
{
	list-style-position: inside;
}


/* Text formatting */
.sections h1, .sections h2
{
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
}
h3.newsTtl
{
	color: #cd003a;
}
h4
{
	font-size: 1.1em;
	font-weight: bold;
	padding: 0px 0px 8px 0px;
}
span.date
{
	display: block;
	color: #8c8c8c;
	font-style: italic;
}
a.back
{	
	background: url(/media/pc/link-back.gif) no-repeat left top;
	padding-left: 8px;	
}
a.more
{		
	background: url(/media/pc/link-arrow.gif) no-repeat right center;
	padding-right: 8px;	
}
a.more sub, a.more:hover sub
{	
	vertical-align: baseline;
	font-size: 1.1em;
	padding: 0px 2px 0px 2px;
	text-decoration: none;
}
blockquote
{
	background: url(/media/pc/quotes.png) top left no-repeat;	
	font-size: 1.4em;
	color: #cd003a;
	padding: 14px 20px 25px 42px;
	margin: 25px 0px 0px 0px;
	display: block;
}
.wideContent blockquote
{
	background: url(/media/pc/quotes-wide.png) top left no-repeat;
}
p.downloadLink
{
	background: url(/media/pc/btn-download.gif) left center no-repeat;
	padding: 0px 0px 0px 32px;
}
p.download
{
	background: url(/media/pc/icon-download.gif) left center no-repeat;
	padding: 0px 0px 0px 20px;
	color: #666666;
}

table.requirements
{
	margin: 5px 0px 0px 0px;
}
table.requirements td
{
	vertical-align: top;
}
table.requirements td.col1
{
	width: 145px;
}
p.loggedOut
{
	color: #cd003a;
}
div.loginInfo
{
	float: right;
	padding: 0px 10px 0px 0px;
}

.installationVideo
{
	float: left;
	background: #000;
	padding: 8px 10px 8px 10px;
}
.installationVideo #close
{
	float: right;
	padding: 0px 0px 6px 0px;
}

/* Footer */
#footerContainer
{
	float: left;
	width: 100%;
}
#footerLeftBg
{
	position: absolute;
	left: 0;
	width: 50%;
	height: 45px;	
	background: url(/media/pc/bg-footer-left.png) top left repeat-x;
}
#footerRightBg
{
	position: absolute;
	right: 0;
	width: 51%;
	height: 45px;	
	background: url(/media/pc/bg-footer-right.png) top right repeat-x;
}
#footerBg
{
	position: absolute;	
	width: 977px;
	left: 50%;
	margin-left: -487px;
	background: url(/media/pc/bg-footer.png) top center no-repeat;	
}
h5.miscLogo
{
	position: absolute;
	bottom: 73px;
}
h5.miscLogo a
{
	float: left;
	width: 187px;
	height: 49px;
	background: url(/media/pc/logo-misc.png) bottom left no-repeat;
}
h5.miscLogo a span
{
	display: none;
}
.footer
{
	margin: 0 auto;
	padding: 55px 0px 0px 0px;
	width: 977px;	
}
.footer p
{
	font-size: 1.1em;
	padding: 0px 0px 10px 0px;
	color: #7b7979;
}
.footer p a
{
	color: #7b7979;
}
p.footerLeft
{
	display: block;
	float: left;
	width: 600px;
}
p.footerRight
{	
	display: block;
	float: right;
	text-align: right;
	width: 250px;
}