@charset "utf-8";

body {
	background-color: #FFF;
	color: #FFF;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}
a:link {
	color: #333;
	text-decoration:none;
}
a:visited {
	color: #333;
	text-decoration:none;
}
a:hover {
	color: #e4d153;
}
h1 {
	font-weight:bold;
	font-size: 16px;
	padding: 0px;
	border:none;
	margin: 0px;
}
h2 {
	font-size: 14px;
	font-weight: bold;
	padding: 0px;
	border:none;
	margin: 0px;
}
h3 {
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.disclaimer {
	font-size: 10px;
}
.red-sale {
	font-weight:bold;
	font-size: 16px;
	color:#F00;
	padding: 0px;
	border:none;
	margin: 0px;
}	
p {
	margin:0px;
	padding-bottom:10px;
}
.container {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 990px;
}
.logo {
	background-image: url(images/metrolube-logo.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 99px;
	width: 482px;
}
.headerbg {
	background-image: url(images/home_02.jpg);
	background-repeat: repeat;
	float: left;
	height: 94px;
	width: 568px;
}

.navigation-container {
	height: 29px;
	width: 434px;
	float: right;
	margin-top: 75px;
	margin-right: 41px;
	background-image: url(images/NavBackground.jpg);
	background-repeat: no-repeat;

}
.navigation-container-interior {
	font-size: 14px;
	color: #1374a1;
	padding-top: 10px;
	padding-left: 16px;
}

.navigation-container-interior a:link {
	color: #1374a1;
	text-decoration:none;
}
.navigation-container-interior a:visited {
	color: #1374a1;
	text-decoration:none;
}
.navigation-container-interior a:hover {
	color: #FFF;
}

.main-img {
	float: left;
	height: 290px;
	width: 962px;
	padding-left: 14px;
}
.main-content-container {
	float: left;
	width: 990px;
}
.interior-content-container {
	float: left;
	width: 920px;
	background-image: url(images/Content-Bg-Interior.jpg);
	background-repeat: no-repeat;
	padding-left: 35px;
	background-position: 14px top;
	color: #333;
	padding-right: 35px;
	padding-top: 8px;
}
.main-text-bg {
	background-image: url(images/ContentBG.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 650px;
	padding-left: 20px;
	background-position: 14px top;
	height: 152px;
}
.main-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	width: 620px;
	padding-left: 20px;
	color: #333;
	padding-top: 4px;
}
.main-tag-bg {
	background-image: url(images/TagLineArea.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 159px;
	width: 491px;
	padding-left: 20px;
	background-position: 14px;
}
.main-tag {
	font-family: Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size: 24px;
	width: 456px;
	padding-left: 35px;
	padding-top: 20px;
	line-height: 28px;
	font-style: italic;
}

.main-tag h1 {
	font-weight:bold;
	font-size: 24px;
	padding: 0px;
	border:none;
	display: inline;
	margin: 0px;
}
.main-text h2 {
	font-size: 12px;
	font-weight: normal;
	padding: 0px;
	border:none;
	display: inline;
	margin: 0px;
}
.news {
	float: left;
	height: 159px;
	width: 159px;
	background-image: url(images/news-bg.jpg);
	background-repeat: no-repeat;
}
.footer {
	background-image: url(images/footerbg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 41px;
	width: 990px;
	background-position: bottom;
}
.interior-text {
	padding-top: 20px;
	padding-right: 25px;
	padding-left: 30px;
	line-height: 16px;
	float:left;
	width: 600px;
}
.more {
	font-weight: bold;
	width: 50px;
	padding-left: 165px;
	padding-top: 9px;
}
.header-image {
	background-image: url(images/header-image.jpg);
	height: 124px;
	width: 990px;
	float: left;
}
.settlers-picture {
	float: left;
	background-image: url(images/ImprovedConstructionBG.jpg);
	background-repeat: no-repeat;
	height: 310px;
	width: 303px;
}
.footer-text {
	height: 14px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	float: left;
	padding-top: 10px;
	padding-left: 34px;
	width: 620px;
}
.footer-text-2 {
	height: 14px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	float: left;
	padding-top: 12px;
	width: 300px;
	text-align: right;
	padding-right: 20px;
}
.left-content {
	float: left;
	width: 670px;
}
.picture-text {
	width: 240px;
	padding-top: 208px;
	padding-left: 30px;
	font-size: 11px;
}
.product-copy {
	float: right;
	width: 465px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	padding-left: 20px;
}

/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }



/*
	PAGE STRUCTURE
*/
#page-wrap 									{
	width: 428px;
	position: relative;
	height: 380px;
	background: url(images/bg.png) top center;
	float: left;
}


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{
	color: #CCC;
}
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{
	width: 350px;
	position: absolute;
	top: 37px;
	left: 41px;
}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 350px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 419px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{
	margin-top: -28px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 62px;
}
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; z-index: 9999; }
.active-thumb 								{ background: transparent url(images/icon-uparrowsmallwhite.png) top center no-repeat; }

.specs {
	padding-left: 20px;
	width: 400px;
	float: left;
}