/*   FuelLinks Style Sheet   */
/*   background - Length of page including margin & color settings   */
/*   endtext - Are in lower nav for additional links and copy   */
/*   etext - Font attributes for lower nav area   */
/*   DIV.etextlink - Font attributes for linked text   */

v\:* {
behavior:url(#default#VML);
}

html {
   overflow: scroll;
   margin: 0px;
   padding: 0px;
   font-size: 99%;
   font-size: 1em;
   font-family: Arial;
}

body
{
   background: rgb(255,255,255);
   color: #333333;
   font-size: 12px;
   font-family: Helvetica, Arial, sans-serif;
   margin: 0px auto;
   padding: 0px;
   text-align: center;
}

a:link
{
   border: 0px;
}

div.body {
   width: 756px;
   margin: 0px auto;
   padding: 0px;
   position: relative;
}

.pageHeader {
   background: url(../../images/skin2/basic/header2.jpg) no-repeat top left;
   width: 747px; 
   height: 147px;
   margin: 0px;
   padding: 0px;
}

.pageContent
{

   background: transparent url(../../images/skin2/basic/contentBgTrans.gif) repeat-y scroll 0 0;
   margin-top: 0px;
   z-index:2;
   
}

.pageContentBottom
{
   background: transparent url(../../images/skin2/basic/contentBgTransBot.gif) no-repeat scroll left bottom;
   margin-top: -7px;
}

.pageContentTop
{
   background-image:  url( ../../images/skin2/basic/contentBgTransTop.png );
   background-repeat: no-repeat;
   background-position: -1px -1px;
   width: 756px;
   z-index:1;
   padding-top: 10px;
   margin-top: -1px;
   height: 0px;
   text-align: left;
   
  

}

/* Logo */
.pageHeader h1 {
   display: block;
   position: absolute;
   top: 8px;
   left: 35px;
   width: 187px;
   height: 70px;
   /*background: url(../../images/skin2/basic/logo.jpg) no-repeat top left;*/
   padding: 0;
   margin: 0;
   margin-bottom: 25px;
   } 

.pageHeader h1 span
{
   display: none;
}


.pageHeader #topControls {
   position: absolute;
   top: 4px;
   right: 4px;
   font-size: 10px;
   z-index: 2;
   text-align: right;
   margin: 4px;
}

.pageHeader #topControls a:link,
.pageHeader #topControls a:visited
{
   color: #FFCC20;
   padding: 4px;
}

.pageHeader #topControls a:active,
.pageHeader #topControls a:hover
{
   color: #FFFFFF;
}
.pageFooter {
   width: 747px;
   clear: both;
   color: black;
}

.pageHeader div.menu {
   display: block;
   height: 12px;
   padding: 0;
   margin: 0;
   top: 85px;
   position: relative;
   z-index: 0;
}

div.menu ul {
   z-index: 0;
   float: left;
   display: block;
   list-style: none;
   margin: 0;
   padding: 0;
   height: 26px;
   margin-left: 20px;
   vertical-align: bottom;
}

div.menu div {
   color: rgb(226,226,228);
   
}

div.menu ul li {
   float: left;
   margin-left: -1px;
   z-index: 2;
}

div.menu ul li ul {
   position: absolute;
   top: 19px;
   left: -5px;
   list-style: none;
   float: left;
   display: none;
   margin: 0;
   background-image: url(../../images/skin2/basic/subMenu.png);
   background-position: top left;
   background-repeat: no-repeat;
   z-index: 10;
}

div.menu ul li:hover ul,
div.menu ul li.over ul,
div.menu ul li#on ul {
   display: block; 
   width: 756px;
   height: 56px;
   vertical-align: bottom;
   z-index: 1;
}

div.menu ul li#on ul {
   background-image: url(../../images/skin2/basic/subMenuActive.png);
   z-index: 0;
}
div.menu ul li ul li {
   cursor: pointer;
   float: left;  
   margin: 0; 
  
}

div.menu ul li,
div.menu ul li a,
div.menu ul li a:hover,
div.menu ul li a:link,
div.menu ul li a:visited,
div.menu ul li a:active {
   cursor: pointer;
   font-size: 10px;
   font-weight: lighter;
   color:#000000;
   
}


