/* ---------------------------------------------------------*/
/* CSS Development by LinxSmart - http://www.linxsmart.com/ */
/* ---------------------------------------------------------*/


/* STYLES FROM OLD SITE*/

/* CSS Document */

/* ------------------------- Document Styles ------------------------- */
body{
	
	/* Set Site Font and Background */
	font-family:"Trebuchet MS";
	background: rgb(140,139,139) url(../images/bodyBack.gif) no-repeat top center;
}




/* ------------------------- Containers ------------------------- */
#header{
	height:160px;
	width:780px;
	margin:0 auto;
	position:relative;

	background:#FFF url(../images/headerBgOld.gif) no-repeat top left;

}

a.homeLogo{
	text-indent:-99999px;	
	display:block;
	width:150px;
	height:140px;
	position:absolute;
	top:12px;
	left:60px;
}

#content{
	width:780px;
	margin:0 auto;
	position:relative;
	background:#FFF url(../images/contentBg.gif) repeat-y top left;
	overflow-x:hidden;
}

#banner{
	width:780px;
	height:317px;
	background:#FFF url(../images/main-image-BG.jpg) no-repeat top left;	
}

#banner #bannerLeft{
	width:280px;
	height:317px;
	float:left;
	position:relative;
}

.msdsLink{
	display:block;
	background: url(../images/MSDS-sheets-BTN.png) no-repeat top left;	
	width:208px;
	height:52px;
	text-indent:-99999px;
	position:absolute;
	top:238px;
	left:40px;
}

.msdsLink:hover{
	background-position:bottom;
}

.ourProductsLink{
	display:block;
	background: url(../images/our-products-BTN.png) no-repeat top left;	
	width:208px;
	height:52px;
	text-indent:-99999px;
	position:absolute;
	top:170px;
	left:40px;	
}

.ourProductsLink:hover{
	background-position:bottom;
}

#banner #bannerRight{
	width:500px;
	height:317px;
	float:left;
}


ul.latestNews
{
	width:245px;
	margin-top:20px;
	margin-left:20px;
	border:1px solid #adadad;
}

ul.latestNews li
{
	display:block;
	padding:10px;
	background:#dedede;
	font-size:12px;
}

ul.latestNews li h3
{
	font-size:14px;
}

ul.latestNews li a
{
	color:#d1202a;
}

ul.latestNews li.alt
{
	background:#d4d4d4;
}

li.latestNewsHeader
{
	width:245px;
	height:42px;
	background: url(../images/resources-header.png) no-repeat top left !important;	
	text-indent:-99999px;
	padding:0 !important;
}





ul.archiveNews
{
	width:245px;
	margin-top:20px;
	margin-left:20px;
	border:1px solid #adadad;
}

ul.archiveNews li
{
	display:block;
	padding:10px;
	background:#dedede;
	font-size:14px;
}

ul.archiveNews li a
{
	color:#d1202a;
}

ul.archiveNews li.alt
{
	background:#d4d4d4;
}

li.archiveNewsHeader
{
	width:245px;
	height:42px;
	background: url(../images/resources-archive-header.png) no-repeat top left !important;	
	text-indent:-99999px;
	padding:0 !important;
}




a.viewResourcesArchiveLink{
	display:block;
	background: url(../images/resources-aechive-BTN.png) no-repeat top left;	
	width:244px;
	height:36px;
	text-indent:-99999px;
	margin-top:10px;
	margin-left:20px;
}

a.viewResourcesArchiveLink:hover{
	background-position:bottom;
}

.newsTitle, .newsTitle a{
	color:#d1202a !important;	
}

div.downloadContainer
{
	width:115px;
	display:block;
	border:1px solid #000000;
	margin-left:25px;	
	margin-bottom:10px;
}

a.download
{
	display:block;
	height:34px;
	background: url(../images/PDF-button-bg.gif) repeat-x top left;	
	border:3px solid #FFFFFF;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	line-height:30px;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;

}

a.download:hover
{
	background-position:bottom;
}

