.blank          {background-color: #000000;}

/* GENERAL ELEMENTS */

body	    {  background: #f3f3f3;color: #FFFFFF;font-family: Tahoma,Verdana,Arial,sans-serif;}

#HomePage   {FONT-SIZE: 12px; border:0px solid green;color: #ffffff;width:726px; 
    height:404px;font-family: Arial,Tahoma,Verdana,sans-serif;
    background: url('../SiteImages/HomePage.jpg') no-repeat; overflow: hidden; }

p  {padding-bottom:10px;}
a, a:link, a:active, a:visited	{color: #ffffff;font-weight: bold;text-decoration: underline;}
.WhiteCorner {height:20px;width:20px;border:0px solid yellow;}


/* FRAMEWORK  - FFCCCC*/
#Master         { margin-left:auto;margin-right:auto;width: 726px;}
#Container	    {	width: 726px;FONT-SIZE: 90%;background: url('../SiteImages/bg.jpg') repeat-y;padding-left: 9px;padding-right: 9px;	}

/* HEADER & TOP MENU TABS */
#Header	        { height: 33px;width: 726px;padding-top: 179px;position:relative;	}
#R              { position:absolute;top:15px;left:128px;background: url('../SiteImages/R.gif') no-repeat; width:10px;height:10px;}
#emaillink { position: absolute; top: 0px; left: 517px; width: 209px; }

/* ------ Styles for the header and menu --------------------------------------------- */
.MenuSection    {display:block;position:relative;float:left;width: 100%;line-height:normal;margin-bottom: -2px;}	
.MenuUL         {margin: 0px;padding: 10px 5px 0px 5px;list-style:none;font-size:10px;}

.MenuLI         {border:0px solid green;position:relative;text-decoration:none;display:block;float: left;margin: 0px;padding: 0px;list-style-type:none;list-style-image:none !important;}
a.MenuA         {float:left;margin:0;padding:0 0 0 8px;text-decoration:none;background:url('../SiteImages/tableftI.gif') no-repeat left top;}
a.MenuA span	  {float:left;display:block;color: #2079cd;text-decoration:none;padding:3px 13px 6px 6px;background:url('../SiteImages/tabrightI.gif') no-repeat right top;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
a.MenuA span	  {float: none;text-decoration:none;}
/* End IE5-Mac hack */

a.MenuA:hover span    { color:#ffffff;text-decoration:none;}	
a.MenuA:hover	        { background-position:0% -42px;text-decoration:none;}
a.MenuA:hover span	  { background-position:100% -42px;text-decoration:none;}
#current a.MenuA	    { background-position:0% -42px;text-decoration:none;}
#current a.MenuA span	{ background-position:100% -42px;color:#FFFFFF;text-decoration:none;}


.SubUL     {border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;border-left:1px solid #ffffff;position: absolute;margin:0 0 0 0px;
            padding:0px 0px 3px 0px;list-style:none;background-color:#ffffff;width:18em;top:21px;left: -999em; }/* second-level lists */
.SubLI     {padding:4px 2px 3px 6px;border:0px solid red;white-space :nowrap;margin:0;font-size:12px;}

#Menu li.Menuhover     {color:#000000;}
#Menu li.Menuhover ul  {left: 0; } /* lists nested under hovered list items */

a.SubmenuA         { float:left;margin:0;}
a.SubmenuA:link    { color:#000000;text-decoration:none;}
a.SubmenuA:active  { color:#000000;text-decoration:none;}
a.SubmenuA:visited { color:#000000;text-decoration:none;}
a.SubmenuA:hover   { color:#ee1b2e;text-decoration:none;}

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


/* LOCATOR TOOL */
.LocatorPad	        {background: url('../SiteImages/locator.gif')  repeat-x;}
#LocatorLeft        { width:11px; background: url('../SiteImages/locatorLeft.gif') no-repeat;}	
#LocatorRight       { width:11px; background: url('../SiteImages/locatorright.gif') no-repeat;}	
#LocatorCenter      {text-indent:-9999px;width:85px;height:33px;background: url('../SiteImages/locator.gif') repeat-x;}	

#LocatorText    { text-indent:-9999px;margin-top:0px;width:85px;height:20px;padding:0px; background: url('../SiteImages/storelocator.jpg') no-repeat; overflow: hidden; }

/* GOOGLE MAPS */
        #storeMap {
            width: 670px; height: 300px; color: #000000; border-width: 1px; border-color: #ffffff; border-style: solid; margin-left: 5px; display: none;
        }
        
        #storeMap .storePopup {
            /* background: transparent url('images/HolidayLogoSmall.png'); background-repeat: no-repeat; padding-left: 56px; */
            width: 250px; height: 200px;
        }
        
        #storeMap .storePopupLogo {
            background: transparent url('../../images/HolidayLogoSmall.png'); background-repeat: no-repeat; width: 56px; height: 50px; float: left;
        }
        
        #storeMap .storePopupAddress {
            float: left; width: 185px; border: 1px; font-size: small;
        }
        
        .storePopupLinks {
            padding-left: 56px;
        }
        
        .storePopupLinks a {
            clear: both; color: #0000CC; font-size: x-small; 
        }
        
        #directions { 
            border-style: solid; border-width: 1px; border-color: #ffffff; padding: 4px; margin-left: 5px; width: 663px; margin-top: 2px; display: none;
        }
        
        #directions #address {
            width: 300px;
        }
        
        #drivingDirections {
            clear: both; margin-top: 5px;
        }
        
        #storePrograms {
            list-style-type: none;
        }
        
        #storePrograms li {
            display: inline;
        }
        
        #storePrograms #programE85 {
            background-image: url(../../Public/Maps/E85.gif); padding-left: 25px;
        }
        
        #showStores p
        {
			margin: 10px 0px 0px 10px;
        }
        
        /* City map */

        #cityParent {
            clear: both; margin-top: 5px; margin-left: 5px;
        }

        #city {
            margin-left: 5px;
        }

        #cityLocations {
            width: 670px; padding-left: 15px;
        }

        #locationList {
            list-style-type: none; width: 660px;
        }

        #locationList li {
            display: inline;
        }

        #locationList .cityLocation {
            width: 150px; height: 125px; float: left; vertical-align:text-top;
        }

        #locationList .cityLocation a {
            font-size: x-small;
        }

        #locationList .searchLocation {
            width: 210px; height: 125px; float: left; vertical-align:text-top;
        }

        #locationList .searchLocation a {
            font-size: x-small;
        }
        
        #cityMap {
            width: 670px; height: 300px; color: #000000; border-width: 1px; border-color: #ffffff; border-style: solid; margin-left: 5px;  
        }
        
        #cityMap .storePopup {
            background: transparent url('../../images/HolidayLogoSmall.png'); background-repeat: no-repeat; padding-left: 56px; width: 200px; height: 200px;
        }

        #stateParent {
            clear: both; margin-top: 5px;
        }
        
        #storeStates 
        {
			clear: both;
        }

		/* State Map */
		
		        #state {
            margin-left: 5px;
        }

        #stateLocations {
            width: 670px; padding-left: 15px;
        }

        #cityList {
            list-style-type: none;
        }

        #cityList li {
            display: inline;
        }

        #cityList li {
            width: 150px; float: left; vertical-align:text-top;
        }

        #cityList li a {
            
        }

        #stateMap {
            width: 670px; height: 300px; color: #000000; border-width: 1px; border-color: #ffffff; border-style: solid; margin-left: 5px;  
        }
        
        #stateMap .storePopup {
            background: transparent url('../../images/HolidayLogoSmall.png'); background-repeat: no-repeat; padding-left: 56px; 
        }
        
        
