/*
Theme Name: Needham Industrial States Template
Theme URI: http://wwww.oxzenmedia.com
Description: Wordpress theme created for Oxzen Blog
Version: 1.0
Author: Vincent Rafols
Author URI: http://oxzenmedia.com
Tags: 
*/

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

html, body{
    /*font-size:13px;
    text-align: center;
    background: transparent url('images/background.jpg') repeat-x; 
    font-family: Arial, Helvetica, sans-serif; */
}
strong {
	font-weight: bold!important;
}
.clear{clear:both;}
.centerHack{margin: 0 auto;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
} 
.clearfix {display: inline-block;} 
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;} 

#main-wrapper {
	width: 100%;
	margin: 0 auto;
    font-size:13px;
    text-align: center;
    background: transparent url('images/background.jpg') repeat-x; 
    font-family: Arial, Helvetica, sans-serif;    
}
#wrapper{width: 970px; position: relative;}

#sideNav{ 
    width: 260px;
    margin-bottom: 5px;
    position: absolute;
    float: left;
    left:0;
    z-index:2;
    top: 0;
}
#sideNav #logo{
    float: left; 
    width: 260px;
    height: 135px;
}
#sideNav #search{
    margin-left:7px;
    float: left; 
    width: 260px;
    background: transparent url('images/searchBG.png') no-repeat;
    height: 50px;
    padding-top:15px
}
#sideNav #search input[type="text"]{
    width:155px;
}
#sideNav #productsNav{
    padding-left:5px; 
    margin-left:5px;
    float: left; 
    width: 250px;
    background: transparent url('images/productsBG.png') repeat-y; 
    padding-bottom: 10px; 
    min-height: 375px;
    position: relative;
	z-index: 2;
}
#sideNav #productsNav h2{
    padding-top:10px;
    background: transparent url('images/productsTitleBG.jpg') repeat-x;
    width:240px;
    height:40px; 
    text-align: left; 
    text-indent: 10px;
	font-weight: bold;
	font-size: 15px;
    float: left;
}
#sideNav #productsNav ul{
	margin:0 0 0 10px;
	padding:0 15px;
	text-align:left;
}
#sideNav #productsNav a{
    color:#000000;
    text-decoration: none;
}#sideNav #productsNav a:hover{
    color:#999999;
    text-decoration: none;
}
#sideNav #productsNav ul li{
    font-size:12px;
    list-style-image: url('images/bullet.jpg');
    margin-bottom: 2px;
}
#sideNav #productsNav ul li.widget{
    list-style: none;
}
#sideNav #contactUs{
    padding-left:5px; 
    margin-left:7px;
    float: left; 
    width: 260px;
	background: orange;
    background: transparent url('images/contactUsBG.png') no-repeat; 
    height: 175px;
    position: relative;
	z-index: 3;
}
#sideNav #contactUs #contactText{
    float:right;
    margin:40px 30px 40px;
    text-align:right;
    width:120px;
	font-weight: bold;
}
#sideNav #contactUs #contactText span{
	font-weight: bold;
}
ul.prod-cat-list {
	float: left;
	width: 40%;
	margin: 0 0 0 50px;
}
ul.prod-cat-list li{
	list-style-image:url(images/bullet.jpg);
	margin-bottom:2px;
}
ul.prod-cat-list li a{
	text-decoration: none;
	color: #000000;
}
ul.prod-cat-list li a:hover{
	text-decoration: underline;
	color: #000000;
}
#sideNav .see-all {
	float: right;
	color:black;
	font-weight:bold;
	margin-right:25px;
	text-decoration:none;
}
#wrapInside{
    float: left;
    width: 710px; 
    position: relative;
    margin-left:260px;
    min-height:555px;
    text-align: left;
    margin-bottom:10px;
}
#mainInside #wrapInside{
    margin-left:270px;
    margin-bottom: 10px;
    min-height:860px;
}

#wrapInside h1{
    font-size:20px;
    font-weight:bold;
    margin:20px 0;
}
#wrapContent h1{
    font-size:20px;
    font-weight:bold;
    margin:20px 0;
}
#wrapInside h4{
    font-size:18px;
    margin-bottom:10px;
}
#wrapContent h4{
    font-size:18px;
    margin-bottom:10px;
}

