﻿html {
background-color: #FFFFFF;
background: url(pics/biggrass2.jpg) no-repeat fixed; 
background-position: top center static;
}

body {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 12px;
	color: #000;
	margin: 0;
	margin-top:10px;
	padding: 0;
}
#outer { 
	margin: auto;
	background-color: #ffffff;
	width: 760px;
	padding-right: 0px;
	padding-left: 0px;
}

#header1 {
	width: 100%;
	height: 20px;
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 14px;
}
#header {

	color: #000;
/*	background-image: url(pics/topbackground.jpg); */
	background-image: url(pics/topbacktran.png);
	background-position: top center;
    background-repeat: no-repeat;
/*	background-color: #fff; */
	width: 760px;
	height: 100%;

}

#loginpanel {float:right; display: inline;}

#topnavigation {
	width: 100%;
	height: 20px;
	border-top: solid 1px #ccc;
	background-color:#eee;
	border-bottom : solid 1px #ccc;
	text-align: right;
}

#footer {
	margin-top:0px;
	margin-right:0px;
	padding-right: 10px;
	padding-top: 10px;
	width: 100%px;
	height: 36px;
	border-top: solid 0px #ccc;
	background-color:#fff;
	text-align: right;
	background: url(pics/footerbacktran2.png) center bottom no-repeat; /*THEME CHANGE HERE*/
}

#footer A:LINK {COLOR: #006600;TEXT-DECORATION: none;font-size: 10pt;font-family: Tahoma, sans-serif; line-height:11px;}
#footer A:ACTIVE { COLOR: #006600;TEXT-DECORATION: None;font-size: 10pt;font-family: Tahoma, sans-serif; line-height:11px;}
#footer A:VISITED {COLOR: #006600;TEXT-DECORATION: None;font-size: 10pt;font-family: Tahoma, sans-serif; line-height:11px;}
#footer A:HOVER  {COLOR: #66cc66;TEXT-DECORATION: none;font-size: 10pt;font-family: Tahoma, sans-serif; line-height:11px;}

#topnavigation a:link {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 12px;
	color: #3333CC;
	text-decoration: none;
}

#topnavigation a:active {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 12px;
	color: #3333CC;
	text-decoration: none;
}

#topnavigation a:visited {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 12px;
	color: #3333CC;
	text-decoration: none;
}

#topnavigation a:hover {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 12px;
	color: #CC9933;
	text-decoration: none;
}

.navsubtable {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 12px;
	color: #3333cc;
	text-decoration: none;
}

#leftnav {width: 130px; border-right: dashed 1px #eee;}

#leftnav th {text-align: left;}

#leftnav a:link {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 14px;
	color: #3333CC;
	text-decoration: none;
}

#leftnav a:active {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 14px;
	color: #3333CC;
	text-decoration: none;
}

#leftnav a:visited {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 14px;
	color: #3333CC;
	text-decoration: none;
}

#leftnav a:hover {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 14px;
	color: #CC9933;
	text-decoration: none;
}

#pageheader {width: 100%;}

#rightside {
width: 160px;
background-color: #eeeeee;
background:url(pics/rightbacklogo.png) center top repeat; /*THEME CHANGE HERE*/
border-left: dashed 1px #ccc;
vertical-align: top;
}

#rightside a:link {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 9px;
	color: #3333CC;
	text-decoration: none;
}

#rightside a:active {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 9px;
	color: #3333CC;
	text-decoration: none;
}

#rightside a:visited {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 9px;
	color: #3333CC;
	text-decoration: none;
}

#rightside a:hover {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 9px;
	color: #CC9933;
	text-decoration: underline;
}

.formtext {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 11px;
}
.formfield {
	font-family: Gill Sans MT,Trebuchet MS,sans-serif;
	font-size: 11px;
}
.productthumb
{
	height: 200px;
	vertical-align: top;
}

.pageinfo {
	width: 100%;
}

.productlist {
	width: 100%;
}

#cpl th {
	text-align: left;
}

#dltable {
	width: 100%;
}

.sectioncell {
	height: 200px;
	vertical-align: top;
	border: solid 1px #ccc;
}

#maincell {
	width: 470px;
	padding-left:5px;
}

#maincellfull {
	width: 626px;
	padding-left:5px;
}

.divider {
	height: 1px;
	background-color: #000;
	padding: 0px;
	margin: 0px;
}

/* additional */

	div#navigation
		{
			float: left;
			width: 130px;
		/*	padding-top: 2em; */
		}


