/* Dynamic CSS -  */

/* ---------- topmenu --------- */
.site-row, .main-row, .footer-row
{
	padding:0px;
	margin:0px;
}

tr#row-4, tr#row-4.td
{
	height:0px;
	display: none;
}

.widetop-column
{
	padding:0px;
	margin:0px;
}

.widetop-div
{
	padding:0px;;
	margin:0px;
	height: 120px;
}

#r3-menu-table
{
}

td#r3-menu-column
{
	border:0px none;
	margin:0px;
	padding:0px;
}

div#topbar-div
{
	position: relative;
	height: 1%; /* for IE6 */
	border:0px none;
	margin:0px auto;
	padding:0px;
	background: ~top-menu-bakcground~;
	width: 100%;
}

table#r3-menu-table
{
	width: 100%;
}

table#r3-menu-table,
table#r3-menu-table tbody,
table#r3-menu-table tbody tr,
table#r3-menu-table tbody tr td
{
	text-align: center !important; /* for IE */
	width:100%;
	margin: 0 auto;	
	border:0px none;
	padding:0px;
}

ul#topmenu
{
	position: relative;
	display: block;
	margin: 0;
	border: none;
	padding: 0px;
	list-style: none;
	width: 750px;
	z-index: 20000;
}

ul#topmenu li
{
	margin: 0;
	border: none;
	padding: 0px;
	background: none;
	display: block;
	list-style: none;
	height:28px;
	width:150px;
	margin-left:0px;
	background-image: url("/images/local/tab_new_button_hover3.jpg");;
	background-color: white;
	background-repeat: no-repeat;
	float: left;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	border-bottom:1px solid #C0C0C0;
	color: white;
	position:relative;
}

ul#topmenu li:hover
{
	color: white;        /*---- text color of payment and price protection button :hover ---*/
	background-image: url("/images/local/tab_new_button_hover3.jpg");;
	background-repeat: no-repeat;
	background-color: white;	
	cursor: auto;
	display:block;
	height:28px;
	width: 150px;
}

ul#topmenu ul 
{
	border:0px none !important;
	display:none;
	margin:0pt !important;
	padding:0pt !important;
	width:148px;
	position: absolute;
	top:28px;
	left:0px;
}

ul#topmenu li ul
{
	background-image: none;
	margin:0px;
	padding-right:0px;
	width: 148px;
	position:absolute;
}

/* IE 7 */
*:first-child+html ul#topmenu li ul #ie8#fix
{
	left:0px;
}


ul#topmenu ul li
{
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/
}

ul#topmenu ul ul,
ul#topmenu ul ul ul,
ul#topmenu ul ul ul ul
{
	display: none;
	position: absolute;
	top: 0;
	left: 120px;
}

li .user-option-button{
	height:28px;
	width:148px;
	font-size: 10px;
	line-height: 20px;
	background-color: transparent;
	background-image:none;
	background-repeat: no-repeat;
	margin: 0;
	border: none;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	text-transform: capitalize;
	text-align: center;
	vertical-align: middle;
	display: block;
	cursor: pointer;
	color:white;
}



li .user-option-button:hover
{
	font-weight: bold;
	cursor: pointer;
	background-image: none;	
	color: white;
}

ul#topmenu li button.user-option-button
{
	font-size: 12px;
	line-height: 28px;
}


ul#topmenu li ul li
{
	background-color: #0055A5;
	margin: 0;
	list-style: none;
	width: 150px;
	height:28px;
	line-height: 28px;
	text-align: center;
	vertical-align: middle;
	font-size:10px;
	float: left;
	font-family: Verdana, Arial, sans-serif;
	vertical-align: middle;
	margin: 0pt 0pt 0pt 1px;
	width: 148px;
	background-image: none;
	color: white;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-right: none;
	border-left: none;
	vertical-align: middle;
}

/* IE 6 and below */
* html ul#topmenu li .new-user-option-button, #ie8#fix
{
	border: 1px solid white;
}

/* IE 7 */
*:first-child+html ul#topmenu li ul li, #ie8#fix
{
	border: 1px solid white;
}

