/* IE6 min-height hack */
html>body #page, html>body #content .splash, html>body #content .autotabslive#tab2 .tab {height: auto;}

/*general*/
body{background:#124B1C url(../../images/layout/body_bg.gif) repeat-x top left;font:normal 13px "lucida grande", verdana, arial, helvetica, sans-serif;margin:0;padding:0;}
a img{border:0;}
img.left{float:left;margin:0 10px 15px 0;padding:0;}
img.right{float:right;margin:0 0 15px 10px;padding:0;}

/*container*/
#container{background: #fff;width:750px;margin:0 auto;border-left: 2px solid #0D3714;border-right: 2px solid #0D3714;}

/*header*/
#header{padding: 10px 0;}
#header h1{background:url(../../images/layout/logo.gif) no-repeat 0 0;padding:0;margin:0;}
#header h1 a{display:block;height:160px;text-decoration:none;text-indent:-3000px;width:750px;overflow:none;}

/*Globalization*/
#globalization{float:right;}
#globalization a {float:left;height:18px;padding:0px 100px 0px 38px;text-decoration:none;width:50px;color:#000}
#globalization a:hover {color:Green; font-size:14px;font-weight:bold;}

/*page*/
#page{float: left; height:400px;margin:0 auto;min-height:400px;width:750px; background: #fff;}
#page a:link, #page a:visited{color:#0033ff;}
#page a:hover, #page a:active{background:#0033ff;color:#fff;text-decoration:none;}
#page ul.options {font: 11px "verdana",arial, helvetica, sans-serif; border-top: 1px solid #ccc;list-style-type: none;clear:both;margin:0 30px;padding:10px 0 0;width: 470px;}
#page ul.options li {margin:0;padding:0; height: 25px;}
#page ul.options li.top {float: left; width: 49%;}
#page ul.options li.warranty {float: right; width: 49%; text-align: right;}
#page ul.options li.warranty a:link,#page ul.options li.warranty a:visited {color: #222;}
#page ul.options li.warranty a:hover,#page ul.options li.warranty a:active {color: #fff; background: #222;}
#page #warranty {clear: both; background: lightgreen;font: bold 11px/14px "verdana",arial, helvetica, sans-serif; margin:0 30px 15px;padding: 5px 10px;width: 450px; border: 2px solid green;}

/*content*/
#content{float:left;margin:0;padding:0 0 0 30px;width:470px;}
#content a:link, #content a:visited{color:#0033ff;}
#content a:hover, #content a:active{background:#0033ff;color:#fff;text-decoration:none;}
#content h1, h2, h3, h4, h5, h6{font-family:"trebuchet ms", helvetica, sans-serif;margin:0 0 15px 0;padding:0;}
#content h2{border-bottom:1px solid #788893;color:#788893;font-size:30px;font-weight:bold;letter-spacing:-1px;margin:0 0 15px 0;padding:0 0 10px 0;}
#content h3{font-size:26px;}
#content h4{color:green;font-size:22px;}
#content h5{color:#333300;font-size:19px;}
#content h6{color:green;font-size:15px;}
#content p{font:normal 16px/26px arial, helvetica, sans-serif;margin:0 0 15px 0;padding:0;}
#content ul{list-style-type:none;margin:15px 0;padding:0;}
#content ul li{background:url(../../images/layout/bullet_grey.gif) no-repeat 4px 10px;font:bold 14px/20px "trebuchet ms", arial, helvetica, sans-serif;margin:0 0 0 0px;padding:5px 0 0 22px;}
#content ul.faqs{border-bottom:1px solid #ccc;padding:0 0 25px 0;}
#content ul.faqs li{background:url(../../images/layout/bullet_green.gif) no-repeat 0px 10px;font:bold 18px/26px "trebuchet ms", arial, helvetica, sans-serif;}
#content ul.stats li{background:none;font:normal 14px/16px "trebuchet ms", arial, helvetica, sans-serif;list-style-type:none;margin:15px 0 0px;padding:0;}
#content .whatiscoir {float:right;margin:0;width:250px;}
#content .whatiscoir h3{font-size:22px;margin:0 0 5px 0;}
#content .whatiscoir p{font-size:14px;line-height:19px;}
#content .whatiscoir p a {font-size:12px;}
#content .growbags{background:url(../../images/growbag_link.jpg) no-repeat top left;float:left;margin:0 0 15px 0;}
#content .growbags a:link,
#content .growbags a:visited,
#content .growbags a:hover,
#content .growbags a:active{color:yellow;display:block;height:117px;padding:5px 0 0 0;text-align:center;text-decoration:none;width:200px; font-size: 20px;}
#content .growbags a:hover,#content .growbags a:active{color:yellow; background: none;}
#content .intro a:link,
#content .intro a:visited {color:#fff;}
#content .intro a:hover, 
#content .intro a:active {color:green; background: #fff;}
#content .intro h2{border-bottom:0;color:yellow;margin:10px 15px 5px;padding:0;} 
#content .intro.home {background:url(../../images/layout/intro_bg_home.jpg) no-repeat top left; float: left; width: 470px; height: 203px; margin:0 0 5px 0;text-align:center;}
#content .intro.home h2{color:#B4FFA7; font-size: 28px; line-height: 30px;margin: 10px 10px 20px 10px;}
#content .intro.home p {color:#fff; font-size: 13px; line-height: 19px;font-weight: bold;margin: 10px 10px 15px 10px;}
#content .intro.about {position:relative;background:url(../../images/layout/intro_bg_about.jpg) no-repeat top left; float: left; width: 470px; height: 203px; margin:0 0 10px 0;}
#content .intro.about p{color: #fff; font-weight:bold;line-height: 22px;margin:0 15px; padding:0;width: 250px;}
#content .attn{background:#FFFF99;border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;float:right;margin:3px 10px 0px 20px;padding:10px 10px 0;width: 190px;text-align:center;}
#content .attn p{color: #000;font: bold 15px/19px "trebuchet ms", arial, helvetica, sans-serif;margin:0 0 10px 0;}
#content .intro.about .highlight{position:absolute; top: 25px; right: 15px;width: 175px;text-align:center;}
#content .intro.about .highlight h4{color:#27FF00;margin:0 0 5px 0;font-size:19px;letter-spacing:-1px;} 
#content .intro.about .highlight p{color: #AAFFB6;font-size: 13px; font-weight:normal;line-height: 18px;margin:0 0 10px 0;padding:0;width: auto;}
#content .intro.coir {position:relative;background:url(../../images/layout/intro_bg_coir.jpg) no-repeat top left; float: left; width: 470px; height: 203px; margin:0 0 10px 0;}
#content .intro.coir p{color: #fff; font-size:14px;line-height:21px; font-weight:bold;margin:0 15px; padding:0;width: 300px;}
#content .intro.benefits {position:relative;background:url(../../images/layout/intro_bg_benefits.jpg) no-repeat top left; float: left; width: 470px; height: 203px; margin:0 0 10px 0;}
#content .intro.benefits h2{border-bottom:0;color:yellow;margin:10px 20px 5px;padding:0;} 
#content .intro.benefits p{color: #fff; font-size:14px;line-height:18px; font-weight:bold;margin:0 15px; padding:0;width: 300px;}
#content .intro.benefits .autotabslive .tabhide{display:none;}
#content .intro.benefits .autotabslive .tab{}
#content .intro.benefits .autotabsnav{height: 107px; width:100px; float: left;border-right:1px solid #fff;list-style-type:none;margin:0 0 0 16px;padding:0;}
#content .intro.benefits .autotabsnav li{background:none; clear:both;float:left;line-height:normal;margin:0 0 1px 0;padding:0;width:100px;}
#content .intro.benefits .autotabsnav li a{font-size:16px;float:left;height:24px;padding:2px 0 0 5px;width:95px;}
#content .intro.benefits .autotabsnav li a:link,
#content .intro.benefits .autotabsnav li a:visited {}
#content .intro.benefits .autotabsnav li a:hover,
#content .intro.benefits .autotabsnav li a:active {text-decoration:none;}
#content .intro.benefits .autotabsnav li.autotabsactive a:link,
#content .intro.benefits .autotabsnav li.autotabsactive a:visited,
#content .intro.benefits .autotabsnav li.autotabsactive a:hover,
#content .intro.benefits .autotabsnav li.autotabsactive a:active{text-decoration:none;color:#000; background:#fff;}
#content .intro.benefits .autotabslive .tab{float: right;color:#fff; padding:0 15px 0;width:300px;height: 110px;}
#content .intro.benefits .autotabslive .tab h3{display:none;clear: both;}
#content .intro.benefits .autotabslive .tab ul{padding: 0; margin: 0;}
#content .intro.benefits .autotabslive .tab li{background:none;list-style:disc; padding: 0; margin: 0;font-size: 14px; line-height: 18px;}
#content .intro.benefits .autotabslive#tab2 .tab{height:200px;min-height:200px;overflow:auto;}
#content .intro.wholesale {background:url(../../images/layout/box_darkgreen_470x347.gif) no-repeat top left; float: left; width: 450px; height: 347px; margin:0 0 10px 0; padding:0 10px 0 10px; }
#content .intro.wholesale h2{margin:10px 0 5px;padding:0;} 
#content .intro.wholesale ul {padding: 0; margin:0;}
#content .intro.wholesale li {color: #fff;font-size: 10px; line-height:16px;background: none; padding: 0; margin:0;}
#content .intro.wholesale p {color: #999999;font:normal 12px/17px arial, helvetica, sans-serif; clear: both;padding: 0; margin:0;}
#content .intro.reptiles {position:relative;background:url(../../images/layout/intro_bg_reptiles2.jpg) no-repeat top left; float: left; width: 470px; height: 203px; margin:0 0 10px 0;}
#content .intro.reptiles p {color: #B4FFA7; font: bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;position:absolute; top: 60px; right: 10px;width: 200px;text-align:center; letter-spacing:-1px;}
#content .intro.support {position:relative;background:url(../../images/layout/intro_bg_support.jpg) no-repeat top left; float: left; width: 470px; height: 276px; margin:0 0 10px 0;}
#content .intro.support p{color: #fff; font-size:14px;line-height:21px; font-weight:bold;margin:0 17px; padding:0;}
#content .intro.support h4{color:#EAFF00;margin:10px 15px;font-size:19px;letter-spacing:-1px;} 
#content .intro.support a:link,
#content .intro.support a:visited {color:yellow;}
#content .intro.support a:hover,
#content .intro.support a:active {color:#000;} 
#content .slideshow{clear:both;position:relative;background:url(../../images/layout/slideshow_bg.jpg) no-repeat top left; padding: 0 0 10px 0;float: left; width:470px;}
#content .slideshow .title{background:;padding: 5px 10px;margin: 0 0 10px 0;font-size: 16px; border-bottom: 1px solid #fff;}
#content .slideshow .pagination p.numbers{color:#000;font-size:11px;font-weight:bold;margin:0;padding:0;position:absolute;right:25px;text-align:center;top:3px;width:50px;}
#content .slideshow .pagination a{color:#000;display:none;text-decoration:none;background:none;}
#content .slideshow .pagination a.selected{display:inline;cursor: default;}
#content .slideshow .pagination a.next, 
#content .slideshow .pagination a.previous{display:block;height:21px;overflow:hidden;position:absolute;top:5px;text-align:left;text-indent:-1000em;width:23px;}
#content .slideshow .pagination a.next{background:url(../../images/layout/arrow_next.gif) no-repeat 2px 2px;right:5px;}
#content .slideshow .pagination a.previous{background:url(../../images/layout/arrow_previous.gif) no-repeat 2px 2px;right:72px;}
#content .slideshow .slide h4 {color:#000;font-size:17px;line-height:20px;margin:0; padding: 0 15px;}
#content .slideshow .slide p.cite {color:#000;font: bold 10px "Verdana", Arial, Helvetica, sans-serif; margin: 0;padding: 0 15px;text-align: right;}
#content .top{font-size:12px; padding: 0; margin:0; border: none;}


/*sidebar*/
#sidebar{float:right;margin:0;padding:0 20px 40px 0;width:200px;}
#sidebar ul{
	display:block;
	float:left;
	font:bold 15px arial, helvetica, sans-serif;
	letter-spacing:-1px;list-style-type:
	none;margin:0;padding:0;width:200px;
	}
