@charset "utf-8";
/* CSS Document */
/*
.cyan {color:#009ae5;}
.hotpink {color:#ec008c;}
.green {color:#01a532;}
.purple {color:#9400e5;}
.orange {color:#fe9652;}
.gunmetal {color:#808080;}
.silver {color:#cccccc;}
*/
body {background-color:#FFFFFF;}
#mainbox { background-color:#FFFFFF;}

/*
ul#listMenuRoot {width:100px;}
ul#listMenuRoot2 {width:144px;padding-right:5px;}
*/

.menulist li a {color:#01a532;  font-weight:normal;}
.menulist li a:hover { color:#808080;  font-weight:normal;}

.menulist li a.toplvl { color:#808080; font-weight:normal;}
.menulist li a.toplvl:hover { color:#000000; font-weight:normal;}

.menulist li a.toplvlactive { color:#01a532; font-weight:bold;}
.menulist li a.toplvlactive:hover { color:#808080; font-weight:bold;}

ul.submenulist li { background-image:url('/images/structure/dot-oj-green.gif');}
.menulist li.toplvlactive { background-image:url('/images/structure/oj-green.gif');}

#gridproduct { background-image:url(/images/structure/prodbox.gif);}
.viewprodright,.subbar { background-color:#f0f0f0;}
.rangetitle {color:#01a532;}

a#but20:hover, a#but29:hover {color:#808080;}
a#but28:hover {color:#808080;} 
a#but1:hover {color:#808080;}
a#but2:hover {color:#808080;}
a#but3:hover {color:#808080;} 
a#but4:hover {color:#808080;}
a#but5:hover {color:#808080;}

a#but20, a#but29 {color:#808080;font-weight:bold; line-height:21px;}
a#but28 {color:#ff0000;font-weight:bold; line-height:21px;}
a#but1 {color:#9400e5;font-weight:bold; line-height:21px;}
a#but2 {color:#ec008c;font-weight:bold; line-height:21px;}
a#but3 {color:#009ae5;font-weight:bold; line-height:21px;}
a#but4 {color:#fe9652;font-weight:bold; line-height:21px;}
a#but5 {color:#01a532;font-weight:bold; line-height:21px;}


.rangebreadcrumb {color:#01a532;}
.rangebreadcrumb a {color:#808080;}
.rangebreadcrumb a:hover {color:#000000;}
.rangeheadtitle {color:#01a532;}