/* @override http://test.site/landrover/css/style.css */

/* @group Resets */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; margin: 1.5em 0; }
/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: 400; }
/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
/* @end */

/* @group Defaults */
/* Default font size */
#page-container { font-size: 75%; }
body { color: #222; font-family: Arial, Verdana, sans-serif; }
h1,h2,h3,h4,h5,h6 { color: #111; font-family: Arial, sans-serif; }
/* Headings  */
h1,h2,h3,h4,h5,h6 { font-weight: normal; }
h1 { font-size: 3em; line-height: 1; margin-top: 0em; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements */
p { margin: 0 0 1.5em; }
p img.inline { float: none; margin: 0; }
img { margin: 0; }
ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }
abbr, 
acronym { border-bottom: 1px dotted #666; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #666; }
a { color: #225269; text-decoration: underline; }
a:focus, 
a:hover { color: #000; }
blockquote { margin: 1.5em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
pre,code { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; }
tt { display: block; margin: 1.5em 0; line-height: 1.5; }
/* Tables  */
table { margin-bottom: 1.4em; border-collapse: collapse; }
th { border-bottom: 2px solid #ccc; font-weight: bold; }
td { border: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 4px; }
tfoot { font-style: italic; }
caption { background: #ffc; }
/* @end */


#page-container {
	background-repeat: no-repeat;
	width: 980px;
	background-image: url(../images/gradient.jpg);
	margin: auto;
}

#header {
	height: 70px;
}
#header #logo {
	margin-left: 40px;
	float: left;
	margin-top: 18px;
	display: block;
	width: 102px;
	clear: none;
}
#header #logo img {
	margin: 0;
	clear: none;
}

/* @group Site (top) navigation */

#site-navigation {
	background: url(../images/top_nav_bar.gif) no-repeat top left;
	width: 784px;
	height: 70px;
	float: left;
	margin-top: 20px;
	margin-left: 36px;
	position: relative;
	list-style: none;
}

#site-navigation li {
	list-style: none;
	display: table-cell;
	display: inline-table;
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	zoom: 1;
}
#site-navigation li a {
	color: #FFF;
	background: url(../images/nav_tab.gif) no-repeat top left;
	display: table-cell;
	display: inline-table;
	display: inline-block;
	margin: 0;
	text-decoration: none;
	padding: 10px 20px 11px 20px;
	line-height: 12px;
	text-transform: uppercase;
	font-size: 12px;
}
/* Home link arrow */
#site-navigation li.home a {
	background: url(../images/home_tab_off.gif) no-repeat 2px;
	width: 40px;
	height: 32px;
	margin-left: 0px;
	margin-right: 8px;
	padding: 0 8px 0 0;
}
#site-navigation li.home a strong {
	display: none;
}
#site-navigation li.home a:hover {
	background: url(../images/home_tab_on.gif) no-repeat 2px;
}
#site-navigation li.hovered a,
#site-navigation li.selected a {
	background-position:left -66px;
	color: #00384f;
}
#site-navigation li.selected a:hover {

}
#site-navigation li a:hover {
	background-position: -66px left;
	color: #00384f;
}
/* Sub-navigation */
#site-navigation li ul {
	display: none;
	margin-top: 1px;
	overflow: hidden; /* Hide excess to counter negative margins */
}
#site-navigation li.selected ul {
	display: block;
	position: absolute;
	left: -10px;
	width: 100%;
}
#site-navigation li.hovered ul { /* Javascript hover */
	display: block;
	position: absolute;
	padding-top: 1px;
	top: 32px;
	left: -10px;
	width: 100%;
}
#site-navigation li ul li {
	margin-top: 1px;
	background: none;
}
#site-navigation li.hovered ul li a,
#site-navigation li.selected ul li a,
#site-navigation li ul li a {
	color: #00384f;
	text-transform: none;
	margin: 0 0px;
	padding: 7px 9px 8px 9px;
	background-color: transparent;
	background-image: url(../images/subnav_bg.gif);
	background-repeat: no-repeat;
	background-position: right -32px;
}
#site-navigation li.hovered ul li a:hover,
#site-navigation li.selected ul li a:hover,
#site-navigation li ul li a:hover {
	background-color: transparent;
	background-image: url(../images/subnav_bg.gif);
	background-repeat: no-repeat;
	background-position: right -64px;
}
#site-navigation li.hovered ul li.selected a:hover,
#site-navigation li.selected ul li.selected a:hover,
#site-navigation li ul li.selected a {
	background-position: right 0px;
}

/* If no menu class is set by JS, dont show menu even if section is highlighted */
body #page-container #site-navigation li.noMenu ul
{
	display: none;
}

/* @end */

/* @group Main (left) navigation */

