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

@import url(https://fonts.googleapis.com/css?family=Oswald);

html, body {
	margin:0;
	padding:0;
        background: #12264b;
        color:#333;
        font-family: Arial, Helvetica, sans-serif;
        font-size:100%;
}

.main-menu {
        background-color: #323232;
        color: #fff;
}
#main-menu .nav-link{
    color: #fff;
}

#product-info-Menu. a{
    color: #fff;
}

.main-menu .navbar-toggler{
    background-color: #f6ca2c;
}

.side-prod-menu {
    padding-left: 16px;
    padding-right: 16px;
}

.side-prod-menu .navbar-toggler{
    background-color: #ebebeb;
}

.menu  {
        color: #fff;
}


.container {
	width:900px;
	margin: 0 auto;
	padding:0;

}

.photopg {
	padding-left:20px;
	padding-top:0px;
	padding-bottom:5px;
	float:left;
	width:21%;
	margin:1%;
	padding:1%;
	height:320px;
	background-color:white;
}

h5 {
	padding:0;
	margin:0;
	padding-top:4px;
}

/*.background {
	background:url(../img/bg.gif);
	float: left;
	max-width: 100%;
}*/

#content {
        //background:url(../img/footer.jpg) bottom no-repeat;	
        float: left;
        max-width: 100%;
        padding: 0;
        padding-bottom: 5px;
        margin: 0;
}

#header {
    	background: url(../img/header2.jpg) no-repeat;
	max-width: 100%;
	height: 175px;
	display: block;
	margin: 0px auto;
	padding: 0px 0px;
}



a:link.sidemenu {
	font-size:100%;
	text-decoration:none;
	color:#27509c;
}
a:visited.sidemenu {
	font-size:100%;
	text-decoration:none;
	color:#27509c;
}
a:hover.sidemenu {
	font-size:100%;
	text-decoration:none;
	color:#f6ca26;
}

#colLeft {
        background-color: #323232;  	
        max-width: 100%;
        height: auto;
        padding-left: 0;
        padding-right: 0;
}


img {
    max-width: 100%; 
    height: auto;
    border:0;
}

#gallery .img { 
    max-width: 100%;
    height: auto;
    overflow: hidden;
    border: 1px solid #003974;
    margin: 20px 20px;
}
#gallery2 .img {
    max-width: 100%; 
    height: auto; 
    overflow:hidden;
}
newsletter {
   border:1px solid #003974;
   margin:15px 0;
   padding:0px 20px 20px 20px;
   background-color:#a8bdd2;
   color:white;
   font-weight:bold; 
   
}

a:active
{
  outline: none;
}

* {
	outline: none;
}

#colPhoto {
	float:left;
	width:800px;
	margin-left:10px;
	padding-bottom:50px;
}


#colRest {
	background-color: #ebebeb;
        max-width: 100%;
	margin:0;
	padding:10px;
}

#rightcon .row {
    margin-right: 0;
    margin-left: 0;
}

#colRight {
	width:100%;
	padding:0px 0px;
	min-height:290px;
}

.shadow_text {
	width:600px;
	padding:50px;
	margin:0px 50px 20px 50px;
	min-height:500px;
	background-color:#ebebeb;
}

.shadow_text_header {
	width:700px;
	padding:0px;
	margin:10px 50px 0px 50px;
	background-color:#ebebeb;
}

.shadow_text_menu a:link, .shadow_text_menu a:visited {
	color:#333;
	text-decoration:none;
}

.shadow_text_menu a:hover, .shadow_text_menu a:active {
	color:#666;
	text-decoration:underline;
}

.text {
	float:left;
	width:550px;
	clear:left;
	padding-left:5px;
}

.features {
	float:left;
	width:48%;
	background:#fff;
	padding: 0 5px;
}

.clear {
	clear:both;
}

.ad {
	font-family:Arial, Helvetica, sans-serif;
	width:173px;
	background:url(../img/adbox.jpg) no-repeat;
	height:157px;
	padding-left:15px;
	padding-top:5px;
	float:left;
	font-size:10px;
	margin-right:3px;
}