.arrowlistmenu{
width: 130px; /*width of menu*/
padding: 0;
margin: 0;
}

.arrowlistmenu .headerbar{
font: 14px Tahoma;
font-weight: normal;
color: white;
background: url(pics/titlebargrass2.png) repeat-x center left;
margin-top: 0px;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #000000;
background: url(pics/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 21px; /*link text is indented 19px*/
text-decoration: none;
font-weight: normal;
border-bottom: 1px dashed #dadada;
font-size: 85%;
}

.arrowlistmenu ul li a:visited{
color: #000000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.greenb
{
COLOR: #006600;
font-size: 9pt;
font-family: Tahoma, sans-serif;
line-height:10px;
}

A:LINK.breadcrumb {COLOR: #006600;TEXT-DECORATION: none;font-size: 10pt;font-family: Tahoma, sans-serif; line-height:11px;}
A:ACTIVE.breadcrumb { COLOR: #006600;TEXT-DECORATION: None;font-size: 10pt;font-family: Tahoma, sans-serif; line-height:11px;}
A:VISITED.breadcrumb {COLOR: #006600;TEXT-DECORATION: None;font-size: 10pt;font-family: Tahoma, sans-serif; line-height:11px;}
A:HOVER.breadcrumb {COLOR: #66cc66;TEXT-DECORATION: none;font-size: 10pt;font-family: Tahoma, sans-serif; line-height:11px;}

A:LINK.breadcrumb2 {COLOR: #006600;TEXT-DECORATION: none;font-size: 8pt;font-family: Tahoma, sans-serif; line-height:8px;}
A:ACTIVE.breadcrumb2 { COLOR: #006600;TEXT-DECORATION: None;font-size: 8pt;font-family: Tahoma, sans-serif; line-height:8px;}
A:VISITED.breadcrumb2 {COLOR: #006600;TEXT-DECORATION: None;font-size: 8pt;font-family: Tahoma, sans-serif; line-height:8px;}
A:HOVER.breadcrumb2 {COLOR: #66cc66;TEXT-DECORATION: none;font-size: 8pt;font-family: Tahoma, sans-serif; line-height:8px;}

}

#rsearch {
	width:100%;

}

#rsearch th {
background: url(pics/titlebargrass2.png) repeat-x center left;
	color: #fff;
}

.landingH2 {
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: none;
	color: #096195;
}

blockquote {
  background: transparent url(pics/quoteleftred.png) left top no-repeat;
  margin-left: -10px;
    margin-right: 0px;
}
blockquote div {
  padding: 0 58px;
  background: transparent url(pics/quoterightred.png) right bottom no-repeat;
}

.homepage {
 margin-left: -20px;
 }

dl.curved3 {background:#cc0000 url(corners/c_tlr.gif) top left no-repeat; margin:5px 0; padding:0px; width:455px;}
dl.curved3 dt {background:transparent url(corners/c_trr.gif) top right no-repeat; margin-left: 5px; padding:0px; text-align:left; color:#fff;}
dl.curved3 dd {background:#ebebeb url(corners/c_blg.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved3 dd p {margin:0; padding:10px; line-height:1.03em; font-size: 99%;}
dl.curved3 dd p.last {background:transparent url(corners/c_brg.gif) bottom right no-repeat; text-align:right;}

dl.curved1 {background:#cc0000 url(corners/c_tlr.gif) top left no-repeat; margin:5px 0; padding:0px; width:610px;}
dl.curved1 dt {background:transparent url(corners/c_trr.gif) top right no-repeat; margin-left: 5px; padding:0px; text-align:left; color:#fff;}
dl.curved1 dd {background:#ebebeb url(corners/c_blg.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved1 dd p {margin:0; padding:10px; line-height:1.03em; font-size: 99%;}
dl.curved1 dd p.last {background:transparent url(corners/c_brg.gif) bottom right no-repeat; text-align:right;}

dl.curvedr {background:#cc0000 url(corners/c_tlr.gif) top left no-repeat; margin:5px 0; padding:0px; width:120px;}
dl.curvedr dt {background:transparent url(corners/c_trr.gif) top right no-repeat; margin-left: 5px; padding:0px; text-align:left; color:#fff;}
dl.curvedr dd {background:#ebebeb url(corners/c_blg.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curvedr dd p {margin:0; padding:10px; line-height:1.03em; font-size: 99%;}
dl.curvedr dd p.last {background:transparent url(corners/c_brg.gif) bottom right no-repeat; text-align:right;}

#welcomehead {
	width: 100%;
}