@charset "iso-8859-1";
/* CSS Document */

/*
   Used on all pages
*/

/* Basic styles*/
body {margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding:0px;}
p, td {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px;}
h1 {font-size: 26px; font-weight: bold; padding-bottom: 0px; margin-bottom: 0px;}
h2 {font-size: 24px; font-weight: bold; padding-bottom: 0px; margin-bottom: 0px;}
h3 {font-size: 18px; font-weight: normal; padding: 0px; margin-bottom: 0px; margin-top: 5px;}
a {font-weight: bold; text-decoration: underline;}
a:link,a:hover,a:visited {color: #F01A26;}
ul {list-style-image: url("images/bullet.gif"); padding-top: 0px; padding-bottom: 0px; margin-top: 0px; margin-bottom: 0px;}
.content {background-image: url("images/star2.jpg"); background-position: right bottom; background-repeat: no-repeat; border-right: 1px solid #000000; padding-top: 15px; padding-left: 45px; padding-bottom: 20px;}
.rightborder {border-right:1px solid #000000;}
.nopaddingparagraph {padding:0px; padding-bottom:5px; margin:0px;}
.redfont {color: #F01A26;}
.paddedparagraph {padding-top: 15px; padding-right: 10px; padding-bottom: 15px; padding-left: 10px;}

/* Form elements*/
input,textarea,select {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 10px;}
input,select {height: 20px;}
.addborder{} /*reserved for future use on specific <input>, <select> and <textarea> elements*/
.fancyborder {background-image: url("images/horizontal-line.gif"); background-repeat: repeat-x; background-position: left bottom;}
.fancybutton {height: 24px; width: 65px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: bold; background-color: #000000; border: 1px solid #CCCCCC; padding: 1px; margin: 0px; vertical-align: middle; text-align: center;}

/* The following two styles let to-top arrow link in documents have a large clickable area*/
.totopanchor,a.totopanchor {display: block; height: 20px; width: 20px; color: #FFFFFF; text-decoration: none;}
.totopcell,td.totopcell {background-image: url("images/top.gif"); background-position: right center; background-repeat: no-repeat;}

/* Caption table (images to the right of the main content)*/
.captionhorizontalborder {height: 2px; font-size: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EAEAEA;}
.captionimage {border: 1px solid #000000;}
.captionlist {color: #717070; list-style-image: url("images/bullet.gif"); line-height:15px; line-height: 115%; padding: 5px 0px 0px 20px; margin: 0px 0px 0px 1px;}	
.captiontable {background-image: url("images/squares.gif"); background-position: left bottom;}
.captionverticalborder {width: 20px; background-image: url("images/vertical-line.gif"); background-position:10px; background-repeat: repeat-y;}

/* Horizontal menu links; Index.htm page is different due to inconsistent image heights!*/
.topmenu {color: #FFFFFF; font-size: 12px; font-weight: bold; padding-left: 25px;}
td.topmenu {background-image: url("images/topmenu-bg.gif"); border-right:1px solid #000000; vertical-align: top;}
a.topmenu,a.topmenu:link,a.topmenu:visited {color: #FFFFFF; text-decoration: none; padding: 0px 8px 0px 12px; margin: 0px;}
a.topmenu:hover,a.topmenu:active {color: #F01A26;}

/* Horizontal menu button sizes */
#AboutUsButton {height: 22px; width: 134px; border: 0px; margin: 0px; padding: 0px;}
#DieselCardsButton {height: 22px; width: 117px; border: 0px; margin: 0px; padding: 0px;}
#TexoilDirectButton {height: 22px; width: 115px; border: 0px; margin: 0px; padding: 0px;}
#TopMenuEnd {height: 22px; width: 230px; border: 0px; margin: 0px; padding: 0px;}
#WholesaleButton {height: 22px; width: 115px; border: 0px; margin: 0px;padding: 0px;}

/*Left menu layer*/
.leftmenu {position: absolute; top: 97px; width: 243px; overflow: visible;}
.leftmenuborder {background-image: url("images/under-login-fon.gif"); background-repeat: repeat-y; background-position: right;}

/* "Highlights" (and possibly other kinds of) separators in the left-hand menu */
.menuseparator {color: #FFFFFF; font-size: 12px; font-weight: bold; background-image: url(images/leftmenuseparator-bg.gif); padding: 0px 0px 0px 12px; margin: 0px;}

/* Area with quick links to order/virtual office and login boxes */
.credentialsinput {height: 15px; width: 80px; color: #000000; font-size: 10px; padding: 0px 0px 0px 5px; margin: 0px 0px 0px 10px;}
.credentialsform {border: 0px; padding: 0px; margin: 0px;}
.credentialstable {border: 0px; padding: 0px; margin: 0px;}
.depotselector {height: 20px; width: 89px; color: #000000; font-size: 10px; padding: 0px; margin: 0px 0px 0px 10px;}
.loginregion {color: #717070; font-size: 11px; padding: 0px 0px 0px 7px; margin: 0px;}
a.loginregionitalics,a.loginregionitalics:link,a.loginregionitalics:visited {color: #717070; font-style: italic; font-weight: normal; text-decoration: underline; padding: 0px;}
a.loginregionitalics:hover,a.loginregionitalics:active {color:#F01A26;}
a.loginregionbold,a.loginregionbold:visited {color: #717070; font-weight: bold; text-decoration:underline;}
a.loginregionbold:hover, a.loginregionbold:active {color: #F01A26; text-decoration: underline;}
.loginregionbutton {padding-right: 5px;}
.notvalidlabel {color: #F01A26;}
.validlabel {color: #717070;}
.subsidiaryform {border: 0px; padding: 5px 0px 1px; margin: 0px;}
#SubmitCredentialsButton {height:11px; padding: 0px 0px 0px 5px; margin: 0px;}

/* 
   Legal Notice/Copyright/Privacy Policy links at the bottom of every content-filled page 
*/

.footer {color: #FFFFFF; font-size: 12px; font-weight: bold; background-color: #000000; padding: 0px 8px 0px 12px; margin: 0px;}
a.footer,a.footer:link,a.footer:visited {color: #FFFFFF; text-decoration: none; padding: 0px; margin: 0px;}
a.footer:hover,a.footer:active {color: #F01A26}

/*
   Index Page
*/
a.headerlink,a.headerlink:link,a.headerlink:active,a.headerlink:hover,a.headerlink:visited {color:#000000; text-decoration: none;}
a.competitionLink {color: #F01A26;}
a.competitionLink:hover {color: #F01A26;}

/*   Competition page   */
input.c_text {width: 200px;}

.c_errorPanel {color: #F01A26;}
.c_sign {font-size: 10px;}


/*
   Texoil Direct
*/

/* Depot map styles*/
.depotlist {position: absolute; visibility: hidden;  z-index: 2; height: 100px; width: 200px; background-color: #FFFFFF; padding: 5px;}
.depotlistparagraph {line-height: 16px; padding: 5px 10px 3px 10px;}

/* Order forms*/
.depotdetailsorderpage {width: 320px; color:#999999; line-height: 16px; padding: 5px 10px 3px 10px; text-align: right;}
.largefont {color: #999999; font-size: 17px; font-weight: bold; padding-top: 12px; padding-bottom: 12px;}

/*
   TDCS
*/
.texoilbrandedstation {height: 20px; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; color: #FFFFFF; font-size: 14px; font-weight: bold; background-image: url("images/stations/texoil-brand-header.gif"); background-repeat: no-repeat; background-position: right center; text-align: center; vertical-align: middle;}
.emobrandedstation {height: 20px; font-family: Arial, Helvetica, sans-serif, "Trebuchet MS"; color: #FFFFFF; font-size: 14px; font-weight: bold; background-image: url("images/stations/emo-brand-header.gif"); background-repeat: no-repeat; background-position: right center; text-align: center; vertical-align: middle;}
.jumpmenuforcounties {width: 120px; padding: 2px; margin-top: 2px; margin-bottom: 2px; margin-left: 30px;}
.italicisednotice {font-style: italic; padding: 0px 0px 15px 10px;}
.paddedparagraphnobottom {padding: 15px 10px 0px 10px;}