@charset "UTF-8";
/* CSS Document */

form { margin: 0; padding: 0 }
fieldset { position: relative; margin: 0 auto 20px auto; padding: 0; border: none  }
fieldset.pumpperks { position: relative; padding: 0; color: #fff; background: #f2861a url(/img/gradientBckgrnd.jpg) center top repeat-x }


#content #col2 fieldset.pumpperks h2 { margin: 0px 15px 20px 15px; color: #fff; border: 0px solid }
#content #col2 fieldset.pumpperks h3 { color: #FFFFCC }
#content fieldset.pumpperks ul { display: block; margin: 0 15px 15px 15px; font-size: 14px }
#content fieldset.pumpperks ul li { display: block; margin: 0 15px; padding: 0; background-image: none }



fieldset.pumpperks #formRow { display: block; margin: 4px 15px; padding: 5px; border-top: 1px dashed #f9bf82 }
#textField { margin: 0; padding: 4px; width: 300px; border: 1px solid #f9bf82 }
#textField.required { background: #FFCC33 }
fieldset.pumpperks span { display: block; float: left; width: 150px; margin: 0 10px 5px 0; padding: 0 0 0 10px; font-size: 14px; font-weight: bold; color: #fff; background: url(/img/arrow_orange.gif) 0 7px no-repeat; overflow: hidden; border: 0px solid }

fieldset.pumpperks span.fullLine { width: 375px; border: 0px solid }

div#formTopCap { position: absolute; top: 0; left: 0; width: 100%; height: 10px; background: url(/img/formTopRightCorner.jpg) top right no-repeat; border: 0px solid }
#formBttmCap { position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: url(/img/formBttmRightCorner.jpg) top right no-repeat; border: 0px solid }

hr { display: block; clear: both; border-top: 1px dashed #6699CC; border-left: none; border-right: none; border-bottom: none; margin: 20px 0; padding: 0 }
table { font-size: 13px; line-height: 17px }
table td { padding: 4px; vertical-align: top; text-align: left }


#header {
	position: relative;
	height: 193px;
	background-image: url(/img/topCap.jpg);
	background-repeat: no-repeat;
	background-position: center 95px;
}
#mainNav {
	bottom: 30px;
}

#subNav { position: absolute; width: 907px; height: 28px; left: 27px; bottom: 0 }
#subNav li { float: left; background-position: 10px }
#subNav li a { display: block; padding: 5px 7px }
#subNav li.active a { font-weight: bold; color: #FF6600 }
#subNav li a:hover { background-color: #FFFFCC }

#subNav li ul { display: none }

/*#thirdTierNav { position: relative; float: none; display: block; clear: both; height: 30px; width: 900px; margin: 10px 0 15px 50px; margin-left: 50px; padding: 0; font: 11px/12px Arial, Helvetica, sans-serif; border: 1px solid; display: none  }
#thirdTierNav li { float: left }
#thirdTierNav li a { display: block; margin: 0 7px 0 0; padding: 3px 0 }
*/


/* second-level lists */

/*#subNav li ul { 
	position: absolute;
	background-color: #FF6600;
	width: 15em;
	left: -999em;
	margin: 0;
	padding: 0;
	z-index: 999;
}

#subNav li ul li, #subNav li.active ul li { margin: 0 }

#subNav li ul li a, #subNav li.active a ul li a {
	display: block;
	margin: 0;
	padding: 4px;
	border: none;
	text-decoration: none;
	text-align: left;
	color: #fff;
	width: 9.8em;
}

#subNav ul li a.active { color: #fff }


#subNav li ul a:hover {
	color: #fff;
	background: #ff6600
}
#subNav li ul a:active {
	color: #fff;
}

#subNav li:hover ul, #subNav li.sfhoverh ul { 
	left: auto;
}
*/




#content {
	float:left;
	width: 652px;
	margin: 0 0 0 14px;
	padding-bottom: 50px;
	background: url(../img/subContentBckgrnd.jpg) center top repeat-y;
	position: relative;
	z-index: 1;
}

#content ul { margin: 0 0 15px 0; padding: 0 }
#content ul li { margin: 0; padding: 0 0 0 12px; list-style: none; background: url(/img/arrow_orange.gif) 0 8px no-repeat; border: 0px solid }
#content .introText { font-weight: bold; font-size: 22px; line-height: 24px; color: #FF6600 }
#content .blueSpecialText { display: block; margin: 15px 0; padding: 10px 0; border-top: 1px dashed; font-size: 17px; line-height: 22px; font-weight: bold; color: #4582c0 }

.smallText { font: 11px/14px Arial, Helvetica, sans-serif }

#col1 p.button, #col2 p.button { height: 28px; margin: 10px 0; padding-left: 4px; font-size: 12px; font-weight: bold; background: url(../img/bttnBlue_leftCap.gif) top left no-repeat }
#col1 p.button a, #col2 p.button a { display: block; height: 28px; margin: 0;  text-align: center; padding-top: 6px; padding-right: 7px; padding-left: 0; background: url(../img/bttnBlue_rightCap.gif) top right no-repeat; color: #fff; border: 0px solid #333  }

#rightColumn {
	float: left;
	width: 280px;
	margin: 0;
	padding: 0;
}

