/* ============================================== */
/* STYLES.CSS - for HEATINGOILNY.COM */
/* Author: Randy Harris - office@lexipixel.com */
/* Last Updated: 8/106/2011 */
/* ============================================== */

html {
  margin: 0px;
  padding: 0px;
}

body {
  margin: 0px;
  padding: 0px;
  margin: 6px 0px 22px 0px;
  background-color: #cccccc;
  color: #333333;
  font-family: Arial, sans-serif;
}


/*  General HTML tags properties */

small {  
  font-family: Arial, sans-serif;
  font-size: 9px; 
}

p {
  font-size: 11pt;
  text-align:left;
}

cite {
  font-size: 14pt;
  text-align: left;
  font-style: italic;
}


h1 { font-size: 20px; font-weight: 700; margin-top: .2em; margin-bottom: .2em; }
h2 { font-size: 18px; font-weight: 700; margin-top: .2em; margin-bottom: .2em;}
h3 { font-size: 16px; font-weight: 700; margin-top: .5em; margin-bottom: .5em; }


.master {
  width: 982px;
  padding: 0px;
  background-color: #ffffff;
}

.masthead {
  margin: 0;
  padding: 0;
  width: 982px;
  height: 154px;
  background: url(/images/masthead_982x154.jpg) #ffffff;
}

.masthead h1 {
  margin: 6px;
  padding: 0;
  font-family: Arial, sans-serif;
  font-size: 24px;
  color: #ffffff;
  background-color: #08ace1;
}


.bodywrap {
  clear:both;
  margin: 0px;
  padding: 0px;
  width:982px;
}

.navl {
  clear:both;
  float:left;
  margin: 0px;
  padding: 0px;
  width: 184px;
  min-height: 600px;
  background: url(/images/navl-bg-fade.jpg);
  background-repeat: repeat-x;
  border-style: none;
}

.navr {
  float:left;
  margin: 0px;
  padding: 0px;
  width: 320px;
  background-color: #ffffff;
  text-align:center;
}

/* ==================================================== */
/* bod0 - class for 'blank page' (no columns)           */
/* ==================================================== */

.bod0 {
  float: left;
  clear: both;
  width: 970px;
  margin: 0px;
  padding: 6px; 
  border-style: none; 
  color: #333; 
  background: #FFFFFF;
  text-align: left;
}



/* ============================================== */
/* bod1 - class for body content left (with navr) */
/* ============================================== */

.bod1 {
  width: 720px;
  float: left;
  margin: 0px;
  padding: 12px;
  border-style: none; 
  background: #FFFFFF;
  color: #333; 
  text-align: left;
}



/* ==================================================== */
/* bod2 - class for body content left (with navr)      */
/* ==================================================== */

.bod2 {
  width: 600px;
  float: left;
  margin: 0px;
  padding: 12px;
  border-style: none;
  background: #FFFFFF;
  color: #333; 
  text-align: left;
}



/* ==================================================== */
/* bod3 - class for body center (left & right columns)  */
/* ==================================================== */

.bod3 {
  float: left;
  width: 440px;
  margin: 0px;
  padding: 12px; 
  border-style: none;
  background: #FFFFFF;
  color: #333; 
  text-align: left;
}


.foot {
  margin: 0;
  padding: 0;
  clear:both;
  width: 982px;
  height: 24px;
  background: url(/images/footer-982x24.jpg);
  background-repeat: no-repeat;
  text-align:center;
  color: #333333;
  vertical-align:bottom;
}

.trailer {
  margin: 0px;
  padding:  4px 0px 4px 0px;
  clear:both;
  width: 982px;
  text-align:center;
  background: transparent;
  color: #333333;
}

/* ======================================== */
/* CSS to add padding and align text pages  */
/* (needed to not throw off layout)         */
/* ======================================== */


.padbody {
  padding:12px;
  text-align:left;
}

/* ================================== */
/* CSS for vertical navigation menus  */
/* ================================== */


.navcontainer { 
  font-size: 10pt;
  font-weight: 700;
  width: 184px;
  text-align:left;
}

.navcontainer ul {
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
}
.navcontainer a {
  width: 175px;
  display: block;
  padding: 3px;
  background-color: transparent;
  border-bottom: 1px solid #cccccc;
}
.navcontainer a:link, .navlist a:visited { 
  background-color: transparent; 
  color: #f4f4f4; 
  text-decoration: none;
}
.navcontainer a:hover { 
  background-color: #ffffff; 
  color: #0000cc;
}



/* ===================================== */ 
/* CSS for buttons in Top Navigation bar */ 
/* ===================================== */ 

.navtbutn { 
  display:block;
  float:left;
  margin:2px;
  padding: 2px 8px 2px 8px;
  font-size: 10px;
  font-weight: 500;
  text-align:center;
  text-decoration: none;
  border-style: solid;
  border-width: 1px;
  border-color: #C8C8C8;
}
a:link.navtbutn { font-weight: 700; color: #6F6F6F; text-decoration: none; }
a:visited.navtbutn { font-weight: 700; color: #6F6F6F; text-decoration: none; }
a:hover.navtbutn { font-weight: 700; color: #000000; background: #E0E0FF; text-decoration: none; }
a:active.navtbutn { font-weight: 700; color: #FFFFFF; background: #000000;  text-decoration: none; }




/* ===================================== */ 
/* CUSTOM CSS */
/* ===================================== */ 

#citytownform {
  background-color: transparent;
  color: #000000;
  margin: 6px 0 6px 0;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
  text-align:center;
}
#citytownform form select, #citytownform form select option {
  background-color: #e0e0ff;
  color: #0000cc;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

#citytownform form button {
  border: 1px solid #669933;
  background-color: #e0e0ff;
  color: #0000cc;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.quotebox {
  width: 400px;
  padding: 12px;
  margin: 20px 0;
  background: #e4e4e4;
  color: #000000;
  text-align: left;
  text-indent: 1.5em;
}


/* ================================ */
/* CSS for price history data table */
/* ================================ */

.pricehead {
  background: #cccccc;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}
.pricedate,
.priceavg,
.pricehigh,
.pricelow {
  background: #ffffff;
  color: #000000;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}
.priceavg { background: #e0e0ff;color: blue;}
.pricehigh { background: #ffe0e0;color: red;}
.pricelow { background: #e0ffe0; color: green;}

/* ================================ */
/* CSS for price history data table */
/* ================================ */

.formlabel {
  padding:4px;
  background: #e0e0ff;
  color: black;
  font-size: 12px;
  font-weight: 700;
  text-align: right;
  vertical-align: top;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: black;
  border-collapse: collapse;
}
.forminput {
  padding:4px;
  background: #e4e4e4;
  color: blue;
  font-size: 12px;
  font-weight: 500;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: black;
  border-collapse: collapse;
  vertical-align: top;
}
.formnote {
  padding:4px;
  background: #ffffe0;
  color: red;
  font-size: 11px;
  font-weight: 600;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: black;
  border-collapse: collapse;
}


/* ============================================== */
/* EOF: styles.css */
/* ============================================== */