/* -------------------- Online order guide */
.number {
font-weight: bold;
font-size: 138.5%;
color: #aaa;
margin-right: 15px;
}

.order-guide div {
border-bottom: 1px dotted #ccc;
padding-bottom: 12px;
overflow: auto;
}

strong {
font-weight: bold;
font-style: italic;
}

.order-guide .center {
text-align: center;
}

/* -------------------- Top links */
#hdContact .topSmall {
font-size:10px;
text-transform:uppercase;
margin-top:5px;
}

/* -------------------- Link bar */
#link-bar {
text-align:center;
background:#fff;
padding:10px 0;
margin-bottom:10px;
border:1px solid #ccc;
}

/* -------------------- Report login */
#sfForm table, #sfForm table td {
background-color:#fff;
border:none;
padding:0;
}
#sfForm table {
margin-top:15px;
}

/* -------------------- Prod Services Contract Blk */
#prodServicesContract {
margin-top:20px;
}
#prodServicesContract a {
display:block;
width:225px;
height:61px;
text-indent:-9999px;
background: url(/img/prodServicesContract.png) no-repeat 0 0;
}
#prodServicesContract a:hover {
display:block;
width:176px;
height:61px;
text-indent:-9999px;
background: url(/img/prodServicesContract.png) no-repeat 0 -61px;
}

/* -------------------- Vapor Guide */
#vaporWrap .vaporBlock h2 {
color:#cc0000;
font-size:116%;
}

#vaporWrap h3 {
font-size:100%;
margin-top:15px;
color:#555;
}
#vaporWrap .vaporBlock p {
margin-top:2px;
}

.shopBtn {
margin-top:20px;
}
.shopBtn a {
display:block;
text-indent:-9999px;
width:186px;
height:30px;
background: url(/img/buyBtn.jpg) 0 0 no-repeat;
}
.shopBtn a:hover {
background-position: 0 -30px;
}
.backTop {
border-top:1px solid #ccc;
margin-top:40px;
text-align:right;
font-size:85%;
padding-top:2px;
}
.backTop a {
display:block;
text-decoration:none;
color:#555;
padding-right:18px;
background: url(/img/backTop.gif) no-repeat right 6px;
}
.backTop a:hover {
color:#000;
}
.backTop img {
padding-left:5px;
position:relative;
top:-2px;
}

/* -------------------- Sidebar Nav */

.sidebarNav h3 {
border-bottom: 1px dotted #aaa;
padding-bottom:10px;
margin-bottom:5px;
color:#000;
}
.sidebarNav li {
background: url(/img/bullet.gif) left 50% no-repeat;
padding-left:20px;
margin-top:10px;
}

/* -------------------- Tables */
.odd {
    background-color: #eee; 
}
td {
    border-bottom: 1px solid #ccc;
/*	white-space:nowrap;*/
}

table {
    width: 100%;
    font-size:93%;
    border: 1px solid #ccc;
    text-align: left;
    margin-top:30px; 
}
th {
    font-weight: bold;
    background-color: #000;
    border: 1px solid #000;
    color:#fff;
    text-transform:uppercase; 
}
td,th {
    padding: 4px 5px; 
}
input, textarea {
padding:3px;
}

/* -------------------- Def of terms */

dt {
font-weight:bold;
margin-top:30px;
border-bottom:1px solid #ccc;
padding-bottom:2px;
}
dd {
padding-top:2px;
}

/* -------------------- Contact */
#sensorsMap {
float:right;
width:470px;
}
#internalMain #sensorsMap img {
padding:5px;
background-color:#fff;
border:1px solid #ccc;
margin:20px 0 0 0;
}

/* -------------------- Internal pg layout */

#internalMain {
background-color:#fff;
border:1px solid #ccc;
padding:25px;
overflow:auto;
}
#internalSide {
padding:15px;
background-color:#fff;
border:1px solid #ccc;
overflow:auto;
}
#internalSide {
background: #fff url(/img/sidebarNavBg.jpg) 0 0 repeat-x;
}
#internalMain h1 {
font-size:146.5%;
font-weight:bold;
background: url(/img/h1bg.jpg) 0 0 no-repeat;
height:22px;
color:#000;
padding:10px 10px 10px 15px;
}
#internalMain h1.wide {
background: url(/img/h1bgWide.jpg) 0 0 no-repeat;
}
#internalMain h2 {
font-size:108%;
font-weight:bold;
margin-top:20px;
}
#internalMain {
line-height:150%;
}
#internalWrap {
margin-top:20px;
}
#internalMain ul {
margin-top:15px;
}
#internalMain li {
list-style-type:disc;
margin-left:40px;
padding:2px 0;
}
#internalMain p {
margin-top:12px;
}
.internal-callout {
float:right;
background:#f5f5f5;
border:1px solid #ccc;
padding:10px;
margin:20px 0 15px 15px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

/* -------------------- FAQ */
.blockWrap {
margin-top:30px;
}
.blockWrap h2 {
border-bottom:1px solid #ccc;
padding-bottom:5px;
}
#internalMain .blockWrap p {
margin-top:6px;
}