div.menu ul li a, 
div.menu ul li span {
   background-image: url(../../images/skin2/basic/menuButton.gif);
   background-repeat: no-repeat;
   background-position: bottom right;
   padding-right: 15px;  
   line-height: 22px;
   float: left;
   position: relative; 
   
}

div.menu ul li a span {
   background-position: top left;
   padding-left: 15px;
   line-height: 22px;
   padding-right: 0;
   padding-top: 3px;
}


div.menu ul li#on a, 
div.menu ul li#on span {
   background-image: url(../../images/skin2/basic/menuButtonActive.gif);
   line-height: 26px;
   font-weight: bold;
   z-index: 1000;
} 

div.menu ul li:hover a,
div.menu ul li:hover span, 
div.menu ul li.over a,
div.menu ul li.over span {
   z-index: 10;   
}


div.menu ul li#on ul li a, 
div.menu ul li#on ul li span,
div.menu ul li ul li a,
div.menu ul li ul li span { 
   background: none;
   margin: 0;
   padding: 0;
   font-weight: lighter;
   font-size: 9pt;
}

div.menu ul li#on ul li span,
div.menu ul li ul li span {
   padding-left: 25px;
   line-height: 22px;
   padding-top: 10px;
   padding-bottom: 10px;
   padding-right: 5px;

}


/* Bread Crumbs */
#bc-container
{
   top: 110px;
   position: absolute;
   vertical-align: text-bottom;   
}

#breadcrumbs
{
	text-align:left;
   position: absolute;
   left: 8px;
   top: 0px;  
   width:400px; 
}

.crumb
{
   margin-right:  5px; 
   margin-left:  5px; 
}

#location-search
{
   font-size: 85%;
   position: absolute;
   
   top: -4px;
   right: 5px;
   float: right;  
}

#main, #offers {
   float: left;
   width: 742px;
}

#offers
{
   margin-top: 5px;
}   

#bigPromo {
   float: left;
   width: 507px;
   padding-top: 3px;
}

#controls {
   float: left;
   
}
#flashmap {
   float: left; 
   height: 199px;
   vertical-align: bottom;
   padding-top: 4px;
   margin-right: 1px;
}

#featuredMerchants {
	float:left;
   position: relative;
   background: url(/images/skin2/basic/merchants_box2.gif) no-repeat top left; 
   width: 249px; 
   height: 181px;
}

#specialOffers1 {
  float:left;
   position: relative; 
   /*background: url(/images/skin2/home/bottomRight.jpg) no-repeat top left;*/
   margin-left: 1px;
   margin-top: 3px;
}

#specialOffers2 {
   float: left; 
   position: relative;
  /* background: url(/images/skin2/home/bottomRight.jpg) no-repeat top left;*/
   margin-left: 4px;
   margin-top: 3px;
}

#specialOffers {
   float: left; 
   position: relative; 
   /*background: url(/images/skin2/home/bottomRight.jpg) no-repeat top left; */
   width: 207px; 
   height: 199px;
}

#specialOffers p {
   clear: none;
   margin: 0;
   padding: 0;
   margin-left: 7px;
   margin-top: 7px;
}

.rewardCounter {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   color: black;
   height: 54px;
   width: 189px;
   background: url(../../images/skin2/home/tickerBg2.png) no-repeat top left;
   text-align: left;
   
   position: absolute;
   top: 6px;
   right: 30px;
}

.rewardCounter span {
   margin: 0;
   clear: none;
   padding: 0;
   /*padding-top: 2px;*/
   margin-left: 10px;
   display: block;
   width: 165px;
}

.rewardCounter h1 {
   color: #55abf2;
   padding: 0;
   margin: 0;
   font-weight: bolder;
   font-family: ArialBlack, Arial-Black, Arial;

}

.rewardCounter h1#rewardsEarned {
   font-size: 20px;
}


.rewardCounter table {
   width: 220px;
   margin-left: auto;
   margin-right: auto;
}

.rewardCounter table th, 
.rewardCounter table td {
   text-align: center;
   width: 100px;
   
}

.accountControl {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   color: #FFFFFF;
   height: 255px;
   width: 160px;
   background: url(../../images/skin2/basic/login_back.jpg) no-repeat;
   margin-left: 3px;
   
   text-align: left;
}

div.account_holder
{
   float: left;
   position: relative;
}

div.loginFrame {
   clear: both;
   float: left;
   margin-left: 8px;
   margin-top: 12px;
   width: 138px;
   z-index: 1000;
   position: relative;
}