a.rss
{
	width:245px;	
	display:block;
	height:34px;
	background: url(../images/PDF-button-bg.gif) repeat-x top left;	
	border:1px solid #FFFFFF;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	line-height:30px;
	font-family:"Times New Roman", Times, serif;
	margin-top:10px;
	margin-left:20px;

}

a.rss:hover
{
	background-position:bottom;
}


a.leftContactBTN{
border:1px solid #FFF;
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
display:block;
width:168px;
margin:0 auto;
position:relative;
padding:5px 10px 5px 10px;
background:url(../images/contactBTN.gif) center left repeat-x;
}



/* ------------------------- Content Area Stuff ------------------------- */

#picInfoOne{
width:780px;
height:317px;
background:#333 url(../images/homeImg.jpg) no-repeat top left;
}


#picInfoTwo{
width:780px;
height:199px;
background:#333 url(../images/homeImgSm.jpg) no-repeat top left;
}

#picInfoThree{
width:780px;
height:50px;
background:#373737;
}

#picInfoFour{
width:780px;
height:317px;
background:#333 url(../images/pipesLarge.jpg) no-repeat top left;
}


#picInfoFive{
width:780px;
height:199px;
background:#333 url(../images/pipesSmall.jpg) no-repeat top left;
}

#picInfoSix{
width:780px;
height:199px;
background:#333 url(../images/moregearsSmall.jpg) no-repeat top left;
}

#picInfoSeven{
width:780px;
height:317px;
background:#333 url(../images/moregearsLarge.jpg) no-repeat top left;
}

#left{
width:280px;
float:left;
padding-bottom:50px;
}

#right{
width:499px;
float:right;
}

#right .newsThumb{
	margin-left:25px;
	margin-right:10px;
	margin-bottom:10px;
}

#right hr{
	color:#D4D4D4;
	background:#D4D4D4;
}

ul.disc{
	list-style:disc;
	margin-left:40px;
	margin-right:10px;
}

ul.disc li{
	margin-bottom:10px;
	font-size:13px;
}


#footer{
	clear:both;
	width:780px;
	margin:0 auto;
	position:relative;
}

#bar{
	width:100%;
	background:#bfbfbf;
}

#bar a{
	color:#474747;
	display:block;
	height:60px;
	line-height:60px;
	width:70px;
	margin-left:10px;
	float:left;
	font-size:12px;
}

#bar a:hover{
	color:#FFFFFF;
}

#map{
margin:0 auto;
position:relative;
}

#qew{
margin:0 auto;
margin-top:25px;
position:relative;
}

/* ------------------------- Navigation ------------------------- */

#navList{
height:63px;
position:absolute;
left:255px;
bottom:0;
list-style:none;
}

#navList li{

}

#navList li a{
	height:63px;
	display:block;

	float:left;
	line-height:61px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#A8A8A8;
	font-size:18px;
	text-align:center;
	padding-left:10px;
	padding-right:10px;
}

#navList li a:hover{
	color:#000000;
}

#navList li a.selected{
	color:#000000;
	background-image:url(../images/commercial-oil-selected.gif);
}
/*
#home a{
width:76px;
background-image:url(../images/home.gif);
}

#products a{
width:100px;
background-image:url(../images/products.gif);
}

#msds a{
width:82px;
background-image:url(../images/msds.gif);
}

#find a{
width:90px;
background-image:url(../images/findus.gif);
}

#contact a{
width:111px;
background-image:url(../images/contact.gif);
}
*/

#navList li a:hover{
background-position:center left;
}

#navList li a.selected{
background-position:top left;
}

/* ------------------------- Page Buttons ------------------------- */
#bigButtons{
list-style:none;
width:280px;
padding-top:5px;
padding-bottom:20px;
}

#bigButtons li{
margin:0px auto;
height:58px;
width:212px;
padding-top:15px;
}

#bigButtons li a{
height:58px;
width:212px;
display:block;
background-color:#d4d4d4;
background-position:bottom left;
background-repeat:no-repeat;
}

#productBut a{
background-image:url(../images/productBut.gif);
}

#msdsBut a{
background-image:url(../images/msdsBut.gif);
}

#bigButtons li a:hover{
background-position:top left;
}

#bigButtons li a.selected{
background-position:top left;
}

