/* Brooks VCH Style */
* {padding:0; margin:0;  border: none;} /* global white space reset */
html {background-color: #AEA56E;} /* was #A09B7D */
body {background-image: url(../images/background/bg_main.jpg); width: 1000px; height: 480px; background-repeat: no-repeat; background-position: top center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #000000; margin: 0 auto;}

img {border: solid 2px #5A5220;} /* double 5px #AEA56E */
.imgleft {float: left; margin: 5px 15px 5px 25px;}
.imgright {float: right; margin: 5px 25px 5px 15px;}
.galleryimg {margin: 0 25px 15px 25px;}

/* LINKS */
a:link		{text-decoration: underline; color: #000000; font-weight: bold;}
a:visited	{text-decoration: underline; color: #56533B; font-weight: bold;}
a:hover		{text-decoration: none; color: #ffffff; font-weight: bold;}
a:active	{text-decoration: underline; color: #000000; font-weight: bold;}

.cargallery h3 a:link		{text-decoration: none; color: #EDECE0; font-weight: bold; display: block;}
.cargallery h3 a:visited	{text-decoration: none; color: #EDECE0; font-weight: bold; display: block;}
.cargallery h3 a:hover		{text-decoration: none; color: #F9EEA8; font-weight: bold; display: block;}
.cargallery h3 a:active	{text-decoration: none; color: #F9EEA8; font-weight: bold; display: block;}

a {outline: none;}

/* BRANDING */
#branding {width: 180px; height: 70px; margin: 0 auto; text-align: center; position: relative;}
h1 {background-image: url(../images/logos/brooks_logo.jpg); width: 180px; height: 70px; background-repeat: no-repeat; text-indent: -9999px;}

/* TAG LINE */
#tag {width: 600px; height: 115px; margin: 0 auto; text-align: center;}
h2 {background-image: url(../images/background/bg_tagline.jpg); width: 600px; height: 115px; background-repeat: no-repeat; text-indent: -9999px;}

/* NAVIGATION */

/* DIVs */
#navigation {width: 580px; height: 25px; margin: 0 auto; padding: 0;}
#navigation ul {margin: 0; padding: 0; border: none;}
#navigation li {float: left; list-style-type: none; display: block;}

.viewcarpics {margin: 10px 25px 0 25px; text-align: center;}

/* LIs */
#home_01 {background-image: url(../images/navigation/home_01.jpg); width: 73px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none; }
#home_01 a {background-image: url(../images/navigation/home_01.jpg); width: 73px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#home_02 a {background-image: url(../images/navigation/home_02.jpg); width: 73px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#home_01 a:hover {background-image: url(../images/navigation/home_01.jpg); width: 73px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#home_02 a:hover {background-image: url(../images/navigation/home_01.jpg); width: 73px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}

#our_cars_01 {background-image: url(../images/navigation/our_cars_01.jpg); width: 106px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#our_cars_01 a {background-image: url(../images/navigation/our_cars_01.jpg); width: 106px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#our_cars_02 a {background-image: url(../images/navigation/our_cars_02.jpg); width: 106px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#our_cars_01 a:hover {background-image: url(../images/navigation/our_cars_01.jpg); width: 106px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#our_cars_02 a:hover {background-image: url(../images/navigation/our_cars_01.jpg); width: 106px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}

#gallery_01 {background-image: url(../images/navigation/gallery_01.jpg); width: 98px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#gallery_01 a {background-image: url(../images/navigation/gallery_01.jpg); width: 98px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#gallery_02 a {background-image: url(../images/navigation/gallery_02.jpg); width: 98px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#gallery_02 a:hover {background-image: url(../images/navigation/gallery_01.jpg); width: 98px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#gallery_02 a:hover {background-image: url(../images/navigation/gallery_01.jpg); width: 98px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}

#our_service_01 {background-image: url(../images/navigation/our_service_01.jpg); width: 132px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#our_service_01 a {background-image: url(../images/navigation/our_service_01.jpg); width: 132px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#our_service_02 a {background-image: url(../images/navigation/our_service_02.jpg); width: 132px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#our_service_01 a:hover {background-image: url(../images/navigation/our_service_01.jpg); width: 132px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#our_service_02 a:hover {background-image: url(../images/navigation/our_service_01.jpg); width: 132px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}

#tariff_01 {background-image: url(../images/navigation/tariff_01.jpg); width: 81px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#tariff_01 a {background-image: url(../images/navigation/tariff_01.jpg); width: 81px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#tariff_02 a {background-image: url(../images/navigation/tariff_02.jpg); width: 81px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#tariff_01 a:hover {background-image: url(../images/navigation/tariff_01.jpg); width: 81px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#tariff_02 a:hover {background-image: url(../images/navigation/tariff_01.jpg); width: 81px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}

#contact_01 {background-image: url(../images/navigation/contact_01.jpg); width: 99px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#contact_01 a {background-image: url(../images/navigation/contact_01.jpg); width: 99px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#contact_02 a {background-image: url(../images/navigation/contact_02.jpg); width: 99px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#contact_01 a:hover {background-image: url(../images/navigation/contact_01.jpg); width: 99px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#contact_02 a:hover {background-image: url(../images/navigation/contact_01.jpg); width: 99px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}

#links_01 {background-image: url(../images/navigation/links_01.jpg); width: 71px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#links_01 a {background-image: url(../images/navigation/links_01.jpg); width: 71px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#links_02 a {background-image: url(../images/navigation/links_02.jpg); width: 71px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#links_01 a:hover {background-image: url(../images/navigation/links_01.jpg); width: 71px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}
#links_02 a:hover {background-image: url(../images/navigation/links_01.jpg); width: 71px; height: 25px; float: left; background-repeat: no-repeat; text-indent: -9999px; text-decoration: none;}

/* CONTENT MAIN */

/* DIVs */
#container {width: 840px; overflow: auto; margin: 0 auto; border: solid 2px #CDCAB4; background-color: #D4D0B2; position: relative;} /* was #BCB89D BDB582*/

#content_full {float: left; width: 790px; margin: 0 0 0 25px; padding: 0 0 25px 0;}
#content_main01 {float: left; width: 420px; margin: 25px 0 0 0; padding: 0 0 25px 0;}
#content_main02 {float: left; width: 420px; margin: 25px 0 0 0; padding: 0 0 25px 0;}

.cargallery {width: 193px; height: 250px; float: left; border: solid 2px #E4E1CE; background-color: #3B340B; margin: 25px 0 0 0;}

.cargallery img {border: none;}

/* TEXT */
h3 {font-size: 13px; color: #EDECE0; word-spacing: 0.1em; line-height: 150%; margin: 0 25px 15px 25px; padding: 0.2em 0; text-align: center; background-color: #5A5224; border: double 4px #B3AE93;} /* was #BCB89D */
.cargallery h3 {font-size: 12px; color: #EDECE0; word-spacing: 0.1em; line-height: 180%; margin: 3px 0 0 0; padding: 0.2em 0; text-align: center; background-color: #5A5224; border: none;}
p {line-height: 1.7em; margin: 20px 25px; text-align: left;}
.quote {font-size: 11px; border-top: 2px solid #AEA56E; padding: 10px 0 0 0;}
.quotename {font-size: 11px; text-align: right; font-style: italic;}
.bold {font-weight: bold;}
.instruction {line-height: 1em; margin: 10px 25px 0 25px; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-style: italic; font-weight: bold;}

ul {word-spacing: 0.1em; line-height: 150%; margin: 20px 25px; text-align: left; list-style: inside;}

#facebook {margin: 20px 25px; border:none; overflow: hidden; width:360px; height:300px;}
#facebook h4 {color: #000000;}
#twitter {margin: 20px 25px;}
#twitter h3 {border: none;}

/* SITE INFO */
#site_info {width: 840px; height: 50px; margin: 0 auto; clear: both;}
.site_info {font-size: 12px; color: #E6E0B5; text-align: center; margin: 10px 0 0 0;} /* was #CDCAB4 */
.site_info a {font-size: 12px; color: #E6E0B5;} /* was #CDCAB4 */

/* FORM */
form {width: 320px; margin: 0 25px 25px 25px; padding: 25px; text-align: right; background-color: #B4AB7B;} /* was #B3AE93 */
.formtext {margin: 0 0 10px 0; text-align: right;}
.titles {margin: 20px 0 10px 0; text-align: right; font-weight: bold; letter-spacing: 0;}

/* LINKS PAGE */
.linkspage {margin: 0 25px 25px 25px; border: solid 2px #B3AE93;}

/* LIs */
.address {font-size: 15px; color: #615D3B; word-spacing: 0.1em; line-height: 150%; padding: 0.2em; list-style: none; background-color: #E3E1D1; text-align: center;}
.description {list-style: none; margin: 5px; line-height: 150%;}
.descriptionlink {list-style: none; margin: 5px; line-height: 150%; text-align: center;}
.address a {text-decoration: none; color: #615D3B;}
.address a:hover {text-decoration: none; color: #000000;}

/* 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%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.brooksvintagecarhire.co.uk/images/lightbox/prevlabel.gif) left 15px no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.brooksvintagecarhire.co.uk/images/lightbox/nextlabel.gif) right 15px 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;}
/* END OF LIGHTBOX */