* html body div.loginFrame {
   margin-left: 4px;
}

div.loginForm {
   position: relative;
   z-index: 1000;
   float: left;
   clear: both;
}

div.loginForm p {
   text-align: left;
}

div.loginForm input.text {
   margin-top: -3px;
   font-size: 14px;
   width: 100%;
   padding-top: 2px;
   padding-bottom: 4px;
   height: 13px;   
}

div.loginLinks {
	width: 100%;
   float: left;
   margin-top: 6px;
   
   display: block;   
}

div.loginLinks ul {
   display: block;
   float: left; 
   width: 100%;
   list-style-position: outside;
   list-style: none;
   color: rgb(30,45,70);
   margin: 0;
   padding: 0;
}


div.loginLinks a span {
   width: 135px;
   display: block;
   font-weight: bolder;
}

div.loginLinks a,
div.loginLinks a:visited {
   color: rgb(30,45,70);
   text-decoration: underline;
   border-right: 6px transparent solid;
   border-color: transparent;
   position: relative;
   left: 0;
   font-weight: bold;
   float: left;
   font-size: 11px;
   cursor: auto;
}

div.loginLinks a:hover {
   border-right-color: #3E87BC;
   cursor: pointer;
   color: rgb(30,45,70);
}



div.loggedInFrame {
   position: relative;
   float: left;
   margin-top: 28px;
   margin-left: 5px;
   width: 145px;
   height: 145px;
   z-index: 1000;
}

div.loggedInFrame h2 {
   margin: 0;
   padding: 0;
}

.accountControl .helloUser {
   font-weight: bolder;
   color: rgb(255,221,0);
   font-size: 18px;
   text-decoration: none;
   padding-bottom: 3px;
   border-bottom: 4px rgb(255,221,0) double;
   margin-right: 10px;
   
}

div.loggedInFrame ul {
   margin: 0;
   padding: 0;
   color: white;
   list-style: none;
}

div.loggedInFrame li  {
   clear: both;   
}
div.loggedInFrame li a {
   margin: 0;
   padding: 0;
   color: white;
   font-weight: lighter;
   font-size: 11px;
   height: 20px;
   float: left; 
   width: 160px;
   clear: left;
}

.accentWrap {
   width: 722px;
   background: url(../../images/skin2/affiliates/frameTop.png) no-repeat top left;
   position: relative;
   padding-top: 45px; 
   padding-bottom: 20px;

}   

.accentWrap #content {
   background: url(../../images/skin2/affiliates/frameBG.gif) repeat-y;
   padding: 25px 0px 0px 0px; 
  
}

.accentWrap #footer {
   background: url(../../images/skin2/affiliates/frameBottom.png) no-repeat bottom left;
   height: 102px;
}

.accentWrap #innerTop
{
   background: url(../../images/skin2/basic/accentInnerTop.jpg) no-repeat;
   height: 15px;
   width: 696px;
   margin: 0px auto; 
}

.accentWrap #innerContent
{

   width: 696px;
   margin: 0px auto;
   background: url(../../images/skin2/basic/accentInnerMid.jpg) repeat-y;
}

.accentWrap #innerBottom
{
   background: url(../../images/skin2/basic/accentInnerBottom.jpg) no-repeat;
   height: 15px;
   width: 696px;
   margin: 0px auto; 
}

.sup {
    /* Registered Tademark SuperScript */
    font-size:10px;vertical-align:top;
}
.etext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #cccccc;
}

.content
{
    width: 747px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12pt;
    line-height: 18px;
    color: #000000;
    text-align: justify;
}

.content .left
{
   float: left;
   width: 450px;
}

.content .right
{
   float: left;
   width: 290px;
   text-align: center;
   padding-left: 4px;
}

.content .left .locations-box
{
   background: url( ../../images/skin2/basic/box_blue_364x185.png ) no-repeat;
   width: 364px;
   height: 185px;
}

.floatFix
{
   clear: both;
   line-height: 1px;
   width: 100%;
}

#print .content, .print .content {
    color: black;
}

.yellowHeading {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #FFFF99;
    text-align: justify;

}

.yellowContent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #FFFF99;
    text-align: justify;

}

.orangeContent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #ffd800;

}

.whiteContent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #ffffff;

}

