@import url("header.css");
/*
* { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif !important; }

body { text-align:center; color:#333333; background-color:#ffffff; line-height:1.5em; }
body, td { font:12px Verdana, Arial, Helvetica, sans-serif; }
h1 { font:20px; margin-bottom:20px; font-weight:bold; }
h2 { font-size:1.2em; }
h3 { font-size:1.0em; margin-bottom:10px; }
h4 { font-size:1.0em; padding:5px 0 5px 0; }
p { margin-bottom:20px; }
ul { margin-left:15px; margin-bottom:20px; }
a { color:#333333; text-decoration:none; }
a:hover { color:#333300; }


*/
p {
	font-family:Verdana, Arial, Helvetica, Geneva, sans-serif;
	font-size: 12px;
	color:#666;
	text-align:justify;
	line-height:150%;
}

img.padding {
	padding-left: 25px;
	padding-bottom: 15px;
}
p.light_green {
	color:#617649;
	font-weight: bold;
}
body {
	background-image: url(../images/bg_bamboo.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0px;
	background-color: #303934;
	background-attachment: fixed;
}
a { color:#617649; text-decoration:none; font-weight: bold;}
a:hover {
	text-decoration: underline;
}
img { border:0;}


#container {
	width:721px;
	margin:0 auto;
	text-align:left;
	background-color:#ffffff;
	line-height: 1.5em;
}
h1 { font:20px; margin-bottom:20px; font-weight:bold; }
#header { height:107px; }
#logo { float:left; width:304px; height:76px; }
#util_menu { float:right; width:417px; height:16px; margin:0; padding-top:38px; }
#util_menu input.text { width:105px; height:20px; font-size:10px; color:#666666; }
#menu { clear:both; height:21px; background:url(../images/bg_menu.gif) no-repeat top center; position:relative; margin:0; padding:0; }
#menu li { list-style:none; position:absolute; }
#menu li, #menu a {
	height:21px;
	display:block;
	text-decoration: none;
	color: #333333;
	text-align: left;
}
			#menu a:hover { color: #333300; }
			#menu span { display:none; }
			#menu .li1 { width:120px; left:0px;}
			#menu .li2 { width:120px; left:120px;}
			#menu .li3 { width:120px; left:240px;}
			#menu .li4 { width:120px; left:360px;}
			#menu .li5 { width:120px; left:480px;}
			#menu .li6 { width:121px; left:600px;}
			
			#menu .li1 a:hover { background:url(../images/bg_menu.gif) -0px -21px no-repeat;}
			#menu .li2 a:hover { background:url(../images/bg_menu.gif) -120px -21px no-repeat;}
			#menu .li3 a:hover { background:url(../images/bg_menu.gif) -240px -21px no-repeat;}
			#menu .li4 a:hover { background:url(../images/bg_menu.gif) -360px -21px no-repeat;}
			#menu .li5 a:hover { background:url(../images/bg_menu.gif) -480px -21px no-repeat;}
			#menu .li6 a:hover { background:url(../images/bg_menu.gif) -600px -21px no-repeat;}
			
			#menu li ul { display:none; position:absolute; background-color:#ffffff; width:150px; margin-left:0; margin-top:0; padding-top:5px; border:1px solid #cccccc; border-top:none; }
			*:lang(en)#menu li ul {	margin-left:0 !important; margin-top:0 !important; }
				#menu li ul li { border:none; clear:both; display:block; position:relative; padding:0px 0px 0px 10px; background-image:none !important; }
#menu li ul li a {
	display:block;
	width:120px;
	padding-right:0px;
	padding-left: 0px;
}
				#menu li ul li a:hover { background-image:none !important; text-decoration:underline; }
				#menu li:hover ul, #menu li.over ul { display:block; z-index:100; }
			
	#sub_container { margin-bottom:23px; }
		#intro_text { float:left; width:289px; height:239px; padding:10px; background-color:#333333; border:1px solid #000000; border-right:0; color:#ffffff; font: 1.1em "Verdana, Arial, Helvetica, sans-serif"; }
		#intro_text a { color:#ffffff; }
		#intro_text a:hover { color:#99cc66; }
		#intro { margin-bottom:15px; }
			#intro img { float:left; width:310px; }
			#intro #flash { float:right; width:410px; border-top:1px solid #000000; border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; }
		#bags { width:719px; height:199px; border:1px solid #000000; }
		#left_col { width:121px; background-color:#333333; border:1px solid #000000; vertical-align:top; }
			#categories_menu { color:#ffffff; padding:10px; font-size:11px; line-height:1.5em; }
			#categories_menu a { color:#ffffff; }
			#categories_menu a:hover { color:#99cc66; }
		#main_col { width:585px; background-color:#dbc17a; border:1px solid #000000; vertical-align:top; padding:15px; }
	
	#footer { width:721px; margin:0 auto; }
		#footer_menu { height:20px; background:url(../images/bg_footer_menu.gif) no-repeat top center; position:relative; margin:0; padding:0; }
			#footer_menu li { list-style:none; position:absolute; }
			#footer_menu li, #footer_menu a { height:20px; display:block; }
			#footer_menu span { display:none; }
			#footer_menu .li1 { width:28px; left:82px;}
			#footer_menu .li2 { width:48px; left:140px;}
			#footer_menu .li3 { width:74px; left:216px;}
			#footer_menu .li4 { width:48px; left:318px;}
			#footer_menu .li5 { width:51px; left:395px;}
			#footer_menu .li6 { width:25px; left:475px;}
			#footer_menu .li7 { width:109px; left:529px;}
	#flex_footer { font-size:10px; color:#666666; margin-top:30px; }

.clear { clear:both; height:0px; line-height:1px; font-size:1px; }
.floatleft { float:left; vertical-align:top; }
	.floatleft img { margin-right:10px; }
.floatright { float:right; vertical-align:top; }
	.floatright img { margin-left:10px; }

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */