/* css/reset.css */

/* GLOBAL RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
ol, ul {list-style: none;}
table {border-collapse: separate; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
 


/* lib/yui/2.4.1/container/assets/container.css */

/*
*/
.yui-overlay,
.yui-panel-container {
    visibility:hidden;
    position:absolute;
    z-index: 2;
}

.yui-tt {
    visibility:hidden;
    position:absolute;
    color:#333;
    background-color:#FDFFB4;
    font-family:arial,helvetica,verdana,sans-serif;
    padding:2px;
    border:1px solid #FCC90D;
    font:100% sans-serif;
    width:auto;
}

/*
*/

.yui-tt-shadow {
    display: none;
}

* html body.masked select {
    visibility:hidden;
}

* html div.yui-panel-container select {
    visibility:inherit;
}

* html div.drag select {
    visibility:hidden;
}

* html div.hide-select select {
    visibility:hidden;
}

.mask {
    z-index: 1; 
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

/*
*/

.hide-scrollbars,
.hide-scrollbars * {

    overflow: hidden;

}

.hide-scrollbars select {

    display: none;

}

.show-scrollbars {

    overflow: auto;

}

.yui-panel-container.show-scrollbars {

    overflow: visible;

}

.yui-panel-container.show-scrollbars .underlay {

    overflow: auto;

}

.yui-panel-container.focused {

}


/* Panel underlay styles */

.yui-panel-container .underlay {

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}

.yui-panel-container.matte {

    padding: 3px;
    background-color: #fff;

}

.yui-panel-container.shadow .underlay {

    top: 3px;
    bottom: -3px;
    right: -3px;
    left: 3px;
    background-color: #000;
    opacity: .12;
    filter: alpha(opacity=12);  /* For IE */

}

/* 
  
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay {
    display:none;
}

.yui-panel {
    visibility:hidden;
    border-collapse:separate;
    position:relative;
    left:0;
    top:0;
    font:1em Arial;
    background-color:#FFF;
    border:1px solid #000;
    z-index:1;
    overflow:hidden;
}

.yui-panel .hd {
    background-color:#3d77cb;
    color:#FFF;
    font-size:100%;
    line-height:100%;
    border:1px solid #FFF;
    border-bottom:1px solid #000;
    font-weight:bold;
    padding:4px;
    white-space:nowrap;
}

.yui-panel .bd {
    overflow:hidden;
    padding:4px;
}

.yui-panel .bd p {
    margin:0 0 1em;
}

.yui-panel .container-close {
    position:absolute;
    top:5px;
    right:4px;
    z-index:6;
    height:12px;
    width:12px;
    margin:0px;
    padding:0px;
    background:url("images/close12_1.gif") no-repeat;
    cursor:pointer;
    visibility:inherit;
}

.yui-panel .ft {
    padding:4px;
    overflow:hidden;
}

.button-group button {
    font:100 76% verdana;
    text-decoration:none;
    background-color: #E4E4E4;
    color: #333;
    cursor: hand;
    vertical-align: middle;
    border: 2px solid #797979;
    border-top-color:#FFF;
    border-left-color:#FFF;
    margin:2px;
    padding:2px;
}

.button-group button.default {
    font-weight:bold;
}

.button-group button:hover, 
.button-group button.hover {
    border:2px solid #90A029;
    background-color:#EBF09E;
    border-top-color:#FFF;
    border-left-color:#FFF;
}

.button-group button:active {
    border:2px solid #E4E4E4;
    background-color:#BBB;
    border-top-color:#333;
    border-left-color:#333;
}

/* css/default.css */

/* HTML */
html { background-color: #f7f7f7; overflow-y: scroll; margin: 0; padding: 0; }
/* BODY */
body {font: 62.5%/1.2 Verdana, Arial, Helvetica, sans-serif; background-color: #e6e6e6; color: #636363; margin: 0; padding: 0;}

/* COMMON */
hr {display: none;}
strong {font-weight: bold;}
abbr, acronym { border: none;}
a {text-decoration: none; color: #039; outline: none; }
a:hover {text-decoration: underline;}
img { border: none;}
#body a:visited, #footer a:visited {color: #7495c6;}
#body .more a:visited, #body .cancel:visited {color: #069;}


/* LAYOUT */
#header {
	clear: both;
	background-color: #fff;
	border-bottom: 3px solid #52a9d4;
	height: 1%;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#body {clear: both; width: 98em; _width: 980px; min-width: 980px;  max-width: 95%; margin: 0 auto; padding: 15px 10px 10px; }
  #sidebar {
	width: 16%;
	_width: 15.8%;
	float: left;
}
  #body .wrapper {width: 79.5%; float: right; background-color: #fff; padding: 15px; border: 1px solid #ccc; border-width: 1px 0; }
#footer {clear: both; height: 1%; margin: 15px 0 0; padding: 20px 10px; border-top: 3px solid #ccc; background-color: #f7f7f7; color: #666; }

#header:after, #body:after, #body .wrapper:after, #main:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* HEADER */
#header .wrapper { min-width: 760px; max-width: 98em; _width: 98em; margin: 0 auto; }	
#header h1 { font-size: 100%; margin: 0; padding: 0; border: none; }
#header h1#logo img {
	width: 250px;

width: 250px; 											height: 50px;
	border: none;
	background-color: #FFFFFF;
}

/* FOOTER */
#footer .wrapper { min-width: 710px; max-width: 98em; _width: 98em; margin: 0 auto; }	
#footer a {color: #069;}
#footer p {font-size: 110%; margin: 0; padding: 0;}

/* FOOTER LINKS LAYOUT */
#footer-links {clear: both; margin: 0 0 12px; padding: 0; list-style-type: none; }
#footer-links strong {font-weight: bold;}
#footer-links li {font-size: 130%; font-weight: bold; margin: 0 0 .5em; padding: 0; white-space: nowrap;}
#footer-links ul {list-style-type: none; padding: 0 0 0 5em; margin: -1.2em 0 0 0; }
#footer-links ul li {font-weight: normal; display: inline; font-size: 100%; border-left: 1px solid #999;  padding: 0 .5em 0 .75em; margin: 0;}
#footer-links ul li:first-child, #nav-footer ul li.first {border: none;}


/* SIDEBAR NAVIGATION */
#nav-primary {float: left; margin: 1px 0 0 -6px; *margin-top: 3px; padding: 0;  list-style-type: none;}
#nav-primary li {float: left; font-size: 150%; font-weight: bold; margin: 0 .5em 0 0; padding: 0; }
#nav-primary li.open {position: relative; z-index: 1;}
#nav-primary abbr {font-weight: normal; line-height: 1;}
#nav-primary a {outline: none; color: #069; position: relative; z-index: 1; display: block; border: 1px solid #fff; border-width: 0 1px 0 0; padding: 3px 24px 3px 0; text-decoration: none; white-space: nowrap; background: url(/images/pic_plus_minus_box.gif) 100% 4px no-repeat;}
#nav-primary span { padding: 5px 0 5px 6px; *padding: 3px 0 3px 6px;}
#nav-primary a span.hover {text-decoration: underline;}
#nav-primary a.hover {background: url(/images/pic_plus_minus_box.gif) 100% -24px no-repeat;}
#nav-primary li.open a {border: 1px solid #39c; border-bottom-color: #fff; padding: 2px 24px 2px 0; background: #fff url(/images/pic_plus_minus_box.gif) 100% -54px no-repeat; *background-position: 100% -53px ;}
#nav-primary li.open span {padding: 2px 0 2px 5px;}
#nav-primary li ul {display: none; list-style-type: none; position: absolute; left: 0; top: 23px; background-color: #fff; border: 1px solid #39c; margin: 0; padding: 5px 0; z-index: 0;}
#nav-primary li.open ul {display: block;}
#nav-primary li li {float: none; font-size: 75%; font-weight: normal; padding: 0; margin: 0; background: none; _margin-bottom: -1em;}
#nav-primary li li a, #nav-primary li.open li a {padding: 4px 10px; background-image: none; border: none;}
#nav-primary li li a:hover {background-image: none; background-color: #39c; color: #fff;}
#nav-primary li.open li span {padding: 0;}
#nav-primary #nav-primary-companies li a { padding-right: 20px;}

.separator {margin-top: 5px !important; padding-top: 5px !important;}
.separator span {display: block;}


/* SIDEBAR */
#sidebar-nav-format ul {
	background: #fff;
	border: 100 px solid #ccc;
	border-top-width: 1px;
	padding: 7px 0;
	margin: 0 0 2px;
	list-style-type: none;
}
#sidebar-nav-format ul li {font-size:110%; font-weight: bold; margin: 0; padding: 0; background: url(/images/pic_plus_minus_box.gif) 100% -107px no-repeat; zoom:1;}
#sidebar-nav-format ul li.open {background-position: 100% -136px; margin: 0;}
#sidebar-nav-format ul li.hover {background-position: 100% -392px; margin: 0; }
#sidebar-nav-format ul li.hover.open {background-position: 100% -421px; margin: 0;}
#sidebar-nav-format ul li a {color: #069 !important; display: block; padding: 6px 19px 5px 31px; text-decoration: none;}
#sidebar-nav-format ul li span {padding: 2px;}
#sidebar-nav-format ul li span.hover { text-decoration: underline;}
#sidebar-nav-advertisers a {background: url(/images/pic_sidebar_images2.gif) 9px -23px no-repeat;}
#sidebar-nav-products a {background: url(/images/pic_sidebar_images2.gif) 9px -48px no-repeat;}
#sidebar-nav-home a {background: url(/images/pic_sidebar_images2.gif) 9px -74px no-repeat;}
#sidebar-nav-gasretailers a {background: url(/images/pic_sidebar_images2.gif) 9px -100px no-repeat;}
#sidebar-nav-format ul ul {display: none; border: none; background-color: #fff; padding: 0; margin: 0;}
#sidebar-nav-format ul li.open ul {display: block;}
#sidebar-nav-format ul ul li {font-size: 100%; font-weight: normal; background: none;}
#sidebar-nav-format ul ul li a {background: none; font-size: 100%; color: #069 !important; font-weight: normal; padding: 3px 0; *padding: 1px 0; margin: 0 10px 0 33px;}
#sidebar-nav-format ul ul li a:hover {cursor: pointer; text-decoration: underline;}
#sidebar-nav-format ul ul li.separator {margin-top: 3px !important; padding-top: 0 !important;}
#sidebar-nav-format ul ul li.separator a {border-top: 1px solid #ddd; padding-top: 6px;}

#home #sidebar-nav-home span,
#advertisers #sidebar-nav-advertisers span, 
#products #sidebar-nav-products span,
#gasretailers #sidebar-nav-gasretailers span,

{background-color: #ddf0f8;}

/* WRAPPER */
/* MAIN */	
/* SECTION HEADER */
#section-header, #page-title {
	position: relative;
	float: right;
	width: 79.5%;
	padding: 10px 15px 0;
	overflow: hidden;
	margin-bottom: -1px;
	background-repeat: repeat-x;
	background-position: 0 100%;
	background-color: #FF3300;
}
.guest #section-header, .guest #page-title  { width: auto; float: none; height: 1%; _right: 0 !important;}
#body .wrapper #section-header, #body .wrapper #page-title { width: 100%; float: none; margin: -16px 0 0 -15px; *float: left; _right: -15px; }
#body .wrapper #page-title { margin-bottom: 15px; }

#section-header h1, #page-title h1 { font-size: 210%; font-weight: bold; color: #fff; margin: 0; padding: 0 0 10px; border: none; }
#section-header h1 a, #section-header h2 a, #page-title h1 a { color: #fff !important; }
#section-header h1 img { vertical-align: top; padding-left: 5px; }

#related-links { float: right; margin: 0 0 -2em 0;  list-style-type: none;}
#related-links ul { list-style-type: none;  margin: 0; padding: 0; }
#related-links li, #return-link { color: #fff; font-size: 130%; font-weight: bold;  margin: 0; padding: 0; }
#related-links li { display: inline; padding-left: 1em;}
#related-links li a, #return-link a { color: #fff !important; }

#return-link { position: absolute; right: 15px; bottom: 10px; *bottom: 8px; margin: 0; padding: 0; }

ul#tab-nav { margin: 0; padding: 0; list-style-type: none; float: left; overflow: hidden; height: 1%; }
#tab-nav li { font-size: 130%;  float: left; margin: 0 6px 0 0; padding: 0;  }
#tab-nav li a, #tab-nav li a:visited  {
	display: block;
	float: left;
	color: #069;
	padding: 5px 8px 3px 0;
	text-decoration: none;
	background-color: #e6e6e6;
	background-image: url(/images/pic_tab_right_4x4.gif);
	background-repeat: no-repeat;
	background-position: 100% 0;
}
#tab-nav li a span { background: url(/images/pic_tab_left_4x4.gif) no-repeat 0 0; padding: 5.01px 0 3px 8px; }
#tab-nav li a:hover {
	text-decoration: none;
	background-color: #FFFFFF;
}
#tab-nav li a:hover span { text-decoration: underline; }

#advertisers #tab-advertisers-white a,
#products #tab-products-white a, 
#home #tab-home-white a, 
#gasretailers #tab-gasretailers-white a,
/*without the line below all tabs turn gray*/
#tab-makethemappearwhite #tvooh-tabs a

{
	background-color: #fff !important;
	color: #039 !important;
}

/* SIDEBAR */
#sidebar .sticky-box {
	background: url(/images/pic_round_btm_154_14.gif) 50% 100% no-repeat;
	padding-bottom: 12px;
	margin-bottom: 5px;
	min-width: 154px;

*width: 154px; 											height: 1%;
}
#sidebar .sticky-box .content {
	background: url(/images/pic_round_top_154_600.gif) 50% 0 no-repeat;
	width: 15.4em;

*width: auto; 		min-width: 149px;
	max-width: 100%;
	padding-top: 4px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#sidebar #sidebar-nav-format .content {

}

/* SIDEBAR SMALL MESSAGE BOX */
#sidebar-message #small-box {
	background: #fff;
	border: 1px solid #ccc;
	border-width: 0px 1px;
	padding: 7px 9px;
	position: relative;
	height: 1%;
}
#sidebar-message #small-box:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 
#sidebar-message #small-box h2 {font-size: 130%; font-weight: normal; text-align: left; padding: 2px 0 19px 55px; margin: 0; overflow: hidden; _width: 80px;}
#sidebar-message #small-box h2 a, #sidebar-message #small-box h2 a:visited {color: #000;}
#sidebar-message #small-box h3 {clear: both; font-size: 110%; margin: 0 0 10px; padding: 0; font-weight: normal; border: none; overflow: hidden; _width: 100%; }
#sidebar-message #small-box p {font-size: 110%; color: #666; margin: 0 0 10px; padding: 0; line-height: 1.2; clear: both;}
#sidebar-message #small-box .photo {position: absolute; left: 9px; top: 7px;}		