/* CONTENT SECTION */

#ContentBG1	{border:0px solid red; width: 726px;border-top: #FFFFFF 1px solid;background:url(../SiteImages/pagebg_wside.jpg) repeat-y;}
#ContentBG2	{ width: 726px;border-top: #FFFFFF 1px solid;background:#3280cb;}

#Content	{
	float:left;
	width: 717px;
	text-align:left;
	padding-left: 8px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#ContentLeft	{
	float:right;
	width: 524px;
	text-align:left;
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 15px;border:0px solid black;
}

#ContentRight	{
	float: right;	font-size: 12px;
	width: 193px;
	text-align: left;
}

.PageTitle	{
	background:url(../SiteImages/pagetitle_bg.jpg) repeat-x;
	font-size: 25px;
	height: 43px;
	padding-left: 12px;
}

.PageTitle H1 
{
	font-size: 25px;
	height: 43px;
	font-weight: normal;
	text-align: left;
	padding-top: 7px;
}

.TxtPad	{
	padding-top: 12px;
	padding-bottom: 12px;
	padding-right: 16px;
	padding-left: 9px;
}

h1	{font-size: 18px; margin-bottom: 0px;padding:0;font-weight: bold;}
h2	{font-size: 15px; margin-bottom: 0px;padding:0;font-weight: bold;}
h3	{font-size: 13px; margin-bottom: 0px;padding:0;font-weight: bold;}