#sidebar ul li
{
	clear:both;
	float:left;
	line-height:normal;
	margin:0;
	padding:0;
	width:200px;}
#sidebar ul li a {float:left;height:18px;padding:5px 8px 5px 8px;text-decoration:none;width:184px;}
#sidebar ul li a:link,
#sidebar ul li a:visited {background:#147524;border-top:2px solid #175c23;color:#fff;}
#sidebar ul li a:hover,
#sidebar ul li a:active{background:#8cc66f;border-top:2px solid #175c23;color:#147524;}
#sidebar ul li ul{display:none;}
#sidebar ul li.active a:link,
#sidebar ul li.active a:visited,
#sidebar ul li.active a:hover,
#sidebar ul li.active a:active{background:#054e05;border-top:2px solid #175c23;color:yellow;}
#sidebar ul li.first{background:url(../../images/layout/nav_bg_top.gif) no-repeat top left;}
#sidebar ul li.first a {margin-top:7px;}
#sidebar ul li.last{background:url(../../images/layout/nav_bg_bottom.gif) no-repeat bottom left;padding:0 0 7px 0;}
#sidebar ul li.last a:link,
#sidebar ul li.last a:visited,
#sidebar ul li.last a:hover,
#sidebar ul li.last a:active {border-bottom:2px solid #175c23;}

