@import url(/css/generic.css);
@import url(/css/xstandard.css);
@import url(/css/panels.css);

/*
 * Site Layout Styles
 */
body {
  text-align: center;
  background:#000000;
	color:#ffffff;
}
body h1 {
  position: absolute;
  left: -9999px;
  visibility:hidden;
}

#centre-column h2{
 text-transform:uppercase;
 color:#5c5b60;
}


div#site-container {
  text-align: left;
  margin: 12px auto 12px auto;
  width: 900px;
}
div#site-container p#skip-navigation {
  position: absolute;
  left: -9999px;
  visibility:hidden;
}

div.hidden,
span.hidden{
  position: absolute;
  margin-left:-999999px;
  visibility:hidden;
}

span.print-only{
  position: absolute;
  margin-left:-999999px;
  visibility:hidden;
}

a.more{
  background:url(/img/more-grey.gif) 100% 50% no-repeat;
  padding-right:28px;
  height:21px !important;
  line-height:21px;
  display:inline-block;
  color:#ffffff;
  text-decoration:none;
}

/*
 * Header
 */

div#site-container div#header {
  background: #000000;
  overflow:visible;
  margin-bottom: 6px;
  width:100%;
  height:113px;
}

div#header div#toprow{
  position:relative;
  overflow:visible;
  width:100%;
}

div#header div#toprow div#logo {
  background: #000000 url(/img/logo.gif) top left no-repeat;
  float:left;
  width:279px;
  height:92px;
}

div#logo a{
  width:279px;
  height:92px;
  display:block;
}

div#toprow div#strapline{
  background: #000000 url(/img/energy-for-life.gif) top left no-repeat;
  float:left;
  width:279px;
  height:92px;
}

div#toprow div#toplinks{
  text-align:right;
  width:342px;
  height:92px;
  float:left;
}

div#toplinks a{
  color:#ffffff;
}

div#header div#topnav{
  margin:0px 10px;
  width:880px;
  height:21px;
}

div#topnav ul{
  list-style:none;
  width:900px;
  margin:0px;
  padding:0px;
}

div#topnav ul li{
  float:left;
  margin:0px;
  font-size: 	1.217em;
  text-align:center;
  font-weight:normal;
}

div#topnav ul li.l{
  text-align:left;
  margin-left:0px;
  width:61px;
}


div#topnav ul li.about{
  width:100px;
}
div#topnav ul li.con{
  width:113px;
}
div#topnav ul li.oil{
  width:127px;
}
div#topnav ul li.home{
  width:137px;
}
div#topnav ul li.fuel{
  width:157px;
}
div#topnav ul li.budget{
  width:118px;
}

div#topnav ul li.r{
  text-align:right;
  width:67px;
}

div#topnav ul li a{
  text-decoration:none;
  color:#7f7f7f;
  height:21px;
}

div#topnav ul li a:hover{
  color:#ffcc00;
  font-weight:bold;
}

div#topnav ul li a.active,
div#topnav ul li a:active{
  color:#ffffff;
  font-weight:bold;
}

/**
Global Sign In Field
**/
#globalsignin,
#globalsignup {
  position:absolute;
  top:24px;
  right:0px;
  background:#000000 url(/img/signin-panel-bg.gif) top right no-repeat;
  width:242px;
  height:63px;
  display:none;
  z-index:1;
}

#globalcart {
  position:absolute;
  top:32px;
  right:0px;
  background:url(/img/in-cart-banner-bg.gif) top right no-repeat;
  width:221px;
  height:35px;
  z-index:0;
  overflow:hidden;
}

#globalcart p {
  line-height:35px;
  margin-left:35px;
}

#globalcart p a {
font-size:1.167em;
color:#ffffff;
}

#toprow #globalsignup {
  background:url(/img/signup-panel-bg.gif) top right no-repeat;
}

#globalrecommend {
  position:absolute;
  top:24px;
  right:0px;
  width:242px;
  height:18em;
  z-index:999999;
  display:none;
  border:solid 1px #000000;
  background:#3F3F3F;
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  -moz-box-shadow: -0px 0px 15px #ffffff;
  -webkit-box-shadow: -3px 3px 15px #ffffff;
}

#globalrecommend div.minifields {
  margin-bottom:3px;
}

#globalrecommend form,
#globalsignin form,
#globalsignup form{
  padding:12px;
}

#globalrecommend form input,
#globalsignin form input,
#globalsignup form input{
  width:45%;
  margin-right:3%;
  height:1.2em;
  font-size:0.9em;
  font-family:arial, sans serif;
  border:solid 1px #000000;
  color:#3f3f3f;
  font-weight:bold;
  margin-bottom:3px;
}