UL { margin-bottom: 0px;margin-top: 5px;padding:0px;}

.SidePanelTitle	{
	background:url(../SiteImages/rightside_titlebg.gif) repeat-x;
	height: 25px;
	padding-left: 7px;
}

.SidePanelTxt	{
	padding: 6px 8px 6px 8px;
}
	

/* BOTTOM TABS */

.BTabBG	{
	background: url(../SiteImages/bottommenu_bg.jpg) repeat-x;
	height: 33px;
	width: 726px;
}
 
#tabsB	{
	width:100%;
	font-size:11px;
	line-height:normal;
	margin-bottom: -1px;
}

#tabsB ul	{
	margin:0;
	padding:10px 10px 0 16px;
	list-style:none;
}

#tabsB li	{
	display:inline;
	margin:0;
	padding:0;
}

#tabsB a	{
	float:left;
	background:url('../SiteImages/tableftB.gif') no-repeat left top;
	margin:0;
	padding:0 0 0 8px;
	text-decoration:none;
}

#tabsB a span	{
	float:left;
	display:block;
	background:url('../SiteImages/tabrightB.gif') no-repeat right top;
	padding:5px 13px 4px 6px;
	color: #2079cd;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsB a span	{	float: none;}
/* End IE5-Mac hack */

#tabsB a:hover span	{ color:#FFFFFF;}

#tabsB a:hover	    { background-position:0% -42px;}

#tabsB a:hover span	{	background-position:100% -42px;}

#tabsB #current a	{
	background-position:0% -42px;
}

#tabsB #current a span	{background-position:100% -42px;color:#FFFFFF;}

/* FOOTER */
#SiteFooter	{width: 726px;}

.LightBlueTop	{width: 694px;height: 150px;background:url(../SiteImages/lightblue_bg.jpg) #d7e0ef top no-repeat;
	             margin-left:auto;margin-right:auto;padding-top: 14px;border:0px solid green;}

.LightBlueTop table { margin-left:auto;margin-right:auto;border:0px solid red;}


/* Products Section */
.clearboth { clear:both;}
.displaynone { display:none;}

#products-page { margin-left:auto;margin-right:auto; padding:0;border:0px solid green;font-weight: normal;font-size:12px;color:#000; width:504px;  overflow:hidden;}