#rightColumn #panelSpecials {
	background: url(../img/panelWeeklySpecials.jpg) no-repeat center top;
	float: left;
	height: auto;
	width: 274px;
	padding: 0 0px 30px;
	position: relative;
}



#rightColumn #panelSpecials ol { position: relative; margin: 45px 20px 15px 10px; border: none }
#panelSpecials ol li { margin: 0; padding: 0; font-weight: bold; background: url(../img/dotted_rule.gif) center bottom repeat-x }
#panelSpecials ol li a {
	display: block;
	padding: 9px 0 9px 12px;
	
	}
	
#panelSpecials ol li a:hover { background: #E6F9F9 }

#content #col1 {
	position: relative;
	width: 285px;
	float: left;
	z-index: 777;
}
#content #col2 {
	position: relative;
	float: left;
	width: 295px;
	/*width: 350px;*/
	padding-top: 110px;
	font: 16px/24px "Trebuchet MS", Tahoma, TradeGothic, Helvetica, Arial;
	z-index: 999;
}

#content #col2 p {
	margin: 0 0 15px 0;
}

#content #col2 h1 { display: block; text-align: right; font: bold 27px/30px "Trebuchet MS", Tahoma, TradeGothic, Helvetica, Arial; color: #528fc8; margin: 0 0 27px 0 }
#content #col2 h2 { font: bold 20px/22px "Trebuchet MS", Tahoma, TradeGothic, Helvetica, Arial; color: #528fc8; margin: 0 0 27px 100px }
#content #col2 h3 { font: bold 18px/22px "Trebuchet MS", Tahoma, TradeGothic, Helvetica, Arial; color: #ff6600; margin: 0 0 10px 0 }
#columnPhoto {
	background: url(../img/columnPhotoBckgrnd.jpg) no-repeat center top;
	height: 215px;
	width: 201px;
	margin: 0;
}

#content table { font-size: 16px; line-height: 24px }

.photoRight { float: right; margin: 0 0 15px 20px; padding: 4px}
.photoLeft { float: left; margin: 0 20px 15px 0; padding: 4px }

/* Two Column formatting styles */

#typeB #col1 { display: none }
#typeB #col2 { width: 580px; margin-left: 30px; padding-top: 10px }
#typeB #col2 h1 { text-align: left; margin: 0 auto 20px 0; padding: 0; border: 0px solid }
#typeB #col2 h2 { margin: 0 auto 10px 0; padding: 0; border: 0px solid }

/* One Column formatting styles */

#typeC #content { width: 928px; background: url(/img/subContentBckgrnd1Col.jpg) top center repeat-y }
#typeC #col1 { display: none }
#typeC #col2 { width: 875px; margin-left: 30px; padding-top: 10px }
#typeC #rightColumn { display: none }
#typeC #col2 h1 { text-align: left; margin: 0 auto 20px 0; padding: 0; border: 0px solid }
#typeC #col2 h2 { margin: 0 auto 10px 0; padding: 0; border: 0px solid }

#typeB #storePhoto { display: none }


#columnPhoto img { margin: 9px }#storeManager {
	margin: 290px auto 0px;
	width: 201px;
}
#storeManager h2 {
	font-size: 20px;
	line-height: 30px;
	margin: 0;
	padding: 0;
}

#storeManager h4 {
	font-size: 15px;
	line-height: 20px;
	margin: 0px 0px 7px 0;
	padding: 0;
	font-weight: normal;
}
#storeManager p {
	color: 528fc8;
	font-size: 12px;
}
#adDisplay {
	height: 258px;
	width: 274px;
	margin: 5px 0;
	background: url(../img/panelAd.jpg) no-repeat center top;
}
#adDisplay img {
	margin: 8px auto auto 8px;
}
#relatedNav {
	background: #fff url(../img/relatedNavTopCap.jpg) top center no-repeat;
	width: 278px;
	position: relative;
	margin: 0 0 0 -4px;
	padding: 15px 0 30px 0;
	z-index: 777;
}
#relatedNav ul {
	margin: 12px 20px 0px 12px;
}
#relatedNav ul li { margin: 0; padding: 0; font-size: 11px; font-weight: bold; line-height: 12px; background: url(../img/dotted_Rule.gif) bottom center no-repeat }
#relatedNav ul li a { display: block; padding: 5px 10px 5px 28px; background: url(../img/arrow_orange.gif) 17px 7px no-repeat }
#relatedNav ul li a:hover { background-color: #E6F9F9 }
#relatedNav h4 {
	font: bold 15px/17px "Trebuchet MS", Tahoma, TradeGothic, Helvetica, Arial;
	margin: 12px 20px 0 20px;
	padding: 0;
}
.addressLine {
	font-size: 14px;
	font-weight: bold;
	line-height: 21px;
	color: #437AB9;
}
#storePhoto {
	position: absolute;
	left: 12px;
	top: 10px;
	height: 300px;
	width: 630px;
	z-index: 1;
}


#anniversaryQuiz { float: left; width: 375px; font-family: helvetica, arial; font-size: 80% }
#anniversaryQuiz ul, #anniversaryQuiz ol { font-family: helvetica, arial; }
#anniversaryQuiz li { list-style: none; background-image: none; margin-left: none }
#anniversaryQuiz h1, #anniversaryQuiz h2, #anniversaryQuiz h3, #anniversaryQuiz h4 { font-family: helvetica, arial; }