﻿/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
ol { padding:0 0 10px 30px; } 

/* Layout */
body { background-color: #ccc; }
body, html { width: 100%; height: 100%; font-size:0.95em; font-family:Calibri, Trebuchet MS, Arial }
#header { background: #fff url(/images/layout/navbar-bg.png) top left repeat-x; width: 100%; height: 90px; border-bottom: 1px solid #222; position:relative; z-index:10 }
#inner-header { width: 984px; margin: 0 auto; }
#topnav { float:left; display:inline; margin-left:280px; position:relative }
#topnav LI { float:left; margin:20px 50px 0 0; font-size:1.1em; }
#logo { position:absolute; width: 216px; height: 147px; left:-247px; top:-20px }
#logo A IMG { display: block; width: 216px; height: 147px; border: none; }
#greenbar { background: #fff url(/images/layout/green-bar.jpg) center left repeat-x; width: 100%; height: 6px; border-bottom: 1px solid #222; overflow:hidden }
#wrapper { width: 100%; background: #EBE2A7 url(/images/layout/body-bg.jpg) bottom left repeat-x; min-height: 100%; height: auto !important; height:100%; margin-bottom:-31px;  position: relative;  }
#page { background: transparent url(/images/layout/page-slice.png) top center repeat-y; margin:0 auto; width:100% }
#pageslice { background:#fff url(/images/layout/inner-page-slice.png) top left repeat-x; padding:60px 10px 0 0; width:928px; margin:0 auto; min-height: 300px; height: auto !important; height: 300px;   }
#content { width:676px; float:left; margin-top:-20px; padding-bottom:4px; }
#pagefooter { clear:both; height:85px; margin:0 auto; float:left; width:100%; background: transparent url(/images/layout/page-bottom.png) bottom center no-repeat; }
#clearfooter { clear:both; height:93px; }
#footer { background: #D0D0D0 url(/images/layout/navbar-bg.png) top left repeat-x; border-top:1px solid #222222; display: block; font-size: 1.2em; height: 30px; position: relative; text-align: center; }
#footer P { padding-top:8px; text-align:center; font-size:0.7em; }

#leftcol { font-size:0.9em; clear:left; float: left; width: 216px; margin:42px 18px 0 10px; display:inline;  }
#leftnav { background:transparent url(/images/layout/left-nav-slice.png) top left repeat-y; }
#leftnav LI, #topnav LI { list-style:none }
#leftnav UL { background:transparent url(/images/layout/left-nav-bg.png) top left no-repeat; padding:20px; position:relative; top:-33px; min-height:115px; height:auto !important; height:115px }
#leftnavend { width:216px; height:47px; position:relative; background:transparent url(/images/layout/left-nav-bg.png) top right no-repeat; }
#leftcfa { list-style-type:none; text-align:left; padding-left:20px }
#leftcfa LI { margin-bottom:12px }

DL { float:left; width:100% }
DT { float:left; width:30%; clear:left; margin-bottom:4px }
DD { float:left; margin-bottom:4px; width:70% }
LEGEND { display:none }
.basicform { margin:10px; padding:10px; border:2px solid #CFBF71; background:#FDF9EA url(/images/layout/yellow-bg-striped.png) bottom left repeat-x }
.basicform DD INPUT, .basicform TEXTAREA { border:1px solid #BCA840; background:#fff url(/images/layout/input.gif) top left repeat-x }
.basicform TEXTAREA { min-height:100px; height:auto !important; height:100px }
TEXTAREA { width:95% }
#exhibitions TR TD { padding:2px 0 }
#exhibitions .alt { background-color:#F7F4E1 }
.price { float:right; margin:0 0 10px 10px; color:#B14F00; font-size:1.3em; font-weight:bold; }

/* Text Styles */
h1, .h1 { color:#b14f00; font-size:1.3em; background:transparent url(/images/layout/brown-line.jpg) bottom left no-repeat; padding-bottom:3px; margin-bottom:10px }
h2 { color:#47681d; font-size:1.2em; background:transparent url(/images/layout/green-line.jpg) bottom left no-repeat; padding-bottom:3px; margin-bottom:10px; clear:both }
p { margin-bottom:7px }
#content UL { color: #314E16; padding:0 0 10px 30px; }
#footer UL.footernav LI { list-style: none; font-weight: bold; font-size:0.8em }
#footer UL.footernav LI A { color: #314E16; text-decoration: none; }
#footer UL.footernav LI A:HOVER { text-decoration:underline; }
.red { color:red }
.field-validation-error { color:red; padding-left:10px }
.input-validation-error { border:1px solid red !important }
.textright { float:right; width:456px }

/* Links */
#topnav A { color:#b14f00; font-variant:small-caps; font-size:1.4em; display:block; text-decoration:none;  border-top:2px solid transparent; font-family:Trebuchet MS, Arial }
#topnav .selected, #topnav A:HOVER { border-top:2px solid #B14F00 }
#topnav #logo A { border:none !important }
#leftnav A { color:#666; font-size:1.2em; line-height:1.4em; text-decoration:none; font-weight:bold }
#leftnav A:HOVER, #leftnav A.selected { color:#C49E06 }
#leftnav LI.sub { padding-left:10px }
.link { float:left; width:400px; margin:0 0 15px 15px; font-size:0.9em; min-height:100px; height:auto !important; height:100px }
.link .imgright { margin-right:-275px }
#content A, #content A:HOVER, #content A:VISITED, #content A:ACTIVE { color:Blue; text-decoration:none }
#content A:HOVER { text-decoration:underline }
#content .nounderline A:HOVER { text-decoration:none }

/* Common */
.margtop { margin-top:15px !important }
.margbot { margin-bottom:10px !important }
.padtop { padding-top:10px !important }
.cboth { clear:both }
.cright { clear:right }
.cleft { clear:left }
#content UL.centrelist { list-style-type:none; width:660px; padding:0; margin:15px auto 0 auto; }
#content UL.centrelist LI { margin-right:40px; float:left; }
UL.centrelist LI A { display:block }
.ralign { float:right; padding:0 0 10px 10px }
.imgright { float:right; margin:0 0 5px 16px }
.imgleft { float:left; margin:0 16px 5px 0 }
.img { padding:2px; border:1px solid #333 }
.last { margin-bottom:0 !important }
.tright { text-align:right }
.table { width:100%; }
.table TR { background-color:#DFD5C7; color:#4C3F2C }
.table TR.alt { background-color:#EEE8E0 }
.table TD { padding:3px 5px }
.table CAPTION { font-weight:bold; padding-bottom:4px; color:#967A59 }

/* Editing */
input.h1 { border:none; display:block; width:100%; font-family:Calibri,Trebuchet MS,Arial; font-weight:bold }
#content UL.panel { padding:2px 10px 2px 0; margin:-5px -5px 5px -5px }
div.wysiwyg { margin:5px 0; border:1px solid #ddd }
.editlink { float:right; position:relative; top:-24px }
#feedback { position:fixed; top:0; left:0; width:100%; display:none; color:#fff; font-weight:bold; line-height:1.5em; font-size:1.4em; z-index:1000; border-bottom:2px solid #A2B891; background-color:#D3D9B7 }
#feedback div { padding:10px; }
.largefield { width:95% }

/* Dealers */
#maparea { position:relative; margin:0 70px 10px 30px; background:transparent url(/images/layout/uk-map2.png) top left no-repeat; width:269px; height:322px } 
#maparea A { width:15px; height:15px; display:block; position:absolute; background:transparent url(/images/layout/marker.png) no-repeat left top }
#BCC { top:225px; left:175px; }
#SDM { top:274px; left:193px; }
#FPL { top:105px; left:126px; }
#MHL { top:174px; left:204px; }
#MMC { top:177px; left:174px; }
#DM { top:147px; left:45px; }
#TC { top:264px; left:251px; }
#AK { top:294px; left:140px; }
#SMC { top:209px; left:198px; }
#WT { top:193px; left:171px; }