ul#topmenu li ul li
{
	position: relative;
	float: left;
	padding: 2px 0 0 0;
	cursor: pointer;
	z-index: 30000;
	display: block;
}

ul#topmenu ul:after /*From IE 7 lack of compliance*/
{
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

ul#topmenu ul li a,
ul#topmenu ul li span.menu-header
{
	height: 28px;
	vertical-align: middle;
}

ul#topmenu li a.user-home-button
{
	padding: 8px 0 7px 0;
}

ul#topmenu li .new-user-option-button
{
	height:28px;
	width:148px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
	line-height: 15px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color:white;
}

ul#topmenu li ul li a
{
	line-height: 28px;
	width: 148px;
	height:28px;
	font-size:12px;
	color:white;
	font-weight: normal;
	text-decoration: none;
	padding: 0px 5px;
}

ul#topmenu li ul li a:hover
{
	font-weight: bold;
	color: white;
}

ul#topmenu li ul li:hover
{
	color: white;        /*---- text color of payment and price protection button :hover ---*/
	font-weight: bold;
	cursor: pointer;
	background-image: none;	
	background-color: #0055A5;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-right: none;
	border-left: none;
	line-height: 28px;
	width: 148px;
	height:28px;
}

/******************Home Category********************************/
body#page-user-home ul#topmenu li#home:hover,
{
	color:#0055A5;
	font-weight:normal;
}


body#page-user-home ul#topmenu li#home
{
	color:#0055A5;
	font-weight:bold;
	border-bottom: none;
	background-image:  url("/images/local/tab_new_button3.jpg");
	height: 29px;
}

/******************My Account Info********************************/
body#page-user-records ul#topmenu li#account-info:hover,
body#page-redeem ul#topmenu li#account-info:hover,
body#page-document-contactus ul#topmenu li#account-info:hover,
body#page-contacts ul#topmenu li#account-info:hover
{
	color:#0055A5;
	font-weight:normal;
}

body#page-user-records ul#topmenu li#account-info,
body#page-redeem ul#topmenu li#account-info,
body#page-document-contactus ul#topmenu li#account-info,
body#page-contacts ul#topmenu li#account-info
{
	color:#0055A5;
	font-weight:bold;
	border-bottom: none;
	background-image:  url("/images/local/tab_new_button3.jpg");
}

/******************Payment********************************/

body#page-newpayment ul#topmenu li#newpayment:hover,
body#page-payment ul#topmenu li#newpayment:hover,
body#page-accountselect ul#topmenu li#newpayment:hover,
body#page-feepayment ul#topmenu li#newpayment:hover,
body#page-autopay ul#topmenu li#newpayment:hover,
body#page-paperless ul#topmenu li#newpayment:hover
{
	color:#0055A5;
	font-weight:normal;
}

body#page-newpayment ul#topmenu li#newpayment,
body#page-payment ul#topmenu li#newpayment,
body#page-accountselect ul#topmenu li#newpayment,
body#page-feepayment ul#topmenu li#newpayment,
body#page-autopay ul#topmenu li#newpayment,
body#page-paperless ul#topmenu li#newpayment
{
	color:#0055A5;
	font-weight:bold;
	border-bottom: none;
	background-image:  url("/images/local/tab_new_button3.jpg");
}

/******************Manage Account Info********************************/

body#page-updatedelivery ul#topmenu li#manage-account-info:hover, 
body#page-document-faq ul#topmenu li#manage-account-info:hover, 
body#page-fuelpurchase ul#topmenu li#manage-account-info:hover,
body#page-scheduler ul#topmenu li#manage-account-info:hover,
body#page-password ul#topmenu li#manage-account-info:hover,
body#page-emailupdate ul#topmenu li#manage-account-info:hover,
body#page-feedback ul#topmenu li#manage-account-info:hover,
body#page-document-deliveryrequest  ul#topmenu li#manage-account-info:hover
{
	color:#0055A5;
	font-weight:normal;
}


body#page-updatedelivery ul#topmenu li#manage-account-info,
body#page-document-faq ul#topmenu li#manage-account-info, 
body#page-fuelpurchase ul#topmenu li#manage-account-info,
body#page-scheduler ul#topmenu li#manage-account-info,
body#page-password ul#topmenu li#manage-account-info,
body#page-emailupdate ul#topmenu li#manage-account-info,
body#page-feedback ul#topmenu li#manage-account-info,
body#page-document-deliveryrequest  ul#topmenu li#manage-account-info
{
	color:#0055A5;
	font-weight:bold;
	border-bottom: none;
	background-image:  url("/images/local/tab_new_button3.jpg");
}

/******************Plan Enrollment********************************/

body#page-budgetcalculator ul#topmenu li#price-protection:hover, 
body#page-priceprotection ul#topmenu li#price-protection:hover,
body#page-document-budgetrequest ul#topmenu li#price-protection:hover,
body#page-budgetcalculator ul#topmenu li#price-protection:hover,
body#page-contract ul#topmenu li#price-protection:hover,
body#page-document-directions ul#topmenu li#price-protection:hover,
body#page-serviceplan ul#topmenu li#price-protection:hover,
body#page-document-easypayrequest ul#topmenu li#price-protection:hover,
body#page-automaticdelivery ul#topmenu li#price-protection:hover
{
	color:#0055A5;
	font-weight:normal;
}

body#page-budgetcalculator ul#topmenu li#price-protection, 
body#page-priceprotection ul#topmenu li#price-protection,
body#page-document-budgetrequest ul#topmenu li#price-protection,
body#page-budgetcalculator ul#topmenu li#price-protection,
body#page-contract ul#topmenu li#price-protection,
body#page-document-directions ul#topmenu li#price-protection,
body#page-serviceplan ul#topmenu li#price-protection,
body#page-document-easypayrequest ul#topmenu li#price-protection,
body#page-automaticdelivery ul#topmenu li#price-protection
{
	color:#0055A5;
	font-weight:bold;
	border-bottom: none;
	background-image:  url("/images/local/tab_new_button3.jpg");
	height:29px;
}

/******************Contact Us********************************/

body#page-document-willcallinstructions ul#topmenu li#account-info:hover,
body#page-document-tankmonitorrequest ul#topmenu li#account-info:hover,
body#page-customersignup ul#topmenu li#account-info:hover,
body#page-document-oilpriceprotection ul#topmenu li#account-info:hover,
body#page-document-comments ul#topmenu li#account-info:hover,
body#page-document-termsagreement ul#topmenu li#account-info:hover,
body#page-document-priceprogram ul#topmenu li#account-info:hover,
body#page-document-comments ul#topmenu li#account-info:hover,
body#page-document-markettools ul#topmenu li#account-info:hover
{
	color:#0055A5;
	font-weight:normal;
}
 

body#page-document-willcallinstructions ul#topmenu li#account-info,
body#page-document-tankmonitorrequest ul#topmenu li#account-info,
body#page-customersignup ul#topmenu li#account-info,
body#page-document-oilpriceprotection ul#topmenu li#account-info,
body#page-document-comments ul#topmenu li#account-info,
body#page-document-termsagreement ul#topmenu li#account-info,
body#page-document-priceprogram ul#topmenu li#account-info,
body#page-document-comments ul#topmenu li#account-info,
body#page-document-markettools ul#topmenu li#account-info
{
	color:#0055A5;
	font-weight:bold;
	border-bottom: none;
	background-image: url("/images/local/tab_new_button3.jpg");
}

/******************Price ?********************************/
body#page-priceprotection ul#topmenu li#price-protection
{
	color:#0055A5;
	font-weight:bold;
	border-bottom: none;
	height:29px;
}

body#page-priceprotection ul#topmenu li#price-protection:hover
{
	color:#0055A5;
	font-weight:normal;
	background-image:  url("/images/local/tab_new_button3.jpg");
}

body#page-newpayment ul#topmenu li button#user-option-button-newpayment
{
	color:white;
}

/**************************************************/