/* Link */
a, a:visited, a:link, a:hover  {
	color:#037eab;
    text-decoration: underline;
    cursor:pointer;    
}

/* Floats */
.fltl   {float: left;}
.fltr   {float: right;}
.clearb {clear: both;}

strong {font-weight:bold;}

/* visibility classes */
.invisible {visibility:hidden;}
.visible {visibility:visible;}
.none {display:none;}
.block {display:block;}

/* Text Input - aka .tin */
input.tin {
	margin:0;
	padding:0;
	color:#222;
	width:165px;
	padding:0.3em 0.2em 0.1em;
	height:1.2em !important;
	height:1.3em;
	vertical-align:baseline;
	border-spacing:0px;
	border:1px solid #d5d0bd;
}

input.tin.active {
	background:#FFE;
}

.bLinks li, .gLinks li, .bLinksExt {
    border-style:solid;
    border-width: 0 1px 0 0;
    display: inline;
    padding: 0 0.3em;
    text-align: left;
    font-size: 11px;
}

.bLinks, .gLinks, .bLinksExt {
    margin: 0;
    padding: 0;
    text-align: inherit;
    list-style-type:none;
}

.bLinks .firstli,.bLinksExt .firstli, .gLinks .firstli{
    padding-left:0px;
}

.bLinks .lastli,.bLinksExt .lastli, .gLinks .lastli{
    border:0px;
    text-align:left
}
p.legal {
    font-size: 11px;
    border-spacing: 0;
    border-collapse: separate;
    margin: 0pt;
    padding:0pt
}
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* HEADER */
#header {
	/*background: #f0ebd9 url(#{path.css('../images/bg_header.gif')}) top left repeat-x;*/
/* width required for ie to draw the background proper like */
	width:100%;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* SPRITE INCLUDES */
/* Currently there are just a few sprite images.  Set the elements including them here to avoid repetition */
#header, #headerNav a, .buttonRoundedMin {
    background:url(http://content.mqcdn.com/mqsite/sprite_header.gif) no-repeat top left;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* HEADER GENERAL */
#header {
    background-repeat: repeat-x;
	background-position:0px -196px;
    /* width required for ie to draw the background proper like */
    width:100%;
	padding:3px 0px 2px;
	background-color:#f1ecda;
	border-bottom:1px solid #d5d0bc;
}

#headerTopLeft {
	float:left;
	padding:10px 18px 0 8px;
	font-size:0.75em;
	position:relative;
}

#headerTopLeft a{
	text-decoration:none;
	padding:0 0.4em 0 0.3em;
	border-right:1px solid #777;
}

#headerTopLeft a.last {
	border-right:0;
}

#headerTopRight {
	float:right;
	padding:3px 10px 7px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* HEADER NAV */
#headerNav{
	margin:0 0 4px;
}

#headerNav{
	_margin:0 0 6px;
}

#headerNav a {
	float: left;
	height: 18px;
	font-weight: bold;
	font-size: 12px;
	color: #434343;
	padding: 3px 5px 0 25px;
	margin: 3px 5px;
	text-decoration: none;
	line-height: 19px;
	vertical-align: middle;
}

/* Mouseover item has slightly blue-er text */
#headerNav a:hover {
	/*color: #448;*/
}

/* Nav Logo */
#headerNav #navLogo {
	height: 25px;
	width: 165px;
	margin: 0px 0px 0px 20px;
	padding: 0;
}

/* Nav Items */
#headerNav #navMaps {
	background-position: 0px -25px;
	margin-left:20px;
}

#headerNav #navDir {
	background-position: 0px -46px;
	padding-left: 28px;
}

#headerNav #navYp {
	background-position: 0px -70px;
	padding-left: 23px;
}

#headerNav #navLocal {
	background-position: 0px -94px;
	padding-left: 26px;
}

#headerNav #navGas {
	background-position: 0px -117px;
	padding-left: 24px;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* SEARCH HEADER */