#products-menu { margin:0; padding:0;font-weight: normal;font-size:12px;height:27px; padding-left:15px; position:relative; top:13px;}
	#products-menu ul { font-size:12px;margin:0; padding:0;}
	#products-menu li { margin:0; padding:0;border:0px solid green;font-weight: normal;font-size:12px;display:inline-block; float:left; list-style:none;}
	#products-menu a, #products-menu a:active { font-weight: normal;font-size:12px;color:#fff; text-decoration:none;}
	#products-menu a:hover { font-weight: normal;font-size:12px;color:#003366; text-decoration:none;}
	
	#products-menu .redproducts { background:url(../ProductImages/menuRedProducts.jpg) no-repeat; height:22px; width:62px; padding:5px 0 0 15px;}
	#products-menu .redsmartvalues { background:url(../ProductImages/menuRedSmartvalues.jpg) no-repeat; height:22px; width:115px; padding:5px 0 0 0; text-align:center;}
	
	#products-menu .bluesmartvalues { background:url(../ProductImages/menuBlueSmartvalue.jpg) no-repeat; height:19px; width:85px; padding:3px 0 0 8px; margin-top:2px;}
	#products-menu .bluefoodmenu { background:url(../ProductImages/menuBlueFoodmenu.jpg) no-repeat; height:19px; width:82px; padding:3px 0 0 8px; margin-top:2px;}
	#products-menu .bluesaveongas { background:url(../ProductImages/menuBlueSaveongas.jpg) no-repeat; height:19px; width:88px; padding:3px 0 0 8px; margin-top:2px;}
	#products-menu .blueproducts { background:url(../ProductImages/menuBlueProductsLeft.jpg) no-repeat; height:19px; width:59px; padding:3px 0 0 18px; margin-top:2px;}
	#products-menu .bluesmartvaluesleft {background:url(../ProductImages/menuBlueSmartvalueLeft.jpg) no-repeat; height:19px; width:80px; padding:3px 0 0 23px; margin-top:2px;}

#productsboxtop { background:url(../ProductImages/bodyBgTop.jpg) no-repeat #fff; height:10px; width:506px;}
#productsboxtopwide { background:url(../ProductImages/bodyBgTopWide.jpg) no-repeat #fff; height:10px; width:690px;}
#productsboxbottom { background:url(../ProductImages/bodyBgBottom.jpg) no-repeat; height:10px; width:506px;}
#productsboxbottomwide { background:url(../ProductImages/bodyBgBottomwide.jpg) no-repeat; height:10px; width:690px;}

#productsbox { background:#fff; padding:8px; width:490px; overflow:hidden;}
	#productsbox p{ padding:0 0 10px 0; margin:0;}
	#productsbox .slide { height:172px; width:421px; float:left; margin:0 2px;}
	#productsbox .arrowleft { float:left; width:27px; padding-top:50px;}
	#productsbox .arrowright { float:left; width:27px; padding-top:50px;}
	#productsbox .titleboxheader { background:url(../ProductImages/titleTryitandsee.jpg) no-repeat; height:43px; width:488px; margin-top:10px;}
	#productsbox .titlebox { background:url(../ProductImages/productBoxBG.jpg) repeat-y; width:458px; padding:5px 15px;}
	#productsbox .titleboxfooter { background:url(../ProductImages/productBoxBottom.jpg) no-repeat; width:488px; height:9px; margin-bottom:5px; }
	#productsbox .titlebox-leftcol { float:left; width:210px; padding-right:5px;}
	#productsbox .titlebox-rightcol { float:left; width:243px;}
	
#smartvalue { width:486px; padding-top:10px;}
	#smartvalue .title { background:url(../ProductImages/titleSmartvalues.jpg) no-repeat; height:94px; width:100%;}
	#smartvalue .content { background:url(../ProductImages/smartvalueBG.jpg) repeat-y; padding:10px; width:466px;}
		#smartvalue .message { float:right; height:60px; position:relative; top:20px; width:240px; padding-right:20px;}
	#smartvalue .footer { background:url(../ProductImages/smartvalueBGBottom.jpg) no-repeat; height:11px; width:100%;}
	
#saveongas { width:486px; }
#saveongas .title { background:url(../ProductImages/titleSaveOnGas.jpg) no-repeat; height:190px; width:100%;overflow:hidden; }
#saveongas .coupon { float:left; height:171px; width:242px; margin-top:20px; }
#saveongas .message { float:left; width:200px; padding:80px 12px 12px 12px; }
#saveongas .content { background:url(../ProductImages/smartvalueBG.jpg) repeat-y; padding:10px; width:466px;}
#saveongas .footer { background:url(../ProductImages/smartvalueBGBottom.jpg) no-repeat; height:11px; width:100%;}


