* { font-family: helvetica, arial, sans-serif !important; }
body { background: #C7C7C7 url(/images/template/bcgrd.jpg) repeat-x; background-position: 0 -100px; margin: 25px 0; color: #5d5d5d; font-size: 13px; }

#outerwrapper { width: 948px; background: url(/images/template/bcgrd-outterwrapper.png) repeat-y; margin: 0 auto; }
#wrapper { margin: 0 14px; }
.header { background: #FFF; margin-bottom: 2px; }
.header img { border: none; }
#google_translate_element { width: 350px; float: right; margin-right: 20px; }
.navigation { }
.navigation img { float: left; border: none; margin: 0; }
.subnav { float: right: width: 575px; text-align: right; line-height: 2.2; font-weight: bold; color: #898989; margin-bottom: 10px; }
.crude-oil { float: right; background: url(/images/template/bcgrd-crude-oil.jpg) no-repeat top right; width: 276px; height: 29px; margin: 0 0 5px 15px; text-align: right; color: #999; font-weight: normal; }
.crude-oil table { padding: 0; margin: -9px 0 0 0; float: right; }
.crude-oil a, .crude-oil a:visited, .crude-oil a:hover { font-weight: normal !important; color: #999 !important; }
.fpo { float: right; width: 276px; margin: 0 0 5px 15px; text-align: right; color: #999; font-weight: normal; }

.search { clear: right; float: right; position: relative; width: 240px; margin-right: 20px; }
.searchtext { height: 21px; width: 223px; border: 1px #dbdbdb solid; background: #f8f8f8; color: #ccc; font-size: 14px; padding-left: 10px }
.searchsubmit { position: absolute; top: 2px; right: 2px; z-index: 10; }

.hero { background: #ccc; margin-bottom: 2px; }

.contents { background: #FFF; margin-bottom: 2px; line-height: 1.5; }
.homebottom { padding: 20px 0; }
.homemodule { font-size: 12px; }
.homebottom .left, .homebottom .middle, .homebottom .right { width: 33%; float: left; }
.left { }
.middle { border: #e9e9e9 solid; border-width: 0 3px; min-height: 150px; height: auto !important; height: 150px; }
.right { }
.left div, .middle div, .right div { margin: 0 30px; }

.main { width: 600px; margin: 25px 75px 40px 37px; float: left; }
.sidebar { width: 175px; float: left; margin-top: 40px; }
.module { margin-bottom: 20px; }

.foot { background: #e8e8e8; padding: 13px 15px; color: #898989; font-size: .85em; line-height: 1.5; }
.footright { float: right; text-align: right; width: 60%; line-height: 2.2 }
.footer { }

.docheader, .section, h1 { font-size: 15px; color: #000; font-weight: bold; }
h3 { margin: 0 0 5px; 0; font-size: 13px; color: #5d5d5d; text-transform: uppercase; }
h4 { font-size: 11px; text-transform: uppercase; }

a, a:visited, a:hover { color: #005ac3; text-decoration: none; }
.subnav a, .subnav a:visited, .subnav a:hover { color: #898989; font-weight: bold; font-size: 12px; }
.foot a, .foot a:visited, .foot a:hover { color: #289728; }

.floatleft { float: left; }
.floatright { float: right; }
.centered { margin: 0 auto; text-align: center; }
.clear { clear: both; }
.clearme { zoom: 1; }
.clearme:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
.noborder { border: none; }

table.products .label { width: 51%; }
table.products .odd, table.products .even { width: 7%; text-align: center; padding: 3px; font-size: 25px; font-weight: bold; line-height: 10px; }
table.products .odd { background: #efefef; }
table.products tr td { border-bottom: 1px solid #e0e0e0; }

table.tyrfil tr.odd { background: #efefef; font-weight: normal; }
table.tyrfil tr td { padding: 10px; border-bottom: 1px solid #e0e0e0; font-size: 12px; text-align: left; }
table.tyrfil { margin: 10px 0 50px 0; border: solid #e0e0e0; border-width: 1px 1px 0 1px;  }


/* DHTML Menus */
.menuContainer { background: #E7E7E7; font-size: .9em; font-weight: bold; }
.menuCell { background: #E7E7E7; padding: 0 8px; }

.menuCell a,
.menuCell a:visited { color: #005AC3; }

.menuCellOver { background: #eee; padding: 0 8px; }
.menuCellOver a,
.menuCellOver a:visited,
.menuCellOver a:hover { color: #289728; }

a.menu td { color: #005AC3; }


.body {  }
.bodybold { font-weight: bold; }

/* Beneath document header */
.sub { font-size: 1.2em; font-style: italic; }
.altbody { }

b { font-weight:bold }
i { text-decoration:italic }
u { text-decoration:underline }

.lightboxDiv
{
    border: 1px solid #666;
    margin: 10px;
    width: 120px;
}

.lightboxDiv div
{
    margin: 5px;
    text-align: center;
}

.lightboxThumb
{

}

#slideshow { width: 920px; height: 253px; }
.hero-home { background: #ccc; margin-bottom: 2px; position: relative; height: 253px; width: 920px; }

.headlineContainer { position: relative; }
#HLnavigation { width: 160px; position: absolute; top: 226px; left: 20px; z-index: 1; }
.HLnav { background: #000; color: #000; border: 1px solid #5d5d5d; width: 18px !important; height: 18px !important; text-align: center; float: left; padding: 0px; list-style-type: none; margin-right: 5px; cursor: pointer; }
.playPause { display: none; }
.currentNav { border: 1px solid #a3a3a3; }

.captionContainer { display: none !important; width: 875px !important; height: 36px !important; background: url(/images/template2010/bcgrd-navbar-headline.png); position: absolute; top: 214px; left: 0; overflow: hidden; color: #e6e9eb; line-height: 2.6; font-size: 13px; }
.headlineGallery { cursor: pointer; }

/* Calendar styles (set to a dark blue and gray scheme -adjust as needed) */

table #calendar { background: #CFCFCF; width: 100%; }
table #calendar caption {  background: #7F8083;  color: #fff;  font-weight: bold; padding: 10px; font-size: 18px; }
table #calendar th 	{ background: #0000cc; color: #fff; padding: 4px; font-weight: bold; font-size: 14px; }
#calendar td.present { background: #FFF; text-align: left; height: 90px; overflow: hidden; width: 15%; padding: 3px; -moz-border-radius: 5px; }
#calendar td.past { background: #DEDEDE; height: 90px; }
#calendar td.future { background: #F0F0F0; text-align: left; height: 90px; overflow: hidden; padding: 3px; width: 84px; -moz-border-radius: 5px; }
#calendar td.none { background: #FFF; }
#calendar td.past:hover, #calendar td.future:hover, #calendar td.present:hover { background: #FFF; }

#calendar td { width: 14.3%; }
#calendar .date { color: #7F8083; padding: 0px; width: 14px; text-align: center; font-size: 12px; font-weight: bold; }
#calendar td ul { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; margin-top: 0; }
#calendar td.past ul li, #calendar td.present ul li, #calendar td.future ul li { list-style: none; font-size: 11px; font-style: normal; cursor: pointer; padding: 3px; }
#calendar td.past ul li:hover, #calendar td.present ul li:hover, #calendar td.future ul li:hover  {  }
#calendar td.past ul li a:link, #calendar td.past ul li a:visited, #calendar td.past ul li a:active, #calendar td.future ul li a:link, #calendar td.future ul li a:visited, 
#calendar td.future ul li a:active, #calendar td.present ul li a:link, #calendar td.present ul li a:visited, #calendar td.present ul li a:active { text-decoration: none; width: 100%; padding: 3px; }
#calendar td.past ul li a:hover, #calendar td.future ul li a:hover, #calendar td.present ul li a:hover { text-decoration: underline; padding: 3px; }
.calendarItemDisplay { position: absolute; overflow: hidden; top: 400px;  left: 200px; visibility: hidden; background: #FFF; padding: 10px; border: 3px outset #454545; opacity: 1; filter: alpha(opacity=100) blendTrans(duration=.3); height: 400px; width: 415px; }
#shadow { position: absolute; left: 0px; top: 0px; background: #000; filter: alpha(opacity=45) blendTrans(duration=.35); opacity: 0.45; visibility: hidden; }


/* Ecommerce Styles */
#billing-info {margin-right: 20px; }
#billname-field { margin-top: 30px; }
 
.addresses { width: 45%; float: right; }
.billingadress { }
.shippingaddress { width: 95%; }
.shippingmethod { width: 100%; }
.shippingmethod .field textarea { width: 95% !important; }
.paymentinfo { width: 45%; float: left;  margin-right: 25px; }

.zipfinder-heading { border-bottom: 1px solid #000; background: #0079CA; }
.zipfinder-heading h4 { margin: 4px 0 5px 10px; font-size: 1.2em; color: #FFF; }