/*
  *************************************
  *************************************
  **                                 **
  **  INITIALIZE BROWSER PROPERTIES  **
  **                                 **
  *************************************
  *************************************
*/

{
   margin: 0;
   padding: 0;
}

/*
  ***********************************
  ***********************************
  **                               **
  **  GENERAL LAYOUT               **
  **                               **
  ***********************************
  ***********************************
*/
            
body
{
   margin: 0 auto;
   width: 930px;
   background: url('images/bggrad.gif');
}
 
#page
{
   width: 930px;
   border-left: 1px solid #FD8C00;
   border-right: 1px solid #FD8C00;
   border-bottom: none;
   min-height: 100%;
   position: absolute;
}

.columns 
{
   padding: 0px 0px 0px;
   float: left;
}

#spacer
{
   position: relative;
   width: 10px;
   height: 70px;
   margin-left: 0px;
   margin-top: 0px;
}

/*
  *************************************** 
  * PROPERTIES FOR EQUAL HEIGHT COLUMNS *
  ***************************************
*/

.bg
{
   position: absolute;
   bottom: 0;
   height: 100%;

}

#bgleft
{
   left: 0;
   background: url('images/bgl.gif');
}

#bgright
{
   right: 0;
   background: url('images/bgr.gif');   
}

#bgright2
{
   right: 0;
   background-color: #DFDFDF;   
}

#bgcenter
{
   right: 0;
   width: 100%;
   background-color: #FFFFFF;
}

#bgcenter2
{
   right: 0;
   width: 100%;
   background-color: #DFDFDF;
}

#content, #left, #right, #right2, #right3, #header
{
   position: relative;
   z-index: 2;
}

/*
  ****************************************
  * HEADER PANE PROPERTIES FOR ALL PAGES *
  ****************************************
*/

#header
{
   clear: both;
   background-color: #FD8C00;
   padding: 5px;
   height: 105px;
}

.logo
{
   width: 175px;
   height: 97px;   
}

.tagline
{
   width: 175px;
   height: 70px;
   margin-top: -80px;
   margin-left: 190px;
   margin-right: auto;
   text-align: center;
}

.date
{
   width: 175px;
   height: 20px;
   margin-top: 2;
   margin-left: 190px;
   margin-right: auto;
   text-align: center;
}

.headerad
{
   width: 468px;
   height: 60px;
   margin-top: -95px;
   margin-left: 400px;
   margin-right: auto;
}

/*
  **************************************** 
  * LEFT COLUMN PROPERTIES FOR ALL PAGES *
  ****************************************
*/

#left
{
   width: 200px;
}

.left 
{
   width: 200px;
   margin-right: -200px;
}

.leftbox
{
   background: #eee;
   position: relative;
   width: 165px;
   margin-left: 17px;
   margin-top: 30px;
}

/*
  ****************************************** 
  * CENTER COLUMN PROPERTIES FOR HOME PAGE *
  ******************************************
*/

#content 
{
   float: left;
   width: 100%;
   margin-right: -100%;
}

#content-inner 
{
   float: none;
   margin-left: 200px;
   margin-right: 255px;
}

.centerheader
{
   position: relative;
   width: 475px;
   height: 44px;
   margin-left: 0px;
   margin-top: 0px;
   background: url('images/menu_bg.gif');   
} 

.centerheaderbox
{
   position: relative;
   width: 475px;
   margin-left: 0px;
   margin-top: 0px;   
}

.salead
{
   position: relative;
   width: 155px;
   margin-left: 10px;
   margin-top: 10px;
}

.salepreviewbox
{
   position: relative;
   width: 250px;
   margin-left: 210px;
   margin-top: 0px;
}

.giftcardbox
{
   position: relative;
   width: 180px;
   margin-left: 5px;
   margin-top: 10px;
}

.onlinechat
{
   position: relative;
   width: 180px:
   margin-left: 8px;
   margin-top: 10px;
}

.oilimgbox
{
   position: relative;
   width: 255px;
   margin-left: 65px;
   margin-top: 0px;
} 

.oiltextbox
{
   position: relative;
   width: 210px;
   margin-left: -5px;
   margin-top: -185px;
}

.creditcardbox
{
   position: relative;
   width: 265px;
   margin-left: 100px;
   margin-top: 30px;
}

/*
  *********************************************** 
  * CENTER COLUMN PROPERTIES FOR LOCATION PAGES *
  ***********************************************
*/

#content-inner2 
{
   float: none;
   margin-left: 200px;
   margin-right: 255px;
}

.centerheader2
{
   position: relative;
   width: 460px;
   height: 44px;
   margin-left: 0px;
   margin-top: 0px;
   background: url('images/menu_bg.gif');   
}

.centerheaderbox2
{
   position: relative;
   border: 1px inset #ccc;
   width: 390px;
   height: 545px;
   padding: 0px;
   margin-left: 5px;
   margin-top: 0px;   
}