.lightgrayContent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #cccccc;

}

p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    text-align: justify;
}

#print p, .print p {
    color: black;
}

hr#hide {
   margin: 0;
   padding: 0;
   font-size: 1px;
   line-height: 1px;
   display: block;
   height: 1px;
   visibility: hidden;

}


.contentCell {
    background: url(../images/content_tile.jpg);
    background-repeat: repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #000000;
    text-align: left;

}

#print .contentCell, .print .contentCell {
    color: black;
    background: none;
}

.userNav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #444444;
}

.affliatelink {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #000000;
}

.affliatelink a         { color: #000000; text-decoration: underline; font-family:Arial, Helvetica, sans-serif;  font-size : 12px; }
.affliatelink a:link        { color: #000000; text-decoration: underline; font-family:Arial, Helvetica, sans-serif;  font-size : 12px; }
.affliatelink a:active  { color: #000000; text-decoration: none;  }
.affliatelink a:visited     { color: #000000; text-decoration: none;  }
.affliatelink a:hover   { color: #000000; text-decoration: none;  }



.affiliate {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #444444;
}

.affiliate a:link       { color: #444444; text-decoration: underline; font-family:Arial, Helvetica, sans-serif;  font-size : 11px; }
.affiliate a:active     { color: #000000; text-decoration: none;  }
.affiliate a:visited    { color: #444444; text-decoration: underline;  }
.affiliate a:hover  { color: #000000; text-decoration: none;  }


.searchNav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #444444;

}

.userTopNav {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #444444;

}

.helloUser {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #444444;

}

.accesstop {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #efefef;

}

.headerfooter {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #434343;
}

#print .headerfooter, .print .headerfooter {
    color: black;
}
.boldcontent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 16px;
    color: #444444;

}

.subtext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 16px;
    color: #ffffff;

}

.formtext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #efefef;
}


.lightformtext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #333333;
}


.form{
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color : #333333;
    background-color:#ffffff;
    padding-left:5px;

}

.loginHeading{
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color : #ffe113;

}

.errortext{
    font-family : Arial, Helvetica, sans-serif;
    font-size : 14px;
    color : #ffffff;
    font-weight:bold;

}

.accountText{
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color : #FFFFFF;
    line-height: 16px;

}

.featuredText{
    font-family : Arial, Helvetica, sans-serif;
    font-size : 11px;
    color : #333333;
    line-height: 16px;

}


.statement {
    background: rgb(240,240,240);
    color: rgb(0,0,0);
    font-size: 12px;
    line-height: 13px;
}

.statement th {
    background-color:#646a6e;
    color: rgb(255,255,255);
    line-height: 11px;
    font-size: 12px;

}

.statement .debit {
    color: rgb(216,31, 31);

}

.dottedStatements {
   line-height: 1px;
   font-size: 1px;
   padding: 0px;
   border-bottom: 1px dotted #000000;
}

form {
    padding: 0;
    margin: 0;
}

input { font-family : Arial, Helvetica, sans-serif;
    font-size : 8.5pt;
    color : #333333;
    
    margin: 0px;
    padding: 0px;
    }

.formItems {    font-family : Arial, Helvetica, sans-serif;
    font-size : 8.5pt;
    color : #333333;
    background-color : #FDFCF2;
    margin: 0px;
    padding: 0px;
    }
.formlinks
   {
      position: absolute;
      border: 0;
      left: 5px;
      font-weight: bolder;
      font-size: 11px;
   }
label input {
background:none;
}

.rowError, .rowError td,
#rowError, #rowError td {
    background: rgb(149,149,149);
    padding-bottom: 6px;
}

.securityQuestion, 
.securityQuestion td,
.accentForm {
    background: rgb(226,226,228);
    color: rgb(68,68,68);
    padding: 6px;
    font-size: 16px;
    border-left: 3px rgb(169,169,169) solid;
    text-align: left;
}
.accentForm table, .accentForm .formtext {
    color: rgb(68,68,68);   
}

.securityQuestion span strong {
   font-size: 12px;
}

.securityQuestion small {
   font-size: 11px;
}

.securityQuestion .error {

   font-size: 12px;
}

.requiredBold {
    color: red;
    font-weight: bolder;
    font-size: 16px;

}

.error {
    font-weight: bold;
    color: white;
    background-color: rgb(96,96,96);
}

div#showTerms {
    display: none;
    position:relative;
    width: 740px;

}

div#showPrivacy {
    display: none;
    position:relative;
    width: 740px;
}