.ad img {
	padding-top:5px;
	
}
#admain {
	background:url(../img/bigadbox.jpg) no-repeat;
        max-width:100%;
        height:215px;
        float:left;
        margin-bottom:10px;
}

#adlokka {
	background:url(../img/bigadlokka.jpg) no-repeat;
        max-width: 100%;
        height: 257px;
        float:left;
        margin-bottom:10px;
}

.adhead {
	font-size:14px;
	font-weight:bold;
	color:#006;
	margin-top:5px;
	margin-bottom:5px;
}
	
hr {
	  border: 0;
  padding:0;
  margin:2px;
background-color: #d1d1d1;
height: 1px;

}

table.fwd {
	border: 0px;
	border-spacing: 2px;
	border-style: none;
	border-collapse: separate;
	font-size:83%;
	
	
}

td {
	background:#fff;
	padding:2px;
	text-align:center;
}

.fwdleft {
	float:left;
}

.fwdleft td {
	text-align:left;
	padding:10px;
}
td.tsubhead {
	background:#ddd;
	text-align:left;
	padding:3px;
	padding-left:5px;
}

td.tmedhead {
	background:#bbbbbb;
	text-align:left;
	padding:3px;
	padding-left:5px;
}

td.blank {
	background:#ebebeb;
	text-align:left;
}

td.theading {
	background:#999;
	text-align:center;
	padding:5px;
}


tr.theading {
	background:#999;
}

#colPics {
	width:100%;
	float:left;
	padding-bottom:100px;
}

#footer {
	padding:0px 30px;
	max-width: 100%;
	height:163px;
	display:block;
	float:left;
	//background:url(../img/footer1.jpg) no-repeat;
        background-color: ##12264b;
	margin: 0 auto;
	color:#ebebeb;
}

 #address {
	max-width: 100%;
        height: auto;
	color:#999;
	font-size:90%;


#terms {
	max-width: 100%;
        height: auto;
	color:#999;
	font-size:90%;
}