#sidebar ul li.active ul{
	background:none; 
	padding:0;
	display:block; 
	float:left;
	font:bold 8px arial, helvetica, sans-serif;letter-spacing:normal;
	}

#sidebar ul li.active ul li a {height:19px;padding:5px 0 0 25px;width:175px;}
#sidebar ul li.active ul li a:link,
#sidebar ul li.active ul li a:visited{background:#003300 url(../../images/layout/nav_bullets.gif) no-repeat 0 -25px!important;border-top:1px solid #175c23!important;color:#fff;}
#sidebar ul li.active ul li a:hover,
#sidebar ul li.active ul li a:active{background:#8cc66f url(../../images/layout/nav_bullets.gif) no-repeat 0 -50px!important;border-top:1px solid #175c23!important;color:#003300!important;}
#sidebar ul li.active ul li.active a:link,
#sidebar ul li.active ul li.active a:visited,
#sidebar ul li.active ul li.active a:hover,
#sidebar ul li.active ul li.active a:active{background:#003300 url(../../images/layout/nav_bullets.gif) no-repeat 0 0!important;border-top:1px solid #175c23!important;color:yellow!important;}
#sidebar p{clear:both;}
#sidebar .storeinfo{float:left;background: #fff url(../../images/layout/box_black_200x111.gif) no-repeat top left;height:115px;margin:10px 0;width:200px;}
#sidebar .storeinfo a:link,
#sidebar .storeinfo a:visited,
#sidebar .storeinfo a:hover,
#sidebar .storeinfo a:active {background: transparent;color:#ddd;float:left;height:95px;padding:10px;text-decoration:none;width:180px;}
#sidebar .storeinfo em{display:block;font-size:15px;padding: 3px 0;color: #66FF00;}
#sidebar .omri{color:#666;font:normal 12px/18px verdana, arial, helvetica, sans-serif;margin:0;padding:15px 0 0;width:200px;}
#sidebar .omri a {float:right;height:42px;margin:-5px 0 -1px 0;overflow:hidden;width:115px;background:none!important;}
    
