@charset "utf-8";
/* CSS Document */
/*************************************************************************************************************************************************
Colours
EFF1F3		Light Grey Background
4f5358		Dark Grey Background
666D75		Share box
0082E6		Bright blue active nav button font
00ADEF		Hover blue font
003366		Search box blue; link blue
21354C		Search box blue; link blue
171717		Almost black font
4f5358		Grey font
a2aab5		Pager Line Grey

General CSS

**************************************************************************************************************************************************/
/**{
	padding:0;
	margin:0;
	outline:none;
}*/

body{
/*    min-height:100%;
	position: absolute;
	top:0;bottom:0;right:0; left:0;*/
	background: #4f5257 url(../img/background.jpg) no-repeat center top fixed;
	background-size:cover;
	/*background-color:#6b6e73;*/
	/*overflow-x:hidden;*/
}
html{
	height:100%;
}
/* Headings -------------------------------------------------------------- */ 
h1,h2,h3,h4,h5,h6 {	font-weight: bold; color: #4f5358; } 
h1 { font-size: 1.6em; line-height: 1; margin:10px 0; } 
h2 { font-size: 1.4em; margin-bottom: 10px; } 
h3 { font-size: 1.2em; line-height: 1;margin:10px 0;} 
h4 { font-size: 1.1em; line-height: 1.25; margin:10px 0; } 
h5 { font-size: 1em; font-weight: bold; margin:10px 0; } 
h6 { font-size: 1em; font-weight: bold; margin-bottom: 3px;} 
h1 img, h2 img, h4 img, h5 img, h6 img { margin: 0; } 

ul{list-style:none;}
ol{list-style:none;}
ul li{list-style:none;}
fieldset{border:none;}
table{
	border-collapse:collapse;
	font-style: normal;
	margin:0 auto;
	margin-bottom:20px;
}
table tr th{
    font-size: 1em;
    padding: 5px;
    vertical-align: top;
}
table tr td{
    font-size: 1em;
    padding: 5px 3px;
    vertical-align: top;
}
.footer-container{
	background-color:transparent;
}
.print_order{
	border-collapse:collapse;
	font-style: normal;
	margin-bottom:20px;
	margin-right:20px;
	float:left;
	border: none !important;
	border-collapse:collapse !important;
	width:50% !important;
}
.print_order th:first-child
{
	flex-wrap:wrap;
}
p{
	font-size: 1.0em;
	line-height: 1.4;
	padding: 0px 0px 8px 0px;
	font-weight:500;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; 
}
a:link, a:visited{	
	text-decoration:none;
	text-decoration:underline;
	color:#003366; 	
	font-weight:500;
	cursor:pointer;
}
a:hover,  a:active{ 
	color:#00adef; 	
	text-decoration:none;
}
/*img {border:none;}*/
.captions{
	padding-top:10px;
	font-size:0.9em;
	text-align:center;
}
.shadow{
	/* Box shadow only works in IE iff colour #000*/
	-moz-box-shadow: 0px 0px 8px 1px #000; /* Firefox offset-x, offset-y, blur-radius, spread-radius */
	-webkit-box-shadow: 0px 0px 8px 1px #000; /* Safari and Chrome */
	-o-box-shadow: 0px 0px 8px 1px #000; /* Opera */
	box-shadow: 0px 0px 8px 1px #000; /* Opera 10.5+ and future browsers and IE6+ using IE-CSS3 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#091f0e,direction=45);*/
	
	/* IE hack - add ie-css3.htc at directory root. */
	/* Can only test in IE on web.  Local file will not execute the script*/
	/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
}
.box{
	z-index:10;
	font-size: 0.9em;
	font-weight: 600;
	padding:5px 5px;
	border:none;
/*	-moz-border-radius: 4px;  */  /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-o-border-radius: 4px;
	border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	behavior: url(../ie-css3.htc); /* Tell IE to call the script on all elements with class 'box'  */
}
#noscript_div{
	color:#666666;
	background:#fff;
	margin-top:20px;
	padding:10px 20px 10px 20px;
	float:left;
}
noscript p, noscript ol {font-size: 1.4em; line-height: 1.0em; text-align: left ;}
.indent{padding-left:30px;}
.centre{text-align:center;}
/*.clearfix:after{
	content: '.';
	visibility:hidden;
	display:block;
	clear:both;
	height:0;
}*/
#home-wrapper{
	text-align:left;
	margin:auto;
	position:relative;
}
.popup-gallery {
  a {
    display:inline-block;
    width:25%;
    img {
      height:auto;
      width:100%;
    }
  }
}
.printed-article{
	display:none;
}
.home_cycle {
    width: 80%;
    margin: 0 auto;
}
.centre{text-align:center;}
.right{text-align:right}
.top_margin{
	margin-top:20px;
}
.p_errors{
	color:#000;
}
#html_element{
	width:98% !important;
}
#parts_shipping, #parts_comments{
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    font-size: 1.0em;
	cursorPosition: 0;
}
#parts_shipping{
	placeholderText: "Enter shipping address, if different from Dealership address.";
}
#parts_comments{
	placeholderText: "Enter additional comments here.";
}
#trailer_comments{
	placeholderText: "Enter additional comments here.";
	max-width:500px !important;
}
.trailer_comments textarea{
	max-width:500px !important;
}
option{
	padding: 2px;
	margin-right:10px;
}
.flag_inline{
	display:inline;
}
.flag_inline img {
	margin: 0 8px 0 8px !important;
}
.inline_list li{
	display:inline;
	list-style-type:none;
	padding-right:10px;
}
.inline_list img{
	vertical-align:middle;
}
/******************************************************************************************************************************************

	Navigation Header

*******************************************************************************************************************************************/
#main-nav li > a {
	z-index:1000;
}
.menu_li{
	color:#fff;
}
#top_arrow a:link{
	background: url(../img/Top_Arrow.png) no-repeat scroll left top transparent;
    bottom: 15px;
    display: block;
    height: 75px;
    position: fixed;
    right: 15px;
    width: 18px;
    z-index: 1000;
	text-decoration:none;
}
#top_arrow a:hover{
	background: url(../img/Top_Arrow.png) no-repeat right top transparent;
	text-decoration:none;
}
.header-container{
	background:#000;
	background:#4f5257;
	background:#fff;
	margin-top:-10px;
}
#header{
	padding-top:30px;
	text-align:left;
	position:relative;
	max-width: 1026px;
	margin: 0 auto;
}
/*div#header h1{background:url(../img/bna_header.png) no-repeat 0 0;text-indent:-9999em;height:104px;width:729px;
margin-bottom:0px;}
div#header a#home-link{text-indent:-9999em;display:block;height:104px;width:729px;position:absolute; top: 9px; left: 0px;}*/
.button, a.button:link , a.button:visited {
	text-decoration:none;
    background: none repeat scroll 0 0 #003366;
    border: medium none;
	color:#Fff; 	
    cursor: pointer;
    font-size: 0.9em;
    font-weight: bold;
    margin: 10px 10px 10px 0;
    padding: 5px 10px;
    position: relative;
    z-index: 10;max-width:100px;	
/*	-moz-border-radius: 4px;  */  /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-o-border-radius: 4px;
	border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
}
.button:hover, a.button:hover{
	background:#00adef;
	color:#fff; 
	text-decoration:none;	
} 
.parts_back{
	max-width:300px;
}
#submit01{
	max-width:300px;
}
.nav-container{
	z-index:1500;
	font-size: 0.965em;
	background:#000000;
	background:#4f5257;
	-moz-box-shadow: 0 10px 10px -10px #000; /* Firefox offset-x, offset-y, blur-radius, spread-radius */
	-webkit-box-shadow: 0 10px 10px -10px #000; /* Safari and Chrome */
	-o-box-shadow: 0 10px 10px -10px #000; /* Opera */
	box-shadow: 0 10px 10px -10px #000; /* Opera 10.5+ and future browsers and IE6+ using IE-CSS3 */
}
.fig_image{
	display:inline-block;
}
.fig_image img, .fig_image span {
  display: block;
}

