/* Copyright // 2007 - 2010 Nuke Creative Ltd. All rights reserved. */
/* Author // Matt Castledine, Nuke Creative Ltd */
/* Contact // design@nukecreative.com // www.nukecreative.com */
/* Date // 170710 */
/* Project // www.pgautomotive.co.uk */

/* ----------------------------------------- colour references */
/*
Dark Red #2B0102
Red #780001
Bright Red #9A1919
a:hover #D32026
Dark Grey #454545
*/



/* ----------------------------------------- body */

body, html { margin: 0 auto; padding: 0; background:url(../img/carbon_fibre.gif); height:100%; min-width:1124px; width:100%; font: normal 100.01% Verdana, Geneva, sans-serif;}
img {border:none; outline:none;}

/* ----------------------------------------- basics */
p {margin:5px 15px 15px 15px; font-size:0.8em; color:#333;}
b {font-weight:bold; color:#333;}
ul {margin:20px 0 40px 0;}
li {margin:0 100px 10px 60px; font-size:0.8em; color:#333; list-style:square;}
h2 {margin:30px 15px 15px 15px; font-size:1.8em; font-weight:lighter; color:#333;}
h3 {margin:15px 15px 5px 15px; font-size:0.8em; font-weight:bold; color:#333;}
h4 {margin:30px 15px 15px 15px; font-size:1.3em; font-weight:lighter; color:#333;}
h4 b {color:#9A1919;}
h5 {margin:15px; font-size:1em; font-weight:bold; color:#780001;}
h6 {margin:0 0 7px 15px;font-size:0.8em; font-weight:bold; color:#780001;}
h7 {margin:0 0 0 20px;font-size:0.8em; font-weight:normal; color:#9A1919;}
h8 {margin:0; font-size:0.8em; font-weight:bold; color:#fff;}


/* ----------------------------------------- links */

a { }
a:link {color:#333; text-decoration:none; font-weight:bold;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#D32026; text-decoration:none;}
a:active {color:#333; text-decoration:none;}

/* ----------------------------------------- colours */


/* ----------------------------------------- containers */
#header {margin:0 auto; padding:0; width:100%; height:115px; background:url(../img/header_bg.jpg) repeat-x;}
#navbar {margin:0 auto; padding:0; width:100%; height:25px; background:url(../img/nav_bg.jpg) no-repeat #2B0102 center;}
#subnavbar {margin:0 auto; padding:0 0 4px 0; width:1100px; height:25px; background:#2B0102; border:none;}
#frame {margin:0 auto; padding:0; width:1124px;}
#col1 {width:820px; height:auto; margin:0 12px 0 0; padding:0; background-color:#fff; float:left;}
#col2 {width:244px; height:auto; margin:0; padding:0; background-color:#fff; float:left;}

/* ----------------------------------------- header */
#headerframe {margin:0 auto; width:1100px; height:115px; background:url(../img/logo.png) no-repeat; background-position:left center; position:relative;}
#headerframe p {margin:0; font-size:0.7em; text-align:right; letter-spacing:0.3em; position:absolute; right:12px; top:55px;}

/* ----------------------------------------- navigation */
#navbar ul {margin:0 auto; padding:0; width:1100px;}
#navbar li {font-size:0.7em; font-weight:bold; color:#fff; float:left; margin:5px 15px 0 0; padding:0 0 0 15px; border-left:solid 1px #900; list-style-type:none; display:block;}
#navbar a {text-decoration:none; color:#FFF;}
#navbar a:hover {text-decoration:none; color:#D32026;}
#navshadow {margin:0 auto; padding:0; width:100%; height:15px; background:url(../img/nav_shadow.png) repeat-x; display:block; z-index:100; position:absolute;}
#navbar li.home {margin-left:3px; border-left:none;}
#navbar li.loginstatus {float:right; color:#D32026; border:none;}
#navbar li.login {float:right;}

/* ----------------------------------------- subnavigation */
#subnavbar ul {height:auto; margin:0 auto; padding:4px 0 0 0; width:100%; border:none;}
#subnavbar li {font-weight:bold; color:#777; float:left; margin:0; padding:0; list-style-type:none; display:block;}
#subnavbar a {text-decoration:none; color:#777; margin:0; padding: 0 8px 0 18px;}
#subnavbar a:hover {text-decoration:none; color:#D32026;}


/* ----------------------------------------- content */
#trimleft {width:12px; background:url(../img/trim_left.png) repeat-y; float:left;}
#content {margin:0 12px; padding:12px; width:1076px; background-color:#fff; float:left;}
#trimright {width:12px; background:url(../img/trim_right.png) repeat-y; float:left;}
#trimbottom {margin:0 auto; width:1124px; height:8px; background:url(../img/trim_bottom.png) repeat-y;}

/* ----------------------------------------- columns*/
.col1item {margin:0 0 10px 0; padding:0 0 40px 0; width:100%; height:auto; border-top: solid 2px #333; background:#e1e1e1; float:left;}
.col2item {margin:0 0 10px 0; padding:0; width:100%; height:auto; border-top: solid 2px #333; background:#e1e1e1; float:left;}
.col2newsfeed {margin:0 0 10px 0; padding:0; width:100%; height:auto; border-top: solid 2px #333; background:#454545; float:left;}
.colheader {margin:0 0 1px 0; width:100%; height:30px; background:#333; font-size:0.7em; font-weight:bold; color:#fff; float:left;}
.colheader h1 {margin:7px;}
.col1left {width:300px; height:auto; margin:30px; float:left; border:1px solid #999;}
.col1right {width:390px; height:auto; margin:15px 30px 30px; float:right;}

/* ----------------------------------------- features*/
#featureimage {width:820px; height:220px; background:#000; padding:0;}
#featuredrecruiter {width:224px; height:200px; margin:10px; background:#fff;}
#login {width:244px; height:auto; background:#2B0102; font-weight:bold; text-align:center; color:#fff;}
#login p, #login a {color:#fff; margin:10px 0 15px 0;}
#login a:hover {color:#D32026;}
#contactus {width:244px; height:90px; background:#454545; font-weight:bold; text-align:center; color:#fff;}
#contactus h1 {font-size:1.6em; color:#fff; margin:12px 0;}
#contactus a {font-size:0.75em; color:#fff; text-decoration:none;}
#contactus a:hover {color:#D32026;}
#welcome {width:820px; height:auto; background:#999; float:left; padding:0px;}
#quicklink ul {margin:0;}
#quicklink li {margin:10px 10px; text-align:right; list-style:none; font-weight:bold; font-size:0.75em; color:#333; text-decoration:none;}
#quicklink a:hover {color:#D32026;}
#quicksearch {height:auto;}
#quicksearch .textbox {width:215px; padding-left: 3px; margin:10px;}
#quicksearch .dropdownlist {width:165px; margin:0 0 10px 10px;}
#quicksearch .button {margin:0 0 10px 8px;}

/* ----------------------------------------- forms*/
#clientarea {width:100%;}
.clientareaitem {margin:15px; float:left;}
.clientareaitem p {font-size:0.8em; color:#333; margin:20px 5px 5px 0;}

/* ----------------------------------------- ctas*/
#cta {height:25px; text-align:right; width:auto; margin:15px 20px 0 0; clear:both;}

/* ----------------------------------------- aags*/
.aag {width:184px; height:auto; border:solid 1px #333; margin:15px 0 0 15px; float:left;}
.aagimage {background:#000; width:184px; height:140px; margin:0; padding:0; float:left;}
.aagcta a { width:85%; background-color:#333; color:#fff; font-size:0.75em; font-weight:bold; text-align:right; margin:0; padding:15px; float:left;}
.aagcta a:hover {color:#D32026;}

/* ----------------------------------------- lozenge aags*/
#aagwrapper {width:auto; height:auto; margin:0 auto; padding:20px 0 20px 20px; float:left;}
.aagtext {width:380px; height:110px; margin:0px 20px 20px 0px; float:left; border:none;}
.aagtext a {background: url(../img/aags/aag_normal.png) no-repeat; display:block; text-decoration:none; width:380px; height:110px; border:none; color:none; text-align:left; margin:0; padding:12px;}
.aagtext a:hover {background: url(../img/aags/aag_hover.png) no-repeat;}
.aagtext p {color:#999; font-size:12px; font-weight:bold; margin:0;}
.aagtext b {color:#fff; font-size:20px; font-weight:normal; margin:0;}

#aagwrapper ul {margin:0; padding:0; width:auto; height:auto; float:left;}
#aagwrapper li {width:380px; height:110px; margin:0px 20px 20px 0px; padding:0; float:left; border:none; list-style:none;}
#aagwrapper li a {background: url(../img/aags/aag_home_normal.png) no-repeat; display:block; text-decoration:none; width:380px; height:110px; border:none; color:none; text-align:left; list-style:none;}
#aagwrapper li a:hover {background: url(../img/aags/aag_home_hover.png) no-repeat;}
#aagwrapper li img {width:133px; height:94px; margin:7px 12px 7px 7px; float:left;}
#aagwrapper li p {color:#999; font-size:12px; font-weight:bold; margin:0; padding:10px;}
#aagwrapper li b {color:#fff; font-size:13px; font-weight:normal;}


/* ----------------------------------------- footer */
/*#footer {clear:both; margin:0 auto; height:80px; width:1100px; color:#0F0;}*/
#footer { margin:0 12px; width:1076px; background-color:#454545; padding:12px; float:left;}
#footer .footertext h1{font-size:0.8em; font-weight:bold; color:#fff;}
.footertext p {margin:4px 0 0 0; color:#999; font-size:0.7em;}
.footertext a, .footertext b {color:#ccc; text-decoration:none; font-weight:bold;}
.sitedesign {font-size:0.7em;}
.sitedesign a {color:#999; text-decoration:none;}
#footer a:hover {color:#D32026;}

/* ----------------------------------------- hotjobs newsticker*/

#hotjobs {background:#780001; width:70px; float:left;}
.hotjobs_placeholder {width:750px; height:30px; background:#A04C4D; float:right;}


#newsticker {height:20px; color:#ffffff;}
#newsticker ul { margin-left:-50px; margin-top:7px;}
#newsticker li {list-style-type:none;}
#newsticker li.error {list-style-type:none; color:#ffffff;}
#newsticker #togglenewsticker {overflow: hidden;position: absolute;right: 10px;top: 12px;width: 14px;height: 14px;text-indent: 20px; outline: none;}

#newsticker a:link {text-decoration: none; color: #ffffff;}
#newsticker a:visited {text-decoration: none; color: #ffffff;}
#newsticker a:hover {text-decoration: none; color: #333333;}
#newsticker a:active {text-decoration: none; color: #ffffff;}

/* ----------------------------------------- hotjobs newsticker*/

#pgnews h1, #newsarticle h1 {margin:25px 15px 15px 15px; font-size:1.4em; font-weight:lighter; color:#780001; width:790px; padding-bottom:7px; border-bottom: 2px dotted #666; float:left;}
#pgnews h2 {margin:0 0 7px 0;font-size:0.8em; font-weight:bold; color:#780001;}
#newsarticle h2 {margin:0 0 7px 15px;font-size:0.8em; font-weight:bold; color:#780001;}
#newsarticle img {margin:15px 15px 30px 15px; float:left;}
#newsarticle ul {margin:20px 20px 40px 20px;}
#pgnews a {margin:0;}
#pgnews p {margin:0;}
.newsitem {margin:15px 0 10px 15px; width:47%; float:left; padding-bottom:15px; border-bottom:1px dotted #666;}
#newssignature {width:100%; float:left;}
#backlink {margin:40px 0 0 15px; font-weight:bold; font-size:0.75em; color:#333; text-decoration:none; display:block;}
#backlink a:hover {color:#D32026;}


/* ----------------------------------------- eclipseforms*/

.formtextbox {width:200px; padding-left: 3px; margin:0 0 10px 15px;}
.formdropdownlist {margin:0 0 10px 15px;}
.formlistbox {margin:0 0 10px 15px;}
.formwrapperleft {width:300px; float:left; margin:10px 20px 20px 20px;}
.formwrapperright {width:300px; float:left; margin:10px 20px 20px 40px;}
.formwrapperleft p, .formwrapperright p {margin:5px 5px 5px 20px;}
.validationtext {font-size:0.8em; color:#78001; margin:0 0 0 20px;}

#optionsmenu, #optionsmenu2 {margin:0; padding:0}
#optionsmenu ul, #optionsmenu2 ul {margin:0 0 0 5px;}
#optionsmenu li {margin:10px 10px 30px 10px; text-align:left; list-style:none; font-weight:bold; font-size:0.75em; color:#333; text-decoration:none; padding:0 0 0 10px; border-left:solid 1px #900; display:block; float:left;}
#optionsmenu2 li {margin:5px 5px 5px 10px; text-align:left; list-style:none; font-weight:bold; font-size:0.75em; color:#333; text-decoration:none; padding:0 0 0 5px; border-left:solid 1px #900; display:block; float:left; width:auto;}
#optionsmenu a:hover, #optionsmenu2 a:hover {color:#D32026;}

/* ----------------------------------------- searchresults*/

.searchbuttons {float:left; width:760px; height:auto; margin:5px 10px 20px 10px; padding:5px; border-top:1px solid #780001;}
.searchbuttons a {float:left; width:auto; margin:0 20px 0 0; font-size:0.8em; font-weight:bold; color:#454545;}
.searchbuttons a:hover {text-decoration:none; color:#D32026;}
.searchdesc {width:760px; height:auto; margin:20px 10px 20px 15px; padding:0; font-size:0.8em; font-weight:normal; color:#333;}
/*.searchdesc p {font-size:0.8em; font-weight:normal; color:#333;}*/
.searchdesc img {margin:0 auto 20px auto;}
.searchdesc b {text-align:left;}
.searchpagenumbers span {font-size:0.8em; color:#333; font-weight:bold; margin:0 0 20px 15px;}
.searchlabel b {color:#780001;}


/* ----------------------------------------- floats */

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