html, body {
margin : 0;
padding : 0;
font-family : Source Sans Pro, Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
/*color : #636466;*/
color:#46382B;
height : 100%;
font-size : 14px;
}

body{background-color:#E8DFBE}

div {
vertical-align:top;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;

}

a{color:#084B74;}
a:hover{color:red;text-decoration:none;}

#background1{
position:fixed;
left:0px;
top:0px;
width:50%;
height:100%;
background-image: url("/himages/large_PCT100-71-019.gif");
background-position: right top;
opacity:0.35;
}

#background2{
position:fixed;
right:0px;
top:0px;
width:50%;
height:100%;
background-image: url("/himages/large_PCN750-71-005.gif");
background-position: left top;
opacity:0.35;
}

.main {
position : relative;
width : 1280px;
margin : 0 auto;
border-left : 1px dotted lightgrey;
border-right : 1px dotted lightgrey;
background-image: url("/himages/slice.jpg");
background-repeat: repeat;
}

.page-info,.footer,.popup-header{background:linear-gradient(to bottom,#00436C,#32759e);height : 30px;color:#fff}


.header {
	height : 230px;
	width:100%;
	
	background : url("/editor/files/header.jpg") no-repeat left top ;
	/*
	background-image: url("/editor/files/header.jpg");
	background-size:cover;
	
	background-size:cover;
	background-color:#F0EBD7;
	background-size:cover
	
	background-repeat : no-repeat;	
	background-color:#E0E0E0;
	background-size: 100% 100%;*/
	}

#norton,#triumph,#bsa,#home{position:absolute;top:40px;width:10%;height:70px;}
#norton:hover,#triumph:hover,#bsa:hover,#home:hover{background-color:grey;opacity:0.2;}

#home{left:6%;width:22%;}
#norton{left:36%;}
#triumph{left:50%;}
#bsa{left:65%;}

#search-parts-box{position:absolute;right:0px;top:0px;padding:5px;}	
#search-parts-box span{color:black;padding-right:10px;}	
#search-parts-box span a{color:black}
#search-results{z-index:100;}
#cart{z-index:101;}



.popup{display:none;position:absolute;background-color:#fff;padding:0px;box-shadow: 3px 3px 2px #888888;}
.popup td{padding:5px;line-height:18px;	white-space: nowrap;}
/*
.popup-header{background-color:#ECECEC;font-size:16px;font-face:bold;background-repeat: no-repeat;background-position: right;background-image: url(/images/flag-title-background.gif);}
*/
.popup-footer{ background-color:#ECECEC;font-size:12px;font-face:normal;text-align:center;}	
.popup-span{padding-left:20px;}


.nav-left, .nav-right {
margin-top : -26px;
height : 27px;
background-color : transparent;
border-bottom : 1px solid grey;
}
.nav-left a, .nav-right a {
text-decoration : none;
}
.nav-left ul, .nav-right ul {
list-style : none;
padding : 0;
margin : 0;
font-size : 15px;
}
.nav-left li {
float : left;
height : 21px;
}
.nav-right li {
float : right;
height : 21px;
}

.nav-left li, .nav-right li {
border : solid;
border-bottom-width : 0;
border-width : 1px 1px 0 1px;
margin : 0 0 -1px 0;
border-radius : 5px 5px 0 0;
padding : 5px 0 0;
background-color : grey;
z-index:10;
}
.nav-left li a, .nav-right li a {
padding : 0 10px;
color : #fff;
}
#selected {
padding-bottom : 2px;
}
.sub_menu {
display : none;
position : absolute;
line-height : 1.5;
background-color : #fff;
color : grey;
white-space : nowrap;

max-width : 240px;
padding : 10px;
border : grey solid 1px;
box-shadow : 2px 2px 2px #888888;
border-radius : 3px;
z-index : 99;
}
.page-info {
clear : both;
font-size : 16px;
}
.page-info-breadcrumb {
float : left;
background-color : transparent;
width : 100%;
padding-left : 10px;
padding-top : 5px;
text-align : left;
color:#fff;

}



#container-left {
/*padding-top:20px;*/
float : left;
width : 20%;
padding:10px;
/*background-color:#FCFAF6;*/
border-left: 1px dotted grey; 
min-height:500px;
/*
background-image: url("/himages/sidebar.jpg");
background-position: center top;
*/
}

#container-left h3{margin-bottom:0px;}
#container-left a{color:#46382B;text-decoration:none;}
#container-left a:hover{color:red;}

.container-left-badges{
	width:100%;
	text-align:center;
}

.container-left-badges img:hover{
	opacity:0.8;
}

#container-right {

float : right;
width : 80%;
padding : 5px;
/*padding-top:20px;*/
border:0px solid;
/*background-color:#FCFAF6;
background-color:#F1EBD3;*/
border-right: 1px dotted grey;
min-height:500px;
}

.d1,.d2,.d3{display:inline-block;padding:5px;margin-bottom:5px;border:1px grey dotted;background-color:#F1EBD3;}
.d1{width:100%;}
.d2{width:49.8%;min-height:240px;}
.d3{width:33.05%;min-height:240px;}


.d1 iframe{width:50%;float:left;}
.d2 iframe,.d3 iframe{width:100%;}

.editor-image{padding-top:10px;padding-bottom:10px;}
.editor-image-left{float:left;padding-right:10px;}
.editor-image-right{float:right;margin-top:-30px; max-height: 100%;}



.more-info-d1,.more-info-d2,.more-info-d3{display:none;background-color:#fff;position:absolute;padding:5px;border:1px grey dotted;box-shadow: 3px 3px 2px #888888;margin-top:10px;}
.more-info-d2{width:49.8%;}


.more-info-link {color : #283F57;text-decoration : underline;}
.more-info-link:hover {color : red;text-decoration : none;}


.stock-more-info{display:none;background-color:#fff;position:absolute;padding:10px;border:1px grey dotted;box-shadow: 3px 3px 2px #888888;margin-top:-10px;width:40%;}

.stock-more-info-image{padding-bottom:10px;text-align:center;}
.stock-more-info-image img{width:99%;}


.catalog-background{
background-color:#F1EBD3;
height:100%;
padding:10px;

}

.footer {
font-size : 13px;
text-align : center;
padding-top : 7px;
}
.footer a {color : #fff;}
.footer a:hover {color : red;}




.hamburger {
margin-top : 0;
position : fixed;
top:30px;
left : 0;
display : none;
height : 63px;
width : 60px;
background-image : url("/himages/hamburger.png");
background-size : 50px 50px;
background-repeat : no-repeat;
background-position : bottom;
text-align : center;
z-index : 99;
opacity : 0.7;
}
.hamburger img {
padding-left : 20px;
width : 50px;
}
.hamburger:hover {
opacity : 0.4;
}
.hamburger-modal {
display : none;
position : fixed;
top : 0;
left : 0;
height : 100%;
width : 100%;
background-color : rgba(0, 0, 0, 0.7);
z-index : 99;
}
.hamburger-menu {
display : none;
position : fixed;
left : 5%;
top : 5%;
width : 90%;
min-height : 300px;
padding : 10px;
border : grey groove 1px;
border-radius : 5px;
z-index : 100;
overflow : scroll;
height : 90%;
background-color : #fff;
}
.hamburger-sub-menu {
display : none;
}
.hamburger-menu ul {
list-style : none;
padding : 0;
margin : 0;
font-size : 15px;
line-height : 30px;
}

.close-div{
margin-left:0px;

float:right;
/*
width:25px;
height:45px;%;

background : url("/himages/close-button.png") center center no-repeat;
background-size: 100% 60%;
background-color:#fff;
*/
}

.close-div img{

}

@media screen and (max-width:1280px) {
	.main {width : 100%;}
	#background1 {display:none;width : 90%;}
	#background2 {display:none;width : 90%;}
	/*.header{background-size: 100% }*/
}


@media screen and (max-width:600px) {
.nav-left, .nav-right {display : none;}
.hamburger {display : inline-block;}
/*.header img{width:70%;padding-left:80px;padding-top:40px;}*/
.header{height:120px; background : url("/himages/bs.png") right bottom no-repeat;}
.popup{width:100%;font-size:10px;height:90%;overflow-y: scroll;}
#search-parts-box span{font-size:10px;}
#container-left,#container-right{width:100%;}
.stock-more-info{width:95%;}
.d2,.d3{width:100%;}
.d1 img,.d2 img,.d3 img{width:100%;}
.d1 iframe{width:100%;}
.more_info_d1,.more_info_d2,.more_info_d3{width:100%;}
}


@media screen and (max-height:700px) {
	.popup {height:90%;overflow-y: scroll;}	
}



/* mail chimp form styles
#mc_embed_signup_scroll{border:1px solid;}
#mc_embed_signup_scroll input{float:right;}
*/