#headerAOLSearch {
	float:right;
	padding:5px 10px 7px;
}
#aolinput {
	_height:17px;
}

/*#aolinput {
	border-spacing:0;
	color:#999999;
	font-size:0.7em;
	height:1.2em !important;
	margin:0;
	padding:0 0 0 3px;
	vertical-align:baseline;
	width:165px;
}*/

.buttonRoundedMin {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	background-position: 0px -164px;
	border:0 none;
	color:#000000;
	cursor:pointer;
	font-size:11px;
	font-weight:bold;
	height:1.5em;
	overflow:visible;
	padding:0 4px;
	vertical-align:baseline;
	width:auto;
}

.buttonRoundedMin:hover {
	background-position: 0px -179px;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/* NEW FOOTER */
#mqfooter {
	font-size:11px;
	padding:10px;
	background:#FFFFFF url(/gaspricesweb/images/bg_footer.gif) top left repeat-x;
	color:#000;
	width:expression(document.body.clientWidth < 966? "966px": "auto");
}
#mqfooter ul {
	list-style: none;
	margin: 0px 3px 3px 0px;
	padding: 0px;
}
#mqfooter li {
	display: inline;
	margin: 0px;
	padding:0em 0.2em 0em 0.5em;
	border-right: 1px solid #666;
}
#mqfooter li.last {
	border: none;
}
#mqfooter li.first {
	padding-left:0px;
}
#mqfooter li a, #mqfooter li a:visited {
	color:#00F;
}
#mqfooter abbr {
	text-decoration:underline;
	border:none;
}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* MAIN CONTENT WRAPPERS */
.contentTop, .contentBottom {
	margin:0 3px;
	font-size:1px;
	height:8px;
	background:#FFF url(/gaspricesweb/images/bg_main_border.gif) repeat-x;
	clear:both;
	position:relative;
}
.contentTop {background-position:top left;}
.contentBottom {background-position:bottom left;}

/* used the div as the left image and a p as the right image.  just made the markup simpler */
.contentTop div, .contentTop p, .contentBottom div, .contentBottom p {
	width:8px;
	height:8px;
	background:url(/gaspricesweb/images/sprt_main_rounded.gif) no-repeat;
}
.contentTop div {float:left;}
.contentTop p {float:right;background-position:-8px 0px;}
.contentBottom div {float:left;background-position:0px -8px;}
.contentBottom p {float:right;background-position:-8px -8px;}

.contentSection {
	border-left:1px solid #d7d2bf;
	border-right:1px solid #d7d2bf;
	margin:0 3px;
	background:#FFF;
	padding:1px 15px;
	position:relative;
}

/*
 * for ie6 make the right side of the content top / bottom squared so it resizes gracefully.
 * only way to support rounded corners in ie6 on the right would be to use tables.  went this way
 * until management decides that they want it perfect in ie6 ... meaning tables!!
 */
/* set the right squared border on the div */
.contentTop, .contentBottom {
	_border-right:1px solid #d7d2bf;
}

/* set the min width element */
.contentTop span, .contentBottom span {
	display:none;
	width:961px;
	font-size:1px;
	_display:block;
}

/* switch off floats and into absolute positioning */
.contentTop div, .contentBottom div {
	_position:absolute;
	_left:0px;
	_top:0px;
	_float:none;
}

/* hide the right rounded corner image */
.contentTop p, .contentBottom p {
	_display:none;
}


/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */
/* SET MIN-WIDTHS */
body, #header, #mqfooter {
	min-width:966px;
}
.contentSection {
	min-width:930px;
}
.contentTop, .contentBottom {
	min-width:962px;
}

/*
 * IE requires elements that are as wide as the min-width in the content.
 * Only show these elements in IE.
 */
.ieMinWidth {
	display:none;
	width:966px;
	height:1px;
	font-size:1px;
	/* show for ie */
	_display:block;
}

.contentSection .ieMinWidth {
	_width:930px;
	_display:block;
	_font-size:1px;
}