/* CSS Document */

html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background-color: #000;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	height: 99.9%;
}

pre {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
	line-height: 15px;
	color: #aaa;
}

a {
	color: #aaa;
	text-decoration: none;
}

a:hover, .sub_menu a.selected {
	color: #fff;
}

#main_wrapper {
	position: relative;
	min-height: 100%;
	border-bottom: 1px solid #000;
}

#content {
	padding: 0 0 38px;
}

* html #main_wrapper {
	height: 100%;
}

span.headline {
	font-size: 10px;
}

div.main_teaser {
	width: 236px;
	clear: both;
}

div.main_teaser img {
	margin: 0 10px 10px 0;
}

div.main_teaser p {
	font-size: 11px;
	line-height: 13px;
}

div.main_teaser a {
	color: #aaa;
	text-decoration: none;
}

div.main_teaser a:hover {
	color: #fff;
}

#mini_logo {
	position: absolute;
	left: 40px;
	top: 25px;
}

#navigation_wrapper {
	height: 94px;
	margin: 0 0 0 176px;
}

#navigation_wrapper a {
	color: #ccc;
	text-decoration: none;
	font-size: 10px;
	line-height: 24px;
	text-transform: uppercase;
}

#navigation_wrapper a:hover {
	color: #fff;
}

#navigation_wrapper ul {
	padding: 0;
	margin: 0;
	background-image: url('../images/mini_navigation_bg.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
	list-style-type: none;
	width: 450px;
	height: 21px;
}

#navigation_wrapper ul li {
	float: left;
	padding: 0;
	margin: 0;
}

#navigation_wrapper ul li a {
	display: block;
	float: left;
	color: #ccc;
	text-decoration: none;
	height: 21px;
	text-indent: -99999px;
	z-index: 0;
}

#navigation_wrapper ul li a:hover, #home a.home, #model_overview a.model, #model_details_cooper a.model, #model_details_cooper_s a.model, #model_details_cooper_c a.model, #model_details_cooper_s_c a.model, #model_details_clubman a.model, #model_details_clubman_s a.model, #faq a.faq, #demos a.demos, #news a.news, #stock a.stock {
	color: #fff;
	text-decoration: none;
	background-image: url('../images/mini_navigation_bg_hover.gif');
	background-repeat: no-repeat;
	z-index: 10;
}

#navigation_wrapper ul li a.home {
	width: 52px;
	background-position: 0px 0px;
}

#navigation_wrapper ul li a.model {
	width: 112px;
	background-position: -51px 0px;
	margin-left: -1px;
}

#navigation_wrapper ul li a.faq {
	width: 40px;
	background-position: -162px 0px;
	margin-left: -1px;
}

#navigation_wrapper ul li a.demos {
	width: 56px;
	background-position: -201px 0px;
	margin-left: -1px;
}

#navigation_wrapper ul li a.stock {
	width: 94px;
	background-position: -256px 0px;
	margin-left: -1px;
}

#navigation_wrapper ul li a.news {
	width: 101px;
	background-position: -349px 0px;
	margin-left: -1px;
}

ul.quick_links {
	padding: 0;
	margin: 0;
}

ul.quick_links li {
	margin: 0;
	padding: 0 0 0 20px;
	list-style-type: none;
	background-image: url('../images/arrow_mini.gif');
	background-repeat: no-repeat;
	background-position: 5% 45%;
}

ul.quick_links li a {
	color: #aaa;
	text-decoration: none;
}

ul.quick_links li a:hover {
	color: #fff;
}

#footer {
	position: relative;
	margin-top: -35px;
}

#footer ul {
	width: 923px;
	text-align: center;
}

#footer ul li {
	list-style-type: none;
	display: inline;
}

#footer ul li a {
	color: #aaa;
	text-decoration: none;
	padding: 0 15px 0 5px;
	border-left: 1px solid #aaa;
}

#footer ul li a:hover {
	color: #fff;
	border-left: 1px solid #fff;
}

.sub_menu {
	width: 176px;
	float: left;
}

.sub_menu ul {
	margin: 0;
	padding: 0 10px;
	list-style: none;
}

.sub_menu ul li {
	margin: 0;
	padding: 0;
}

.sub_menu ul li.separator, .sub_menu ul li.seperator {
	border-bottom: 1px solid #666;
	margin: 0 0 29px 0;
}

.sub_menu ul li h3 {
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px solid #666;
	padding: 5px 0 5px 0;
	margin: 0 0 4px 0;
	visibility: visible;
	letter-spacing: normal;
}

.sub_menu ul li h4 {
	color: #aaa;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	visibility: visible;
	letter-spacing: normal;
}