#globalrecommend form input,
#globalsignin form input.email,
#globalsignup form input.email{
  width:97%;
}

#globalrecommend form label{
  color:#ffffff
  font-weight:bold;
}

#globalrecommend form input.sbt,
#globalsignin form input.sbt,
#globalsignup form input.sbt{
  background:#000000;
  color:#ffffff;
  border:solid 1px #ffffff;
  height:1.8em;
  line-height:1.4em;
  width:6em;
  float:right;
}



/*
 * Page Content (contains left, centre and right columns)
 */

div#site-container div#page-content {
  overflow: hidden;
  margin-bottom: 12px;
  width: 100%;
}




/*
 * Left Column
 */

div#page-content div#left-column {
  float: left;
  min-height:713px;
  height:auto !important;
  height:713px;
}

div#page-content div#left-column h2{
  text-transform:uppercase;
}

div#left-column p {
  padding: 12px;
}

div#left-column li{
margin:6px 0px;
}


/**
Order Widget
**/

#left-column #instantquotewidget{
  position:relative;
  overflow:hidden;
  width:100%;
  padding:0px !important;
  margin-bottom:24px;
}

#left-column #instantquotewidget div.date {
  float: right;
  padding: 0 12px 10px 0;
  color: #ffcc00;
}



#left-column #instantquotewidget p{
  padding:0px;
}

#left-column #instantquotewidget div.reqd{
  width:100%;
  margin:0px;
  padding:0px;
  text-align:left;
}

#left-column #instantquotewidget div.right{
  width:90%;
  margin:3px 12px 6px 0px;
  float:right;
  text-align:right !important;
}

#left-column #instantquotewidget div.reqd select{
   width:180px;
   font-size:0.9em;
}

#instantquotewidget #litreslabel{
  color: #ffffff;
  position:absolute;
  right:3px;
}

#instantquotewidget div.right input{
  width:5em;
}


#instantquotewidget label{
   display:inline;
   font-size:0.9em;
}

#left-column ul#downloads,
#left-column ul#leftnav{
  margin:12px 0px 24px 0px;
  padding:0px;
  list-style:none;
}

#left-column ul#downloads li a,
#left-column ul#leftnav li a{
 color:#b8b8b8;
 font-weight:bold;
}

#instantquotewidget div#submit-button {
  margin-top:6px;
  float:right;
}


/*
 * Centre Column
 */

div#page-content div#centre-column {
  float: left;
  min-height:713px;
  height:auto !important;
  height:713px;
}

.full{
  width:100%;
}

.nomargins{
  margin:0px;
}

div#centre-column div#pageheaderimage{
  margin:-12px 0px 12px -40px;
  position:relative;
}
div#pageheaderimage div.mask{
  position:absolute;
  background:transparent url(/img/mask-672.png) top left no-repeat;
  top:0px;
  left:0px;
  z-index:1;
  font-size:1px;
  width:672px;
  height:10px;
}


/*
 * Right Column
 */

div#page-content div#right-column {
  float: left;
  min-height:713px;
  height:auto !important;
  height:713px;
}
div#right-column p {
  padding: 12px;
}


/*
 * Footer
 */

div#site-container div#footer-content {
  width: 900px;
  background: url(/img/wide-panel-footer.gif) bottom left no-repeat;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
div#site-container div#footer-content-inner {
  background: #3f3f3f url(/img/wide-panel-header.gif) top left no-repeat;
  padding: 30px 25px 15px 25px;
  color: #898989;
}

div#site-container div#footer {
  height:23px;
  line-height:20px;
  width:100%;
  overflow:hidden;
}

div#footer ul{
  margin:0px;
  padding:0px;
  color:#7f7f7f;
}

div#footer ul li{
  display:inline;
}

div#footer ul li a{
  color:#7f7f7f;
  text-decoration:none;
  padding:0px 6px;
}

div#footer ul li a:hover{
  color:#ffcc00;
}

div#footer ul li a:active{
  color:#ffffff;
}

div#footer ul#footleft{
 width:70%;
 float:left;
}

div#footer ul#footright{
 width:29%;
 float:right;
 text-align:right;
}


/*
 * Tibus Strapline
 */

div#site-container div#tibus-strapline {
  text-align: center;
}
div#tibus-strapline p.site-in-development {
  margin: 0;
}
div#tibus-strapline p.site-in-development img {
  display: block;
  margin: 0 auto 0 auto;
}