.fig_image span, .fig_image figcaption {
  text-align: center;
  margin-top: 8px;
}
#main-nav{
}
#home #main-nav .home > a,
#models #main-nav .models > a,
#engineering #main-nav .engineering > a,
#configurator #main-nav .configurator > a,
#horse #main-nav .horse > a,
#dealer #main-nav .dealer > a,
#portal #main-nav .portal > a,
#about #main-nav .about > a,
#contact #main-nav .contact > a,
#sitemap #footer a.footer_sitemap,
#disclaimer #footer a.footer_disclaimer
{
	z-index:1000;
	background-color:#4f5358;*/
	color:		#4e779e;
	color:		#00adef;
	cursor:		pointer;	
}
.sticky{
	position:fixed;
	top:0px;
	width:100% !important;
}
/******************************************************************************************************************************************

	Footer

*******************************************************************************************************************************************/
.address{
	text-align:center;
}
#footer{
	margin:0 auto;
	color:#fff;
	position:relative;
	padding-top:10px;
}
#footer a:link, #footer a:visited{
	color:#fff;
	text-decoration:none;
}
#footer a:hover{
	color:#00adef;
	cursor:pointer;	
}
#bottom-nav{padding-bottom:5px;}
.footer_p p{
	padding:0px 0px 0px 0px;
}
ul.logo_row_list {
	font-size: 0;
	margin: 0;
	margin-bottom: 0px;
	padding: 0;
	list-style: none;
	text-align: center;
	}
