/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form,
img{margin: 0px;	padding: 0px;	border: 0px;}

/*
 MAIN 
-----------------------------------------------*/
body{
	font-family: Tahoma, Verdana;
	font-size: 12px;
	margin: 0px;
	line-height: 14px;
	background:  url(images/BG-homepage.jpg) center top repeat-x;
}

.CONTEST-savings{
	font-family: Tahoma, Verdana;
	font-size: 12px;
	margin: 0px;
	line-height: 14px;
	color: white;
	font-weight:600;
	text-align:center;
}

a.Navigation:link{color:#000; text-decoration:none;}
a.Navigation:visited{color:#000; text-decoration:none;}
a.Navigation:hover{color:#090; text-decoration:none;}
a.Navigation:active{color:#090; text-decoration:none;}



a.freesample:link    { 
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: #ffffff;
	text-decoration:none;
	font-weight: 600;
}
	
a.freesample:visited {
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: #ffffff;
	text-decoration:none;
}

a.freesample:hover   { 
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: #ffffff;
	text-decoration:underline;
	
	
}

a.freesample:active  {
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: #ffffff;
	text-decoration:none; 
}


a.freesample {
	font-family: Arial, Tahoma;
	font-size: 12px;
	color: #ffffff;
	border-bottom: thin;
	border-bottom-color: #1c5c44;

}


.center 
{
    text-align: center; 
    margin: 0 auto;
}

.text-small{
	font-family: Tahoma, Verdana;
	font-size: 10px;
	margin: 0px;
	line-height: 12px;
	color: black;
}

.headline {
	margin-top: 30px;
	font-size: 24px;
  	font-family: Arial Black, Tahoma, arial, sans-serif;
  	letter-spacing: -1px;
  	padding: 0;
     COLOR: black;
  	text-decoration: none;
	LINE-HEIGHT: 24PX;
	FONT-WEIGHT: 600;
}

.headline-s {
	margin-top: 30px;
	font-size: 12px;
  	font-family: Verdana, arial, sans-serif;
  	letter-spacing: 0px;
  	padding: 0;
     COLOR: black;
  	text-decoration: none;
	LINE-HEIGHT: 18PX;
	FONT-WEIGHT: 400;
}

.footerlinks{
	font-family: Tahoma, Verdana;
	font-size: 12px;
	margin: 0px;
	line-height: 12px;
	color: black;
	text-decoration: none;
}

.footertext{
	font-family: Tahoma, Verdana;
	font-size: 10px;
	margin: 0px;
	line-height: 12px;
}

.info {
	font-style:italic;
	font-size: 0.9em;
	color: #666666;
}

.SavingsOrange { font-family: Verdana, Arial; font-size: 10pt; color: #F9C066; font-weight: bold; text-align: left; text-decoration: none; }

.Savings { font-family: Verdana, Arial; font-size: 10pt; color: white; font-weight: bold; float: left; padding-top: 5px; padding-right: 9px; }

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}

/*
 LAYOUT.
-----------------------------------------------*/
#mastCon{ padding-bottom: 65px; width: 100%; float: left; min-height: 576px; min-width: 1469; width: 1469; }

#frame{ width: 932px; margin: 0 auto; position: relative;}

#navigation{ position:relative; top:33px; left:10px; width: 900px; height: 130px; }

#BlackBar{ position:relative; top:0px; left:10px; width: 940px; height: 341px;}

#BlackBar-Can{ position:relative; top:-8px; left:-44px; width: 673px; height: 320px; background: url(images/HP-Can-EnergySaver-3.jpg) repeat-x; }

#BlackBar-Special{  top:-300px; float:left; width: 400px; height: 100px; background: url(images/HP-Special-Offer-Tube.jpg) repeat-x; }

#BlackBar-Can-Text{ position:relative; top:px; left:85px; width: 300px; height: 312px; }

#BlackBar-Special-Text{ position:relative; top:110px; left:25px; width: 200px; height: 312px; color:#FFFFFF;}

#HP-Content{ position:relative; top:-30px; left:20px; width: 845px; height: 658px; }

#ML-Difference{ position:relative; float:right; top:58px; left:10px; width: 342px; height: 507px; background: url(images/MagnaLube-Difference.png) repeat-x;}

#ML-Difference-text1{ position:relative; top:50px; left:33px; width: 210px; height: 100px; }

#ML-Difference-text2{ position:relative; top:205px; left:110px; width: 210px; height: 100px; }

#HP-Steps{ position:relative; float:left; top:55px; left:10px; width: 406px; height: 507px; background: url(images/HP_Experts_Choice.png) no-repeat;}

#HP-Steps-1{ position:relative; top:-10px; left:3px; width: 403px; height: 446px; background: url(images/HP-STEP-1.png) repeat-x;}

#HP-Steps-2{ position:relative; top:-10px; left:3px; width: 403px; height: 446px; background: url(images/HP-STEP-2.png) repeat-x;}

#HP-Steps-3{ position:relative; top:-10px; left:3px; width: 403px; height: 446px; background: url(images/HP-STEP-3.png) repeat-x;}

#HP-Steps-4{ position:relative; top:-10px; left:3px; width: 403px; height: 446px; background: url(images/HP-STEP-4.png) repeat-x;}

#HP-Steps-1-Text{ position:relative; top:45px; left:50px; width: 290px; height: 400px; }

#HP-Steps-2-Text{ position:relative; top:45px; left:125px; width: 260px; height: 400px; }

#HP-Steps-3-Text{ position:relative; top:45px; left:110px; width: 270px; height: 400px; }

#HP-Steps-4-Text{ position:relative; top:45px; left:20px; width: 370px; height: 400px; }

#Content{ position:relative; top:20px; left:-3px; width: 607px;  }


#container{ top:0; width: 900px; margin-bottom: 40px; float: left; _float: none; background-repeat: no-repeat; }

#footer { float: left; width: 100%; background: url(../images/FOOTER-BG.gif); background-position: center top;	color: #333333;	height: 40px; padding-bottom: 35px;}




#MediaPop{width: 376px; height: 167px; background: url(../images/MEDIA-Bubble-2.png) repeat-y;}

.handcursor { cursor:hand; cursor:pointer; }

.thumbnail{ position: relative; z-index: 40;}

.thumbnail:hover{ background-color: transparent;z-index: 50;}

.thumbnail span{ position: absolute; padding: 5px; left: -1000px; border: 0px; visibility: hidden; color: black; text-decoration: none; z-index: 40;}

.thumbnail span img{ border-width: 0; padding: 2px;}

.thumbnail:hover span{ visibility: visible; top: -400; left: 60px; z-index: 51;}

.handcursor { cursor:hand; cursor:pointer; }