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

html {
	background-color: #FFFFFF;
	background-image: url(../images/skin_mjbco_04.png);
	background-repeat: repeat-x;
	background-position: left top;
}
body {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 16px;
}
/*============================================ GLOBALS */
a {
	overflow: hidden;
	text-decoration: underline;	
}

h1 {
	font-size: 16px;
	color: #325304;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}
h2 {
	font-size: 14px;
	margin: px1 0 0;
	color: #518606;
}

h3 {
	font-size: 12px;
	margin: px1 0 0;
	color: #518606;
}


p {
	
	line-height: 1.6;
}

a:link {
color: #006600;

}

a:hover {
	
	color: #009900;
}

a:visited {
color: #006600;

}

a:active {
color: #006600;

}

#footer a {
	color: #FFFFFF;

}

label {
	display:block;
	padding-top: 5px;
	padding-bottom: 0px;
	font-size: 11px;
}

img {

	border:0;
}

#email_cta {
	background-image: url(../images/email_image.gif);
	background-repeat: no-repeat;
	height: 57px;
	width: 215px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 14px;
	padding-right: 4px;
	padding-left: 6px;
	text-decoration: none;
	color: #3082B7;
	font-weight: bold;
}
#email_ctaNew {
	background-image: url(../images/email_image.gif);
	background-repeat: no-repeat;
	height: 57px;
	width: 215px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 14px;
	padding-right: 4px;
	padding-left: 6px;
	text-decoration: none;
	color: #3082B7;
	font-weight: bold;
}

#email_cta a:hover {

	color: #3082B7;

}
#email_cta  a img {

	border:0;
	float: right;
	
}
.clear {
	clear: both;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
	padding-right: 8px;
}
.floatrightpad {
	float: right;
}
.floatleftpad {
	float: left;
}

/*============================================ LAYOUT */

#tagline {
	float:left;
	width:400px;
	padding-top:20px;
	color:#325304;
}


#headerImage1 {
	width: 704px;
	height: 173px;
	margin: 0;
	background: #FFF;
	background-image: url(../images/skin_mjbco_02.png);
	background-repeat: no-repeat;
}

#headerImage1 a { text-decoration: none; }

#logo {
	float:left;
	text-align: center;
	color: 00a400;
	font-size: 10px;
	padding-top: 2px;
}
#callNow {
	float: right;
	text-align:right;
	color: #FFFFFF;
	font-size: 14px;
	padding-right: 8px;
	padding-top: 16px;
	line-height: 18px;
}

#callNow strong {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	padding-top: 2px;
}

#imagefloat {
	float:left;
	position: relative;
	top: 72px;
	right: 170px;
	margin: 0px;
	padding: 0px;
}


#contentWrapper {
	width: 704px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#mainContent {
	margin: 0px;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #53850B;
	border-left-color: #53850B;
	background-image: url(../images/footer_image.png);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 10px 8px;
}

#cushion {
	display:block;
	padding-top: 40px;

}
#caption {
	font-size: 9px;
	color: #666666;
	text-align: center;
}


#left-column {
	float:left;
	width: 380px;
}
#left-columnNew {
	background: url(../images/bucketBg.jpg);
	border:solid 1px #cccccc;
	height:252px;
	width:100%;
	-moz-border-radius:10px;
	margin-bottom:20px;
}
#left-column h1 {
	border-bottom: 2px solid #80a63e;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#left-columnNew h1 {
	border-bottom: 2px solid #80a63e;
	padding-bottom: 5px;
	margin-bottom: 5px;
} 
#right-column {
	float:right;
	width: 270px;
}
#left-column2 {
	float:left;
	width: 325px;
	padding-left: 7px;
}
#left-column3 {
	float:left;
	width: 420px;
	padding-left: 6px;
}

#left-column4 {
	float:left;
	width: 480px;
	padding-left: 6px;
}

#left-column5 {
	float:left;
	width: 290px;
	padding-left: 15px;
}

#left-column6 {
	float:left;
	width: 240px;
	padding-left: 15px;
}