/* ------------------------- Content Styles ------------------------- */

#content{
color:#474747;
}

#content #left p{
color:#474747;
width:250px;
display:block;
margin:0 auto;
position:relative;
padding-top:10px;
font-style:italic;
line-height:20px;
}


p.leftText{
	font-size:16px !important;
	color:#333!important;
	line-height:22px!important;
	text-align:center!important;
}

p.leftTextNumber{
	font-size:17px !important;
	color:#d11f26!important;
	line-height:24px!important;
}

em.grayLine{
	color:#999!important;
    font-weight: lighter!important;
    padding-top:0px!important;
	display:inline!important;
}


#content #left p em{
padding-top:10px;
display:block;
color:#333;
font-weight:bold;
}

#right{
padding-top:20px;
padding-bottom:20px;
}

#content h2, #content  h1{
font-family:"Georgia";
font-size:21px;
font-weight:normal;
padding-top:10px;
padding-bottom:10px;
}

#content h2 a, #content h1 a{
color:#474747;
}

#right p, #right h1, #right h2, #right h3{
padding-left:25px;
padding-right:40px;
}

#content p{
font-size:13px;
padding-bottom:10px;
}
#content p a{color:#000;}
#content p a:hover{color:#474747;}



.smallP{
padding-left:10px;
display:block;
width:160px;
float:left;
}

/* ------------------------- Category Navigation ------------------------- */

#productNav{
width:212px;
margin:25px auto;
position:relative;
list-style:none;
border:1px solid #bfbfbf;
padding-top:5px;
padding-bottom:5px;
}

#productNav li{
padding-top:5px;
padding-bottom:5px;
}

#productNav li a{
border:1px solid #FFF;
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
display:block;
width:168px;
margin:0 auto;
position:relative;
padding:5px 10px 5px 10px;
background:url(../images/productNavBut.gif) center left repeat-x;
}

#productNav li a:hover{
background-position:center bottom;
color:#eee;
border:1px solid #eee;
}


a.listLabel{
border:1px solid #FFF;
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
display:block;
width:168px;
margin:0 auto;
position:relative;
padding:5px 10px 5px 10px;
background:url(../images/productNavBut.gif) no-repeat center center;
margin-top:5px;
margin-bottom:5px;
}

a.yearLabel{
border:1px solid #FFF;
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
display:block;
width:168px;
margin:0 auto;
position:relative;
padding:5px 10px 5px 10px;
background:url(../images/productNavBut.gif) no-repeat center center;
margin-top:5px;
margin-bottom:5px;
}

.archiveContainer{
	width:212px;
	margin:25px auto;
	position:relative;
	list-style:none;
	border:1px solid #bfbfbf;
	padding-top:5px;
	padding-bottom:5px;	
}
/*
.archiveList{
width:212px;
margin:25px auto;
position:relative;
list-style:none;
border:1px solid #bfbfbf;
padding-top:5px;
padding-bottom:5px;
}
*/
.archiveList li{
padding-top:5px;
padding-bottom:5px;
}

.archiveList li a{
border:1px solid #FFF;
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
display:block;
width:168px;
margin:0 auto;
position:relative;
padding:5px 10px 5px 10px;
background:url(../images/productNavBut.gif) no-repeat center center;
}

.archiveList li a:hover{
background-position:center bottom;
color:#eee;
border:1px solid #eee;
}



/* ------------------------- Product List ------------------------- */

#itemList{
margin-top:10px;
margin-left:60px;
list-style:square;
font-size:13px;
}

#itemList li{
padding-bottom:5px;
}

#itemList li a{
color:#333;
}

#itemList li a:hover{
color:#666;
}

#itemList li a:visited{
color:#999;
}

/* ------------------------- PDF List ------------------------- */


#pdfList{
color:#ccc;
margin-top:10px;
margin-left:40px;
list-style:square;
font-size:11px;
}

#pdfList li{
width:150px;
float:left;
padding-bottom:5px;
}

#pdfList li a{
color:#333;
}

#pdfList li a:hover{
color:#666;
}

#pdfList li a:visited{
color:#999;
}


/* ------------------------- Product Details ------------------------- */