li.logo_row_item {
	font-size: 14px;
	margin: 5px 15px 5px 15px;
	display: inline-block;
	vertical-align: middle;
}
.logo_row_item img { 
	max-width:200px;
	max-height:60px;
	}
/******************************************************************************************************************************************

	Home Page

*******************************************************************************************************************************************/
.newsButton{
	text-decoration:none;
	margin-right:0px;
	padding:5px;
	max-width:130px;
}
#dealer_button{
	margin:0px 0px;;
}
#t_container{
	padding-bottom:10px;
}
ul#tabNavigation {
    float: left;
    margin: 0;
    position: relative;
    top: 0;
    z-index: 10;
	padding-bottom:10px;
}
ul#tabNavigation li {
    border-bottom: 1px dotted #666666;
    list-style: none outside none;
    padding: 5px 10px;
    width: 270px;
	font-size:0.85em;
}
li.ui-state-active {
    background-color: #eff1f3;
}
ul#tabNavigation li a{
    cursor: default;
	color:#666;
	text-decoration:none;
}
ul#tabNavigation li a strong {
    color: #666666;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 1em;
    padding-bottom: 5px;
	line-height:1.2em;
}
ul#tabNavigation li a strong:hover {
	color:#00adef;
}
ul#tabNavigation li.ui-state-active a strong, ul#tabNavigation li.ui-state-active a:hover strong, ul#tabNavigation li.ui-state-active a:active strong {
	color:#00adef;
}
.readMore{
	cursor:pointer;
	text-align:right;
	position:absolute;
	right:5px;
}

ul#tabNavigation li a.readMore,
ul#tabNavigation li.ui-state-active a.readMore a{	
	text-decoration:none;
	text-align:right;
	cursor:pointer;
	color:#003366;
}
ul#tabNavigation li a.readMore:hover{
	color:#00adef;
}
.ui-tabs-hide
{
  display: none
}
#news h3 {
    background-color: #003366;
    border-bottom: 3px solid #Fff;
    color: #fff;
    cursor: pointer;
    font-size: 0.9em;
    font-weight: 700;
    margin: 0;
    padding: 4px 0 4px 18px;
}
#news h3:hover {
    background-color: #00adef;
}
#news li {
    line-height: 1.6;
    list-style: none outside none;
    margin-left: 20px;
}
#news p{
	padding:0 0;
}
img.news_images{
	margin-right:10px;
	height:100px;
	padding:3px;
	border:1px solid #4f5358;
}
img.borderless_images{
	margin-right:10px;
	padding:3px;
	border:none;
}
.down_arrow {
    background: url("../img/down_arrow.gif") no-repeat scroll left center transparent;
}
.right_arrow {
    background: url("../img/right_arrow.gif") no-repeat scroll left center transparent;
}
.news_height{
	height:100px;
}
.news_item{
	margin-bottom:3px;
}
/******************************************************************************************************************************************

	Contact Page

*******************************************************************************************************************************************/
.content_text{
	margin:0px 0px 20px 0px;
}
.content_text p{
	margin-bottom:1em;;
	line-height:1.2;
	font-size:1.0em;
}
.content_list{
	line-height:1.2;
	font-size:1.0em;
}
.content_list li{
	list-style:disc;
	margin-left:20px;
}
.content_text a:link {
	text-decoration:underline;
	color:#003366;
	}