.centerimgbox
{
   position: relative;
   width: 390px;
   padding: 0px;
   margin-left: 0px;
   margin-top: 5px;   
}

/*
  ************************************************ 
  * CENTER COLUMN PROPERTIES FOR ALL OTHER PAGES *
  ************************************************
*/

#content-inner3 
{
   float: none;
   margin-left: 200px;
   margin-right: 5px;
}

.centerheader3
{
   position: relative;
   width: 725px;
   height: 44px;
   margin-left: 0px;
   margin-top: 0px;
   background: url('images/menu_bg.gif');   
}

.centerheaderbox3
{
   position: relative;
   width: 190px;
   padding: 2px;
   margin-left: 3px;
   margin-top: 5px;   
}

.centerimgbox2
{
   position: relative;
   width: 100px;
   padding: 5px;
   margin-left: 195px;
   margin-top: -200px;   
}

.centerimgbox3
{
   position: relative;
   border: 1px solid #6F6F6F;
   background-color: #FFFFFF;
   width: 500px;
   padding: 5px;
   margin-left: 210px;
   margin-top: -215px;
   text-align: center;   
}

.centerimgbox4
{
   position: relative;
   border: 1px solid #6F6F6F;
   background-color: #FFFFFF;
   width: 500px;
   padding: 5px;
   margin-left: 210px;
   margin-top: -1px;
   text-align: center;   
}

.centerimgbox5
{
   position: relative;
   border: 1px solid #6F6F6F;
   background-color: #FFFFFF;
   width: 480px;
   padding: 10px;
   margin-left: 210px;
   margin-top: -245px;
   text-align: center;   
}

.centerimgbox6
{
   position: relative;
   border: 1px solid #6F6F6F;
   background-color: #FFFFFF;
   width: 480px;
   padding: 10px;
   margin-left: 205px;
   margin-top: -115px;
   text-align: center;   
}

.centerimgbox7
{
   position: relative;
   border: 1px solid #6F6F6F;
   background-color: #EBEBEB;
   width: 710px;
   height: 285px;
   padding: 5px;
   margin-left: 3px;
   margin-top: 0px;   
}

.centerimgbox8
{
   position: relative;
   background-color: #EBEBEB;
   border: 1px solid #000000;
   width: 320px;
   height: 240px;
   margin-left: 10px;
   margin-top: -270px;
   text-align: center;   
}

.centerimgbox9
{
   position: relative;
   background-color: #EBEBEB;
   border: 1px solid #000000;
   width: 110px;
   height: 80px;
   margin-left: 345px;
   margin-top: -230px;
   text-align: center;   
}

.centerimgbox10
{
   position: relative;
   background-color: #EBEBEB;
   border: 1px solid #000000;
   width: 110px;
   height: 80px;
   margin-left: 470px;
   margin-top: -82px;
   text-align: center;   
}

.centerimgbox11
{
   position: relative;
   background-color: #EBEBEB;
   border: 1px solid #000000;
   width: 110px;
   height: 80px;
   margin-left: 595px;
   margin-top: -82px;
   text-align: center;   
}

.centerimgbox12
{
   position: relative;
   background-color: #EBEBEB;
   width: 120px;
   margin-left: 420px;
   margin-top: 40px;
   text-align: right;   
}

.centerimgbox13
{
   position: relative;
   background-color: #EBEBEB;
   width: 150px;
   margin-left: 550px;
   margin-top: -80px;
   text-align: left;   
}

.centerimgbox14
{
   position: relative;
   width: 150px;
   margin-left: 10px;
   margin-top: 60px;
   text-align: left;   
}

.centerimgbox15
{
   position: relative;
   width: 235px;
   margin-left: 480px;
   margin-top: -60px;
   text-align: right;   
}

/*
  *****************************************
  * RIGHT COLUMN PROPERTIES FOR HOME PAGE *
  *****************************************
*/

#right
{
   width: 255px;
}

.right
{                 
   float: right;          
   width: 255px;
}

.rightheader
{
   background: url('images/menu_bg.gif');
   position: relative;
   width: 255px;
   height: 44px;
   margin-left: 0px;
   margin-top: 0px;   
}

.rightimg
{
   position: relative;
   width: 255px;
   margin-left: 0px;
   margin-top: 0px;
      
} 

.rightbox
{
   position: relative;
   width: 250px;
   margin-left: 0px;
   margin-top: 0px;
   padding: 2px;
   background: url('images/bgr.gif');   
}

/*
  **********************************************
  * RIGHT COLUMN PROPERTIES FOR LOCATION PAGES *
  **********************************************
*/

#right2
{
   width: 305px;
}

.right2
{                 
   float: right;          
   width: 305px;
}