#wrapInside #topNav,
#wrapContent #topNav{
    float: right; 
    width: 625px; 
    height: 30px;
    padding: 15px;
    font-size:14px; 
}
#wrapInside #topNav a:link,#wrapInside #topNav a:visited,
#wrapContent #topNav a:link,#wrapContent #topNav a:visited{
    font-weight:bold; 
    padding:5px 25px 0;
    text-decoration: none; 
    color: #ffffff;
    float:left;
    height:25px;
    border-left:1px solid #EA464C;
    border-right:1px solid #B70D14;
}
#wrapInside #topNav a:hover,
#wrapContent #topNav a:hover{
    text-decoration: none; 
    color: #cbcbcb
}
#wrapInside #topNav a.first{
    border-left: none;
}
#wrapInside #topNav a.last{
    border-right: none;
}

#wrapInside h3{
    color:#BB0106;
    float:left;
    font-size:22px;
    width:360px;
    margin-bottom:10px;
}
#wrapInside .banner-cont{
    text-align:left;
    margin-top:10px;
    float: left; 
    width: 710px; 
    background: #123123;
    height: 280px;
    background: transparent url('images/bannerContentBG.jpg') repeat-x;
	overflow: hidden;
}
#wrapInside .banner-cont img {
	margin: 0 10px 0 0;
}
#wrapInside .controller{
	display: none;
}
#wrapInside .banner-cont .inside{
    float:left;
    width:320px;
	margin:15px 0 0;
	padding: 0 0 0 30px;
}
#wrapInside .banner-cont .inside .learn-more{
	margin:20px 0 0 60px;
	float: left;
}
#wrapInside .banner-cont ul li {
	width: 710px!important;
    height:270px !important;
}
#wrapInside #content{
    float: left; 
    width: 710px;
    padding:15px 20px 0 0;
}
#wrapInside #content .inside{
    float:right;
    width:390px; 
    text-align: left;
    padding-right:45px;
}
#wrapInside #content .inside p{
	line-height: 18px;
}
#wrapInside #content .inside a {
	color: #BB0106;
	text-decoration: none;
}
#wrapInside #content .inside a:hover {
	color: #BB0106;
	text-decoration: underline;
}
#botFooter{
    width:972px;
    border-top:1px solid #CBCBCB;
}
#botFooter #footerLinks{
    float:right; 
    font-size: 12px; 
    margin: 10px 0 20px 0;
}
#botFooter #footerLinks a:link,#botFooter #footerLinks a:visited{
    color: black; 
    text-decoration: none; 
    margin-right: 10px;
}
#botFooter #footerLinks a:hover{
    color: #cbcbcb;
}
#botFooter #copyright{
    float:left; 
    font-size: 12px;
    margin: 10px 0 20px 0;
}

#footer{
    text-align:left;
    width: 970px;
    height: 150px;
    background: #ECECEC url('images/botContentBG.jpg') repeat-x;
}
#footer #featured{
    border-right:1px solid #CBCBCB;
    float:left;
    height:210px;
    margin-left:260px;
    margin-top:8px;
    width:445px;
}
#footer #contentContactUs{
    float:left;
    height:210px;
    padding:10px 0 10px 20px;
    width:240px;
	margin:0 0 10px;
}
#footer h2{
    color:#BB0106;
    float:left;
    font-size:18px;
    width:100%;
	margin: 0 0 10px 0;
}
#footer h3{
    color:#BB0106;
    font-size:18px;
    font-size:16px;
}
#footer .textFeatured{
    float:right;
    width:335px;
}
.textFeatured a {
	color: #BB0106;
	text-decoration: none;
}
.textFeatured a:hover {
	color: #000000;
	text-decoration: none;
}
#mainInside .prodCat{
    float:right;
    width:580px;
}
#mainInside #ourProducts .clear{
    margin-bottom: 10px;
}
#mainInside ol.search-results li{
    list-style-type:decimal;
    margin-left:20px;
}
#mainInside ol.search-results li a:link,
#mainInside ol.search-results li a:visited{
    text-decoration: none;
    font-weight:bold;
    color:#BB0106;
    font-size:16px;
}
#mainInside ol.search-results li a:hover{
    color: black;
}
#mainInside #contactForm p{
    margin-bottom:10px;
}
#customizable-search h2 {
	display: none;
}
/*-------------------Sticky-----------------*/

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#main {/*padding-bottom: 240px;*/position:relative;}  /* must be same height as the footer */
#mainInside {position:relative;}  /* must be same height as the footer */
#mainContent {position:relative;z-index:6;}  /* must be same height as the footer */

#footer {position: relative;z-index:1;border: 1px solid #cbcbcb;
    /*margin-top: -235px;*/ /* negative value of footer height */
    height: 240px;
    clear:both;}
    
/*---------------IE7 Fix------------*/
#IEroot7 .banner{
    width: 710px !important;
}
#IEroot7 #footer{
    margin-top: 10px;
}