#foodmenu { font-size:14px;}

/* eof Products Section */
#slider_wrapper { position:relative; width:421px; margin:0 auto; padding:10px 0; }
#slider{ width:421px; margin:0 auto; }	
#slider ul, #slider li{margin:0; padding:0; list-style:none;}
#slider li{ background:#cdcdcd; width:421px; height:172px; overflow:hidden; }	
#prevBtn, #nextBtn{ display:block; width:27px; height:77px; position:absolute; left:-27px; top:102px; }	
#nextBtn{ left:421px; }														
#prevBtn a, #nextBtn a{ display:block; width:30px; height:77px; background:url(../ProductImages/slideArrowLeft.jpg) no-repeat 0 0;}	
#nextBtn a{ background:url(../ProductImages/slideArrowRight.jpg) no-repeat 0 0;	}
.hidden { display:none; }


/*112909 permenant style addons*/
#content_rounded_wrapper { background:url(../ProductImages/content_rounded_middle.jpg) top left repeat-y; width:486px; margin:20px auto 10px auto; }
#content_rounded_wrapper .row_top { height:13px; background:url(../ProductImages/content_rounded_top.jpg) top left no-repeat; }
#content_rounded_wrapper .row_middle { padding:10px; }
#content_rounded_wrapper .row_bottom { height:13px; background:url(../ProductImages/content_rounded_bottom.jpg) top left no-repeat; }
#content_rounded_wrapper .title_img { position:relative; top:-45px; left:5px;  overflow:hidden; z-index:100; height:40px; margin-bottom:-35px; }

/* p13 changes */
#holiday_slider { background:url(../ProductImages/product_holiday_bg.jpg) top left no-repeat; width:490; height:193px; padding-top:105px; }
#holiday_slider #prevBtn a { background-image:url(../ProductImages/slideArrowLeft_holiday.jpg); }
#holiday_slider #nextBtn a { background-image:url(../ProductImages/slideArrowRight_holiday.jpg); }

/* p1_11 changes */
#slider_p1_11 #slider li { height:251px; }
#slider_p1_11 #prevBtn, #slider_p5_10 #nextBtn { top:100px; }

/* p5_10 slider */
#slider_p5_10 #slider li { height:307px; }
#slider_p5_10 #prevBtn, #slider_p5_10 #nextBtn { top:130px; }

#slider_p1 li { height:241px; }



/* ------ printing --------------------------------------------- */
.PrintOnly   {DISPLAY: none;}
.NoPrint     {DISPLAY: inline;}

@media print { 
  .NoPrint     {DISPLAY: none;}
  .PrintOnly   {DISPLAY:  inline}
  .DetailShell {background-color:White;border-color:Silver;border-width:0px;border-style:Solid;}
}
/* ----------------------------------------------------------------------------------- */

#products_coupon { background:url(../ProductImages/bg_always_fresh.jpg) top left no-repeat; width:488px; padding-top:38px; height:200px; margin-top:10px; }
#products_coupon .titlebox-leftcol { width:225px; }

#fleetContactLink { color: #000000; text-decoration: none; font-weight: normal; }

/* modal dialog */
#modal-overlay {background-color:#000; cursor:wait;}
#modal-container { background: url("../SiteImages/pagebg_wside.jpg") repeat-y scroll 0 0 transparent; border-width: medium; border-color: #ffffff; padding: 5px 15px 30px 15px; width:300px; height:200px; }


