

/******  Master Styles *******/

*{
	padding: 0;
	margin: 0;
}

#Container{
width: 920px;
margin: auto;
}

#MasterHeader
{
background: url(../images/SecondaryHeader.gif) #fff no-repeat;
width: 760px;
height: 109px;
margin-left: 80px;
}

#contentContainer{
background: url(../Images/Side_Borders.gif) repeat-y;
width: 920px;
}

#mainContent{
margin-left: 9px;
width: 906px;
background: url(../Images/secondaryMain_skunkbgrd.gif) bottom left no-repeat;
margin-left: 26px;
}

* html #Content{
height: 550px;
overflow: visible;
}

#Content{
background: url(../Images/secondaryPump_2.jpg) top right no-repeat;
min-height: 550px;
}

#Navigation
{
	width: 210px;
	height: 539px;
	float: right;
	padding-right: 92px;
}

#FuelLogos
{
	width: 155px;
	clear: both;
	float: right;
	margin-top: 55px;
	padding-right: 15px;
}

p{
margin-right: 120px;
padding-bottom: 5px;
padding-top:5px;
}


#MasterFooter
{
background: url(../images/footer_img2.gif) no-repeat top left;
background-color: #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color:#999999;
width: 755px;
padding-top: 5px;
padding-left: 5px;
margin-left: 80px;
}

#MasterFooter a:link, #MasterFooter a:visited 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#999999;
text-decoration: none;
}

#MasterFooter a:hover, #MasterFooter a:active 
{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color:#999999;
text-decoration: underline;
}

#Copyright{
color: #bdbdbd;
padding-top:5px;
}

#Copyright a{
font-size: 10px;
color: #bdbdbd;
}

#Copyright a:link, #Copyright a:visited{
text-decoration: none;
color: #bdbdbd;
font-size: 10px;
}

#Copyright a:hover, #Copyright a:active{
text-decoration: underline;
color: #bdbdbd;
font-size: 10px;
}

/******** CONTENT STYLES *******/

h1{
color: #666666;
background: #ebf3ea;
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
margin: 3px 10px 3px 0px;
}

.h1div{
width: 525px;
}

.h1div2{
width: 720px;
}

h2{
color: #666666;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 3px 10px 3px 0px;
border-bottom: 1px solid #ebf3ea;
}

.h2div2{
width: 710px;
}

.h2div{
width: 490px;
}

.contentTable{
width: 490px;
}

.contentTableFF{
margin-left: 3px;
width: 490px;
border: 1px solid #ebf3ea;
}

.Gray td{
background: #edefed;
font-weight: bold;
vertical-align: middle;
text-align: center;
}

.tbContent td{
vertical-align: middle;
text-align: center;
padding: 3px;
}

.tbContentAlt td{
vertical-align: middle;
text-align: center;
background: #f7f7f7;
padding: 3px;
}

.editorDiv{
width: 525px;
}

.editorDiv p{
padding: 5px 0px 5px 0px;
margin: 0px;
}

.contentDiv{
margin-left: 70px;
font: 12px Arial, Helvetica, sans-serif;
}

#CenterA a:link, 
#CenterA a:visited{
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #666666;
text-decoration: underline;
}

#CenterA a:hover,
#CenterA a:active{
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #d1d7d0;
text-decoration: none;
}

.CenterA a:link, 
.CenterA a:visited{
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #666666;
text-decoration: underline;
}

.CenterA a:hover,
.CenterA a:active{
font: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: #d1d7d0;
text-decoration: none;
}


.alt1{
padding: 3px;
}

.alt2{
padding: 3px;
}

.FAQborder{
border: 1px solid #CCCCCC; 
width: 520px;
}

.TopRightButtons{
width: 520px; 
padding: 5px 0px 5px 70px; 
text-align: right;
}

#tbContentFAQ{
	padding-top: 15px;
}

.thumbsViewer{
padding: 0px 0px 0px 5px;
background: url(../images/thumbViewerBg.gif) left center no-repeat;
}

.LrgViewer{
}

.LrgViewerMiddle{
background: url(../Images/LrgViewerBg.gif) top left repeat-y;
}

