/* css for Grassroutes */
@import url(reset.css);
a {
  cursor: pointer; cursor: hand; color: #6fa113;
}

a:hover {color: #555;}

body {
 background: #fff  url('bg_top.jpg') repeat-x 0 0;
 color: #555;
 font: 62.5%/1.5em Tahoma, Verdana,  Arial, sans-serif; 
 width: 100%;
 
}
img { border: none; }

#wrapper {
	width: 100%;
}
#conTent {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 908px;
}

#header {
	height: 167px;
	width: 100%;
	border-top: 9px solid #8eb61f;
	background: #333 url('bg_header.jpg') no-repeat 0 0;
	position: relative;
}
#header h1 {
	height: 125px;
	width: 383px;
	position: absolute;
	overflow: hidden;
}
#header h1 a {
}
#header a span {
	width: 383px;
	height: 125px;
	background: url('logo.jpg') no-repeat 0 0;
	display: block;
}
#header h2 {
		position: absolute;
		top: 30px;
		left: 550px;
		width: 325px;
		color: #fff;
		font-size: 1.2em;
		font-weight: 400;
}
#header h2 b {
  color: #9ccb46;
  font-weight: bold;
  line-height: 1.8em;
 }
#subhead {
  height: 180px;
  width: 100%;
  background: url('caravan.jpg') no-repeat 0 0;
}


#top_nav {
	position: absolute;
	top: 134px;
	left: 329px;
	height: 33px;
	width: 719px;
	background: url('nav-tabs.jpg') no-repeat 0 -33px;
	display: block;
}
#top_nav ul {
	display: block;
}
#top_nav ul li {
	float: left;
	width: 110px;
	height: 33px;
}
#top_nav ul li a {
	display: block;
	width: 110px;
	height: 33px;
	overflow: hidden;
	text-indent: -5000px;
}

#top_nav ul li#dl {
	width:129px;
}
#top_nav ul li#dl a {
	background: url('nav-tabs.jpg') no-repeat -330px 0;
	width:129px;
}
#top_nav ul li#hp a {
	background: url('nav-tabs.jpg') no-repeat 0 0px;
}
#top_nav ul li#au a {
	background: url('nav-tabs.jpg') no-repeat -110px 0px;
}
#top_nav ul li#cu a {
	background: url('nav-tabs.jpg') no-repeat -220px 0px;
}
#top_nav ul li#tacts a {
	background: url('nav-tabs.jpg') no-repeat -459px 0px;
}
#top_nav ul li#hp a:hover,
#top_nav ul li#au a:hover,
#top_nav ul li#cu a:hover,
#top_nav ul li#dl a:hover,
#top_nav ul li#tacts a:hover {
	background: url(none);	
}


#left {
	float: left;
	width: 207px;
}
#right {
	float: right;
	width: 207px;
}

#midcolumn {
	float: left;
	width: 430px;
	margin-left: 32px;
	color: #555;
  line-height: 1.5em;
}
#midcolumn h2 {
  font-weight: bold;
  color: #96bc22;
  font-size: 1.4em;
  margin: 0.75em 0;
}
#midcolumn h3, #midcolumn p {
  font-weight: 400;
  font-size: 1.2em;
  margin: 0.75em 0;
}
#midcolumn h3 b {
  font-weight: bold; 
}

#footer {
	clear: both;
	background: #1c1c1c;
	border-top: 3px solid #8eb61f;
	min-height: 50px;
	font-size: 1.1em;
}
* html #footer {
  height: 50px; 
}
#footer-in {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 908px;
}
#footer p {
 margin: 0.75em 0 0 0; 
}
#foot-left {
  float: left;
  width: 45%;
  margin-left: 2%;
  color: #fff;
}
#foot-right {
  float: right;
  width: 50%;
  margin-right: 2%;
  text-align: right;
  color: #96bc22;
}
#foot-right a {
  color: #96bc22;
  text-decoration: none;
  margin: 0 1em;
}
#foot-right a:hover {
  color: #96bc22;
  text-decoration: underline;
}



/* ************ side box ************* */
.box {
 background: url('sidebar-tile.png') repeat-y 0 0;
 margin-bottom: 25px; 
}
.top-bx-top {
 height: 37px;
 background: url('tophead-sidebar.png') no-repeat 0 0; 
}
.low-bx-top {
 height: 35px;
 background: url('lowhead-sidebar.png') no-repeat 0 0; 
}
.box h3 {
  color: #fff;
  padding-left: 20px;
  margin-left: 30px;
  background: url('arrow-sidebar.png') no-repeat 0 50%;
 line-height: 35px;
 font-size: 14px;
 font-weight: bold;
 width: auto;
 white-space: nowrap;
}
.box h3 a {
  color: #fff;
  text-decoration: none;
}
.box h3 a:hover {
  color: #fff;
  text-decoration: underline;
}
.box p {
  margin: 0.7em 0 0.5em 30px;
  line-height: 1.5em;
  font-size: 1.1em;
  color: #6fa113;
}
ul.bx-list {
  margin: 1.5em 0 1.5em 30px;
  line-height: 1.5em;
  color: #ccc;
  font-size: 1.1em;
}

ul.bx-list li {
	margin-bottom:0.5em;
}

ul.bx-list li a {
	text-decoration:none;
}

ul.bx-list li a:hover {
	text-decoration:underline;
}

ul.bx-list li ul li {
  margin-left:20px;
  margin-bottom:1px;
}

ul.bx-list li ul li a {
	color:#666666;
}

.bx-foot {
 background: url('sidebar-foot.png') no-repeat 0 0; 
 height: 9px;
}

div#specials {padding:3px;}
div#specials div.spec {margin:3px 0 10px 0;padding:0 0 10px 0;text-align:center;border-bottom:1px dashed #ccc;}
div#specials p {margin:0;padding:0;}

p#bread {text-align:left;}

table.section {margin:10px 0 20px 0;}
table.products {margin:5px 0 20px 0;}
.section-image, .product-image {width:170px;text-align:center;}
table.section td, table.products td {font-size:1.2em;vertical-align:top;}

table.products td {vertical-align:top;}

table.fsize td, table.fsize th {font-size:11px;padding:3px; vertical-align:top;}

table.maincart th {border-bottom:1px dashed #ccc;font-weight:bold;}
td.topborder {border-top:1px dashed #ccc;}
table.products td h2 {line-height:1.4em;margin:0;padding:0;}

.actlogout {font-size:1.1em;margin-bottom:10px;}
table.welcome {margin-top:10px;margin-bottom:10px;}
table.welcome td {font-size:1.1em;padding:3px;}