#main-navigation {
	float: left;
	width: 200px;
	margin-left: 20px;
}
#main-navigation ul {
	list-style: none;
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 1em;
}
#main-navigation ul ul {
	margin-bottom: 0;
}
#main-navigation ul li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 0;
	zoom: 1;

}
#main-navigation h3 {
	line-height: 25px;
	background: url(../images/tab_related_light.gif);
	margin: 0;
	padding-left: 9px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
}
#main-navigation ul li a {
	display: block;
	color: #225269;
	text-decoration: none;
	background: #e1e6e9 url(../images/arrow_r.gif) no-repeat 9px 8px;
	padding: 3px 0 3px 23px;
	border-bottom: #f7f8fa 1px solid;
	font-weight: bold;
	font-size: 96%;
	zoom: 1;
}
#main-navigation ul li.selected a {
	color: #fe9c00;
	background: #e1e6e9 url(../images/arrow_r_hover.gif) no-repeat 9px 8px;
}
#main-navigation ul li.selected li a {
	color: #225269;
	background: none;
}
#main-navigation ul li ul li a {
	border: none;
	font-weight: normal;
	background: none;
}
#main-navigation ul li li.selected a {
	color: #fe9c00;
}
#main-navigation ul li a:hover,
#main-navigation ul li.selected li a:hover {
	color: #000;
}
#main-navigation ul li.selected a:hover,
#main-navigation ul li li.selected a:hover {
	color: #fe9c00;
}

#main-navigation p {
	color:#454545;
	font-family:"Lucida Sans Unicode","Lucida Sans","Lucida Grande",verdana,arial,helvetica;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:16px;
	margin:1em 1em 0em;
	padding:0px;
	word-spacing:1px;
}
/* @end */

/* @group Related content */
/* Right-hand-side Related navigation */
#related-content {
	float: right;
	width: 200px;
}
#related-content h3 {
	line-height: 25px;
	background: url(../images/tab_related_light.gif);
	margin: 0;
	padding-left: 9px;
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	font-size: 0.9em;
}
#related-content h3.featured {
	line-height: 25px;
	background: url(../images/tab_related_dark.gif);
	padding-left: 9px;
	color: #fff;
	margin: 0px;
}
#related-content ul.featured, #related-content p.featured, #related-content form.featured, #related-content div.featured {
	background: url(../images/relevant_links_featured.gif) bottom left;
}
#related-content ul {
	margin: 0 0 1em 0;
	padding: 0;
	background: url(../images/relevant_links.gif) bottom left;
	list-style-type: none;
	zoom: 1;
}
#related-content li {
	zoom: 1;
}
#related-content li a {
	display: block;
	color: #225269;
	text-decoration: none;
	background: transparent url(../images/arrow.gif) no-repeat left;
	padding: 3px 0 3px 23px;
	border-bottom: #f7f8fa 1px solid;
	font-weight: bold;
	font-size: 96%;
	zoom: 1;
}

#related-content li a:hover {
	color: #000;
}
#related-content p {
	margin: 0 0 1em 0;
	padding: 0.5em;
	font-size: 94%;
	background: url(../images/right_nav_bg.jpg);	
}
#related-content form {
	margin: 0 0 1em 0;
	padding: 0.5em;
	font-size: 94%;
	background: url(../images/right_nav_bg.jpg);	
}

/* @end */

#content-area {
	width: 940px;
	float: right;
	margin-right: 20px;
	margin-bottom: 1em;
	display: inline; /* Fix for IE double margin float bug */
}
/* Content area on page with left navigation */
.has-main-navigation #content-area {
	width: 720px;
	float: right;
	margin-right: 20px;
	display: inline; /* Fix for IE double margin float bug */
}
#main-content {
	width:  940px;
	margin: 0;
	padding: 0;
}
.has-main-navigation #main-content {
	width:  720px;
}
.has-related-content #main-content {
	width:  720px;
}
.has-main-navigation .has-related-content #main-content {
	width:  500px;
}
#main-content ol {
	list-style-position: outside;
	padding-left: 0.5em;
}
/* Apply clearfix to main content, so it fully wraps
internal elements despite them being floated */
#main-content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#main-content {display: inline-block;}
/* Hides from IE-mac \*/
* html #main-content {height: 1%;}
#main-content {display: block;}
/* End hide from IE-mac */

/* @group Super-tabs */
.buttons a {
	display: block;
	float: left;
	display: inline;
	height: 23px;
	background: url(../images/button.gif) top left no-repeat;
	text-decoration: none;
	color: #00384F;
	font-weight: bold;
	font-size: 0.8em;
	padding-left: 18px;
	line-height: 23px;
	width:  142px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.buttons a.selected:hover,
.buttons a.selected {
	background-position: left -46px;
	color: #FFF;
}
.buttons a:hover {
	background-position: left -92px;
}
/* If just right navs: */
.has-related-content .buttons .forth,
.has-related-content .buttons .eighth {
	margin-right: 0px;
}
/* If left and right navs: */
.has-main-navigation .has-related-content .buttons .third,
.has-main-navigation .has-related-content .buttons .sixth {
	margin-right: 0px;
}

/* @end */
#main-content h2 {
	clear: left;
	border-bottom: 1px solid #EEE;
	margin: 12px 0 10px 0;
	padding:12px 0 12px 0;
	font-size: 1.2em;
	line-height: 1em;
}
#body-content {
	/*width: 500px;*/
}
#body-copy {
	color: #225269;
	float: right;
	line-height: 1.4em;
	width: 940px;
}
.has-images #body-copy {
	width: 780px;	
}
.has-related-content #body-copy {
	width: 720px;
}
.has-related-content .has-images #body-copy {
	width: 560px;
}
.has-main-navigation #body-copy {
	width: 720px;
}
.has-main-navigation .has-images #body-copy {
	width: 560px;
}
.has-main-navigation .has-related-content #body-copy {
	width: 500px;
}
.has-main-navigation .has-related-content .has-images #body-copy {
	width: 334px;
}