/*footer*/
#footer{background:#000;clear:both;color:#fff;padding:15px 0 0 0;}
#footer #contact{height:95px;margin:0 auto;width:750px;}
#footer #contact div{border-left:1px solid #242424;float:left;height:87px;padding:3px 25px 0;width:218px;}
#footer #contact div h4{color:#999;font-size:16px;margin:0 0 5px 0;}
#footer #contact div ul{list-style-type:none;margin:0;padding:0;}
#footer #contact div a{color:#99ff00;}
#footer #contact div a:hover,
#footer #contact div a:active{background:#99ff00;color:#000;text-decoration:none;}
#footer #contact div.address{border-left:0px solid #111; width: 200px;}
#footer #contact div.email{width:158px;}
#footer .copyright{color:#444;margin:0 auto;padding:0 0 10px 0;text-align:center;width:750px;}
#footer .copyright a:link,
#footer .copyright a:visited {color:#444;}
#footer .copyright a:hover,
#footer .copyright a:active {color:#fff; background: #444; text-decoration: none;}

/* Print Styles */
@media print {
    #header{border-bottom:1px solid #ccc;margin:0 0 15px 0;padding:0 0 15px 0;}
    #header h1{margin:0;width:auto;}
    #header h1 a{background:none;color:#000;display:block;font:bold 42px "trebuchet ms", helvetica, sans-serif;height:auto;overflow:hidden;text-decoration:none;text-indent:0;width:auto;}
    #page{clear:both;height:auto;margin:0;min-height:auto;padding:0;width:auto;}
    #content{float:none;margin:0;padding:0;width:auto;}
    #content h3{border-top:0px solid #788893;padding:0;}
    #content h5 a.top,
    #content .faqs,
    #content .instructions{display:none;}
    #sidebar{display:none;}
    #footer{border-top:1px solid #ccc;}
    #footer #contact{width:auto;}
    #footer #contact div.email{display:none;}
    #footer .copyright{display:none;}
    #footer #contact div.address{border-left:0px solid #242424;float:left;height:87px;padding:0;width:218px;}
    #footer #contact div.address address .maplink{display:none;}
    #footer #contact div.phonefax{border-left:0px solid #242424;float:right;height:87px;padding:0;width:auto;}
}