/* credit card page */
.rollback_link { position:absolute; margin-top:-295px; margin-left:183px; width:100px; }
.inside_purchase_link { position:absolute; margin-top:-10px; margin-left:68px; height:15px; width:100px; }
.double_discount_link { position:absolute; margin-top:-10px; margin-left:307px; height:15px; width:100px; }
.learn_more_button { }
.learn_more_button a, .learn_more_button a:link, .learn_more_button a:visited { color:#999; text-transform:uppercase; font-size:12px; font-weight:normal; }
.jballoon { display:none; }
.jballoon p { font-size:14px; line-height:17px; }
.jballoon .disclaimer { font-size:10px; line-height:12px; }
.jballoon_inner { padding:20px 15px; }
#rollback_balloon { width:277px; height:226px; background:url(../SmartCardImages/roll_back_balloon_bg.png) top left no-repeat; position:absolute; margin-top:-620px; margin-left:190px; }
#insidepurchase_balloon { width:343px; height:206px; background:url(../SmartCardImages/inside_purchase_balloon_bg.png) top left no-repeat; position:absolute; margin-top:-320px; margin-left:20px; }
#newaccount_balloon { width:257px; height:196px; background:url(../SmartCardImages/newaccount_balloon_bg.png) top left no-repeat; position:absolute; margin-top:-290px; margin-left:205px; }
#rightcol_rounded_box { width:179px; margin:10px auto;  background:#fff; }
	#rightcol_rounded_box a, #rightcol_rounded_box a:link, #rightcol_rounded_box a:visited { color:#003399; font-weight:normal; }
	#rightcol_rounded_box .apply_button { background:url(../SmartCardImages/red-button-bg.jpg) top left no-repeat; height:40px; width:149px; margin:0 auto 10px auto; text-align:center; }
	#rightcol_rounded_box .apply_button a, #rightcol_rounded_box .apply_button a:link, #rightcol_rounded_box .apply_button a:visited { color:#fff; display:block; text-decoration:none; font-weight:bold; text-align:center; line-height:14px; padding-top:3px; }

.rightcol_rounded_box_row_top { background:url(../SmartCardImages/white-corner-right-column.jpg) top left no-repeat; height:12px; }
.rightcol_rounded_box_row_middle { background:#fff; color:#000; padding:5px; }
.rightcol_rounded_box_row_bottom { background:url(../SmartCardImages/white-corner-right-column-bottom.jpg) top left no-repeat; height:12px; }
#rightcol_payonline_box { margin:10px auto; background:url(../SmartCardImages/credit-card-payment-bg.jpg) top left repeat-x #cc0000; font-size:14px; font-weight:bold; text-align:center; padding:8px 0 5px 0; }
#rightcol_payonline_box a { text-decoration:none; }



/* style the trigger elements */
#products_logos img {
	border:0;
	cursor:pointer;
}

#products_logos {
    overflow: hidden;
}
#products_gas 
{
		width:645px;
    border-top: 1px solid #CCCCCC;
    margin-top: 20px;
    overflow: hidden;
    padding-top: 40px;
}
.logo {
    float: left;
}
#logo_intro {
    background-color: #FF3333;
    color: #FFFFFF;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    padding: 7px 0;
    text-align: center;
    text-transform: uppercase;
    width:645px;
}
#coupon_info { float: left; width: 314px;}
#coupon_image {  float: left;   margin-left: 40px;}



/* Tooltip Styling */
.tooltip {
    background: url("../../images/tooltip/arrow.png") no-repeat scroll center bottom transparent;
    color: #FFFFFF;
    display: none;
    font-size: 14px;
    padding-bottom: 14px;
    text-align: left;
    width: 195px;
}
* html .tooltip {
    background: url("../../images/tooltip/arrow.gif") no-repeat scroll center bottom transparent;
    color: #FFFFFF;
    display: none;
    font-size: 14px;
    padding-bottom: 14px;
    text-align: left;
    width: 195px;
}
.tooltip div {
    background-color: #FF3333;
    background: -moz-linear-gradient(#FD5151, #FF3333) repeat scroll 0 0 #FF3333;
    border-left: 2px solid #FFFFFF;
    border-radius: 5px 5px 0 0;
    border-right: 2px solid #FFFFFF;
    border-top: 2px solid #FFFFFF;
    padding: 25px;
    width: 150px;
}