#picList{
margin-top:15px;
list-style:none;
padding-left:20px;
}

#picList li{
display:inline;
float:left;
width:210px;
text-align:center;
padding-bottom:5px;
}

#productDesc{
padding-top:15px;
font-size:13px;
clear:left;
}

#productDesc ul{
margin-left:60px;
padding-bottom:20px;
padding-top:10px;
}

#productDesc ol{
margin-left:60px;
padding-bottom:20px;
padding-top:10px;
}

.backBut{
border:1px solid #aaa;
font-size:13px;
color:#fff;
text-decoration:none;
text-align:center;
display:block;
width:100px;
margin:0 auto;
position:relative;
padding:5px 10px 5px 10px;
background:url(../images/productNavBut.gif) no-repeat center center;
}

#productNav li a:hover{
background-position:center bottom;
color:#eee;
border:1px solid #eee;
}

/* ------------------------- LinxSmart Link List ------------------------- */

/* ------------------------- LinxSmart Link List ------------------------- */
#linxsmart{
	list-style:none;
	color:#474747;
	font-size:10px;	
	padding-bottom: 5px;
	padding-top:30px;
}

#linxsmart a{
	color:#474747;
}

.footerContact{
	margin-top:10px;
	font-size:14px;
	float:left; 
	color:#fff;
	
}



/* ------------------------- Basic HouseKeeping ------------------------- */

/* Clear Browser Padding */
*{
	margin:0px;
	padding:0px;
}
/*  Clear FireFox's border around clicked links */
a{
	outline:none;
}


/* ------------------------- Special Classes ------------------------- */

/* Hide Text */
.hideText{
	position:absolute;
	text-indent:-5000px;
}
/* Clearing Div */
.easyClear{
	clear:both;
}


/* ------------------------- Event List Styles ------------------------- */

#errorList{
  margin: 10px 10px 10px 10px;
  padding: 10px;
  border: solid 1px #dd3c10;
  background: #ffebe8 url(../images/errorBg.gif) no-repeat center right;
  clear:both;
list-style:none;
font-size:13px;
}

#errorList li{
}

#successList{
  margin: 10px 10px 10px 10px;
  padding: 10px;
  border: solid 1px #82c242;
  background: #dafab9  url(../images/successBg.gif) no-repeat center right;
  clear:both;
list-style:none;
font-size:13px;
}

#successList li{
}


/* ------------------------- Forms ------------------------- */

/* Input Box Styles */
.formBox{

	/* Set Colors */
	border:1px solid #bfbfbf;
	color:#474747;
	
	/* Set Background */
	background:none;
	
	/* Set Size and Font */
	/* 20px less than fieldset */ width:390px;
	font-family: "Trebuchet MS",Arial;
	font-size:13px;
	
	/* Structure */
	float:left;
	padding:5px 10px 5px 10px;
	margin-top:5px;
	
}
/* Input Titles */
label {

	/* Set Font */
	font-size: 14px;
	font-family: "Trebuchet MS", Arial;
	display:block;
	
	/* Structure */
	text-align: left;
	/*float: left;*/
	margin:15px 0px 0px 0px;
}
/* Form Containter */
fieldset {
	
	/* Set Size and Position  - Default Center */
	margin:0px auto;
	/* 20px greater than .formBox */ width:410px;
	
	/* Border Option */
	border:none;
	
	/* Structure */
	padding:0 0px 20px 0px;
}
/* Positioning */
form {
	/* Position - Default Center */
	margin:0px auto;
}



/* ------------------------- Basic Photo Gallery ------------------------- */

#gallery {position:relative; width:750px;}
#thumbs {width:180px; float:right;}
#thumbs a {display:block; float:left; margin:0 0 5px 5px; width:50px; height:50px; border:1px solid #000;}
#thumbs a img {width:50px; height:50px; border:0;}
#thumbs a:hover {border-color:#ddd;}
#thumbs a:hover img {position:absolute; width:auto; height:auto; right:185px; top:0; border:1px solid #333;}