#left-column3 h1 {
	border-bottom: 2px solid #80a63e;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#right-column2 {
	float:right;
	width: 325px;
	padding-right: 7px;
}
#right-column3 {
	width:235px;
	float: right;
	padding-right: 6px;
}

#right-column4 {
	float: right;
	width:175px;
	padding-right: 6px;
}

#right-column5 {
	text-align:center;
	float: right;
	width:350px;
	padding-right: 6px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #53850B;
}

#right-column6 {
	
	float: right;
	width:405px;
	padding-right: 6px;

}


#footer {
	color: #FFFFFF;
	font-size: 10px;
}

/*============================================ front page buckets  */

 #front-buckets ul
{
text-align:center;
display: inline;
margin: 0;
padding: 0;
list-style:none;

}

#front-buckets ul li {
	text-align:center;
	float:left;
	width:107px;
	padding-right: 14px;
	padding-left: 14px;
}

#front-buckets ul li img{
	

}


#front-buckets ul li span{
	
	width:110;
}

#front-buckets a { text-decoration: none; }


#sitecredit {
	font-size: 10px;
	
	

}

#sitecredit a{
	
	color: #666666;
	

}


.mtext {
	font-size: 15px;
	color: #666666;
	padding-bottom: 5px;
	display: block;
	margin-bottom: 5px;
}



/*============================================  misc + contact page  */


#phone {
	padding-left: 14px;
	

}


#product_title {
	border-bottom: 2px solid #80a63e;
	}


#right-column4 h2 {
	font-size: 14px;
	color: #666666;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	padding-top: 8px;
	padding-bottom: 8px;	

}


.container2 img {
	border: 2px solid #78a035;
	
	margin-bottom: 8px;
    }	

.cText {
	float:right;
	width:150px;
}		
	
.cLeftImage {
	
	float:left;

}
	
.cTitle {

	font-size: 14px;
	font-weight: bold;
	color: #325304;
}
.cPosition {
	font-size: 11px;
	color: #333333;
	font-style: italic;
}
.cLogo {
	background-image: url(../images/logo_g.png);
	background-repeat: no-repeat;
	height: 70px;
	background-position: right;
}
.cEmail {
	font-size: 12px;
	color: #333333;
}
.cEmail a {
	color: #658e1e;
	text-decoration: underline;
}
.cEmail a:hover {
	color: #658e1e;
	text-decoration: none;
}

/*============================================  liquid Box stuff  */


/*
	| liquidcorners.css; feel free to adapt the style!
	| ================================================
	| use: 4 corners with borderline outside a contentbox with class="inside"; 
	|      image  = upper half: top left corner, long borderline, top right corner
	|               under half: bottom left corner, long borderline, bottom right corner
	|      CHANGE = you have to change this for fitting to your image
	|      YCC    = You Can Change (or omit), if wanted
	|      DNC    = Do Not Change
	| credits: original by francky kleyneman, see article/tutorial in Francky's Developers Corner:
	|          http://home.tiscali.nl/developerscorner/liquidcorners/liquidcorners.htm
	| adapted
	| by.....: ... (your name and site?!)
	|
	| + please let this text & links intact for a next user +
*/
.top-left, .top-right, .bottom-left, .bottom-right {
	background-image: url('../images/corners1280x18_ck.gif'); /* CHANGE: path and name of your image */
	height: 9px;       /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
	font-size: 2px;    /* DNC: correction IE for height of the <div>'s */
}
.top-left, .bottom-left {
	margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}
.top-right, .bottom-right {
	margin-left: 9px;  /* CHANGE: replace by the width of one of your corners */
	margin-top: -9px;  /* CHANGE: replace by the height of one of your corners */
}
.top-right {
	background-position: 100% 0;    /* DNC: position right corner at right side, no vertical changes */
}
.bottom-left {
	background-position: 0 -9px;    /* CHANGE: replace second number by negative height of one of your corners */
}
.bottom-right {
	background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
	margin-bottom: 15px;
}
.inside {
	background: #EFEFEF;            /* YCC: background-color of the inside */
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
#homeImage{
	float:left;
	padding:10px 30px 0;
	margin:0px 10px;
	border:none;
}
.insideNew {
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	float:left;
	width:450px;
	margin-top:5px;
}
.insideNew p{
	line-height:1.5;
	margin:10px 0px;
}
#contactHome{
	display:block;
	background:url(../images/homeContactBtn.png) no-repeat left top;
	width:211px;
	height:50px;
	text-indent:-999em;
}
	#contactHome:hover{
		background-position:0px -50px;
	}

