@charset "UTF-8";
/* CSS Document */

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; }

img { border: none; }

body { background: url(images/bodybg.jpg) repeat-x top left; background-color: #343430; }

#wrap { width: 982px; margin: 0 auto; }

/*************************** CSS Header Rules ***************************/

#header { width: 982px; height: 130px; background: url(images/headerbg.jpg) no-repeat; }

#logo { width: 258px; height: 113px; margin: 0 auto; padding-top: 17px;  }

/*************************** CSS Wrap Rules ***************************/

#columnwrap { width: 982px; background: url(images/topbg.jpg) no-repeat top; float: left; }

#repeatbg { background: url(images/textbg.jpg) repeat-y top; float: left; width: 982px; }

#center { width: 960px; margin: 0 auto; overflow: hidden; background: url(images/centerbg.jpg) no-repeat bottom; }

/*************************** CSS Leftcol Rules ***************************/

#leftcol { width: 150px; background: url(images/leftbg.jpg) no-repeat top; float: left; margin-top: 67px; padding: 25px 20px 20px 20px; }

#leftcol ul { padding: 20px 0px 0px 0px; margin: 0px 0px 50px 0px; }

#leftcol li { display: inline;  }

#leftcol a { display: block; font: lighter 0.65em/ 1.8em Arial, Helvetica, sans-serif; width: 150px; text-transform:uppercase; text-decoration: none; color: #333; letter-spacing: 1px; padding: 5px 0px; }

.none { display: none; }

#leftcol a:hover { background: url(images/arrowhover.gif) no-repeat right; }

#leftcol p { padding-top: 20px; font: lighter 0.7em/ 1.8em Arial, Helvetica, sans-serif; color: #333; letter-spacing: 1px; text-transform: uppercase; }

/*************************** CSS Center Rules ***************************/

#centercol { width: 580px; float: left; margin-top: 50px; background: url(images/flashbg.jpg) no-repeat top; }

#mainflash { width: 538px; height: 319px; margin: 0 auto; }

#info { width: 498px; margin: 10px auto 0 auto; padding: 0 20px 20px 20px; background: url(images/shadow.jpg) no-repeat top; }

#info p { font: lighter 0.7em/1.8em Arial, Helvetica, sans-serif; padding-top: 15px; }

h1 { font: lighter 1.5em/1.9em Arial, Helvetica, sans-serif; padding-top: 20px; }

h1 a { font: lighter 1em/1.9em Arial, Helvetica, sans-serif; padding-top: 20px; }

.small { font-size: 0.6em; line-height: 0.4em; }

h2 { font: lighter 1.5em/1.9em Arial, Helvetica, sans-serif; padding-top: 25px; }

.faketwo { font: lighter 2em/1.9em Arial, Helvetica, sans-serif; padding-top: 25px; color: #1a62aa; }

h2 a { font: lighter 1em/1.9em Arial, Helvetica, sans-serif; padding-top: 25px; }

h3, h3 a { font: lighter 1em/1.9em Arial, Helvetica, sans-serif; padding-top: 25px; }


.blue { color: #1a62aa; } 

.contactright { float: right; }

.flr { float: right; padding-left: 10px; }

.rightform { float: right; width: 225px; clear: both; }

.gmap { margin-top: 30px; border: 1px solid #333; }

.linkbox { background-color: #396e8e; padding: 0px 0px 20px 20px; margin: 20px 0;}

.linkbox p { color: #fff; }

#info a { color: #396e8e; }

#info ul { padding: 20px; }

#info li { font: lighter 0.7em/1.8em Arial, Helvetica, sans-serif; }

.tickpinkbox { background-color: #CCC; border: 1px solid #333; padding: 0px 0px 20px 20px; margin-top: 20px; }

.tickredbox { background-color: #CCC; border: 1px solid #333; padding: 0px 0px 20px 20px; margin-top: 20px; }

/*************************** CSS Rightcol Rules ***************************/

#rightcol { width: 150px; background: url(images/rightbg.jpg) no-repeat top; float: left; margin-top: 67px; padding: 25px 20px 20px 20px; } 

.rss { float: right; }

.latestnews { float: left; }

.newsitem { float: left; padding: 15px 0px 5px 0px; width: 145px;  clear: both; }

.newstitle { text-transform: uppercase; font: lighter 0.7em/ 1em Arial, Helvetica, sans-serif; color: #b7742e; padding: 0px; margin: 0px; }

.newstext { font: lighter 0.7em/ 1em Arial, Helvetica, sans-serif; padding: 0px; margin: 0px; }

#rightcol h2 { font-size: 1em; padding: 0px; margin: 0px; color: #666; }

#rightcol li { list-style-type: none; }

#rightcol a { display: block; font: lighter 0.65em/ 1.8em Arial, Helvetica, sans-serif; width: 150px; text-transform:uppercase; text-decoration: none; color: #333; letter-spacing: 1px; padding: 5px 0px; }

#rightcol p { font: lighter 0.7em/ 1.6em Arial, Helvetica, sans-serif; padding: 15px 0px 0px 0px; }

#contact { clear: both; padding: 40px 0px; }

.enquiry { padding: 0px 0px 8px 0px; }

#contact input { margin: 3px 0px; }

#contact select { margin: 3px 0px; }

.button { margin: 3px 0px 0px 0px; }

#showroom { }

.map { width: 127px; margin: 20px auto; }

#showroom p { font: lighter 0.7em/ 1.6em Arial, Helvetica, sans-serif; padding: 15px 0px 0px 0px; }

/*************************** CSS Footer Rules ***************************/

#footer { background: url(images/footerbg.jpg) repeat-y top; width: 982px; margin: 0 auto; clear: both; font: lighter 0.7em/ 1.6em Arial, Helvetica, sans-serif; padding: 20px 0; }

#footer ul { width: 500px; margin: 20px auto; text-align: center; }

#footer li { display: inline; text-align: center; }

#footer a { color: #FFF; padding: 0 5px; text-align: center; }

#footer p { text-align: center; color: #FFF; }

/* ------------------------------------ Lightbox ------------------------------------ */
#lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }

#lightbox img { width: auto; height: auto; }

#lightbox a img { border: none; }

#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer { padding: 10px; }

#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer>#hoverNav { left: 0; }

#hoverNav a { outline: none; }

#prevLink, #nextLink { width: 49%; height: 100%; display: block; }

#prevLink { left: 0; float: left; }

#nextLink { right: 0; float: right; }

#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData { padding:0 10px; color: #666; }

#imageData #imageDetails { width: 70%; float: left; text-align: left; }

#imageData #caption { font-weight: bold; }

#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; outline: none; }

#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#links { color: #fff; text-align: center; background-color: #797977; }

#links a { color: #fff; }