@charset "utf-8";
/*
Copyright(C)2013 Autobarn Ltd. All rights reserved.
Created by Red Cherry Solutions Ltd. / www.redcherrysolutions.co.uk
*/

/* --------------------------------------------------------------- MAIN */
body { background: #161616 url(../assets/background.jpg) no-repeat 0 0; background-position: center top; color: #fff; font-family: Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; }
form { margin: 0px; padding: 0px; }
table { margin: 0px; padding: 0px; }
p { text-align: left; margin: 10px 0px; }
a:hover, a:active { outline: none; }
a { color: #AAA; }
a:hover { color: #EEE; }
div { border-collapse: collapse; padding: 0px; margin: 0px;}
ul { list-style-position: inside; }

header { position: relative; margin: 35px auto 0px auto; background-image: url(../assets/header.png); width: 974px; height: 94px; }
header section.logo { position: absolute; width: 300px; top: 18px; left: 20px; }
header section.logo p { margin: 3px 0px 0px 0px; font-size: 0.9em; font-style: italic; }
header section.address { position: absolute; width: 300px; top: 0px; left: 660px; }
header section.address p { text-align: right; font-size: 0.75em; }
header section.address p b { font-size: 1.5em; }

nav.main { margin: 0px auto; background-image: url(../assets/menu.png); background-repeat: repeat-x; width: 974px; height: 46px; }
nav.main ul { padding: 10px 0px; margin: 0px 0px 0px 0px; }
nav.main ul li { display: inline; }
nav.main ul li.selected a { color: #000; }
nav.main ul li a { font-size: 0.8em; font-weight: bold; text-decoration: none; padding: 5px; margin: 0px 9px 0px 10px; color: #35488c; }
/*nav.main ul li a:hover { border-bottom: 2px solid #000; }*/
nav.main ul li a:hover { background-color: #35488c; color: #fff; }

aside.banner { margin: 0px auto; padding: 0px; width: 973px; height:389px; position:relative; /*right: 8px;*/ }
aside.banner img { border:none; }
aside.banner ul { list-style-type: none; list-style-image: none; padding: 0px; }
aside.banner li.slide { list-style-type: none; list-style-image: none; padding: 0px; }
aside.banner .slides li.slide { visibility:hidden; position:absolute; left:0px; top:0; }
aside.banner .slides li.slide p { position: absolute; left: 710px; width: 240px; }
aside.banner .slides li.slide p.heading { top: 40px; font-weight: bold; color: #000; font-size: 2.8em; }
aside.banner .slides li.slide p.subhead { top: 100px; font-weight: bold; color: #666; font-size: 1.2em; }
aside.banner .slides li.slide p.info { top: 160px; color: #777; line-height: 25px; }

section.promo { margin: 0px auto; padding: 0px 15px; background-image: url(../assets/promo.png); width: 943px; height: 351px; }
section.promo aside { color: #000; display: inline-block; width: 200px; padding: 30px 15px; margin: 0px; }
section.promo aside h3 { font-size: 1.1em; margin: 5px 0px 0px 0px; }
section.promo aside h3 a { text-decoration: none; color: #000; }
section.promo aside h4 { color: #666; font-size: 1.1em; }
section.promo aside p { color: #666; font-size: 0.75em; }
section.promo aside p a { font-size: 1.2em; font-weight: bold; color: #000; text-decoration: none; }
section.promo aside a:hover { color: #666; }

article { background-color: #181818; margin: 0px auto 20px auto; width: 934px; padding: 20px 20px 50px 20px; border-bottom: 1px solid #666; }
article h1 { border-bottom: 1px solid #555; font-size: 1.9em; font-weight: normal; padding-bottom: 8px; margin-bottom: 20px; }
article h2 { border-bottom: 1px solid #555; font-size: 1.3em; font-weight: normal; padding: 15px 0px 5px 0px; margin-bottom: 15px; }
article p { font-size: 0.9em; line-height: 20px; text-align: justify; }
article img { padding: 0px 20px 0px 0px; }
article aside { color: #000; float: right; margin: 0px 0px 10px 15px; padding: 0px 15px; background-image: url(../assets/promo.png); width: 250px; height: 351px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; }
article ul { padding: 10px 40px; list-style-position: outside; }

table { margin: 20px; }
table thead { background-color: #555; color: #fff; height: 30px; }
table thead th { padding: 10px; margin: 4px; }
table thead td { font-size: 1.1em; font-style: italic; padding: 10px; margin: 4px; font-weight: bold; border: 2px solid #fff; }
table tbody { background-color: #333; font-size: 0.8em; }
table tbody th { font-size: 1.1em; text-align: left; vertical-align: top; padding: 10px; margin: 4px; border: 2px solid #fff; }
table tbody td { padding: 10px; margin: 4px; border: 2px solid #fff; }
table.input th, table.input td { border-left: none; border-right: none; }
table th.highlight { background-color: #666; font-size: 1.2em; }
span.required { color: red; font-weight: bold; padding-left: 10px;}

footer { position: relative; margin: 0px auto 20px auto; background-image: url(../assets/footer.png); width: 974px; height: 94px; }
footer section.address { position: absolute; width: 300px; top: 0px; left: 10px; }
footer section.address p { font-size: 0.75em; }
footer section.address p b { font-size: 1.5em; }
footer nav { font-size: 0.75em; position: absolute; text-align: right; width: 670px; top: 0px; left: 300px; }
footer nav ul { padding: 2px 0px 3px 0px; margin: 0px; }
footer nav ul li { display: inline; }
footer nav ul li a { color: #fff; text-decoration: none; padding: 0px; margin: 0px 10px; }
footer nav ul li a:hover { color: #35488c; }
footer nav p { font-size: 0.85em; text-align: right; padding: 0px; margin: 15px 5px 0px 0px; }
p.rcs { text-align: center; font-size: 0.7em; }
p.rcs a { color: #555; text-decoration: none; }
p.rcs a:hover { color: #fff; }
p.rcp{color:#fff;font-size:0.9em;margin:auto;width:930px;}

.message { border: 5px solid #CC0000; background-color: #FFF; color: #CC0000; font-weight: bold; font-size: 0.9em; padding: 5px; margin-bottom: 10px; }
.bedone { display: block; clear: both; }

.clearfix { /*	display: inline-block;*/ }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

@media only screen and (max-width: 959px) {
	header { width: 680px; font-size: 0.75em; background-image: none; border: 2px solid #333; border-bottom: none; background-color: #000; -moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px; -khtml-border-top-left-radius: 10px; border-top-left-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-top-right-radius: 10px; border-top-right-radius: 10px;}
	header section.address { position: absolute; width: 300px; top: 0px; left: 350px; }

	nav.main { margin: 0px auto; background-image: url(../assets/menu.png); background-repeat: repeat-x; width: 684px; height: 40px; }
	nav.main ul { padding: 8px 0px; margin: 0px 0px 0px 0px; }
	nav.main ul li a { font-size: 0.65em; font-weight: bold; text-decoration: none; padding: 10px 0px; margin: 0px 7px; color: #35488c; }

	aside.banner { width: 684px; height: 273px; }
	aside.banner img { border:none; width: 684px; }
	aside.banner .slides li.slide p { position: absolute; left: 500px; width: 180px; }
	aside.banner .slides li.slide p.heading { top: 20px; font-weight: bold; color: #000; font-size: 2em; }
	aside.banner .slides li.slide p.subhead { top: 55px; font-weight: bold; color: #666; font-size: 1em; }
	aside.banner .slides li.slide p.info { top: 100px; color: #000; line-height: 20px; font-size: 0.8em; }

	section.promo { margin: 0px auto; padding: 0px 50px; background-image: url(../assets/promo.png); width: 584px; height: 700px; }
	section.promo aside { color: #000; display: inline-block; width: 200px; padding: 20px 40px; margin: 0px; }
	section.promo aside h3 { font-size: 1.1em; margin: 5px 0px 0px 0px; }
	section.promo aside h3 a { text-decoration: none; color: #000; }
	section.promo aside h4 { color: #666; font-size: 1.1em; }
	section.promo aside p { color: #666; font-size: 0.75em; }
	section.promo aside p a { font-size: 1.2em; font-weight: bold; color: #000; text-decoration: none; }
	section.promo aside a:hover { color: #666; }
	p.rcp{color:#fff;font-size:0.9em;margin:auto;width:600px;}
	article { width: 644px; }
	aside { width: 684px; }
	aside section { display: inline-block; }
	footer { width: 680px; font-size: 0.75em; background-image: none; border: 2px solid #333; background-color: #000; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
	footer nav { font-size: 0.75em; position: absolute; text-align: right; width: 500px; top: 0px; left: 170px; }
}