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

/* HTML Tag Redefinition */

html,body{margin:0;padding:0;}
body{
	/*height:100%;*/
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
}


img {border: 0px}
a { cursor:pointer}

label { font-weight:bold;}
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#flashFeature {
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 5 !important;
	background-color:transparent;

	left:0px;
	right:0px;
	bottom:0px;
	overflow:hidden;
}
#page{ width:100%; text-align:left }
#headerSpacer{ height:64px }
#header{
	width: 100%;
	height: 165px;
	padding-bottom: 0px;
	z-index:20;
	background-color: #000;
	background-image: url(../images/band-grad.jpg);
	background-repeat: repeat-x;
	background-position: top;
} 
#header #logo{
	margin-bottom: 20px;
	padding-top:0px;
	cursor:pointer;
	float: left;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 10px;
	padding-left: 0px;
}

#header #contactDetails {
    /*float: right;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 0;*/
    position: absolute;
    right: 0;
    top: 20px;
}
#header #logo a{ /* customize_header_logo */color:#999; /* customize_header_logo */ text-decoration:none;}
#header #logo p{ display:inline; line-height:inherit; font-size:inherit; padding:inherit; margin:inherit; color:inherit }


#header #headerNav{ /*position: absolute; top: 14px; right: 0px;*/
	z-index:99;
	width:100%;
	overflow:visible;
	clear: both;
}
#header ul.nav-header{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right}
#header ul.nav-header li{float:left; padding:2px 0px; margin-left:16px; margin-bottom: 0px; color:#999; font-size:13px; margin-top:0px }
#header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#999999 }
#header ul.nav-header li.nav-selected{ border:1px solid #bbb; padding:2px 8px; }
#header #header-area{margin-top: 10px; margin-bottom: 10px }
#header #header-area #header-area-inside{margin-bottom: 12px;}
#header #header-area img { display: block}
.divider{padding-top: 12px; background: url(images/nav_horizontal_divider.gif) repeat-x top; overflow:hidden; height:1px; clear:both; width:100%; }

#central{/*background:url(images/nav_sidebar_left_bg.gif) repeat-y left; */
	/*margin-bottom:40px;*/
	/*margin-bottom:150px;*/
	padding-bottom:150px;
	/*width: 1250px;*/
	width:1024px;
	margin-right: auto;
	margin-left: auto;
}

.no-sidebar { background-image: none !important}
#central.central-left { background:url(images/nav_sidebar_left_bg.gif) repeat-y center !important; }
#central.central-left div#sidebar {float: left !important; }
#central.central-left #body {padding-left: 68px !important; padding-right: 0px !important; float:right}
 
#central #body{
	float: right;
	width: 810px;
	margin-top:40px;
}
#central #body ul{
	list-style-type: disc;
	/*list-style-image: url(../images/bullet-white.gif);*/
	list-style-position: inside;
    margin-left: 1em;
    padding-left: 0;
	color:#FFF;
	/*font-size: 14px;*/
    line-height: 18px;
}
.no-sidebar #body{ float: none !important; width: auto !important; }
#central #sidebar{
	float:left;
	width:200px; /*position:fixed;*/
	color: #FFF;
	margin-top:40px;
	margin-right:10px;
}
#central #sidebar p{ /*line-height:24px*/}
#central #sidebar ul.nav{
	list-style:none;
	margin-left:0px;
	padding:0px;
	font-size:12px;
	margin-top:0px;
	margin-bottom:0px;
}
#central #sidebar ul.nav li{ margin-bottom:5px; }
#central #sidebar ul.nav a{
	text-decoration:none;
	color:#fff;
	padding-left: 0px;
}
#central #sidebar ul.nav a.nav-selected {font-weight: bold; color:#009ddc;/*background-image: url(images/arrows-nav.png);*/
	background-repeat: no-repeat;}
#central #sidebar ul.nav a.nav-path-selected {font-weight: bold; color:#e22939;}
#central #sidebar ul.nav a:hover{ text-decoration:none; color:#e22939; }
/*#central #sidebar ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:0px; margin-top:0px; }*/