div#showWrap {
    width: 720px;
    height:225px;
    padding: 0px 15px 15px 15px;
    overflow: auto;
    background-color:#7e8184;
    border-style:solid;
    border-width: thin;
    border-color:#aeadad;
    margin-bottom: 30px;
}

    /* a:link      { color: #FFCC66; text-decoration: none; font-family:Arial, Helvetica, sans-serif; }
    a:active    { color: #cc6600; text-decoration: none;  }
    a:visited   { color: #FFCC66; text-decoration: none; font-family:Arial, Helvetica, sans-serif; font-size:11px; } 
    a:hover         { color: #ffffff; text-decoration: underline;  }
    */

    a:link      { color: #3E87BC; text-decoration: none; font-family:Arial, Helvetica, sans-serif; }
    a:active    { color: #52ACE1; text-decoration: none; border: 0px; }
    a:visited   { color: #3E87BC; text-decoration: none; font-family:Arial, Helvetica, sans-serif; }
    a:hover         { color: #60B8E8; text-decoration: underline; }

    div.pagelink a         { color: #ffffff; text-decoration: underline; font-family:Arial, Helvetica, sans-serif;  font-size : 12px; }
    div.pagelink a:link        { color: #FFFF00; text-decoration: underline; font-family:Arial, Helvetica, sans-serif;  font-size : 12px; }
    div.pagelink a:active  { color: #ffffff; text-decoration: none;  }
    div.pagelink a:visited     { color: #ffffff; text-decoration: none;  }
    div.pagelink a:hover   { color: #ffffff; text-decoration: none;  }

    div.etextlink a:link        { color: #cccccc; text-decoration: none; font-family:Arial, Helvetica, sans-serif;  font-size : 12px; }
    div.etextlink a:active  { color: #ffffff; text-decoration: none;  }
    div.etextlink a:visited     { color: #cccccc; text-decoration: none;  }
    div.etextlink a:hover   { color: #ffffff; text-decoration: underline;  }

    div.boldlink a:link         { color: #cc6600; text-decoration: none; font-family:Arial, Helvetica, sans-serif;  font-size : 12px; }
    div.boldlink a:active   { color: #cc6600; text-decoration: none;  }
    div.boldlink a:visited  { color: #cc6600; text-decoration: none;  }
    div.boldlink a:hover    { color: #cc6600; text-decoration: underline;  }

    div.accountnav a:link       { color: #1275f0; text-decoration: none; font-family:Arial, Helvetica, sans-serif;  font-size : 11px; }
    div.accountnav a:active     { color: #1275f0; text-decoration: none;  }
    div.accountnav a:visited    { color: #1275f0; text-decoration: none;  }
    div.accountnav a:hover  { color: #1275f0; text-decoration: underline;  }

    .userNav div.accountnav a:link       { color: #FFFFFF; text-decoration: none; font-family:Arial, Helvetica, sans-serif;  font-size : 11px; }
    .userNav div.accountnav a:active     { color: #FFFFFF; text-decoration: none;  }
    .userNav div.accountnav a:visited    { color: #FFFFFF; text-decoration: none;  }
    .userNav div.accountnav a:hover  { color: #FFFFFF; text-decoration: underline;  }
    
    .login_table div.accountnav a:link, .login_table div.accountnav a:visited { color: #FFFFFF; text-decoration: none;}
    .login_table div.accountnav a:active, .login_table div.accountnav a:hover { color: #FFFFFF; text-decoration: underline; }

    div.headerfooter a          { color: #3A85BC; text-decoration: none; font-family:Arial, Helvetica, sans-serif;  font-size : 11px; }
    div.headerfooter a:hover    { color: #ffd800; text-decoration: none;  }

/** GOOGLE HACK FOR SLIDER **/

/*
.gmnoprint div img {
    z-index: -1;
}

*/

/** CHOOSE LOCATION TYPE **/

.chooselocationtype_pick {
    display:block;
    margin-right:8px;
    width: 134px;
    height:81px;
    border-style:solid;
    border-width: thin;
    border-color:#cccccc;
}

.chooselocationtype_pick:hover  {
    border-color:#dec821;
    color:#ffffff;
}

.chooselocationtype_earn {
    display:block;
    margin-right:8px;
    float:left;
    width: 197px;
    height:300px;
    border-style:solid;
    border-width: thin;
    border-color:#989a9d;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    padding-bottom: 20px;
}

.chooselocationtype_earn:hover, .chooselocationtype_redeem:hover  {
    border-color:#dec821;
    color:#ffffff;
}

.chooselocationtype_redeem {
    display:block;
    float:left;
    width: 197px;
    height:300px;
    border-style:solid;
    border-width: thin;
    border-color:#989a9d;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    padding-bottom: 20px;
}

div#showFoodland,
div#showSentry,
div#showFueland,
div#showRoaddog,
div#showVic,
div#showHunt {
    display: none;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
            border-bottom-style:solid;
    border-bottom-width: thin;
    border-bottom-color:#242424;
}

    div.showSentry a:link, div.showFoodland a:link, div.showFueland a:link, div.showRoaddog a:link, div.showVic a:link, div.showHunt a:link             { color: #ffff99; text-decoration: none; font-family:Arial, Helvetica, sans-serif;  font-size : 11px; }
    div.showSentry a:active, div.showFoodland a:active, div.showFueland a:active, div.showRoaddog a:active, div.showVic a:active, div.showHunt a:active     { color: #ffff99; text-decoration: none;  }
    div.showSentry a:visited, div.showFoodland a:visited, div.showFueland a:visited, div.showRoaddog a:visited, div.showVic a:visited, div.showHunt a:visited   { color: #ffff99; text-decoration: none; font-family:Arial, Helvetica, sans-serif;  font-size : 11px;  }
    div.showSentry a:hover, div.showFoodland a:hover, div.showFueland a:hover   , div.showRoaddog a:hover, div.showVic a:hover, div.showHunt a:hover        { color: #ffffff; text-decoration: none;  }

/**

Automall

**/

.autoMallText{
    font-family : Arial, Helvetica, sans-serif;
    font-size : 12px;
    color : #000000;
    line-height: 16px;

}

.subcontent  {
    margin-left: 25px;
    margin-right: 25px;
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
}

.options {
}

.options ul {
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

.options ul li {
    margin-left: 10px;
    width: 48%;
    float: left;
    display: block;
    vertical-align: top;
}

.address {
    width: 170px;
    margin-top: 10px;
}

.map {
    float: right;
    width: 400px;
    height: 400px;
}

.map div#map {
    height: 100%;
}

.location
{
  margin: 4px 0px;
  cursor: pointer;
}

.location .bparco
{
  background: url( '/images/search/icons/auto_icon.png' ) no-repeat;
  padding-left: 20px;
  height: 20px;
}

.location .thanksagain
{
  background: url( '/images/search/icons/ta_icon.png' ) no-repeat;
  padding-left: 20px;
  height: 20px;
}

.location .community
{
  background: url( '/images/search/icons/commun_icon.png' ) no-repeat;
  padding-left: 20px;   
  height: 20px;
}

.location .cstore
{
  background: url( '/images/search/icons/cstore_icon.png' ) no-repeat;
  padding-left: 20px;
  height: 20px;
}

.location .fuelcenter
{
  background: url( '../../images/search/icons/fuelcenter_icon.png' ) no-repeat;
  padding-left: 20px;
  height: 20px;
}

.location .grocery
{
  background: url( '/images/search/icons/grocery_icon.png' ) no-repeat;
  padding-left: 20px;
  height: 20px;
}

.location .restaurant
{
  background: url( '/images/search/icons/restaurant_icon.png' ) no-repeat;
  padding-left: 20px;
  height: 20px;
}

.location .off
{
  background: url( '/images/search/icons/off.png' ) no-repeat;
  padding-left: 20px;
  height: 20px;
  vertical-align: middle;
}

.map-area
{
   margin: 0 auto;
   color: black;
}

form {
    margin: 0;
    padding: 0;
}

.vehicle_image img {

    border:thin;
    border-color:#ffd800;
    border-style:dotted;
}

.leadForm {
    text-align: left;
}

.leadForm dl {
    width: 49%;
    float: left;
}

.leadForm dl dl {
    float: none;
}

.leadForm dt {
    float: left;
    margin-right: 10px;
}
.leadForm dt, .leadForm dd {
    margin-bottom: 1em;
}

.leadForm textarea {
    height: 200px;
    width: 250px;
}


.tradein {

    float: left;
    clear: both;

}

.tradein dl {
    float: left;
    display: block;
    width: 240px;

}

.tradein dt {
    margin: 0;
    float: left;
    margin-right: 10px;
 }

.tradein dd {
    display: block;
    margin: 5px;
}
/**

End Automall

**/

/**

Maps & Location Search

**/


/* Google Map Links */
.location.data {

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 14px;
    color: #444444;
}


/* Search Results Area */

.search_results {
    background: url(../../images/earn/search_back.gif);
    background-repeat: no-repeat;

    font-size: 12px;
    line-height: 10px;

    color: #444444;

    text-align: left;
    z-index: -10;

    height: 80px;
    width: 696px;

    text-align: center;

}

.search_results td {
    text-align: left;
}

.search_results h4 {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 3px;
    border-bottom: 1px rgb(66,66,66) solid;

    font-size: 11px;

    text-align: left;

    clear: both;

}

/*
    position: absolute;

    max-height:275px !important height:275px;
    overflow-y:auto;
    margin-bottom: 16px;
*/
    

.sidebardata
{
    font-size: 11px;
    line-height: 16px;
    color: #cccccc;
	margin-left:5px;
    padding: 10px;
}

.sidebarsearch {
   width: 96%;

}

.search_bar {
   margin-top: 20px;
   margin-bottom: 20px;
}


#sidebar {
   width: 695px;
   height: 275px;
   margin: 10px;
   float: left;
   overflow: auto;
}


.map_bubble {
   color: rgb(43,43,43);
   float: left;
   width: 200px;
}


.map_bubble .location_container {
   float: none;
   width: 100%;
   color: rgb(43,43,43);
   margin-bottom: 5px;
   padding: 0;
   height: auto;
}

.map_bubble .location_container span {
   padding: 0;
   margin: 4px 0px 0px 0px;
   font-size: 11px;
   line-height: 12px;
   width: 100%;
}

.map_bubble .location_manage {
    bottom: auto;
    top: 6px;
    color: rgb(43,43,43);
    left: 120px;
    display: none;
}

.map_bubble .location_manage a {
        color: rgb(43,43,43);
}
.map_bubble .location_images /* div */
{
  padding: 0px 0px 4px 0px;
  border-bottom: 1px solid #ABABAB;
  float: left;
  clear: right;
  width: 93%;
  vertical-align: top;
}

.map_bubble .location_image /* image */
{
  vertical-align: top;
}

.map_bubble h4
{
   margin: 0;
   padding: 0;
   width: 100%;
   float: left;
}

.map_bubble table
{
   float: left;
   width: 100%;
}

.location_container
{
   float: left;

   height: 110px;
   width: 210px;

   margin-left:15px;
   margin-bottom:15px;
   padding-bottom: 10px;
   padding-top: 15px;

   text-align: left;
   font-size: 12px;
   white-space: normal;   
   color: inherit;
}

.location_container span
{
   display: block;
}

.location_container span#distance {
   clear: none;
   float: right;
   margin-right: 20px;
}

.location_container h4#name {
   font-size: 12px;
   margin: 0;
   padding: 0;
   margin-bottom: 5px;
   white-space: normal;
   vertical-align: baseline;
   text-decoration: underline;
   width: 100%;
}



.location_manage {
margin-left:20px;
    text-align: left;
    margin-top: auto;
    position: absolute;
    top: auto;
    bottom: 10px;
    left: 0;
}

#sidebar a
{
   width: 100%;

}

h3.location_type {
   margin: 0;
   padding: 0;
   width: 92%;

   font-size: 13px;

   border-bottom: 1px rgb(229,227,223) solid;


   padding-bottom: 4px;
   margin-top: 5px;
   margin-bottom: 6px;

   color: inherit;
   clear: both;
}


.locationHeading {
width:644px; font-size:14px; border:1px; border-style:solid; border-color:#a7a5a5; margin: 0px; padding-left:19px; clear: both; margin-left:15px; margin-bottom:15px;
}


#sidebar h3.location_type
{
   color: rgb(255,255,255);
}

.map_area {
   width: 696px;
   height: 440px;
   float: left;
   position: relative;
   background-color: rgb(239,239,239);
}
#map {
   border: 1px rgb(189,186,183) solid;
   width: 660px;
   height: 380px;
   float: left;
   margin-right: 4px;
   margin-left: 17px;
   margin-top: 0;
   background-color: rgb(239,239,239);

}

* html body #map {
   margin-left: 9px;

}

#directions {
   display: none;
   height: 380px;
   width: 250px;
   background: rgb(239,239,239);
   border: 1px rgb(189,186,183) solid;
   color: black;
   padding: 0px;
   margin: 0;
   overflow: auto;
}

* html body #directions {
   margin: 1px;
   margin-left: 6px;

}

#directions ol {
    margin: 0;
    padding: 0;
}

#directions ol ol {
   list-style: decimal;
}

#directions ol li
{
    width: 216px;
    clear: both;
    border: 1px rgb(189,186,183) solid;
    margin: 5px 0 5px 4px;
    padding: 3px 0 3px 3px;

    background-color: rgb(219,219,219);

}


#directions ol li.direction_steps {
    border: none;
    margin: 0;
    background: none;
}

#directions ol ol {

    float: left;
    display: block;
    clear: both;
    text-align: left;
    padding-left: 30px;
    margin-left: 0px;
}

#directions ol li li
{
    clear: none;
    float: none;

    background: none;
    width: 170px;
}

.directionsErrorHeader {
   color: rgb(225,0,27);
   font-weight: bold;
}

.directionsErrorText {
   color: rgb(230,0,27);
}

.directionsOptions {
   color: rgb(0,0,200);
   cursor: pointer;
}

/**

End Maps & Location Search

**/


td.contentCell div.errorText
{
   text-align: center;
   margin: 0px 0px 9px 0px;
}

/**

LoginNav

**/

.loginNav a
{
   color: white;
}

.rowRedeem
{
  font-weight: bold;  
}

.dateError
{
  border: 1px solid red;
}

/*****************************************
**            Map Bubble                **
*****************************************/
#directionsContainer
{
  margin: 0px 0px 10px 15px;
}

.directionsHeader
{
  width: 100%;
  font-size: 11px;
  font-weight: bold;
  padding: 7px 0px 4px 0px;
}

.directionsNote
{
  font-size: 75%;
}

.startingPoint
{
  margin: 4px;
}

#directionsAbsolute
{
  position: relative;
  height: 2.5em;
}

#userAddressSelect
{
  width: 93%;
}

.addressOption
{
  border: 0px;
}

.floatFix
{
  clear: both;
  line-height: 1px;
}

/*****************************************
**           Address Book               **
*****************************************/
.addressBookContainer
{
  /* border-bottom: 1px dotted #FFFFFF; */
  margin: 0px 12px 20px 12px;
  border-bottom: 2px ridge #999999;    
}

.addressBookContainer .entry
{
  padding: 0px 0px 10px 5px;
}

.addressTitle
{
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 3px;
}


/*****************************************
**         Standarad Classes            **
*****************************************/
.large-text-bold
{
   font-size: 18px;
   font-weight: bold;
}

.medium-large-text-bold
{
   font-size: 14px;
   font-weight: bold;
}

.medium-text-bold
{
   font-size: 12px;
   font-weight: bold;
}

.small-text-bold
{
   font-size: 10px;
   font-weight: bold;
}

.note
{
  color: #FFFFFF;
  font-weight: bold;
}

.title
{
  color: #FFCC00;
  font-weight: bold;
}

.bodyBold
{
  color: #FFE113;
  font-size: 16px;
  font-weight: bold;
}

.centerInner
{
   margin-left: 5px;
}

.accountTitle
{
  color: #CEDFEC;
}

.accountSummaryTitle
{
  color: #000000;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

.accountSummaryInfo
{
  color: #6c6969;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
}

.validationError
{
   color: red;
   background-color: #E1E0E1;
   font-family: Monospace;
   font-weight: bold;
}

a:link img, a:visited img, a:hover img, a:active img
{
   border: 0px;
}

ul.program-categories {
  margin: 0px;
  padding: 0px;
}
   
.program-categories li {
   display: inline;
   margin: 0px 5px;
}
   
.program-categories li a {
  padding: 18px 0px 0px 0px;
}

.program-categories a:link,
.program-categories a:visited,
.program-categories a:active,
.program-categories a:hover
{
  color: #FFB03B;
}