#FeatureKey{
font-size: 10px;
margin-top: 5px;
}

.selectedStore{
color: #000000;
background: #ffffff url(../images/SearchResults_gradient.gif) top left repeat-x;
}

.GradientDetails{
color: black;
}

.HoverSearchResults{
background: #ffffff url(../images/HoverSearchResults.gif) top right no-repeat;
width: 515px;
height: 125px;
padding: 5px 5px 0px 0px;
border-left: 2px solid #cccccc;
border-right: 2px solid #cccccc; 
border-bottom: 2px solid #cccccc;
}

.imageBtns{
width: 70px; 
float:left;
}

.imageBtns div
{
width: 50px;
height: 50px;
cursor: pointer;
}

.imageBtns .photosUnselected
{
background: url(../images/pics.gif) top left no-repeat;
width: 50px;
height: 50px;
}

.imageBtns .photosSelected
{
background: url(../images/pics_onClick.gif) top left no-repeat;
width: 50px;
height: 50px;
}


.imageBtns .imagesUnselected
{
background: url(../images/movies.gif) top left no-repeat;
width: 50px;
height: 50px;
}

.imageBtns .imagesSelected
{
background: url(../images/movies_onClick.gif) top left no-repeat;
width: 50px;
height: 50px;
}




/*
.photoImg:link, .photoImg:visited{
background: url(../images/pics.gif)top left no-repeat;
}

.photoImg:hover{
background: url(../images/pics_onClick.gif)top left no-repeat;
}

.photoImg:active, .photoImg:focus{
background: url(../images/pics_onClick.gif)top left no-repeat;
}

.movieImg{
background: url(../images/movies.gif)top left no-repeat;
height: 50px;
width: 50px;
}
*/
/*--------------Title Images-----------------*/
.TitleImage1{
height: 42px;
background: url(../Images/PageTitles/ProductPromo.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage2{
height: 42px;
background: url(../Images/PageTitles/WhatMakesItSpecial.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage3{
height: 42px;
background: url(../Images/PageTitles/StinkerNews.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage4{
height: 42px;
background: url(../Images/PageTitles/StinkerFuel.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage5{
height: 42px;
background: url(../Images/PageTitles/WhatsAtStinker.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage6{
height: 42px;
background: url(../Images/PageTitles/StinkerProducts.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage7{
height: 42px;
background: url(../Images/PageTitles/FleetCardFueling.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage8{
height: 42px;
background: url(../Images/PageTitles/StoreSearch.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage9{
height: 42px;
background: url(../Images/PageTitles/FAQs.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage10{
height: 42px;
background: url(../Images/PageTitles/CommonScentsAndMedia.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage11{
height: 42px;
background: url(../Images/PageTitles/CharitableDonations.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage12{
height: 42px;
background: url(../Images/PageTitles/Careers.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage13{
height: 42px;
background: url(../Images/PageTitles/YourCommentsCount.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage14{
height: 42px;
background: url(../Images/PageTitles/StinkerHistory.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage15{
height: 42px;
background: url(../Images/PageTitles/ContactUs.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage16{
height: 42px;
background: url(../Images/PageTitles/Application.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage17{
height: 42px;
background: url(../Images/PageTitles/WhatsAtStinker.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage18{
height: 42px;
background: url(../Images/PageTitles/Admin_login.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage19{
height: 42px;
background: url(../Images/Admin_Titles/EmployeeDocumentation.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage20{
height: 42px;
background: url(../Images/PageTitles/DonationPolicies.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage21{
height: 42px;
background: url(../Images/PageTitles/SearchResults.gif) no-repeat top left;
margin-left: 70px;
}

.TitleImage22{
height: 42px;
background: url(../Images/PageTitles/AllStores.gif) no-repeat top left;
margin-left: 70px;
}
/*------------------------------------------------------------------------------------*/
.mapCallout
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

.mapCallout .header
{
	margin: 0px 0px 0px 0px;
	color: #666666;
	border-bottom: 1px solid #ebf3ea;

}

.mapCallout strong
{
	color: #666666;
}