.content_text a:visited { 
	text-decoration:none;
	color:#003366;
}		
.content_text a:hover, .content_text a:active{ 
	color:#00adef; 	
	text-decoration:none;
}
.red{color:#F00;font-weight:bold;}
.bob{
	border:10px solid red;	
}
span.error{
	clear:both;
/*	float:left;*/
	background:#FF8080 url(../img/exclamation.png) no-repeat 5px 3px;
	color:#800000;
	padding:3px 10px 3px 30px;
	border:1px solid #800000;
	margin-bottom:10px;
	font-weight:bold;
}
#contact-us form{padding-top:10px;border-top:1px dotted #4f5358;}
#contact-us form p{line-height:1; padding:0}
#contact-us form fieldset#fname li{display:inline;}
#contact-us fieldset#fname li input[type="text"]{margin-right:20px;}
#usernameError p{position:relative;display:block;float:left;}
#contact-us fieldset#message-id{position:relative;}
#contact-us label{display:block;color:#4f5358;font-size:1.0em;font-weight:bold;margin-bottom:5px;margin-top:10px;}
#contact-us input[type="text"]{font-size:1.0em;background-color:#eff1f3;padding:5px 0 5px 5px;float:left;margin-bottom:10px;margin-right:0px;}
#contact-us textarea{font-size:1.0em;background-color:#eff1f3;height:240px;padding:5px 0 5px 5px;text-decoration:none;margin-top:10px;margin-right:0px;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
#contact-us input[type="checkbox"]{margin-top:10px;}
#contact-us {padding:0 !important;}

textarea{
	max-height:500px;	
}
textarea, input[type="text"], input[type="password"], select{
	background: #fff !important;
    border: 1px solid #CCCCCC;
	font-family: "Helvetica Neue",Arial,Helvetica,sans-serif;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	border-radius: 4px 4px 4px 4px;
    padding: 5px 5px;
    vertical-align: middle;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {  
	background: #fff !important;
	outline: 0 none;
	cursor:pointer;
	border:1px solid #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #ccc;
}
input[type="radio"]{
    -webkit-appearance: radio;
}
.sendBtn{
    background: none repeat scroll 0 0 #003366;
    border: medium none;
	color:#fff; 	
    cursor: pointer;
    font-size: 1.0em;
    font-weight: bold;
    margin: 10px 20px 10px 0;
    padding: 10px;
    position: relative;
    z-index: 10;
	display:inline-block;
	max-width:200px;
/*	-moz-border-radius: 4px;  */  /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-o-border-radius: 4px;
	border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
}
.sendBtn:hover{
	background:#00adef;
	color:#fff; 
	text-decoration:none;		
}
#captcha{
	max-width:300px;
}
#failure{
	background:#FF8080 url(../img/exclamation.png) no-repeat 5px 8px;
	color:#800000;
	padding:5px 10px 5px 30px !important;
	padding:10px 10px 0px 30px !important;
	border:1px solid #800000;  
	font-size:1.0em;
	line-height:1.2;
	font-weight:500;
	min-width:200px;
	max-width:470px;
	margin-bottom:10px;
}
#info_feedback p, #success p, #failure p{  
	font-size:0.9em;
	line-height:1.5;
}
#usercontent{
	padding:0px 16px 30px 16px;
	text-align:center;
}
#thanks{
	text-align:center;	
}
#userdata{
	text-align:center;
	font-size:1.0em;
	border-top:1px dotted #4f5358;
	border-bottom:1px dotted #4f5358;
	padding:10px 0px 10px 0px;
}