/* TABS */
.tabs { height: 26px; background: url(/images/bg_tabs_1x22.gif) 0 3px repeat-x; margin-bottom: 10px; }
.tabs ul { font-size: 85%; height: 26px; margin: 0 0 0 17px; padding: 0; list-style: none; white-space: nowrap; overflow: hidden; }
.tabs li, .tabs li a, .tabs li strong { display: block; float: left; }
.tabs li { background: url(/images/bg_tabs_border_1x20.gif) 0 3px no-repeat; margin: 0; padding: 0; }
.tabs li.selected { background: #FFF url(/images/bg_tabs_border_selected_1x25.gif) 0 0 no-repeat; border-top: 1px solid #CCC; }
.tabs li a { color: #777; text-align: center; text-decoration: none; cursor: pointer; }
.tabs li.selected a, .tabs li.selected strong { color: #C60; background: url(/images/bg_tabs_border_selected_1x25.gif) 100% 0 no-repeat; }
.tabs li.disabled a, .tabs li.disabled a:hover *, .tabs li.disabled strong { color: #ccc; cursor: text; }
.tabs li strong { color: #777; background: url(/images/bg_tabs_border_1x20.gif) 100% 3px no-repeat; padding: 8px 14px 6px 14px; }
.tabs li em { color: #777; font-weight: normal; font-style: normal; }
.tabs li.selected strong { color: #C60; padding: 7px 14px 6px 14px; }
.tabs li a:hover, .tabs li a:hover * { color: #39C; text-decoration: none !important;  }
.tabs li.selected a:hover, .tabs li.selected a:hover * { color: #C60; }
.tabs p { text-align: right; margin: -18px 9px 0 0; padding: 0; font-size: 85%; }
.tabs p a { color: #777; }