@charset "utf-8";
/* CSS Document */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0; }

body {position: relative;}

.wrapper {height: auto; background-color: #ffffff; font-family: Verdana, Helvetica, sans-serif; font-size: 13px; color: #000000; }
h1 {font-size:20px; font-weight:900;}
h2 {font-size:18px; font-weight:900;}
h3 {font-size:14px; font-weight:900;}
h5 {font-size:13px; font-weight:900;}
h4 {font-size:12px; font-weight:900;}
p.homePg {vertical-align:top; font-size:16px; font-weight:900;}
p.boldSpaced {text-align:left; font-weight:bold; line-height:20px;}

	
.indent {text-indent:1em;}
.indentMore{text-indent:4em;}

.header {height:100px; background-image: url(../images/backgrounds/bannerBckgrd.gif); background-repeat: no-repeat; background-position: left top; margin-left:auto;}

.center {text-align:center;}
.redColor {color:#CC0000;}
.whiteColor {color:#FFFFFF;}
.goldColor {color:#FDB614;}


#sideText {font-size:14px; color:#CC0000; font-weight:bolder; line-height:20px;letter-spacing:normal;} 

.rightTop {vertical-align:top; text-align:right;}
.leftMid {vertical-align:middle; text-align:left;}
.midCenter {vertical-align:middle; text-align:center;}
.leftTop {vertical-align:top; text-align:left;}
.centerTop {vertical-align:top; text-align:center;}

.pList {font-family:Verdana, Helvetica, sans-serif; font-size:12px; line-height: 16px; margin-left:20px; list-style-position:outside; margin-top:6px; margin-bottom:8px; padding-right:20px; padding-left:8px; font-weight:normal; color:#000000;}

.ulSquare {font-style: normal; line-height:18px; font-weight:normal; color: #000000; margin-left:50px; list-style-position:outside; list-style-type:square; display:list-item;}

.ulCircle {font-style: normal; line-height:18px; font-weight:normal; color: #000000; margin-left:25px; list-style-position:outside; list-style-type:disc;display:list-item;}

ol {list-style-position:outside; list-style-type:lower-alpha; padding-left: 15px; padding-bottom: 3px;}
li {padding-bottom: 4px;}

.colSiteMap {width:28%; vertical-align:top; vtext-align:left;} 

a:link {color: #CC0000; text-decoration: none;}
a:visited {color: #CC0000; text-decoration: none;}
a:hover {text-decoration: none;}
a:active {text-decoration: none;}

a:link.blackBold {color: #000000; font-weight:bold;	text-decoration: none; text-indent:none;}
a:visited.blackBold {color: #000000; font-weight:bold; text-decoration: none;text-indent:none;}
a:hover.blackBold {color: #CC0000; font-weight:bold; text-decoration: underline;text-indent:none;}
a:active.blackBold {color: #CC0000; font-weight:bold; text-decoration: none;text-indent:none;}

a:link.black {color: #000000; text-decoration: none; padding-left:12px;}
a:visited.black {color: #000000;text-decoration: none; padding-left:12px;}
a:hover.black {color: #CC0000;text-decoration: underline; padding-left:12px;}
a:active.black {color: #CC0000;text-decoration: none; padding-left:12px;}

a:link.blackIndent {color: #000000; text-decoration: none; padding-left:28px;}
a:visited.blackIndent {color: #000000;text-decoration: none; padding-left:28px;}
a:hover.blackIndent {color: #CC0000;text-decoration: underline; padding-left:28px;}
a:active.blackIndent {color: #CC0000;text-decoration: none; padding-left:28px;}

a:link.whiteLink {color: #FFFFFF; text-decoration: none; }
a:visited.whiteLink {color: #FFFFFF; text-decoration: none; }
a:hover.whiteLink {color: #FFFFFF; text-decoration: none; }
a:active.whiteLink {color: #FFFFFF; text-decoration: none; }

a:link.goldLink {color: #FDB614; text-decoration: none; }
a:visited.goldLink {color: #FDB614; text-decoration: none; }
a:hover.goldLink {color: #FDB614; text-decoration: none; }
a:active.goldLink {color: #FDB614; text-decoration: none; }
 

.spacer {visibility:hidden; padding-top:70px;}

.boxGray {padding: 12px; border: 1px solid #CCCCCC;}
.boxRed {padding:12px; border: 2px solid #CC0000; text-align:left}
.boxTextOutline {padding-left:30px; padding-right:10px; padding-bottom:8px; padding-top:8px; border: 2px solid #FDB614;}
.boxIndexPg {padding:12px; border: 2px solid #FDB614; text-align:justify; border-radius:15px;}

/* solid red box
.boxIndexPg {padding:12px; border:none; color:#FFFFFF; background-color:#CC0000; text-align:justify;}  */
.boxForm {text-align:left; vertical-align:top; border:2px ridge #CC0000; padding:8px;}
.boxFormHeader {text-align:center; vertical-align:top; line-height:20px; border:3px ridge #CC0000; background-color:#ffffff;}

.lineRed {background-image: url(../images/backgrounds/lineRed.png);	background-repeat: repeat-x; background-position: left top;}
.lineY1 {background-image: url(../images/backgrounds/lineY2.gif);background-repeat: repeat-x;background-position: left; height:10px;}
.lineRY {background-image: url(../images/backgrounds/lineRY.png);background-repeat: repeat-x;background-position: top;}

.lineFooter {background-image: url(../images/backgrounds/lineRedFooter.gif);background-repeat: repeat-x;background-position: left center;}
.footer {font-family: Verdana, Helvetica, sans-serif;font-size: 9px; color: #999999; background-image: none; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none;text-align: justify;}


/* Promotions page */
.promoHeader {color:#CC0000; font-weight:bolder; font-size: 16px; margin-top:1px; margin-bottom:1px;}
.promoCaption {color:#CC0000; font-weight:bold;}
.promoText {color:#000000; font-weight:normal; }
.promoHead {color:#000000; font-size: 13px; font-weight:bold; text-decoration:none; }
.promoRegPrice {color:#000000; font-weight:normal; font-style:italic; margin-left:10px;}
.promoStyle {padding-left:2px;padding-top:5px;padding-right:6px;vertical-align:top;text-align:left;}
.indentBold {text-indent:20px; font-weight:bold; font-size:12px; }

.promoImgStyle {vertical-align:top; text-align:left;}
.promoImgSmall {vertical-align:top; text-align:center; height:175px}
.promoImg  {width:200px; height:150px}
.promoBox {vertical-align:top; padding-left:10px; padding-right:6px; border:3px double #fdb614; }

/* Locations page */
.boldCenter {vertical-align:top; text-align:center; font-weight:bold; padding-bottom: 10px}
.address {font-size:13px; font-weight:bold; vertical-align: text-top; text-align:left;}
.imgRight {vertical-align:top; text-align:right; padding-left:20px;}
.imgLeft {vertical-align:top; text-align:left; padding-right:20px;}
.imgLeftPad {vertical-align:top; text-align:left; padding-left:40px;}


/* Hot Stuff page*/

.backgrdLogo {margin: 10px; background:url('../images/hotStuff/logoHSF50x40.gif') no-repeat; background-position:left top; }
.imgLogo {float:left; margin-bottom:40px;} 
.imgPhoto {float:none; margin: 20px 0px 10px 10px;}
.imgProducts {float:right; margin:0px 0px 5px 5px; }
.openingBox {background-color: #FFFFFF; border-color: #CC0000; border-style:double; border-width: medium; padding:10px; float: none; text-align:center; vertical-align:top; color:#000000}

.redFillBox {width:300px; background-color: #CC0000; padding:5px; text-align:left; vertical-align:top; color:#FFFFFF; border-color: #000000; border-style:solid; border-width:1px;}
.goldFillBox {width:300px; background-color: #FDB614; padding:5px; text-align:left; vertical-align:top; color:#000000; border-color: #000000; border-style:solid; border-width:1px;}
.greenFillBox {width:300px; background-color:#006600 ; padding:10px; float: none; text-align:left; vertical-align:top; color:#FFFFFF; border-color: #000000; border-style:solid; border-width:1px;}
.whiteFillBox {width:300px; background-color:#FFFFFF ; padding:10px; float: none; text-align:left; vertical-align:top; color:#CC0000; border-color: #000000; border-style:solid; border-width:1px;}

td.redFillBox > h5 {color:#FDB614;}
td.redFillBox > h4 {font-style:italic; color:#FDB614;}
td.goldFillBox > h5 {color:#CC0000;}
td.greenFillBox > h5 {color:#FDB614;}
td.whiteFillBox > h5 {color:#006600;}


/** Conoco red #CC0000 **/