/* -------------------- Underhill */
.underhillPic {
border:1px solid #ccc;
padding:4px;
background:#fff;
margin:15px auto;
}
#underhillCv h4 {
font-weight:bold;
margin-top:5px;
}
#underhillCv p {
margin-top:10px;
}
#underhillCv .footnote {
font-style:normal;
font-size:85%;
}

#underhillCv {
text-align:center;
margin-top:20px;
}

/* -------------------- Navigation */
#nav {
height: 37px; 
font-size:93%;
background: url(/img/navBg.gif) 0 0 repeat-x;
}
#navRight {
float:right;
width:7px;
height:37px;
}
#navFirst {
background: url(/img/navBgLeft.gif) 0 0 no-repeat;
}
.navDrop {
padding-left:2px;
}
#nav li { 
float: left; 
position: relative; 
}
#nav li a { 
color:#fff;
font-weight:bold;
text-decoration:none;
display: block; 
padding: 5px 15px; 
line-height: 24px; 
}
#nav li a:hover {
color:#ddd;
}
#nav li a:active {
color:#fff;
}
#nav li ul { 
display: none; 
position: absolute; 
top: 35px; 
left: 5px; 
width: 170px; 
background: #cc0000;
}
#nav li ul li:hover { 
background: #ba0000; 
}
#nav li:hover ul { 
display: block;
}
#nav li ul li { 
float: none; 
}
#nav li ul li a { 
display: inline-block; 
padding: 3px 10px;
}
#nav li ul li a:hover {
color:#fff;
}
#nav li ul li a { 
display: block; 
}

/* -------------------- General */
body, html {
background: #e5e5e5 url(/img/pgBg.jpg) 0 0 repeat-x;
}

p {
margin-top:12px;
}

h2 {
font-size:123.1%;
font-weight:bold;
}

h3 {

font-size:108%;
font-weight:bold;
}

a {
color:#cc0000;
outline:none;
}
a:hover {
text-decoration:none;
}
.image {
padding:5px;
border:1px solid #ccc;
background-color:#fff;
}
.right {
float:right;
}
.footnote {
font-size:93%;
color:#777;
font-style:italic;
}
em{
font-weight:bold;
font-style:italic;
}
.space {
padding:0 7px;
}
#internalMain ul ul {
margin:0 0 0 45px;
}
#internalMain ul ul li {
list-style-type:circle;
}
.round {
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
.imgRight {
float:right;
margin:20px 2px 15px 15px;
}

/* -------------------- Header */
#hdWrap {
height:115px;
}
#hd h1 a {
display: block;
text-indent: -9999px;
background: url(/img/logo.gif) 0 0 no-repeat;
width: 195px;
height: 69px;
position:relative;
top:23px;
}
#hd h1 a:hover {
background: url(/img/logo.gif) 0 -69px no-repeat;
}
#hdRight {
float:right;
width:300px;
text-align:right;
}

/* -------------------- Header sub menu */
#hdSubMenu {
background: url(/img/hdTab.gif) 0 0 no-repeat;
width:209px;
height:30px;
text-align:center;
padding-top:2px;
position:relative;
top:5px;
left: 50px;
}

#hdSubMenu li {
display:inline;
font-size:78%;
text-transform:uppercase;
}
#hdSubMenu a {
color:#efefef;
text-decoration:none;
}

#hdSubMenu a:hover {
text-decoration:underline;
color:#fff;
}
#hdContact {
margin-top:15px;
font-size:93%;
color:#000;
letter-spacing:1px;
text-align:center;
}
.subMenuPipe {
margin-right:10px;
}

/* -------------------- Front panels */
.frontPanels {
margin:20px 0;
}
.frontPanels h2 {
color:#cc0000;
}
#frontLeft {
background: #fff url(/img/frontLeftBg.jpg) 0 0 repeat-x;
border:1px solid #ccc;
min-height:245px;
padding:15px;
}
#frontLeft p {
line-height:150%;
}
#frontLeftImg {
float:right;
margin-left:15px;
margin-top:15px;
width:150px;
}
#frontLeftImg .footnote {
text-align:center;
margin-top:5px;
}
#frontRight {
background-color: #FFF;
border:1px solid #ccc;
min-height:245px;
text-align:center;
padding:15px;
}
#frontRight img {
margin-bottom:10px;
}
#frontRight p {
margin-top:10px;
}

/* -------------------- Front buckets */
.frontBucket {
background-color: #fff; 
border:1px solid #ccc;
padding:15px;
min-height:210px;
}
.frontBucket li {
margin-top:15px;
}
.frontBucket p {
text-align:right;
}
.frontBucket p a {
text-transform:uppercase;
text-decoration:none;
color:#666;
font-size:78%;
}
.frontBucket p a:hover {
text-decoration:underline;
color:#999;
}
.frontVapor li {
width:130px;
float:left;
margin-top:12px;
}
.frontVapor ul {
overflow:auto;
}

/* -------------------- Footer */
#ft {
margin-top:20px;
background: url(/img/ftBorder.gif) 0 top repeat-x;
font-size:85%;
color:#777;
}
#ft p {
padding:20px 0;
text-align:center;
}