.f_right{
	float:right;
	margin-left:20px;
}
.first_trailer_row{
	width:100%;
	border-top:1px dotted #4f5358;
	margin-top:10px;
	padding-top:10px;
}
.trailer_indent{
	padding-left:20px;
	font-size:0.85em;
}
.inquiry fieldset {
	padding: 0;
}
.inquiry fieldset li {float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}
.inquiry label{
	margin-right:0px;
	float:left;
	font-weight:bold;
	font-size:1.0em;
	color:#4f5358;
	margin-bottom:10px;
}
.inquiry select{
	background:#eff1f3;
	color:#4f5358;  
	font-size:0.9em;
	font-weight:bold;
	font-weight:500;
	height:2.0em;
	margin-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	float:right;
}
.inquiry select:hover{
	cursor:pointer;
	background-color:#fff;
	color:#4f5358;
	border-style:solid;
	border-width:2px;
	border-color:#4f5358 #eff1f3 #eff1f3 #4f5358;
}
/******************************************************************************************************************************************

	Towing Page

*******************************************************************************************************************************************/
.accessories_container {
    padding-bottom: 20px;
    position: relative;
}
.acc_box {
    font-size: 0.9em;
}
.acc_gallery {
    float: left;
    padding-left: 20px;
    padding-top: 5px;
    width: 640px;
}
.acc_gallery h2 {
    font-weight: bold;
    margin-bottom: 0.5em;
}
#img {
    height: 426px;
    margin-bottom: 1em;
    position: relative;
    width: 640px;
}
span.caption {
    background-color: #000000;
    bottom: 0;
    color: #FFFFFF;
    display: block;
    height: 50px;
    left: 0;
    line-height: 50px;
    opacity: 0.7;
    padding: 0 2%;
    position: absolute;
    text-align: center;
    width: 96%;
}
.acc_text {
    float: right;
    margin: 60px 20px 0 0;
    width: 240px;
}
.acc_text h4 {
    font-weight: bold;
    margin-bottom: 0.5em;
}
ul li.dots {
    list-style: disc outside none;
}
.photoBtn {
    background-color: #003366;
    color: #fff;
    cursor: pointer;
    font-size: 1em;
    font-weight: 700;
    margin: 0;
    padding: 4px 0 4px 18px;
	width:100%;
	text-align:left;
	border:none;
}
.photoBtn:hover {
    background-color: #00adef;
}
.safety{
	padding-top:10px;
}
.loading{
	float:left;
	padding-right:8px;
}
.last{
	padding-right:0px;
}
.safety_img{
	padding-left:10px;
	padding-top:50px;
	max-width:630px;
}
/******************************************************************************************************************************************

	Model Pages

*******************************************************************************************************************************************/
.model_boxes{
	width:470px;
	float:left;
	background-color:#fff;
}
#cycle-1 h3{
	margin:0 0 10px 0;
}
#pause_button {
    cursor: pointer;
    float: right;
	padding-left:18px;
	cursor:pointer;
}
.play {
    background: url("../img/pauseV2.gif") no-repeat scroll left center;
}
.pause {
    background: url("../img/playV2.gif") no-repeat scroll left center;
}
#pager{
	display: inline;
}
#pager a {
    color: #003366;
    padding: 4px 4px;
    text-decoration: none;
	font-size:13px;
	font-weight:bold;
}
#pager a:hover, #pager a:active, #pager .cycle-pager-active a{ 
	color:#00adef;
}
#cycle-1{
	margin-top:0;
	margin-bottom:0;
}
#cycle-1 div { display: none }
#cycle-1 div.first { display: block }
/* set border-box so that percents can be used for width, padding, etc (personal preference) */
.cycle-slideshow, .cycle-slideshow * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cycle-slideshow {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: #fff;
    background-origin: padding-box;
    background-position: 10% 10%;
    background-repeat: no-repeat;
    background-size: auto auto;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    position: relative;
}
.cycle-overlay { 
    color: white; background: #003366; opacity: .7; filter:alpha(opacity=60);
    position: absolute; bottom: 0; width: 100%; padding: 15px;
	-moz-opacity:0.6;
	opacity: 0.6;
}
.cycle-overlay a:link, .cycle-overlay a:hover, .cycle-overlay a:active{
	color:#fffcef;
	text-decoration:none;
}
/* slideshow images (for most of the demos, these are the actual "slides") */
.cycle-slideshow img { 
    /* 
    some of these styles will be set by the plugin (by default) but setting them here
    helps avoid flash-of-unstyled-content
    */
	margin:0 auto;
    padding: 0; 
	display: block; 
    width: 100%;
	height:auto;
}
.cycle-slideshow div { 
	margin:0 auto;
}
.cycle-slide{
	/*margin:0 0 !important;*/
}
/* in case script does not load */
.cycle-slideshow img:first-child {
    position: static; z-index: 100;
}
.tab_images
{
	float:left;
	padding-right:10px;
}
.tab_height{
	height:80px;
}
/******************************************************************************************************************************************

	Configurator Page

*******************************************************************************************************************************************/
.search_class fieldset {
	padding: 0;
}
.search_class fieldset li {float: left;
	clear: left;
	width: 100%;
	padding-bottom: 1em;
}
.search_class label{
	margin-right:20px;
	float:left;
	font-weight:bold;
	font-size:1.1em;
	color:#4f5358;
	margin-bottom:10px;
}
.search_class select{
	background:#eff1f3;
	color:#4f5358;  
	font-size:0.9em;
	font-weight:bold;
	font-weight:500;
	width:220px;
	height:2.0em;
	margin-bottom:5px;
	padding-left:5px;
	margin-right:5px;
}
.search_class select:hover{
	cursor:pointer;
	background-color:#fff;
	color:#4f5358;
	border-style:solid;
	border-width:2px;
	border-color:#4f5358 #eff1f3 #eff1f3 #4f5358;
}
.search_class option{
	padding-left:5px;
}
.config_height{
	max-height:200px;
	max-width:260px;
}
.config_images
{
	float:right;
	padding:0 10px 10px 0;
}
.no_border{
	border-top:none;
}
.no_top_border{
	border-top:none;
}
.no_bottom_border{
	border-bottom:none;
}
.dealer_list li{
	display:inline;
}
.colour_list li{
	display:block;
	padding-right:30px;
	padding-bottom:10px;
}
.colour_list label{
	width:150px;
}
.colour_list option{
	padding-left:5px;
}
.colour_list select{
	margin-left:10px;
	padding-left:5px;
	height:2.0em;
	background:#eff1f3;
	color:#4f5358;  
}
.colour_list select:hover{
	background:#fff;
	cursor:pointer;
}
table.config  tr td{
	font-size:0.9em;
}
.table-scroll {
	position:relative;
	max-width:600px;
	max-width:100%;
	margin:auto;
	overflow:hidden;
	border:1px solid #000;
}
.table-wrap {
	width:100%;
	overflow:auto;
}
.table-scroll table {
	width:100%;
	margin:auto;
	border-collapse:separate;
	border-spacing:0;
}
.table-scroll th, .table-scroll td {
	padding:5px 10px;
	border:1px solid #000;
	background:#fff;
	vertical-align:top;
}
.table-scroll thead, .table-scroll tfoot {
	background:#f9f9f9;
}
.clone {
	position:absolute;
	top:0;
	left:0;
	pointer-events:none;
}
.clone th, .clone td {
	visibility:hidden
}
.clone td, .clone th {
	border-color:transparent
}
.clone tbody th {
	visibility:visible;
	color:#003366;
}
.clone .fixed-side {
	border:1px solid #000;
	background:#eee;
	visibility:visible;
}
.clone thead, .clone tfoot{background:transparent;}
.model_desc li{
	display:inline-block;
	margin-top:10px;
}
.your_trailer{
	padding-top:5px;
	border-top:solid 1px #4F5358;
}
.model_desc{
	padding-top:10px;
}
.config_button, a.config_button:link , a.config_button:visited,
	.ui-widget-content a.config_button:link , .ui-widget-content a.config_button:visited {
	text-decoration:none;
    background: none repeat scroll 0 0 #003366;
    border: medium none;
	color:#Fff; 	
    cursor: pointer;
    font-size: 1.0em;
    font-weight: bold;
    margin: 10px auto ;
    padding: 5px 10px;
    position: relative;
    z-index: 10;
	max-width:300px;
/*	-moz-border-radius: 4px;  */  /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	-o-border-radius: 4px;
	border-radius: 4px 4px 4px 4px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
	/*behavior: url(../ie-css3.htc);*/ /* Tell IE to call the script on all elements with class 'box'  */
}
.config_button:hover, a.config_button:hover,
	.ui-widget-content a.config_button:hover{
	background:#00adef;
	color:#fff; 
	text-decoration:none;	
} 
.centre_button{
	margin-left:405px;
}
.trailer_form input[type="text"]{
	width: 40px;
	padding:1px;
	margin:0 0px 0px 0px;
	text-align:right;
}
.trailer_form input[type="text"]#vin{
	width:200px;
}
td.cart_photo {
    width: 80px;
	vertical-align:middle;
}
td.cart_photo img {
    max-height: 50px;
    max-width: 70px;
	border:none;
}
table.cart_table{
	font-size:1.0em;
	margin: 0 auto 0px;
	width:100%;
}
table.cart_table th{
	padding:1px 5px;
	border:1px solid #4F5358;
	font-weight:normal;
	font-weight:bold;
}
table.cart_table th.first{
	max-width:100px;
}
table.cart_table th.last{
	border-right:none;
}
table.cart_table th.first{
	border-left:2px solid #4F5358;
}
table.cart_table td{
	font-size:0.9em;
	font-size:1.0em;
	font-weight:normal;
	padding:5px 5px 5px 5px;
	padding:1px 5px;
	border:1px solid #4F5358;
	vertical-align:middle;
}
table.cart_table td.last{
	border-bottom:none;
}
table.cart_table td.border_left{
	border-left:none;
}
table.cart_table td.border_right{
	border-right:none;
}
table.cart_table td.no_border{
	border:none;
}
table.cart_table tbody tr th img{
	max-width: 100px !important;
}
.order_trailers{
	border-bottom:2px dashed  #4f5257;	
	padding:10px 0;
}
.last_trailer{
	border-bottom:none;
}
.trailer_comments{
	min-height:100px;
}
/******************************************************************************************************************************************

	Login Page

*******************************************************************************************************************************************/
.login_nav{
	float:right;
	padding-right:10px;
	z-index: 2000;
}
.login_nav a{
	text-decoration: none;
	color:#4f5257;
}
.login_nav > a:hover{
	color:#00adef;
}
.login_nav ul{
	float:right;
	margin:5px 0 0 0;
}
.login_nav ul li{
	display:inline;
	border-left:1px solid #fff;
}
.login_nav ul li:first-child, .login_nav ul li ul li{
	border-left:none;
}
.login_fm input[type="text"], .login_fm input[type="password"]{
	background-color:#eff1f3;
	padding:5px;
	max-width:300px;
	margin-bottom:1em;
}
.login_fm input[type="text"]:focus, .login_fm input[type="password"]:focus{
	background-color:#fff;
	color:#4f5358;
	border-style:solid;
	border-width:2px;
	border-color:#4f5358 #eff1f3 #eff1f3 #4f5358;
}
.top_login{
	float:right !important;
}
.mobile-logo-container .login_nav .top_login.sf-menu a.cart_link:link, 
.mobile-logo-container .login_nav .top_login.sf-menu a.cart_link:visited{
	background:url(../img/TopCartV5.png) no-repeat 10px -4px;
	height:18px;
	padding-left:36px;
	margin:0px 0px 0px 0px;
	color:#fff;
	font-weight:normal;
}
.mobile-logo-container .login_nav .top_login.sf-menu li.sfHover a.cart_link:focus,
.mobile-logo-container .login_nav .top_login.sf-menu a.cart_link:focus,   
.mobile-logo-container .login_nav .top_login.sf-menu a.cart_link:hover,  
.mobile-logo-container .login_nav .top_login.sf-menu a.cart_link:active, 
.mobile-logo-container .login_nav .top_login.sf-menu li.sfHover a.cart_link:active{
	background: url(../img/TopCartV5.png) no-repeat 10px -34px;
	color:#00ADEF;
}
.logo-container .login_nav ul li{
	display:inline;
	border-left:1px solid #000;
}
.logo-container .login_nav ul li:first-child, 
.logo-container .login_nav ul li ul li{
	border-left:none;
}
.logo-container .login_nav .top_login.sf-menu a,
.logo-container .login_nav .top_login.sf-menu a:visited
{
	color:#000;
}
.logo-container .login_nav .top_login.sf-menu a.cart_link:link, 
.logo-container .login_nav .top_login.sf-menu a.cart_link:visited{
	background:url(../img/TopCartV5.png) no-repeat 10px -60px;
	height:18px;
	padding-left:36px;
	margin:0px 0px 0px 0px;
	color:#000;
	font-weight:normal;
}
.logo-container .login_nav .top_login.sf-menu a.cart_link:focus,
.logo-container .login_nav .top_login.sf-menu a.cart_link:hover, 
.logo-container .login_nav .top_login.sf-menu a.cart_link:active{
	background:url(../img/TopCartV5.png) no-repeat 10px -30px;
	color:#00ADEF;
	font-weight:normal;
}
.logo-container .login_nav .top_login.sf-menu a.checkout_link:link, 
.logo-container .login_nav .top_login.sf-menu a.checkout_link:visited{
	height:18px;
	margin:0px 0px 0px 0px;
	color:#000;
	font-weight:normal;	
}
.logo-container .login_nav .top_login.sf-menu a.checkout_link:hover, 
.logo-container .login_nav .top_login.sf-menu a.checkout_link:active{
	color:#00ADEF;	
}
.video-container{
	position:relative;
	width:100%;
	padding-bottom: 56.25%;
/*	padding-top: 50%; */
	height: 0; overflow: hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/******************************************************************************************************************************************

	Dealer Pages

*******************************************************************************************************************************************/
img.flag {
    float: left;
    padding-bottom: 10px;
}
h1.flag {
    float: left;
    margin-left: 15px;
    margin-top: 10px;
}
table.dealer_table{
	margin-bottom:0px;
}
.dealer_table tr{
	border-top:1px dotted #4f5358;
}
table.phone_email {
	margin:0 0;
}
.phone_email tr{
	border-top:none;
}
.phone_email tr td{
	padding:1px 8px 1px 0px;
}
.dealer_table p{
	font-size:0.9em;
	line-height:1.2;
	padding:0 0 5px;
}
.dealer_table tr.top_row{
	border-top:none;
}
.order_search tr td:first-child{
	float:right;
}
.order_search select{
	max-width:80%;
}
/******************************************************************************************************************************************

	Sitemap Page

*******************************************************************************************************************************************/
ul.bullets{
	margin:0;
	padding:0;
	padding-bottom:10px;
}
ul.bullets li{
	padding-left:20px;
	margin:5px 0px 5px 10px;
	font-size:1.0em;
}
ul.bullets li ul li{
	list-style:disc;
	margin-left:40px;
	padding-left:10px;
	font-size:1.0em;
}
/******************************************************************************************************************************************

	Admin Pages

*******************************************************************************************************************************************/
#admin_header {
    background: url("../img/bna_header.png") no-repeat scroll 0 0 transparent;
    height: 104px;
    position: relative;
    text-align: left;
    width: 960px;
}
#admin_header a#home-link {
    display: block;
    height: 144px;
    left: 0;
    position: absolute;
    text-indent: -9999em;
    top: 0;
    width: 960px;
}
#admin_container a:link, #admin_container a:visited{
	color:#00adef; 	
	text-decoration:none;	
}
#admin_container a:hover, #admin_container a:active{ 
	text-decoration:underline;
}
#admin_container a.button:link, #admin_container a.button:visited{
	color:#fff; 	
	text-decoration:none;	
}
#admin_container a.button:hover, #admin_container a.button:active{ 
	text-decoration:none;
}
#admin_container {
    background-color: #FFFFFF;
    padding-bottom: 20px;
    padding-top: 10px;
}
#model_container {
    background-color: #FFFFFF;
    padding-bottom: 20px;
    padding-top: 10px;
}
a.model_link:link, a.model_link:visited{
	color:#00adef; 	
	text-decoration:none;	
}
a.model_link:hover, a.model_link:active{ 
	text-decoration:underline;
}
a#home-link {
    display: block;
}
.logoutBtn {
    font-size: 1.2em;
    margin: 10px 20px 20px 440px;
}
ul#form_submit_buttons {
    list-style: none outside none;
    margin-left: 320px;
}
.logoutBtn {
    font-size: 1.2em;
    margin: 10px 20px 20px 440px;
}
.logoutBtn {
    font-size: 1.2em;
    margin: 10px 20px 20px 440px;
}
ul#form_submit_buttons {
    list-style: none outside none;
    margin-left: 400px;
}
#form_submit_buttons li {
    display: inline;
    float: left;
}
table.admin_table{
	margin:0 auto;
}
.admin_table tr td{
	/*vertical-align:middle;*/
}
input[type="text"].admin_input{
	width:480px;
	margin-right:0px;
}
textarea.admin_input{
	width:480px;
	margin-right:0px;
}
.admin_photo {
    border: 1px solid #4f5358;
    margin-right: 5px;
    margin-top: 10px;
    padding: 3px;
    text-align: center;
}
ul.form_body {
    border-bottom: 1px dotted #4f5358;
    list-style: none outside none;
}
.form_body li {
    float: left;
    line-height: 1.8;
    padding-bottom: 5px;
}
input[type="text"]#date  {
	width:100px;
	margin-right:5px;
}