.sub_menu ul li a {
	color: #aaa;
	text-decoration: none;
	display: block;
	padding: 0 0 2px 11px;
	height: 14px;
	line-height: 12px;
}

.sub_menu ul li a:hover, #model_details_cooper a.menu_cooper, #model_details_cooper_s a.menu_cooper_s, #model_details_cooper_c a.menu_cooper_c, #model_details_cooper_s_c a.menu_cooper_s_c, #model_details_cooper_s_c a.menu_clubman, #model_details_cooper_s_c a.menu_clubman_s {
	color: #fff;
}

.sub_menu ul li.arrow {
	background: transparent url('../images/arrow_mini.gif') no-repeat 0 5px;
}

.sub_menu ul li.arrow a {
	padding-top: 2px;
}

#content_inner {
	width: 747px;
}

#content_inner h1 {
	margin: 0;
	padding: 0;
	font-size: 32px;
	color: #aaa;
	line-height: 32px;
	text-transform: uppercase;
}

#content_inner h2 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	color: #fff;
	line-height: 18px;
	text-transform: uppercase;
}

#content_inner h3.information {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #fff;
	line-height: 14px;
	text-transform: uppercase;
}

ul#model_overview_nav {
	width: 560px;
	height: 69px;
	margin: 0;
	padding: 0;
	background-image: url('../mini/images/model_nav_overview.jpg');
	background-repeat: no-repeat;
}

ul#model_overview_nav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#model_overview_nav li a {
	display: block;
	height: 44px;
	background-repeat: no-repeat;
	text-indent: -99999px;
}

ul#model_overview_nav li a.cooper {
	width: 94px;
	background-position: 0 0;
}

ul#model_overview_nav li a.cooper:hover, #model_details_cooper a.cooper {
	background-image: url('../mini/images/model_nav_cooper.jpg');
}

ul#model_overview_nav li a.cooper_c {
	width: 84px;
	background-position: -94px 0;
}

ul#model_overview_nav li a.cooper_c:hover, #model_details_cooper_c a.cooper_c {
	background-image: url('../mini/images/model_nav_cooper_c.jpg');
}

ul#model_overview_nav li a.clubman {
	width: 94px;
	background-position: -178px 0;
}

ul#model_overview_nav li a.clubman:hover, #model_details_clubman a.clubman {
	background-image: url('../mini/images/model_nav_clubman.jpg');
}

ul#model_overview_nav li a.john_cooper {
	width: 107px;
	background-position: -272px 0;
}

ul#model_overview_nav li a.john_cooper:hover, #model_details_john_cooper a.john_cooper {
	background-image: url('../mini/images/model_nav_john_cooper.jpg');
}


ul#model_overview_nav li a.countryman {
	width: 94px;
	background-position: -379px 0;
}

ul#model_overview_nav li a.countryman:hover, #model_details_countryman a.countryman {
	background-image: url('../mini/images/model_nav_countryman.jpg');
}

ul#model_overview_nav li a.countrymanall4 {
	width: 87px;
	background-position: -473px 0;
}


ul#model_overview_nav li a.countrymanall4:hover, #model_details_countrymanall4 a.countrymanall4 {
	background-image: url('../mini/images/model_nav_countrymanall4.jpg');
}

.faq_questions, .faq_answers {
	font-size: 12px;
	line-height: 16px;
}

.faq_answers a {
	font-weight: bold;
}

.demo_details {
	background-color: #fff;
	color: #333;
	padding: 5px 10px;
	font-size: 12px;
}

.demo_details pre {
	font-size: 12px;
}

.demo_details h4 {
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.demo_details a {
	color: #999;
	text-decoration: none;
}

.demo_details a:hover {
	color: #333;
}

.demo_details p {
	color: #000;
}

.demo_details dl {
	margin: 0;
	padding: 0 0 10px 0;
}

.demo_details dl dt {
	margin: 0;
	padding: 0;
	width: 120px;
	float: left;
	clear: left;
}

.demo_details dl dd {
	margin: 0;
	padding: 0;
}

div.info {
	width: 439px;
	margin: 5px 0;
	padding: 0;
	font-size: 12px;
	border: 10px solid #999;
}

div.map {
	clear: both;
	width: 459px;
	margin: 5px 0;
	padding: 10px 0;
	font-size: 12px;
}

div.info img {
	margin-right: 15px;
	clear: left;
}

div.employee {
	width: 250px;
	height: 200px;
	float: left;
	margin: 10px 10px 0 0;
	text-align: center;
}

div.employee h5 {
	font-size: 13px;
	padding: 0;
	margin: 0;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 32px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 24px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h3.information {
	visibility: hidden;
	letter-spacing: normal;
	font-size: 14px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 14px;
}

.sIFR-hasFlash span.headline {
	visibility: hidden;
	font-size: 14px;
}
