﻿#oDiv { background-color: white !important; }
td {font:12px Arial;}
body { font:12px Arial; text-align:center; background:#000000; margin:0px; color:#232323;}
strong {font:14px arial; color:#73AD3B;}
img { border:0; }
.fuel {font:18px arial; font-weight:bold; color:#881074;}
.feel {font:18px arial; font-weight:bold; color:#BF1B3D; }
.heal {font:18px arial; font-weight:bold; color:#85B501;}
.share {font:18px arial; font-weight:bold; color:#038094;}
#shiftgreen {font:14px Arial; color:#4d900d; font-weight:bold; font-style:italic;}

#pageidentity {color:#232323; font:12px arial; text-align:left; letter-spacing:1px;}
#mainheadline { color:#4d900d; font:24px arial; text-align:left; letter-spacing:1px; margin-top:15px;}
#bodycontent {border-top:1px solid #bebebe; margin-top:25px; text-align:left;}
#subhead {color:#666; font:18px arial; text-align:left; letter-spacing:1px; margin-top:15px;}

#wrapper { width:900px; text-align:left; margin:0 auto; }

#maintop { width:900px; height:106px; background:url(images/maintop_bg.jpg) no-repeat top;}
#top { height:81px;margin-left:auto; margin-right:auto; }
#top1 { width:900px; height:10px; margin-left:auto; margin-right:auto; }
#topseperator {background:url(images/top_seperator.jpg) top; width:900px; height:16px; margin-top:-5px;}
#top .login {font:12px arial; padding-top:30px; font-weight:bold;}
#top .login a {color:#FFF; text-decoration:none;}
#top .login a:hover {color:#28ad1a; text-decoration:underline;}
#mainmiddle { /*width:899px;*/ margin-left:auto; margin-right:auto; display:block;}
#mainmiddle2 { width:899px;/*width:100%*/; background:#FFF; font:12px Arial; color:#232323;}
#mainmiddle a {color:#1886d9; font:12px Arial; font-weight:bold; text-decoration:none;}
#mainmiddle a:hover {text-decoration:underline;}

#mainmidenforcer {margin-left:auto; margin-right:auto; padding:35px 15px 35px 15px;}

.footer {font:10px Arial; font-weight:bold; color:#FFFFFF; background:url(images/footer_bg.jpg) top no-repeat; height:50px; padding-top:15px; }
.footer a {color:#FFFFFF; text-decoration:none; padding:7px;}
.footer a:hover {color:#28ad1a; text-decoration:none;}

/* ######### Style for Navigation Menu ######### */

.chromestyle{font-weight: bold;font:14px arial;}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/content: "."; display: block; height: 0; clear: both; visibility: hidden;}

.chromestyle ul {width: 100%; padding: 4px 0;margin: 0; text-align: right;}

.chromestyle ul li{display: inline;}

.chromestyle ul li a{color: #FFFFFF; padding:0px 18px; margin: 0; text-decoration: none;}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/color:#73AD3B;/*THEME CHANGE HERE*/}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{position:absolute;top: 0;border: 1px solid #BBB; /*THEME CHANGE HERE*/font:12px arial;line-height:18px;z-index:100;background-color: white;width: 200px;visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); Add Shadow in IE. Remove if desired*/}

.dropmenudiv a{width: auto;display: block;text-indent: 3px;/*border-bottom: 1px solid #BBB; THEME CHANGE HERE*/padding: 2px 0;text-decoration: none;color: black;}

* html .dropmenudiv a{ /*IE only hack*/width: 100%;}

.dropmenudiv a:hover{ /*THEME CHANGE HERE background-color: #F0F0F0;*/ text-decoration:underline; color:white; background-color:#73AD3B;}

/*PRODUCT LIST PAGES -------- */
#ProdListMain {table-layout: auto; display:table; width: 400px; margin-left:15px; margin-top:20px;border-bottom:1px solid #999999; font:12px Arial;}

#ProdListTitle {color:#03930c; font-size:14px; height:2.4em;} 

#ProdListLower{width: 100%;}

#ProdListLeft{float:left; width:120px;}

#ProdListRight{float:right; width:275px;}

#ProdListVar{margin:0px; color:#03930c; text-align:right; font-weight:bold; }

#ProdNote{font-size:10px; color:#666666;}

/* END PRODUCT LIST PAGES --------- */