.rightheader2
{
   background: url('images/menu_bg.gif');
   position: relative;
   width: 305px;
   height: 44px;
   margin-left: 0px;
   margin-top: 0px;   
}

.rightbox2
{
   position: relative;
   border: 1px inset #ccc;
   width: 305px;
   height: 535px;
   margin-left: -20px;
   margin-top: 0px;
   padding: 5px;
   background-color: #DFDFDF;   
}

.rightbox6
{
   position: relative;
   width: 250px;
   height: 30px;
   margin-left: 10px;
   margin-top: 0px;
   padding: 5px;
   background-color: #DFDFDF;   
}

/*
  ***********************************************
  * RIGHT COLUMN PROPERTIES FOR ALL OTHER PAGES *
  ***********************************************
*/

#right3
{
   width: 5px;
}

.right3
{                 
   float: right;          
   width: 5px;
}

.rightheader3
{
   background: url('images/menu_bg.gif');
   position: relative;
   width: 5px;
   height: 44px;
   margin-left: 0px;
   margin-top: 0px;   
}

.rightbox3
{
   position: relative;
   width: 410px;
   margin-left: -415px;
   margin-top: 0px;
   padding: 5px;
   background-color: #DFDFDF;   
}

.rightbox4
{
   position: relative;
   width: 170px;
   margin-left: -375px;
   margin-top: 10px;
   padding: 5px;
   text-align: right;
   background-color: #DFDFDF;   
}

.rightbox5
{
   position: relative;
   width: 70px;
   margin-left: -175px;
   margin-top: -70px;
   padding: 5px;
   background-color: #DFDFDF;   
}

/*
  ****************************************
  * FOOTER PANE PROPERTIES FOR HOME PAGE *
  ****************************************
*/

#footer
{
   position: absolute;
   bottom: 0;
   z-index: 2;
   width: 100%;
   background: url('images/bgfooter.gif');
   clear: both;
   text-align: right;
}

/*
  **********************************************
  * FOOTER PANE PROPERTIES FOR ALL OTHER PAGES *
  **********************************************
*/

#footer2
{
   position: absolute;
   bottom: 0;
   z-index: 2;
   width: 100%;
   background: url('images/bgfooter2.gif');
   clear: both;
   text-align: right;
}

.footerbox
{
   position: relative;
   width: 725px;
   margin-left: 200px;
   margin-top: 0px;
   text-align: center;   
}

.footerbox2
{
   position: relative;
   width: 350px;
   margin-left: 578px;
   margin-top: 0px;
   text-align: right;   
}

/*
  *******************
  * TEXT PROPERTIES *
  *******************
*/

.wht10b
{
   font: bold 10px Arial, Helvetica, sans-serif;
   color: #FFFFFF;
}

.gry10
{
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   color: #666666;
}

.gry10b
{
   font: bold 10px Verdana, Arial, Helvetica, sans-serif;
   color: #666666;
}

.lblk10-20
{
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   text-align: center;
   line-height: 20px;
}

.lblk10b-20
{
   font: bold 10px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   text-align: center;
   line-height: 20px;
}

.blk11b
{
   font: bold 11px Arial, Helvetica, sans-serif;
   color: #000000;
   text-align: center;
}

.lblk10i-20
{
   font: italic 10px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   text-align: center;
   line-height: 20px;
}

.lblk10bi-20
{
   font: bold italic 10px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   text-align: center;
   line-height: 20px;
}

.lblk13
{
   font: 13px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   text-align: center;
}

.lblk13la
{
   font: 13px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   text-align: left;
}

.lblk13b-20
{
   font: bold 13px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   text-align: center;
   line-height: 20px;
}

.lblk13b-20l
{
   font: bold 13px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   text-align: left;
   line-height: 20px;
}

.lblk16b-20
{
   font: bold 16px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   text-align: center;
   line-height: 20px;
}

.lred10-20
{
   font: 10px Verdana, Arial, Helvetica, sans-serif;
   color: #FF0000;
   text-align: center;
   line-height: 20px;
} 

.lred16b-20
{
   font: bold 16px Verdana, Arial, Helvetica, sans-serif;
   color: #FF0000;
   text-align: center;
   line-height: 20px;
}

.lred20b-20
{
   font: bold 20px Verdana, Arial, Helvetica, sans-serif;
   color: #FF0000;
   text-align: center;
   line-height: 20px;
}

.lred10b-20
{
   font: bold 10px Verdana, Arial, Helvetica, sans-serif;
   color: #FF0000;
   text-align: center;
   line-height: 20px;
}

.grn16b-20
{
   font: bold 16px Verdana, Arial, Helvetica, sans-serif;
   color: #00FF00;
   text-align: center;
   line-height: 20px;
}

.lblk18b-20
{
   font: bold 18px Verdana, Arial, Helvetica, sans-serif;
   color: #333333;
   text-align: center;
   line-height: 20px;
}