#central #sidebar ul.nav ul{
	list-style-type: disc;
	/*list-style-image: url(../images/bullet.gif);*/
	list-style-image: url(../images/arrows-nav.png);
    margin-left: 1em;
    padding-left: 0;
}

#central #sidebar ul.nav ul li{ margin-bottom:5px; margin-left:1em; }
#central #sidebar ul.nav ul li a{background-repeat:no-repeat; }

#central.navLeft{ background:url(images/nav_sidebar_left_bg.gif) repeat-y center; }
#central.navLeft  #sidebar{float:left}
#central.navLeft  #body{float:right; padding-right:0px; width:68%; }

#central.noSideNav{ background: none; }
#central.noSideNav  #sidebar{ display:none }
#central.noSideNav  #body{float: none; padding-left:0px; padding-right:0px; width:100%; }

/*#footer{ padding-top:24px; clear:both; padding-bottom:16px; padding-left:15px; padding-right:15px; color:#999; font-size:10px; background-color:transparent; }*/

#footerWrap{
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
	/*z-index:10 !important;*/
	position: fixed;
	bottom: 0px;
	width: 100%;
}
#footer{
	background-color:#000;
	background-image: url(../images/band-grad.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
}
/*#footer{
	background-color:#000;
	z-index:10 !important;
	background-image: url(../images/band-grad.jpg);
	background-repeat: repeat-x;
	background-position: top;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 5px;
}*/
#footer a{ text-decoration:none }
#footer span.sign-in {margin-left: 20px}
#footer span.powered-by { float:right; }

/* Page Elements */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}
div.pageSection { margin-bottom: 10px; }

div.ccm-page-list-description { margin-bottom: 15px; }

/* customize_miscellaneous */ /* customize_miscellaneous */

/** {margin:0;padding:0}*/
p{margin:0 0 1em 0}

#outer{
	background-color:transparent;
	background-image: url(images/pit-lane.jpg);
	background-position:1300px;
	background-repeat:no-repeat;
	margin-top:186px;
	/*overflow:auto;*/
	overflow-x:auto;
	overflow-y:auto;
	position:absolute;
	left:0px;
	right:0px;
	top:0;
	/*bottom:180px;*/
	bottom:0px;
	margin-bottom:0px;
	padding-bottom:0px;
	/*padding-bottom:100px*/;
	/*background-image: url(images/content-bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;*/
}
#sf-menu{
z-index:9;
}
.sf-menu li li a {
    padding-bottom: 0.45em !important;
    padding-top: 0.4em;
}

.autoMargin {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 1024px;
}

.searchBox {
    /*bottom: 10px;
    float: right;
    margin-top: 10px;*/
    position: absolute;
    right: 0;
    top: 80px;
}
#flagSelector {
	padding-top: 10px;
	padding-bottom: 10px;
}
#flags {
	float: right;
	margin: 0 15px;
}
#body #homeContent {
	width: 1024px;
}
#homeContent .contentLeft {
	width: 770px;
}
#homeContent .contentright {
	width: 230px;
	float:right;
}
.featureBox {
	background-image: url(../images/shop-box.gif);
	background-repeat: no-repeat;
	height: 131px;
	width: 236px;
	float: left;
	margin-right: 25px;
	margin-top: 10px;
}
.featureBox.technical {
	background-image: url(../images/technical-box.gif);
}
.featureBox.ecu {
	background-image: url(../images/ecu-box.gif);
	margin-right: 0;
}
.featureBox .featureBoxContent {
	padding-top: 40px;
	padding-left: 12px;
	height: 86px;
	overflow: hidden;
	padding-right: 75px;
}
.featureBoxContent p {
	font-size: 11px;
	line-height: normal;
	margin: 0px;
	padding: 0px;
}
.featureBoxContent p a {
	font-size: 12px;
}
#google_translate_element {float:right;}

.ccm-remo-expand-title {
    cursor: pointer;
	color:#FFF;
	height: 25px;
}