#fwd {
	//background:url(../img/foot.jpg) bottom right no-repeat #ebebeb;
	max-width: 100%;
        height:228px;
	margin: 0 auto;
	clear:both;
}
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_drop2 */
.preload2 {background: url(../img/button4.gif);}
.menu2 {padding:0 0 0 32px; margin:0; list-style:none; height:40px; background:#12264b url(../img/button1a.gif) repeat-x; position:relative; font-family:arial, verdana, sans-serif; }
.menu2 li.top {display:block; float:left; position:relative;}
.menu2 li a.top_link {display:block; float:left; height:40px; line-height:33px; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;}
.menu2 li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:40px;}
.menu2 li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(../img/down.gif) no-repeat right top;}
.menu2 li a.top_link:hover {color:#fff; background: url(../img/button4.gif) no-repeat;}
.menu2 li a.top_link:hover span {background:url(../img/button4.gif) no-repeat right top;}
.menu2 li a.top_link:hover span.down {background:url(../img/button4a.gif) no-repeat right top;}
 
.menu2 li:hover > a.top_link {color:#fff; background: url(../img/button4.gif) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(../img/button4.gif) no-repeat right top;}
.menu2 li:hover > a.top_link span.down {background:url(../img/button4a.gif) no-repeat right top;}
 
 
.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
 
/* Default link styling */
 
/* Style the list OR link hover. Depends on which browser is used */
 
.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}
 
/* keep the 'next' level invisible by placing it off screen. */
.menu2 ul, 
.menu2 :hover ul ul, 
.menu2 :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul ul,
.menu2 :hover ul :hover ul :hover ul :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
 
.menu2 :hover ul.sub {left:2px; top:40px; background: #fff; padding:3px 0; border:1px solid #27519d; white-space:nowrap; width:auto; height:auto;}
.menu2 :hover ul.sub li {display:block; height:20px; position:relative; float:left; width:auto;}
.menu2 :hover ul.sub li a {display:block; font-size:11px; height:20px; width:auto; line-height:20px; text-indent:5px; color:#000; text-decoration:none; border:3px solid #fff; border-width:0 0 0 3px;}
.menu2 :hover ul.sub li a.fly {background:#fff url(../img/arrow.gif) 180px 7px no-repeat;}
.menu2 :hover ul.sub li a:hover {background:#27519d; color:#fff;}
.menu2 :hover ul.sub li a.fly:hover {background:#27519d url(../img/arrow_over.gif) 180px 7px no-repeat; color:#fff;}
.menu2 :hover ul li:hover > a.fly {background:#27519d url(../img/arrow_over.gif) 180px 7px no-repeat; color:#fff;} 
 
.menu2 :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul,
.menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
{left:190px; top:-4px; background: #fff; padding:3px 0; border:1px solid #27519d; white-space:nowrap; width:193px; z-index:200; height:auto;}

#account {
	float:right;	
	color:yellow;
	position:absolute;
	margin-top:-30px;
	margin-left:730px;
	width:100%;
	text-align:right;
	max-width:200px;
	font-size:.85em;
}

#account a:link, #account a:visited {
	color:#bbb;
	text-decoration:none;
	font-weight:bold;
}

#account a:hover, #account a:active {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}
.acnt-login-form {
        padding-top: 20px;
        background-color: #fff;	   
}
.account-heading {
        color:white;
	font-weight:bold;
	margin-left:12px;	
}

#left-login {
        color:white;
	margin-left:12px;	
}

#left-login input {
        width:120px;
	margin:5px 0 12px 0;	
}

.account-link {
	margin-left:12px;
	color:white;
}

.account-link a:link, .account-link a:visited {
	color:white;
	text-decoration:underline;
}

.account-link a:hover, .account-link a:active {
	color:yellow;
	text-decoration:none;
}

.content_search_buttons {
	min-width:200px;
	margin:5px 0;
}

form.quicksearch input {
	width:48%!important;
	float:left;
	margin:10px 2% 0px 0;
	cursor: pointer;
}

form.quicksearch input hover {
		cursor: pointer;
}

form.shop_quicksearch input {
	width:23%!important;
	float:left;
	margin:10px 2% 0px 0;
	cursor: pointer;
}

form.shop_quicksearch_disabled input {
	width:23%!important;
	float:left;
	margin:10px 2% 0px 0;
	cursor: auto;
	background-color:#cccccc;
}

form.shop_quicksearch input hover {
		cursor: pointer;
}

.searchform label {
	text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    color: #003974;
    font-family: 'Oswald', sans-serif;
}

.content_list li {
	list-style:disc;
	margin-left:12px;
	margin-bottom:7px;
}
	
#terms a:link, #terms a:visited {
		color:white;
		text-decoration:none;
}


.graphite .accordion{font: bold 10px Arial, sans-serif; border-top: 1px solid #111; border-right: 1px solid #111; border-left: 1px solid #111; max-width: 100%;}
.graphite .accordion, .graphite .accordion li {margin: 0; padding: 0; border: none;}
.graphite .accordion a {padding: 5px 5px 5px 10px; background: #0C0C0C url(../images/bg_black.png) bottom repeat-x ; text-decoration:none; display: block; color: #ddd; border-bottom: 1px solid #222; border-top: 1px solid #777; position: relative;}
.graphite .accordion ul a {background: #424549;}
.graphite .accordion a.dcjq-parent, .graphite .accordion a.dcjq-parent:hover {background: #0C0C0C url(../images/bg_black.png) repeat-x bottom;}
.graphite .accordion a:hover {background: #232323; color: #fff;}
.graphite .accordion a:active{}
ul, ul li {list-style: none; margin-left:0; padding-left:0;}

.graphite .accordion ul.text {margin-bottom: 1em; line-height: 1.5em;}

@media only screen and (max-width: 768px) 
{
  /* For mobile phones: */

  
#colRest {
	width:100%;
        margin: 0 auto;
}

#colRight {
	width:100%;

}
#colLeft {
        max-width:100%;
}
.background {
        max-width: 100%;
        height: auto;
        margin: 0 auto;
        background: none;
}

#content {
	width:100%;
        margin: 0 auto;
        background: #efefef;
}

#header { 
        max-width: 100%;
        height: 175px;
        background-color: #12264b;
        background-image: url(../img/4WDMobLogo.png);
        background-repeat: no-repeat;
        background-position: center;
}

.footer {
    width: 768px;

}