.inside2 {
	color: #000000;                 /* YCC: default text-color of the inside */
	padding-left: 10px;             /* YCC: all texts at some distance of the left border */
	padding-right:10px;             /* YCC: all texts at some distance of the right border */
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	background-color: #EFEFEF;
	background-image: url(../images/scott_aboutus4.jpg);
}

.notopgap {
	margin-top: 0;
}    /* DNC: to avoid splitting of the box */
.nobottomgap {
	margin-bottom: -1px;
	padding-bottom: 1px;
} /* DNC: to avoid splitting of the box */
/*
implementation in the page:
	...
	<head>
	<link rel="stylesheet" type="text/css" href="liquidcorners.css">
	...
	</head>
	
	<body>
	...
	<div class="top-left"></div><div class="top-right"></div>
		<div class="inside">
		<p class="notopgap">Your text & other things inside</p>
		...
		<p class="nobottomgap">...</p>
		</div>
	<div class="bottom-left"></div><div class="bottom-right"></div>
	...
	</body>
*/

/*============================================   product sub nav */

.sub-sections {

	list-style: none;
	display:inline;
}

.sub-sections li{

	display:inline;
}


#product-content img {
	float:left;
	padding: 6px;
	
}
#product-content p {
	padding-top: 5px;	
}


#product-nav {
	display:inline;
	width:700px;
	height:25px;
	background-image: url(../images/products_menu_bg.gif);
	list-style: none;
	background-repeat: repeat-x;
	text-align: right;
	margin: 0px;
	float:right;
	border-right-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #53850b;
	border-left-color: #53850b;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#product-nav li{
	display:inline;
	padding-right: 8px;
	padding-left: 8px;
	font-size: 12px;
	
	color: #FFFFFF;
}

#product-nav li a{
	text-decoration: none;
}

#product-nav li a:link{
	color: #FFFFFF;
}

#product-nav li a:visited{
	color: #FFFFFF;
}

#product-nav li a:active{
	
	color: #FFFFFF;
}

#product-nav li a:hover{
	color: #CCCCCC;
}



/*============================================   navbar rollover stuff */




#navbar {
	margin: 0px;
	padding: 0px;
	background-image: url(../images/skin_mjbco_08.png);
	height: 31px;
	list-style: none;
}



#navbar li {
	float: right;
}

#navbar a {
	text-decoration: none;
	display: block;
	height: 31px;
	text-indent: -5000px;
	background-image: url(../images/navbar.png);
	background-repeat: no-repeat;
}
#navbar #contact {
	background-position: -415px 0px;
	width: 107px;
}

#navbar #contact:hover {
	background-position: -415px -31px;
}
#navbar #fabrication {
	background-position: -310px 0px;
	width: 105px;
}

#navbar #fabrication:hover {
	background-position: -310px -31px;
}
#navbar #products {
	background-position: -210px 0px;
	width: 105px;
}

#navbar #products:hover {
	background-position: -210px -31px;
}
#navbar #about {
	background-position: -105px 0;
	width: 105px;
}

#navbar #about:hover {
	background-position: -105px -31px;
}
#navbar #home {
	background-position: 0px 0px;
	width: 105px;
}

#navbar #home:hover {
	background-position: 0px -31px;
}


/*=============================== INVENTORY CLEARANCE ===========*/
#inventory{
	border-left:solid 1px #cccccc;
}
#inventory th{
	background-color:#70bbe6;
	padding:4px;
	border-bottom:solid 1px #cccccc;
}
#inventory td{
	border-right:solid 1px #cccccc;
	border-bottom:solid 1px #cccccc;
	padding:4px;
}