/* ------------------------- Standard Button Styles ------------------------- */
.buttons{
	font-size:13px;
}
.buttons a, .buttons button{
    display:block;

		/* Clear if not using multiple buttons in a row */
		clear:both;

    float:left;
    margin:10px 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-family:"Tahoma", Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}
/* STANDARD */
button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}
/* POSITIVE */
button.positive, .buttons a.positive{
    color:#82c242;
}
.buttons a.positive:hover, button.positive:hover{
    background-color:#dafab9;
    border:1px solid #8fc955;
    color:#82c242;
}
.buttons a.positive:active{
    background-color:#82c242;
    border:1px solid #529214;
    color:#fff;
}
/* NEGATIVE */
.buttons a.negative, button.negative{
    color:#d12f19;
}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
}


/* END OF STYLES FROM OLD SITE */





a {
	text-decoration:none;
	cursor:pointer;
}

input, textarea, select {
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	padding:5px;
	color:#000000;
	background:url(../images/inputBg.png) no-repeat top left;
	border:1px solid #DEDEDE;
}

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------------------------------- */

/* -------------------------- Standard Button Styles -------------------------------*/

div.buttons {
	float:left;
}

div.buttons button {
	background:url(../images/buttonBg.jpg) repeat-x bottom #D5D4D4;
	border:1px solid #989495;
	color:#6D7369;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	letter-spacing:0.5px;
	padding:5px 10px 5px 10px;
	*padding:3px 0px 2px 0px;
	margin:10px;
	cursor:pointer;
	display:block;
	float:left;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

/* hack for safari/chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    div.buttons button { 
		padding:4px 10px 4px 10px;
	}
}

div.buttons a {
	background:url(../images/buttonBg.jpg) repeat-x bottom #D5D4D4;
	border:1px solid #989495;
	color:#6D7369;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	letter-spacing:0.5px;
	padding:4px 10px 4px 10px;
	margin:10px 10px;
	cursor:pointer;
	display:block;
	float:left;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	-moz-box-shadow:0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}

div.buttons a:hover, div.buttons button:hover {
	background:#F2F0F1;
	-moz-box-shadow:0px 0px 5px #989495;
	-webkit-box-shadow: 0px 0px 5px #989495;
	box-shadow: 0px 0px 5px #989495;
}

/* -------------------------- Positive Button Styles -------------------------------*/

div.buttons .positive {
	color:#60a020;
	border:1px solid #60a020;
}

div.buttons .positive:hover {
	color:#60a020;
	border:1px solid #60a020;
	-moz-box-shadow:0px 0px 5px #60a020;
	-webkit-box-shadow: 0px 0px 5px #60a020;
	box-shadow: 0px 0px 5px #60a020;
}

div.buttons .positive:active {
	background:#D7FFD7;
}

/* -------------------------- Negative Button Styles -------------------------------*/

div.buttons .negative {
	color:#d12f19;
	border:1px solid #d12f19;
}

div.buttons .negative:hover {
	-moz-box-shadow:0px 0px 5px #d12f19;
	-webkit-box-shadow: 0px 0px 5px #d12f19;
	box-shadow: 0px 0px 5px #d12f19;
}

div.buttons .negative:active {
	background:#FFD7D7;
}

.block {
	 display: block;
    float: left;
    margin-top: 5px;
    padding-bottom: 10px;
    padding-right: 0;
    width: 195px;
	
}

.block a{
	width: auto !important;
	line-height: 15px !important;
	margin-left: 0px;
	height: auto !important;
	float: none !important;
}

.block .cat-title {
	padding-bottom: 5px;
	
}


.block .cat-title a{
	font-size: 12px !important;
	font-weight:bold;
}

.block .products a{
	font-size: 11px !important;
}

#navList li {
	position: relative;
	float:left;
}


#navList li ul {
	width:150px;
	background: #fff;
	border: 1px solid #E6E6E6;
	border-top: none;
}

#navList li ul li {
	/*background-image: url("../images/commercial-oil-selected.gif");*/
	/*background-color: #E6E6E6;*/
	background-color: #FFFFFF;
	width:200px;
}

#navList li ul li a{
	color: #A8A8A8;
	display: block;
	float: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 14px;
	height: 7px;
	line-height: 0 !important;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}