/* CSS Document */
/* HTML */
body {text-align:center; background-color: #E7E7E7;}
h1,h2,h3,h4, { font-family:Georgia, "Times New Roman", Times, serif;}
/* WRAPPER */
div#wrapper {}
div#sub-wrapper {margin:0em auto; text-align:left; width:900px;}
/* HEADER */
div#header { text-indent: -5000px; height:62px; border-bottom: 2px solid #E7E7E7;}
div#header h1,div#header h2, div#header h3{ font-size:5px;}
/* CONTENT */
div#content {}
div#sub-content {}
/* FOOTER */
div#footer { clear:both; font-size:90%; padding-top:5px; padding-bottom: 10px; color:#333333;}
div#footer .title{ display:none; }
div#footer ol.navigation,
div#footer p.copyright { display:inline;}
div#footer p.copyright { padding-right:350px;}
div#footer ol.navigation li { display:inline; padding-left:5px; border-left: 1px solid #000;}
div#footer ol.navigation li.contactus { border-left: 0px none;}
div#footer ol.navigation a { color:#000000; text-decoration:none; }
/* LEGAL */
div#legal {}
div#legal .title{ display:none; }
/* MAIN-NAVIGATION */
div#main-navigation 
{
position:absolute;
top:30px;
width:880px;
height:32px;
background:url(../../images/layout/main-nav/bg.gif) repeat-x 0 0;
}
div#main-navigation .title{ display:none; }
div#main-navigation ol.navigation 
{
width:880px;
height:32px;
}
div#main-navigation ol.navigation li{ float:left;}
div#main-navigation ol.navigation li.identify{}
div#main-navigation ol.navigation li a
{
display:block; 
height:23px; 
float:left;
text-transform:uppercase;
font-size:90%;
font-weight:bold;
padding:7px 0px 0px 0px;
color:#FFFFFF;
text-decoration:none;
text-align:center;
border-right: 1px solid #254611;
}
div#main-navigation ol.navigation li a span.lowercase { text-transform:lowercase;}
div#main-navigation ol.navigation li.home{}
div#main-navigation ol.navigation li.product{}
div#main-navigation ol.navigation li.habitat{}
div#main-navigation ol.navigation li.identify{width:315px;}
div#main-navigation ol.navigation li.wheretobuy{}
div#main-navigation ol.navigation li.faq{}


div#main-navigation ol.navigation li a.home{ width:68px; background:url(../../images/layout/main-nav/bg-l-cap.gif) no-repeat 0 0;}
div#main-navigation ol.navigation li a.product{ width:122px;}
div#main-navigation ol.navigation li a.habitat{ width:197px;}
div#main-navigation ol.navigation li a.identify{ width:117px;}
div#main-navigation ol.navigation li a.wheretobuy{ width:117px; border-left: 1px solid #254611;}
div#main-navigation ol.navigation li a.faq {width:56px; border-right: 0px none; background:url(../../images/layout/main-nav/bg-r-cap.gif) no-repeat 100% 0;}

div#main-navigation ol.navigation li a.home:hover,
body.home div#main-navigation ol.navigation li a.home{background:#006B1D url(../../images/layout/main-nav/bg-l-cap-hover.gif) no-repeat 0 0;}
div#main-navigation ol.navigation li a.product:hover,
body.product div#main-navigation ol.navigation li a.product{background-color:#006B1D;} 

div#main-navigation ol.navigation li a.habitat:hover,
body.habitat div#main-navigation ol.navigation li a.habitat{background-color:#006B1D;}

div#main-navigation ol.navigation li a.identify:hover,
body.identify div#main-navigation ol.navigation li a.identify{background-color:#006B1D;}

div#main-navigation ol.navigation li a.wheretobuy:hover,
body.wheretobuy div#main-navigation ol.navigation li a.wheretobuy{background-color:#006B1D;}

div#main-navigation ol.navigation li a.faq:hover,
body.faq div#main-navigation ol.navigation li a.faq{background:#006B1D url(../../images/layout/main-nav/bg-r-cap-hover.gif) no-repeat 100% 0;}

/* BOX DEFAULT */
.box {background-color:#FFF;  border-bottom: 2px solid #E7E7E7;}
.box .l { width:6px; height:6px; float:left;}
.box .r { width:6px; height:6px; float:right;}

.box .t {height:6px; font-size: 1px; line-height:1px;}
.box .t .l {background: url(../../images/layout/box/wh/t-l-cap.gif) no-repeat 0 0;}
.box .t .r {background: url(../../images/layout/box/wh/t-r-cap.gif) no-repeat 0 0;}

.box .b {height:6px; font-size: 1px; line-height:1px;}
.box .b .l {background: url(../../images/layout/box/wh/b-l-cap.gif) no-repeat 0 100%;}
.box .b .r {background: url(../../images/layout/box/wh/b-r-cap.gif) no-repeat 100% 100%;}

.box .m {}

.green {background-color:#BACBA9;}
.green .t .l {background: url(../../images/layout/box/og/t-l-cap.gif) no-repeat 0 0;}
.green .t .r {background: url(../../images/layout/box/og/t-r-cap.gif) no-repeat 0 0;}
.green .b .l {background: url(../../images/layout/box/og/b-l-cap.gif) no-repeat 0 100%;}
.green .b .r {background: url(../../images/layout/box/og/b-r-cap.gif) no-repeat 100% 100%;}

.gray {background-color:#D1DAE1;}
.gray .t .l {background: url(../../images/layout/box/bg/t-l-cap.gif) no-repeat 0 0;}
.gray .t .r {background: url(../../images/layout/box/bg/t-r-cap.gif) no-repeat 0 0;}
.gray .b .l {background: url(../../images/layout/box/bg/b-l-cap.gif) no-repeat 0 100%;}
.gray .b .r {background: url(../../images/layout/box/bg/b-r-cap.gif) no-repeat 100% 100%;}

.blwhbl {background-color:#D1DAE1;}
.blwhbl .t .l {background:#D1DAE1 url(../../images/layout/box/bg/t-l-cap.gif) no-repeat 0 0;}
.blwhbl .t .r {background:#D1DAE1 url(../../images/layout/box/bg/t-r-cap.gif) no-repeat 0 0;}
.blwhbl .b .l {background:#D1DAE1 url(../../images/layout/box/bg/b-l-cap.gif) no-repeat 0 100%;}
.blwhbl .b .r {background:#D1DAE1 url(../../images/layout/box/bg/b-r-cap.gif) no-repeat 100% 100%;}

.blwhbl .h {background-color:#D1DAE1;}
.blwhbl .m {background-color:#FFF;}
.blwhbl .f {background-color:#D1DAE1;}

.whbl {background-color:#FFF;}
.whbl .t {background-color:#FFF;}
.whbl .b {background-color:#D1DAE1;}
.whbl .t .l {background:#FFF url(../../images/layout/box/wh/t-l-cap.gif) no-repeat 0 0;}
.whbl .t .r {background:#FFF url(../../images/layout/box/wh/t-r-cap.gif) no-repeat 0 0;}
.whbl .b .l {background:#D1DAE1 url(../../images/layout/box/bg/b-l-cap.gif) no-repeat 0 100%;}
.whbl .b .r {background:#D1DAE1 url(../../images/layout/box/bg/b-r-cap.gif) no-repeat 100% 100%;}

.whbl .h {background-color:#FFF;}
.whbl .m {background-color:#D1DAE1;}
.whbl .f {background-color:#D1DAE1;}

/* COLUMNS */
#cl-a,#cl-b,#cl-c {float:left;}

#cl-a.c292,
#cl-b.c292,
#cl-c.c292 { width:292px;}

#cl-a.c585,
#cl-b.c585,
#cl-c.c585 { width:585px;}

#cl-a.c880,
#cl-b.c880,
#cl-c.c880 { width:880px;}

#cl-a {border-right: 2px solid #E7E7E7;}
#cl-c {border-left: 2px solid #E7E7E7;}

#cl-a {}
#cl-b {}
#cl-c {}

/**/
div.prddesc div.h p.title {font-size: 85%; color:#656668; margin-left:14px; margin-bottom:6px; }
div.prddesc div.h p.title span.find {margin-right:120px;}
div.prddesc div.h p.title a {color:#559E67;}
div.prddesc div.m h3 {margin-left:25px;}
div.prddesc div.m p {font-size:85%; line-height:140%;width:245px; margin-left:26px; padding-bottom:5px; color:#666;}
div.prddesc div.m p.logo {margin-left:0px;width:290px;}
div.prddesc div.m p.logo img {display:none; }
div.prddesc div.m p.logo{ height:96px; background:url(../../images/layout/brand/gbl_logo.gif) no-repeat 50% 50%;}
div.prddesc div.f p {display:none;}
div.prddesc div.f h4 a {display:block; height:42px; text-indent:-9000px;}
div.prddesc div.m h3.title {font-size:28px; width:245px;}
div.prddesc div.f h4 a {visibility:visible; height:240px;}
/**/
div#cl-b div h2,
div#cl-b div h3,
div#cl-b div h4 {margin-left:25px; font-family:Georgia, "Times New Roman", Times, serif; width:245px; padding:4px 0px 10px 0px; font-size:24px;}

div#cl-b div p {font-size:85%; line-height:140%;width:245px; margin-left:26px; margin-bottom:5px; color:#333333;}

div#cl-b div ol,
div#cl-b div ul {margin-left:38px; vertical-align:top;}

div#cl-b div li {
font-size:85%; 
line-height:140%; 
margin-bottom:8px;
width:225px;
list-style-type:square;
list-style-image:url(none);
list-style-type:disc;
list-style-position: outside;
vertical-align:text-top; 
color:#333333;
}

div#cl-b div.m p a {color:#006C1D;}

div#cl-b div.m {min-height:400px;}

div#cl-b.l543 div.m {min-height:472px;}

.promo
{
    margin: 0px 20px 2px 23px;
    border: none;
    width: 246px;
    background: #FFFFFF;
}

.promo div.text
{
    margin: 5px 5px 5px 5px;
    font-size: 85%; 
    color:#656668; 
    margin-left:14px; 
    margin-bottom:6px;
}

/* used as <div class="clear"></div> to clear floated elements */
div.clear {
	clear: both;
}