/* CSS Document */
/*DIV {border:1px dashed #f00;*/

body { margin:0px; padding:0px; background: #fff;}
p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px;}
#header { /*background-color: #FFFF00; height:139px;*/ margin: 0; padding: 0; border-bottom: 8px solid #FFF100;}
#brand { background-color: #006600; margin: 0 auto; width: 780px;}
.title {margin: 15px 0;}
.clearer { height: 1px; overflow: hidden; margin-top: -1px; clear: both;}

a {text-decoration: underline; color: #07654A;}
a:hover {text-decoration: underline; color: #FFA500;}

/* --- PAGE COLUMNS --- */
#content {width: 780px; background: #fff; margin: 0 auto;}
#columnleft {width: 400px; background-color: #fff; margin: 0; padding: 0 15px 0 10px; float: left;}
#columnright {width: 280px; background-color: #fff; margin: 0; padding: 0; float: right;}

/* --- HOME INTRO --- */
#hpintro {width: 250px; background-color: #fff; margin: 0; padding: 0 0px 0 10px; float: left;}
#hpintro h1 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
#hpintro p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; padding: 10px 20px 0 0; margin: 0;}

/*#hpnews {width: 260px; background-color: #fff; margin: 0; padding: 0; float: right;}
#hpnews span {font-weight:bold;}
#hpnews dl {padding: 0;}
#hpnews dt {margin:0; background-color:#fff; font-size:12px; font-weight: bold;}
#hpnews dt a {text-decoration:none;color:#fff; display:block; font-size: 12px; color: #333;}
#hpnews dt a:hover {color:#5b4400;}
#hpnews dd {margin:0; line-height:1.5em; border-bottom:1px dotted #ccc; padding-bottom:0.5em;}
#hpnews h2 {font-size: 12px; color: #333; padding: 0; margin: 0;}
#hpnews h2 a {font-family : Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: 0; font-size: 12px;}
#hpnews h1 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: 0 0 10px 0;}
#hpnews a:hover {color: #fff; background-color: #07654A;}
#hpnews .date {font-size: 10px; color: #07654A; font-weight: bold; margin: 0px; padding: 0;font-family: Arial, Helvetica, sans-serif;}
#hpnews p {font-size:11px; padding: 0; margin: 0 0 10px 0;}*/

#hpfeatured {width: 260px; background-color: #fff; float: left;}
#hpfeatured h1 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #07654A;}
#hpfeatured a {color: #07654A; text-decoration: underline;}
#hpfeatured a:hover {color: #FFA500;}
#hpfeatured p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; line-height: normal; padding: 5px 0; margin: 0;}
.hpfeaturedimg {border: 4px solid #E6D500; margin: 0; padding: 0;}
.hpfeaturednoimg {border: 0px solid #000; padding: 0; margin: 0;}



#hpnews {width: 240px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0 15px 0 0px; float: right; background-color: #fff;}
#hpnews h1 {font-size: 14px; font-weight: bold;}
#hpnews ul {font-size: 13px; color: #000; list-style-image: url(images/bullet-orange.gif); font-weight: bold; padding: 0 0 0 20px; margin: 0;}
#hpnews ul li {padding: 0 0 10px 10px;}
#hpnews a {color: #07654A; font-size: 11px; font-weight: bold;}
#hpnews a:hover {color: #FFA500;}
#hpnews p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding: 0; margin: 0; line-height: normal; font-weight: normal;}

#homeWrap {width: 100%;}
#homeWrapLeft {width: 50%; float: left;}
#homeWrapLeft #logo {}
#homeWrapLeft #logo td {padding: 0 15px 0 0;}

#homeWrapRight {width: 49%; float: right; text-align: right;}
#homeWrapRight img {border: 1px solid #f59f00;}


/* --- FEATURED ITEM --- */
#equipfeatured {background-color: #fff; margin: 0;}
#equipfeatured p {font-size: 11px; line-height: 14px; margin-bottom: 20px;}
#equipfeatured h1 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #07654A; margin: 0; padding: 0;}
#equipfeatured a:link, #equipfeatured a:visited, #equipfeatured a:hover, #equipfeatured a:active {color: #07654A; text-decoration: underline;} 
#equipfeatured a:hover {color: #FFA500;}
#equipfeatured img {border: 4px solid #E6D500; margin: 0; padding: 0;}


.latest {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #990000; font-weight: bold;}

/* --- FEATURED EQUIPMENT HOME --- */
#equipfeaturedhome {background-color: #fff; margin: 0 0 20px 0;}
#equipfeaturedhome p {font-size: 11px; line-height: 14px; margin-bottom: 20px;}
#equipfeaturedhome h1 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #07654A; margin: 0; padding: 0;}
#equipfeaturedhome a:link, #equipfeaturedhome a:visited, #equipfeaturedhome a:hover, #equipfeaturedhome a:active {color: #07654A; text-decoration: underline;} 
#equipfeaturedhome a:hover {color: #fff; background-color: #07654A;}
#equipfeaturedhome img {border: 0px solid #E6D500; margin: 0px;}
.equipfeaturedhome {margin: 3px 3px 5px 15px;}

/* --- EQUIPMENT --- */
#equipleft {width: 220px; background-color: #fff; margin: 0; padding: 0 15px 0 10px; float: left;}
#equipright {width: 180px; background-color: #fff; margin: 0; padding: 0 15px 0 10px; float: left;}
#equipright ul {font-size: 12px; color: #000; list-style-image: url(images/bullet-orange.gif); font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
#equipright ul li {padding: 0px 0 2px 10px;  margin: 10px 0;}
#equipright a:link, #equipright a:visited, #equipright a:hover, #equipright a:active {color: #000; text-decoration: underline;} 
#equipright a:hover {color: #fff; background-color: #07654A;}

/* --- EQUIPMENT ITEM --- */
#equipmenttext {width: 280px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0 15px 0 10px; float: left;}
#equipmentcontent {width: 450px; background-color: #fff; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0; float: right;} 
#equipmentcontent h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333; margin: 0; padding: 0;}
#equipmentcontent h2 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333; margin: 2px 0 5px 0; padding: 0;}
#equipmentcontent p {font-family: Arial, Helvetica, sans-serif; #color: #333; margin: 0; padding: 0; font-size: 11px;}


#equipmenttext h1 { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333; margin: 0; padding: 0;}
#equipmenttext h2 {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #333; margin: 0; padding: 0;}
#equipmenttext p {font-family: Arial, Helvetica, sans-serif; #color: #333; margin: 0; padding: 0;}
#equipmenttext ul {font-size: 12px; color: #000; list-style-image: url(images/bullet-orange.gif); font-weight: bold;}
#equipmenttext ul li {padding: 0px 0 2px 10px;}


/* --- DEPARTMENTS --- */
#departmentnav {width: 250px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; padding: 0 15px 0 10px; float: left;}
#departmentnav h1 {font-size: 14px; font-weight: bold;}
#departmentnav ul {font-size: 13px; color: #000; list-style-image: url(images/bullet-orange.gif); font-weight: bold;}
#departmentnav ul li {padding: 0px 0 10px 10px;}
/*#departmentnav a {color: #333; text-decoration: none;}
#departmentnav a:hover {color: #fff; background-color: #07654A;}*/

#departmentcontent {width: 500px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 15px 0; padding: 0; float: right;}
#departmentcontent h1 {font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #333;}
#departmentcontent h2 {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; margin: 10px 0 5px 0;}
#departmentcontent h3 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333;}

#departmenttab th, #departmenttab td {text-align: left; padding: 5px 0; border-bottom: 1px solid #eee;}
#departmenttab th {background-color: #FFFFAE; color: #000; padding-left: 5px; border-bottom: 1px solid #FFC700; font-size: 11px;}
/*#departmenttab a {text-decoration: underline; color: #333;}
#departmenttab a:hover {color: #fff; background-color: #333;}*/

/* --- CONTACT --- */
#contact {background-color: #fff;}
#contact p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold;}
/*#contact input, #contact textarea, #contact select {width: 250px; margin: 2px 0;}*/
.contactform {width: 250px; margin: 2px 0; font-size: 11px; font-family: Arial, Helvetica, sans-serif;}
html > body .contactform {margin-bottom: -10px 0;}
.contactbutton {width: 100px; margin: 5px 0;}

/* --- CONTACT CARD --- */
#contactcard {width: 240px; background-color: #f7f5f0; border: 1px solid #e8e6e1; float: right; color: #333; padding: 15px 15px;}
html > body #contactcard {padding: 5px 15px;}
/*#contactcard a:link, #contactcard a:visited, #contactcard a:hover, #contactcard a:active {color: #333; text-decoration: underline;}
#contactcard a:hover {color: #fff; background-color: #07654A;}*/

/* --- NEWS --- */
#news {width: 400px; background-color: #fff; margin: 0; padding: 0 15px 0 10px; float: left; margin-bottom: 15px;}
html > body #news {margin-left: 15px;}
#news span {font-weight:bold;}
#news dl {padding: 0;}
#news dt {margin:0; background-color:#fff; font-size:12px; font-weight: bold;}
#news dt a {text-decoration:none;color:#fff; display:block; font-size: 14px; color: #333;}
#news dt a:hover {color:#5b4400;}
#news dd {margin:0; line-height:1.5em; border-bottom:1px dotted #ccc; padding-bottom:0.5em;}
#news h2 {font-size: 14px; color: #333; padding: 0; margin: 0;}
/*#news h2 a {font-family : Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: 0; font-size: 14px;}*/
#news h1 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: 0 0 10px 0;}
/*#news a:hover {color: #fff; background-color: #07654A;}*/
#news .date {font-size: 10px; color: #07654A; font-weight: bold; margin: 0px; padding: 0;font-family: Arial, Helvetica, sans-serif;}
#news p {font-size:12px; padding: 0; margin: 0 0 20px 0;}

#newsarchive {width: 240px; background-color: #f7f5f0; border: 1px solid #e8e6e1; float: right; color: #333; padding: 15px 15px;}
html > body #newsarchive {padding: 5px 15px;}
/*#newsarchive a:link, #newsarchive a:visited, #newsarchive a:hover, #newsarchive a:active {color: #333; text-decoration: underline;}
#newsarchive a:hover {color: #fff; background-color: #07654A;}*/
/*#newsarchive ul {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; list-style-image: url(images/icon-news.gif);}
#newsarchive li {margin: 0 0 10px 0; padding: 0px 0 2px 10px;}*/
#newsarchive ul {font-size: 11px; list-style-image: url(images/icon-news.gif); font-family: Arial, Helvetica, sans-serif;}
#newsarchive ul li {padding: 0px 0px 10px 10px;}
#newsarchive h1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px;}

/* --- JOBS --- */
#jobcard {width: 240px; background-color: #f7f5f0; border: 1px solid #e8e6e1; float: right; color: #333; padding: 15px 15px;}
#jobcard h1 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000; margin: 0; padding: 0;}
#jobcard p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000;}
.jobtitle {font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: #003300; margin: 0; padding: 0;}

#jobs {width: 400px; background-color: #fff; margin: 0; padding: 0 15px 0 10px; float: left; margin-bottom: 15px;}
html > body #jobs {margin-left: 15px;}
#jobs span {font-weight:bold;}
#jobs dl {padding: 0;}
#jobs dt {margin:0; background-color:#fff; font-size:12px; font-weight: bold;}
#jobs dt a {text-decoration:none;color:#fff; display:block; font-size: 14px; color: #333;}
#jobs dt a:hover {color:#5b4400;}
#jobs dd {margin:0; line-height:1.5em; border-bottom:1px dotted #ccc; padding-bottom:0.5em; margin-bottom: 10px;}
#jobs h2 {font-size: 14px; color: #333; padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif;}
/*#jobs h2 a {font-family : Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: 0; font-size: 14px;}*/
#jobs h1 {font-size: 16px; font-family: Arial, Helvetica, sans-serif; color: #333; padding: 0; margin: 0 0 10px 0;}
/*#jobs a:hover {color: #fff; background-color: #07654A;}*/
#jobs .date {font-size: 10px; color: #07654A; font-weight: bold; margin: 0px; padding: 0;font-family: Arial, Helvetica, sans-serif;}
#jobs p {font-size:12px; padding: 0; margin: 0 0 10px 0;}

#jobapp {width: 370px; background-color: #eee; margin: 0; padding: 15px;}
#jobapp p, h1, h2 {font-family: Arial, Helvetica, sans-serif; color: #333; margin: 0; padding: 0;}
#jobapp p {font-size: 11px; margin-bottom: 10px;}
#jobapp h1 {font-size: 14px; margin: 0 0 10px 0; display: block; background-color: #333; color: #fff; padding: 3px;}
#jobapp h2 {font-size: 14px;}
#jobapp .date {font-size: 10px; color: #07654A; font-weight: bold; margin: 0px; padding: 0;font-family: Arial, Helvetica, sans-serif;}

#jobapptab {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; padding: 0 0 0 10px;}
#jobapptab.input {width: 150px;}
#jobapptab.upload {width: 50px;}
#jobapptab tr {padding: 1px 0;}

.teamtitle {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; margin: 0; padding: 0; border-collapse: collapse;}
.teamtitle td {border-spacing: 0; padding: 0;}
.teamtitle td.team-nav-left {width: 16px;}
.teamtitle td.team-nav-right {width: 19px;}

.teamdetails {font-family: Arial, Helvetica, sans-serif; color: #333; margin: 0 0 15px 0; width: 780px;}
.teamdetails td {text-align: center; width: 132px; min-width: 132px; vertical-align:top;}
.teamdetails td.filler {width: 300px;}
.teamdetails img {margin: 0 0 10px 0;}
.teamdetails h2 {font-size: 13px; margin: 0; display:block;}
.teamdetails p {font-size: 11px; margin: 0 0 10px 0; padding: 0;}

/*.teamdetails {font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 11px;}
.teamdetails img {margin: 0 auto; border: 0px solid #FFCC00; margin-bottom: 10px;}
.teamdetails h1 {font-size: 12px; margin: 0; padding: 0;}
.teamdetails h2 {font-size: 10px; margin: 0 0 10px 0; padding: 0;}*/


.teammgmt img {margin: 0 auto; margin-bottom: 10px;}

.teammanagement {border: 0;}

#products {margin: 30px 0 10px 0;}


.warntxt{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color:#FF0000;}
.apply {width: 300px; background-image: url(images/apply.gif); background-repeat: no-repeat; color: #07654A; font-family: Arial, Helvetica, sans-serif; font-size: 11px; display: inline; padding: 0; padding-left: 15px; font-weight: bold; }
.apply a {color: #07654A; text-decoration: underline;}
.apply a:hover {color: #FFA500;}

p.licence {font-size: 10px; color: #999;}
p.licence a:link {text-decoration: underline; color: #999;}
p.licence a:hover {color:#FF6600;}

.rosette {background-color: #FF0000; width: 56px; height: 73px; float: right;}

#footer {background:url(http://www.petronamusements.co.uk/images/q3-top.gif) left top no-repeat;padding:35px 0 0 0}
#footer ul {list-style:none;margin:0;padding:0}
#footer li {float:left;width:14%}
#footer span {position:absolute;left:-9999px}
#footer  a {display:block;width:100px;height:160px} 
#footer #a a {background:url(http://www.petronamusements.co.uk/images/a.gif) left top no-repeat}
#footer #b a {background:url(http://www.petronamusements.co.uk/images/b.gif) left top no-repeat}
#footer #c a {background:url(http://www.petronamusements.co.uk/images/c.gif) left top no-repeat}
#footer #d a {background:url(http://www.petronamusements.co.uk/images/d.gif) left top no-repeat}
#footer #e a {background:url(http://www.petronamusements.co.uk/images/e.gif) left top no-repeat}
#footer #f a {background:url(http://www.petronamusements.co.uk/images/f.gif) left top no-repeat}
#footer #g a {background:url(http://www.petronamusements.co.uk/images/g.gif) left top no-repeat}

#footer #a a:hover {background:url(http://www.petronamusements.co.uk/images/a-on.gif) left top no-repeat}
#footer #b a:hover {background:url(http://www.petronamusements.co.uk/images/b-on.gif) left top no-repeat}
#footer #c a:hover {background:url(http://www.petronamusements.co.uk/images/c-on.gif) left top no-repeat}
#footer #d a:hover {background:url(http://www.petronamusements.co.uk/images/d-on.gif) left top no-repeat}
#footer #e a:hover {background:url(http://www.petronamusements.co.uk/images/e-on.gif) left top no-repeat}
#footer #f a:hover {background:url(http://www.petronamusements.co.uk/images/f-on.gif) left top no-repeat}
#footer #g a:hover {background:url(http://www.petronamusements.co.uk/images/g-on.gif) left top no-repeat}