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

/*





         Move to Global
	
	
	
	
	
                                */
body {background-color: #2A2A2A;margin: 0 0 0 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;line-height:1.125em; /* 16x1.125=18px */color: #BBB;text-align:center;/* center workaround for junk IE */}

sup {font-size:7px;}

a img {border:none;}

* {margin: 0;padding: 0;}

#divFooter {clear:both;width:100%;}

/*





         Divs
	
	
	
	
	
                                */
#divwrapper {width:100%;height:625px;position:relative;}

#divlogo1 {width:100%;height:50px;position:absolute;top:75px;}

#divmain {width: 100%;height: 520px;position:absolute;top:125px;background:url(../images/products-1146x466.jpg) center no-repeat;}

#divsliderwrapper {width: 970px;height: 520px;position:absolute;top:125px;left:50%;margin-left:-485px;}

#divscrollcontainer {width:100%; position:absolute;top:145px;}

#divscroll {width:970px; height:400px; background-color: #009999; margin:0 auto;}

#divlocales {width:34em; position:absolute; top:600px; left:50%; margin-left:-17em;}

/*





         Navigation
	
	
	
	
	
                                */



										/*
Navigation Commons						*/

	.nav {color:#000; padding-top:10px;} /* Navigation Text color */
	
	.navbar {position: relative;list-style:none;}
	
	.navbar li {float:left;}
		
	.navbar li a {width: 120px; display: block; background-image:url(../images/buttons-shale-sprite-360x144.png);}




										/*
Main Nav									*/

	#divmainnav {width:100%; height:28px; position:absolute; top:555px;}




										/*
Sub Nav									*/

	#divsubnav {width:100%; height:18px; position:absolute; top:45px; z-index:500;}

										/*
Width Parameters different quantities either large or small
										*/
	.button2 {width:240px; margin:0 auto;}
	
	.button3 {width:360px; margin:0 auto;}
	
	.button4 {width:480px; margin:0 auto;}
	
	.button5 {width:600px; margin:0 auto;}
	
	.button6 {width:720px; margin:0 auto;}
	
	.button7 {width:840px; margin:0 auto;}
					



										/*
Large Button							*/

	.buttonlg {height:36px;}
	
	.buttonlg li a {height: 26px;}



	.firstbuttonlg a {background-position: 0 0;}
	
	.firstbuttonlg a:hover, .firstbuttonlg a.current {background-position: 0 -36px;color:#8D8D8D;}



	.nthbuttonlg a {background-position: -120px 0;}
	
	.nthbuttonlg a:hover, .nthbuttonlg a.current {background-position: -120px -36px;color:#8D8D8D;}



	.lastbuttonlg a {background-position: -240px 0;}
	
	.lastbuttonlg a:hover, .lastbuttonlg a.current {background-position: -240px -36px;color:#8D8D8D;}




										/*
Small Button							*/

	.navsmall {color:#000; padding-top:0px;}



	.buttonsm {height:18px;}
	
	.buttonsm li a {height: 18px;}



	.firstbuttonsm a {background-position: 0 -71px;}
	
	.firstbuttonsm a:hover, .firstbuttonsm a.current {background-position: 0 -90px;color:#8D8D8D;}



	.nthbuttonsm a {background-position: -120px -71px;}
	
	.nthbuttonsm a:hover, .nthbuttonsm a.current {background-position: -120px -90px;color:#8D8D8D;}



	.lastbuttonsm a {background-position: -240px -71px;}
	
	.lastbuttonsm a:hover, .lastbuttonsm a.current {background-position: -240px -90px;color:#8D8D8D;}




										/*
Single									*/
	
	.navbarsingle {width: 120px; height: 36px; margin: 0 0; position: relative; list-style: none; text-align:center;}

	.navbarsingle li {float:left;}
	
	.navbarsingle li a {width:120px; height:26px; display:block; background-image:url(../images/buttons-shale-sprite-360x144.png);}

	.buttonsingle a {background-position:0 -108px;}

	.buttonsingle a:hover {background-position:-120px -108px; color:#8D8D8D;}




										/*
Dot Button								*/

	.dot {position:relative; top:4px}




										/*
Locations; see javascript in "head"		*/

	#locales {list-style:none; background-color:#0099CC;}
	
	#locales  a {padding:0 1.25em; display:block; color:#8D8D8D;}
	
	#locales li {position:relative;float:left; padding-left:10px;}
	
	#locales li em {background:url(../images/bubble-popup-252x69.png) no-repeat;width: 260px;height: 75px;position: absolute;top: -100px;left: -50px;text-align: center;font-style: normal;line-height:1.2em;color:#999999;z-index: 2;display: none;}




										/*
Discounts; see javascript in "head"		*/

	ul.discounts {margin-bottom:10px;}
	
	.discounts a {display:block;}

	.discounts li {position:relative; list-style:none; margin:0; padding:0;}

	.discounts li em {background:url(../images/bubble-popup-425x140.png) no-repeat; width:385px;height: 140px;position: absolute;top: -160px;left: -25px; padding: 15px 20px 10px 20px; text-align: center;font-style: normal;line-height:1.5em;color:#999;z-index: 2;display: none;}




										/*
Three Columns							*/

	.ThreeColumn {width:280px; text-align:left; float:left; margin-top:20px;}
	
	.ThreeFirst {margin-left:40px;}

	.ThreeNth {margin-left:25px;}




										/*
Text Formatting							*/

	h1 {color:#FFB434; text-align:center; font-size:0.875em; /* 16x0.875=14px */ margin: 0.3125em 0 2.1875em 0;}
	
	h2 {color:#FFF; text-align:left; font-size: 0.75em; /* 16x0.75=12px */ margin: 1.25em 0 0.625em 0;}
	
	p {font-size: 0.75em; /* 16x0.75=12px */ margin: 1.286em 0; /* 14x1.286=18px */}
	
	.table {font-size: 0.75em; /* 16x0.75=12px */ margin: 1.286em 0; /* 14x1.286=18px */}

	
	p.utility {text-align:left;}
		
	p.legal {font-size:0.5625em; /* 16*.05625=9px */}
		
	ul {font-size:12px; /* 0.75em; /* 16x0.75=12px */ list-style-position:inside;}
	
	a {color:#ffb434; text-decoration:none;}
	
	a:focus {outline:none;}
		
	a:hover {color:#FFF;}
		
	.sm {margin-top:5px;}
	
	.samplelink	{text-align:center; font-size: 0.6875em; /* 16x0.6875=11px */ margin-top:0;}
	
	.testimonialmain {width:100%; height:28px; position:absolute; top:490px;}