html {
 /* 
 
 Original Blue #105ea8
 
 FULL SIZE BACKGROUND IMAGE - DELETE IF NOT REQUIRED
  background: url(../graphics/background.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
  font-family:Arial, Helvetica, sans-serif;
  /* scroll-behavior: smooth; */
}

body{margin: 0px;}

.temptext-div {
position: relative;
padding: 50px;
border: 2px solid #f9a139;
border-radius: 5px;
width: 100%;
background-color: #fff;
}

.temptext-close-btn {
position: absolute;
top: 10px;
right: 10px;
background: none;
border: none;
font-size: 16px;
cursor: pointer;
color: #f9a139;
}

.temptext-close-btn:hover {
color: darkred;
}

.show-on-mobile{visibilty:hidden; display:none;}

.big-alert{width:100%; padding:20px 0px; background-color:#53519d; margin:20px 0px; padding: 10px 0px;}
.big-alert p{color:#FFFFFF !important; font-size:15px; font-weight:bold; max-width:90%; margin:6px auto}
.big-alert p:first-of-type{ font-size:24px; }

.NewsCheck{visibility:hidden; display:none;}

.header{ position:fixed; top: 0px; width:100%; height:190px; border-bottom:thin #53519d solid; background-color:#FFFFFF;  z-index:100}
.header-logo{ float:left; margin-left:2%; padding-top:10px; width:300px}
.header-aka{ position: absolute; top:30px; right:20px; width:275px}
.header-links { position: relative; top:130px; float:right; width:auto; margin-right:2%; text-align:center; color:#53519d}

.header-links a {text-decoration:none; font-weight:bold; font-size: 16px; border-bottom-width: none; margin: 0px 3px}
/*.header-links a:link {color:#53519d;}
.header-links a:visited {color:#53519d;}
.header-links a:active {color:#53519d;}
.header-links a:hover {color:#f9a139;}*/
.clogin{color:#f9a139 !important;}
.clogin:hover {color:#CCCCCC !important;}
 
.content-container {width:90%; margin-left:auto; margin-right:auto;}
.content-container-login { width:50%; margin-left:auto; margin-right:auto}
.sub-log{width:46%; margin-top:20px}
.sub-log img{max-width:100%;}

.manu-head{border-bottom: thin solid #53519d; margin-top:160px; margin-bottom:40px; padding:50px 0px; background-image:url(../graphics/main-background-1.jpg); background-position: top;
background-repeat: no-repeat;
background-size: cover; min-height:400px}

.manu-flex{display:flex; justify-content: space-between; flex-direction: row; width:96%; margin-left:auto; margin-right:auto;}
.manu-logo{width:6%; padding-bottom:10px; display:flex;}
.manu-logo:hover{margin-bottom:5px; margin-top:-5px;}
.manu-logo img{width:100%;}
.manu-logo a{ border-bottom:none !important}

.manu-logo-off{width:6%; padding-bottom:0px; display:flex;}
.manu-logo-off img
	{
	width:100%; 
	opacity:.1;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	}

.header-text{font-size:22px;}

.footer-bar{background-color:#53519d; width:100%; text-align:center; margin-top:40px; min-height:60px; height:auto; padding:30px 0px}
.footer-bar p{ color:#FFFFFF;}
.footer-bar a{ color:#FFFFFF;}

.colour-bar{background-color:#53519d; width:100%; display: flex; align-items:stretch}
.half-split{float:left; width:48%; margin-right:2%; display:flex;  flex-direction: column; justify-content: center;}
.full-split{float:left; width:100%; display:flex;  flex-direction: column; justify-content: center;}

.contact-form-enq{width:100%;}
.contact-form-enq p{ color:#FFFFFF; margin-bottom: 0px; margin-top:6px}
.contact-form-enq h2{ color:#FFFFFF; text-align:center; border-bottom: none; font-size:24px}
.contact-form-enq input, .contact-form-enq textarea { border: none; border-bottom:thin #FFFFFF solid; background-color:#53519d; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:14px;  outline: none; padding:10px}

.contact-form-enq textarea { background-color:#FFF !important; color:#53519d;}
.contact-form-enq textarea:focus{background-color:#FFF !important;}


.bootstrap-frm input[type=text]:focus, textarea:focus{
  background-color:#53519d !important; outline: none !important;
}

.contact-form-enq strong {font-size:25px; line-height: 200%;}
.contact-container{width:60%; margin:auto}
.contact-container-main{width:80%; margin: 30px auto }

.form-button-enq input {
  padding: 6px 20px;
  color: #FFFFFF;
  background: #f9a139;
  border: 1px solid #f9a139;
  border-radius: 10px;
  text-shadow: none;
  box-shadow: none;
  font-weight: bold;
}

.form-button-enq input:hover {
  color: #FFFFFF;
  background: #53519d;
  border: #53519d 1px solid;
  cursor:pointer;
}

.head-space{height:200px;}

.selbox{float:left; width: 95px; margin:4px; padding:10px 2px; font-size:12px;  height:180px}
.show-roof-left{width: 48%; margin-top:20px; margin-right:2%; float:left}
.show-roof-left li{margin-bottom:12px;}
.show-roof-right{width: 50%; margin-top:20px; float:left; position:relative}
.show-roof-left-sm{width: 28%; margin-top:20px; margin-right:2%; float:left}
.show-roof-right-sm{width: 70%; margin-top:20px; float:left}
.medium-text{font-size:17px; margin:0px}
.large-text{font-size:20px; margin:0px}
.vlarge-text{font-size:40px; margin:0px}

.navs, .navs-sm, .navs-alt{ display:inline-block; color: #FFFFFF !important; text-decoration:none !important; font-weight:bold; border:#f9a139 1px solid; border-radius: 18px; background-color:#f9a139; margin: 4px 4px; border-bottom: none !important; cursor:pointer;}
.navs, .navs-alt {font-size:16px;  padding:6px 10px 6px 10px !important;}
.navs-sm {font-size:12px;  padding: 2px 6px 3px 6px !important;}

.navs:hover, .navs-sm:hover, .navs-alt{background-color:#53519d;  border:#53519d 1px solid;}
.navsdis{background-color:red !important; border:red 1px solid !important; cursor: no-drop;}

.navs-alt{border: #00CC00 1px solid !important; background-color: #00CC00 !important;}
.navs-alt:hover{background-color:#53519d !important;  border:#53519d 1px solid !important;}

.alert-box{width:100%; position:absolute; top:-60px; left:-30px; background-color:red; height:50px; text-align:center; padding:0px; visibility:hidden}
.alert-box p{color:#FFFFFF;}
#shipstatus:hover > .alert-box{visibility:visible;}

.navs-grey{border:#999999 1px solid !important; background-color: #999999 !important;}
.navs-grey:hover{background-color:#f9a139 !important;  border:#f9a139 1px solid !important;}

.navs-green{border: #00CC00 1px solid !important; background-color: #00CC00 !important;}
.navs-green:hover{background-color:#53519d !important;  border:#53519d 1px solid !important;}

.nav-button, .nav-button-rev{float:right; width:auto; margin: 5px 0px 3px 0px; padding:10px 6px; z-index:1001}
.nav-button a, .nav-button-rev a{font-weight: 600; font-size:15px; text-decoration:none;}
.nav-button a{color: #53519d}
.nav-button-rev a{color: #f9a139}
.nav-button a:hover{color: #f9a139}
.nav-button-rev a:hover{color: #999999}
.nav-button-sub-1{height:50px; position:absolute; top:26px; visibility:hidden; padding-top:24px}
.nav-button:hover > .nav-button-sub-1{visibility:visible; }
.nav-button-sub-menu {background-color:#FFFFFF; width:100%; height:40px; border-bottom:thin solid #53519d; border-left:thin solid #53519d; border-right:thin solid #53519d;  padding: 10px 4px 4px 4px}

.show-roofs-container{width:100%; padding-top:30px;  display:flex; flex-wrap: wrap; justify-content:space-evenly; }
.show-roof{border:thin #53519d solid; padding:3px; width:24%; height: 50%; overflow:hidden; margin-bottom:20px; position:relative;}
.show-roof-sale{ position:absolute; top:0px; left:0px}
.show-roof-extra{ position:absolute; top:20px; right:20px}
.show-roof img{ width:100%}
.show-roof-text{min-height:150px; background-color:#53519d; text-align:center;  padding: 10px; }
.show-roof-text p{margin-top:2px !important;  color:#FFFFFF !important; line-height: 190% !important}
.wheelbase-title{width:100%; text-align:center;}
.wheelbase-title p{font-size:20px; font-weight:bold; color: #53519d; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #f9a139; display:inline-block;}

.show-roof-text-sale{min-height:90px; background-color:red; text-align:center;  padding: 10px; }
.show-roof-text-sale p{margin-top:2px !important;  color:#FFFFFF !important; line-height: 130% !important}

.show-roof a{text-decoration: none}
.show-roof:hover{border:thin #f9a139 solid;}
.show-roof:hover img{width:98%; padding-left:6px; margin:5px 0px 4px 0px;}
.show-roof:hover .show-roof-text{background-color:#f9a139}

.mobrem{visibility:visible;}
.mobvis{visibility:hidden; display:none;}

.manu-main-title-reduced{visibility:hidden; display:none;}
.manu-main-title{visibility:visible; display:block;}
.home-sliders-mob{visibility:hidden; display:none;}

.feature-container{width:46%; float:left; margin: 0px 2%}
.feature-container img{max-width:100%;}

.safety-container-left{width:40%; float:left; margin: 0px 2%}
.safety-container-right{width:52%; float:left; margin: 0px 2%}

	.choices-flex-container{display:flex; width:48%; justify-content:space-between; top:20px; margin-bottom: 20px}
	.choices-flex-left{flex: initial; width:190px; height:160px; overflow:hidden; margin-bottom:30px}
	.choices-flex-right{flex: 1; padding:0px 20px}
	.choices-flex-right p{ line-height: 140% }
	
	.thisbutton{font-size:14px; display:inline-block; color: #FFFFFF !important; text-decoration:none !important; border:#f9a139 1px solid; border-radius: 18px; background-color:#f9a139; height:30px; padding:3px 10px 3px 10px; margin: 4px 4px; font-weight:bold}	
	.thisbutton:hover{background-color:#53519d;  border:#53519d 1px solid; cursor:pointer}

.search-products-box input {

padding: 6px 6px;
outline: 0;
border: 1px solid #53519d;
background:#FFFFFF;
color: #53519d;
font-size: 15px;
font-weight: bold;

}

.search-products-box-button:hover{
background: #f9a139; color:#FFFFFF; border: 1px solid #f9a139; cursor:pointer;
}

.vticker{
	width: 100%;
	margin-left:auto;
	margin-right:auto;
	min-height: 400px;
}
.vticker ul{
	padding: 0;
}
.vticker li{
	list-style: none;
	padding: 0px 10px 20px 10px;
	/*border-bottom:thin #CCCCCC dashed;*/
}
.et-run{
	background: red;
}

.vticker-left{float:left; width:25%; max-width:200px; max-height:150px}
.vticker-right{float:left; width:70%; margin-left:2%}
.vticker-full{width:100%; height:150px}
.vticker span{font-size:15px; color:#53519d;}

.down{border: none; width: 42px; height:42px; background-image:url(/graphics/arr-left.gif)}
.down:hover, .up:hover{opacity:0.7; cursor: pointer; cursor: hand;}
.up{border: none; width: 42px; height:42px; background-image:url(/graphics/arr-right.gif);}


#newscontainernew{ 
	margin-top:10px;
/*	border: 15px solid #fff;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(47, 47, 50, 0.4);*/
    width: 900px;
	margin-left:auto;
	margin-right:auto;
	max-height: 226px;
	background-color:#FFFFFF;
	overflow:hidden;
	}
	
#newscontainernew{visibility:visible; display:block}

#newscontainernew a {text-decoration:none; font-weight:bold; font-size: 16px; border-bottom-width: thin; border-bottom-style:dotted; padding-bottom: 2px;}
#newscontainernew a:link {color:#53519d;}
#newscontainernew a:visited {color:#53519d;}
#newscontainernew a:active {color:#53519d;}
#newscontainernew a:hover {color:#f9a139;}

/*#features{min-height:100px}
#features li,ul{list-style-type: none; line-height:100%; padding: 0px 0px 0px 0px; margin-top:0px}*/
#newscontainer p{margin-top:0px}

.safety-vids{width:46%; margin-right:2%; margin-left:2%; float:left}
/*Handle Video Sizing in iframes*/
.video-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	border:medium solid #96629a;
	margin-bottom:20px;
}

.video-container iframe, .video-container object, .video-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/*End*/

.search-top-1{float:left; width: 350px;}
.search-top-2{float:left; width: 225px;}
.search-top-3{float:left; width: 350px;}
.search-top{width:925px; margin:auto;}

.threesplit-container{width: 1000px; margin:auto}
.threesplit {float:left; width:32%; margin-right:1%}
.threesplit img {width:100%;}
.threesplit img:hover {width:98%; height:98%; padding:1%; margin-bottom:-1%;}
.threesplit a{ border-bottom:none !important}

.fadeinout {
  -webkit-animation: fadings 1s alternate infinite;
  animation: fadings 1s alternate infinite;
}

.fadeit { 
opacity: 0;
animation: fadeOut 8s linear forwards; 
-webkit-animation: fadeOut 8s linear forwards;
-moz-animation: fadeOut 8s linear forwards;
-o-animation: fadeOut 8s linear forwards;
-ms-animation: fadeOut 8s linear forwards;
-webkit-transition: max-height 1s; 
-moz-transition: max-height 1s; 
-ms-transition: max-height 1s; 
-o-transition: max-height 1s; 
transition: max-height 1s;  
}

.fadeit-long { 
opacity: 0;
animation: fadeOut 8s linear forwards; 
-webkit-animation: fadeOut 8s linear forwards;
-moz-animation: fadeOut 8s linear forwards;
-o-animation: fadeOut 8s linear forwards;
-ms-animation: fadeOut 8s linear forwards;
-webkit-transition: max-height 1s; 
-moz-transition: max-height 1s; 
-ms-transition: max-height 1s; 
-o-transition: max-height 1s; 
transition: max-height 1s;  
}

@keyframes fadeOut {
  0% { opacity: 1; max-height:20px; margin:30px 0px}
  50% { opacity: 1;}
  90% { opacity: 0; max-height:20px; margin:30px 0px}
  100% { opacity: 0; display: none; visibility: hidden; max-height:0px; margin:0px 0px}
}

.finance-first{width:120px; background-color:#000000; padding: 1px 10px; float:left}
.finance-box{border:thin #000000 solid; padding: 1px 10px; text-align:center; display:inline-block}
.finance-box1{border:thin #2e7fcc solid; padding: 1px 10px; text-align:center; display:inline-block}
.finance-box p,.finance-box1 p{font-size:12px; margin:2px 0px}
.finance-apply, .finance-apply-v1{width:80px; padding: 1px 10px; float:left}
.finance-apply{background-color:#000000;}
.finance-apply-v1{background-color:#105ea8;}
.finance-apply-v1 p{color:#FFFFFF !important; margin: 13px 0px}
.finance-apply p{color:#FFFFFF !important;}
.finance-apply:hover{background-color:#2e7fcc; padding: 1px 10px; float:left}

.headerbox, .subheaderbox
	{
	font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:bold;
	height:40px; padding:10px; 
	}
.headerbox
	{
	margin: 40px 0px 20px 0px;
	background-color:#0066CC;
	}	
.subheaderbox
	{
	font-size: 16px;
	background-color:#3788da;
	
	}	
.subtextbox
	{
	
	background-color: #FFF3DF;
	padding:10px;
	margin-top:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 160%;
	text-align:justify;
	}	

.subtextbox a
	{
		font-size: 12px;
	}

.shopbuts{
  background-image: url(../layout/graphics/shop-buttons.png);
  background-repeat: no-repeat;
  height: 50px;
}
.shopbuts:hover{
opacity:0.7;
}
.shopbut1 {background-position: 0px 0px; width: 70px;} 
.shopbut2 {background-position: 0px -50px; width: 60px;}
.shopbut3 {background-position: 0px -100px; width: 180px;}
.shopbut4 {background-position: 0px -150px; width: 180px;}
.shopbut5 {background-position: 0px -200px; width: 180px;}
.shopbut6 {background-position: 0px -250px; width: 180px;}
.shopbut7 {background-position: 0px -300px; width: 70px;}
.shopbut8 {background-position: 0px -350px; width: 70px;}
.shopbutform{border:none; background-color: Transparent; cursor: pointer;}

.form-left{float:left; width:20%; margin-right:2%; text-align:right;}
.form-left-large{float:left; width:30%; margin-right:2%; text-align:right;}
.form-right{float:left; width:50%;}
.form-right-large{float:left; width:75%;}
.form-right input[type="text"]{width:100%; padding:10px}
.form-right select{padding:10px}
.form-right-large input[type="text"]{width:100%}


/*
   Layout of content pages
    -----------------------------
*/

/* Left and right content divs casestudies and news/articles/blog */


.main-content{width:90%; margin:auto;}
.left_side{width:86%; float:left;}
.right_side{width:12%; margin-left:2%; float:left; margin-top:51px}

.heading_c {
color: #53519d;
border-bottom-width: thin;
border-bottom-style: solid;
border-bottom-color: #f9a139;
padding-bottom: 6px;
font-size: 20px;
font-weight: bold;
}

.heading_d {font-size: 16px; font-weight: bold; margin-top:0px; color:#53519d;}
.heading_d {font-size: 12px;}

.related-files{border:thin solid #CCCCCC; width:92%; margin-left:auto; margin-right:auto; padding: 0px 15px 0px 15px; margin-top:20px; background-color:#FFFFFF}

.date_text {font-size: 11px; font-weight: bold;}

.c_title {font-size: 16px; font-weight: bold; border-bottom: thin dotted #53519d; display:block; color: #53519d;}

.c_title a{font-size: 16px; border:none; text-decoration:none;}
.c_title a:link {color: #53519d; border:none; text-decoration:none;}
.c_title a:visited {color: #53519d; border:none; text-decoration:none;}
.c_title a:active {color: #53519d; border:none; text-decoration:none;}
.c_title a:hover {color: #000000; border:none; text-decoration:none;}

.breadcrumb {font-size: 12px;}
.breadcrumb a{font-size: 12px; text-decoration:none; font-weight:normal !important; padding-bottom:0px;}
.breadcrumb a:link {color: #53519d;}
.breadcrumb a:visited {color: #53519d;}
.breadcrumb a:active {color: #53519d;}
.breadcrumb a:hover {color: #f9a139;}

.right_side a:link {font-size: 14px;}
.right_side a:visited {font-size: 14px;}
.right_side a:active {font-size: 14px;}
.right_side a:hover {font-size: 14px;}

#slidercontainer{margin:30px 0px 30px -120px;}

.login-box, .login-box-right {border:none; margin-top:15px; padding: 2%; float:left; min-height:400px}
.login-box {width:52%;}
.login-box-right{width:36%; margin-left:2%;}
.mob-log{visibility:hidden; display:none;}



/* Product Pages */
.pp-container{width:100%; display:flex; flex-wrap:wrap; justify-content: left; margin-bottom:40px}
.prods-container{width:100%; display:flex; flex-wrap:wrap; justify-content: space-evenly; margin-bottom:40px}

.prod_large_container {min-width:250px; width:10%; padding: 10px 0px 14px 0px}
.prod_large {width: 100%; border:#999999 thin solid; background-color:#FFFFFF; margin-left:auto; margin-right:auto}
.prod_large img {padding: 3px; width:100%}
.prod_content_large {width: 90%; position: relative; overflow: hidden; text-align:center; margin-left:auto; margin-right:auto}

.prod_title {font-weight: bold; display:block; color: #53519d;}
.prod_title a{font-weight: bold; border-bottom: thin dotted #53519d; color: #53519d;}
.prod_title a:hover {color: #000000; border-bottom: thin dotted #000000; text-decoration:none;}

.prod_main_im {border:#999999 thin solid; background-color:#FFFFFF; display: inline-block; margin:20px 0px 20px 0px}
.prod_main_im img {padding:6px;}

.basket_im {width: 120px; height: 120px; border:#999999 thin solid; background-color:#FFFFFF; float:left}
.basket_im img {padding: 3px; width:118px; height:118px}
.basket_content{float:left; width:70%; margin-left:3%}

.basket-container{width:100%;}
.basket-sub-1{float:left; width: 30%; text-align:right}
.basket-sub-2{float:left; width: 68%; margin-left:2%}
.basket-but{width:80%; text-align:right;}

.order-container{width: 68%}


.shop-cats-home{width:31%; margin-left:1%; margin-right:1%; margin-top:20px; margin-bottom:10px; float:left}
.shop-cats-cat{width:21%; margin-left:1%; margin-right:1%; margin-top:20px; margin-bottom:10px; float:left}
/*.shop-cats-img in CSS folder layout.css*/

.shop-mini-basket{width:80%; margin-left:auto; margin-right:auto; margin-bottom:26px}

.options-container{display:flex; flex-wrap: wrap; justify-content:center;}
.options-left{width:40%; text-align:right}
.options-left p{text-align:right !important}
.options-right{width:58%; margin-left:2%}
.options-right p{text-align:left !important}
.options-req-left{float:left; width:200px; margin-left:20px; padding-right:10px;}
.options-req-right{float:left; width:400px;}

.trade-box{display:flex; flex-wrap:wrap; justify-content:space-between;}
.trade-box-sub{width: 32%;}
.trade-box-sub2{width: 64%;}
.trade-box-sub img{max-width: 100%;}
.borange{font-weight:bold; color:#f9a139;}

.fit-box{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:30px; padding-bottom: 20px; border-bottom:dotted 2px #CCCCCC;}
.fit-image{width:20%;}
.fit-image img{width:100%;}
.fit-text{width:77%;}

 		#myDiv {
            width: 60px;
            height: 60px; /* Set an initial non-zero height */
            background-color: #e26944;
            position: fixed;
            bottom: 0px;
            left: 0px;
            overflow: hidden;
            transition: width 1s ease-in-out, height 0.5s 0.5s ease-in-out, opacity 0.2s;
			padding-top:10px; padding-left:10px;
			z-index: 2;
        }

        /* Style for the content within the div */
        #myDiv p {
            margin: 0px;
			opacity: 0; /* Initially, set opacity to 0 */
            transition: opacity 0.5s 0.5s ease-in-out; /* Add transition for opacity */
        	color:#ffffff;
			}
        #myDiv a {color:#ffffff;}
		#myDiv img{max-width:auto;}
		  /* Style for the image button */
        #toggleButton {
            width: 20px;
            height: 20px;
            cursor: pointer;
			background: none;
			color: inherit;
			border: none;
			padding: 0;
			outline: inherit;
        }

		.cookie-content{width:90%; margin: -46px auto 0px 70px}
		.setSessionButton{height:40px; font-size:15px; padding:3px 10px}
		
.fit-extra-prods{width:45%; max-width:600px;}

@media screen and (max-width:1400px)
{ 
.show-roof{width:32%;}
.contact-container{width:70%; margin:auto}
}

@media screen and (max-width:1200px)
{ 
.show-roof-left{width: 90%; margin-top:20px; margin:auto; float:none}
.show-roof-right{width: 90%; margin-top:20px; margin:auto; float:none; position:relative}
.manu-main-title-reduced{visibility:visible; display:block;}
.manu-main-title{visibility:hidden; display:none;}
.contact-container{width:80%; margin:auto}
.manu-logo{width:10%;}
.manu-flex{justify-content: center; flex-wrap: wrap;}
}
@media screen and (max-width:1100px)
{ 
.choices-flex-container{width:90%; margin-left:auto;}
.pp-container{justify-content: center;}
.trade-box-sub{width: 96%;}
.trade-box-sub2{width: 96%;}
}
@media screen and (max-width:1050px)
{ 
.colour-bar{display:block;}
.half-split{width:100%; float:none;}
.full-split{width:100%; float:none;}
.mobrem{visibility:hidden; display:none;}
.mobvis{visibility:visible; display:block; height:250px; overflow:hidden;}
.mobpad{padding:20px 0px;}

.search-top-1{float:left; width: 280px;}
.search-top-2{float:left; width: 320px;}
.search-top-3{float:left; width: 220px;}
.search-top{width:90%; margin:auto;}

.threesplit-container{width: 96%; margin:auto}
.content-container-login{width:80%;}
}

@media screen and (max-width:990px)
{ 
.fit-extra-prods{width:94%;}
.show-roof{width:48%;}
.header-links, .exit-to, .home-sliders {visibilty:hidden; display:none }

.fit-image{width:50%; margin: 0px 25% 30px}
.fit-text{width:100%;}

.home-sliders-mob{visibility:visible; display:block; width:90%; margin:auto}

.header-aka{ top:83px;}

#newscontainernew{ 
    width: 90%;
	margin-left:auto;
	margin-right:auto;
	}
	
.search-top-1{float:none; width: 350px; margin:auto;}
.search-top-2{float:none; width: 350px; margin:auto; text-align:center}
.search-top-3{float:none; width: 350px; margin:auto; text-align:center}
.search-top{width:90%; margin:auto;}	
.right_side{visibility:hidden; display:none;}	
.left_side{float:none; margin:auto; width:95%}	
}
@media screen and (max-width:850px)
{ 
.sub-log{width:100%; margin-top:0px}
.sub-log-txt{visibility:hidden; display:none}
.cookie-content{width:80%;}
.show-on-mobile{visibilty:visible; display:block;}
}
@media screen and (max-width:700px)
{ 
.show-roof{width:100%;}
.manu-logo{width:20%;}
.feature-container{width:90%; float:none; margin: 0px auto}
.content-container-login{width:90%;}

.show-roof-left-sm{width: 100%; margin-top:20px; margin-right:0px; float:none}
.show-roof-right-sm{width: 100%; margin-top:20px; float:none}

.show-roof-left{width: 98%;}
.show-roof-right{width: 98%;}

	.choices-flex-container{display: block; width:90%; margin:10px auto 50px auto}
	.choices-flex-left{width:190px; height:160px; overflow:hidden; margin: 0px auto 30px auto;}
	.choices-flex-right{width: 90%; padding:0px; margin:auto; text-align:center}

.header-aka{width:200px}
.header-aka img{width:100%;}
.safety-vids{width:94%; margin-left:auto; margin-right:auto; float:none;}

.vticker-left{visibility:hidden; display:none;}
.vticker-right{float:none; width:90%; margin:auto;}
.vticker-full{width:90%; height:auto; margin:auto !important;}

#newscontainernew{ 
	max-height: auto;
	height:300px;
	overflow:visibile;
	}

.threesplit {float:none; width:60%; margin: auto}

.finance-first, .finance-apply, .finance-apply:hover{float:none; margin-left:auto; margin-right:auto}
.finance-split{float:none; height: 60px; width:300px !important; margin-left:auto; margin-right:auto;}	
}

@media screen and (max-width:500px)
{ 

.header-aka, .header-logo{width:55%}
.header-logo img{width:100%;}
.header-aka img{visibility:hidden; display:none}
.header-logo p{visibility:hidden; display:none}
.search-top-1{width: 100%;}
.search-top-2{width: 100%;}
.search-top-3{width: 100%;}

.threesplit {float:none; width:80%; margin: auto}	

.cookie-content{width:95%; margin: 0px auto 0px 10px}
.header{ height:175px;}
}