#images {
	float: left;
	display: inline;
	width: 144px;
	margin-right: 16px;
}

#images p a {
	display: block;
	background: url(../images/magnify_image.gif);
	padding-left: 19px;
	line-height: 19px;
}

#images a.magnify {
	text-align: left;
	color: #225269;
	font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}
#body-copy table {
	clear: left;
	margin: 0px;
	border-collapse: collapse;
	margin-bottom: 1em;
}

/* @group Footer */

#footer {
	clear: both;
	text-align: right;
	border-top: 1px solid #CCC;
	font-size: 90%;
}
#footer a {
	float: left;
	text-decoration: none;
	padding: 0px 5px;
	border-right: 1px solid #CCC;
}
#footer a.legal {
	float: none;
	border-right: none;
	border-left: 1px solid #CCC;
	padding: 2px 5px;
}
#footer span.legal {
	color: #225269;
	text-decoration: none;
	padding: 2px 5px;	
}

/* @end */

h1 {
	background: url(../images/header_bg.gif) top left no-repeat; 
	line-height: 56px; 
	padding-left: 9px;
	font-size: 26px;
	font-weight: normal;
	color: #01374f; 
	text-transform: uppercase;
}
h1 strong {
	background: url(../images/header_bg.gif) top right no-repeat; 
	display: block;
	line-height: 56px;
	font-size: 26px;
}

h2 {
	line-height: 53px;
	font-size: 17px;
	color: #01374f; 
}
h3 {
	 
}

hr {
	border: 0;
	width: 100%;
	color: #e5eeed;
	background-color: #e5eeed;
	height: 1px;
}

.caption {
	background-color: #00384f; 
	margin: 0px;
	padding: 5px 10px;
	color: #FFF;
	display: block;
	font-size: 0.8em;
	zoom: 1;
}

/* @group Gallery image with caption */
.gallery-image {
	vertical-align: top;
	display: table-cell;
	display: inline-table;
	display: inline-block;
	float: left;
	margin: 0 1em 1em 0;
	line-height: 2em;
}
.gallery-image a {
	display: table-cell;
	display: inline-table;
	display: inline-block;
	border: 1px solid #00384f;
	text-decoration: none;
	text-indent: 6px;
	font-weight: bold;
}
.gallery-image a img {
	border-bottom: 1px solid #00384f;
}
.gallery-image a:hover {
	border: 1px solid #fe9c00;
	color: #fe9c00;
}
.gallery-image a:hover img {
	border-bottom: 1px solid #fe9c00;
}
.gallery-image img {
	margin: 0;
	vertical-align: top;
	display: block;
}
.last {
	margin-right: 0;
}

.box {
  background:#f8f9fb;
  padding: 7px;
  margin-bottom: 12px;
  }
  
.text-box {
  background:#f8f9fb;
  padding: 10px;
  }
  
.box img { 
    float: left; 
    margin: 4px;
	padding-right: 8px; 
}

.date {
	color: #666666;
	font-size: 10px;
}

.gallery {
	border: 1px solid #cccccc;
	margin-right: 3px;
	margin-top: 3px;
}

a.more,
.paragraph-link {
	text-decoration: none;
	background: transparent url(../images/arrow-p.gif) no-repeat left;
	padding: 3px 0 2px 17px;
	font-weight: bold;
	font-size: 96%;
}

.col1 {
	text-align: left;
	width: 75px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
}

.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
}

.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
}

div.row {
	clear: both;
	width: 335px;
}

.submit {
	height: 29px;
	width: 0px;
	background: url(images/bg_submit.gif) no-repeat;
	clear: both;
} 

.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}

/* @end */

.first {}
.second {}
.third {}
.fourth {}
.sixth {}
.seventh {}
.eighth {}
.ninth {}
.tenth {}
.eleventh {}
.twelfth {}

/* @group Lightbox image popup */
#facebox .b {
  background:url(../images/facebox/b.png);
}

#facebox .tl {
  background:url(../images/facebox/tl.png);
}

#facebox .tr {
  background:url(../images/facebox/tr.png);
}

#facebox .bl {
  background:url(../images/facebox/bl.png);
}

#facebox .br {
  background:url(../images/facebox/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
  border: none;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
  border: none;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
/* @end */