/* Client:  Lawns One
** Date:    January 2009
** Author:  Moustique Design http://www.moustique.net/
 */

body {
font-family: Verdana, Arial, Sans-Serif;
background-color: #c3d7b3;
margin: 0;
padding: 0;
}

img { border: none; }

h1 {
font-family: Gill Sans MT, Verdana, Arial, Sans-Serif;
text-transform:uppercase;
color: #99cc99;
font-size: 2.9em;
line-height: 1em;
font-weight: normal;
padding: 0;
margin: 30px 0 0 0;
_margin: 50px 0 0 0;
}

h1.home-garden {
font-family: Gill Sans MT, Verdana, Arial, Sans-Serif;
text-transform:uppercase;
color: #ff6600;
font-size: 2.9em;
line-height: 1em;
font-weight: normal;
padding: 0;
margin: 0;
}

h2 {
font-family: Verdana, Arial, Sans-Serif;
color: #669933;
font-size: 0.9em;
margin: 0;
padding: 20px 0 2px 0;
}


#container-h h2 {
font-family: Verdana, Arial, Sans-Serif;
color: #ff6600;
font-size: 0.9em;
margin: 0;
padding: 20px 0 2px 0;
}


h3 {
font-family: Verdana, Arial, Sans-Serif;
color: #000;
font-size: 1.1em;
margin: 0 0 2px 0;
padding: 2px 0 2px 5px;
background-color: #ff6600;
}

p {
font-size: 0.8em;
margin: 0;
padding: 0;
}

a:link, a:visited, a:active, a:focus {
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

.clear { clear: both; }


/*  General  */
#frame {
width: 950px;
background-color: #549533;
margin: 0 auto;
}

#header {
width: 950px;
height: 185px;
margin: 0;
padding: 0;
}

#container {
background: #549533 url('../images/bg-nav.jpg') repeat-y;
width: 950px;
min-height: 520px;
margin: -3px 0 0 0;
}


#container-h {
background: #FF6600 url('../images/bg-nav.jpg') repeat-y;
width: 950px;
min-height: 520px;
margin: -3px 0 0 0;
}


/*  left column  */
#navigation {
text-transform:uppercase;
font-weight: bold;
float: left;
width: 400px;
padding: 0;
}

#navigation a {
color: #fff;
}

#navigation a:hover {
color: #000;
text-decoration: none;
}

#navigation a.active {
color: black;
}

#navigation ul {
font-family: Gill Sans MT, Verdana, Arial, Sans-Serif;
list-style-type: none;
font-size: 0.8em;
width: 200px;
padding: 0;
margin: 0;
}

#navigation ul li {
padding: 0 0 0 25px;
margin: 15px 0 0 0;
border-bottom: 1px solid #f86f0a;
}

#navigation ul li.hg {
padding: 0 0 0 25px;
margin: 45px 0 0 0;
border-bottom: 1px solid #f86f0a;
}

#arrow {
background: url('../images/arrow.png') top left no-repeat;
_background: url('../images/arrow.gif') top left no-repeat;
font-size: 1.3em;
position: absolute;  
position: fixed;
width: 271px;
height: 56px;
top: 520px; 
_margin-top: 50px; 
padding: 8px 0 0 25px;
left: auto;  
right: auto;
}

#arrow a { color: #000;}
#arrow a:hover { text-decoration: underline;}

form#quote  {
text-transform: lowercase;
background-color: #FFF;
border: 1px solid #ff6600;
font-size: 0.7em;
color: #000;
width: 210px;
margin: 55px 0 0 0;
_margin: -30px 0 0 0;
padding: 0 0 3px 0;
float: left;
}
#newsletter {
	width: 210px; 
	background-color: #ffffff; 
	border: 1px solid #ff6600;
	margin-top: 200px;
	text-align: center;
	padding: 5px 0;
}
.name {
float: left;
width: 60px;
padding: 0 11px 0 5px;
line-height: 1.75em;
}

#navigation input.inputs {
height: 13px;
}

#submitbutton {
width: 80px;
float: right;
margin-right: 3px;
}


/*  Content  */
#greenbox {
background: url('../images/greenbox.jpg') top right repeat-x;
text-transform: uppercase;
font-weight: bold;
color: #fff;
width: 205px;
_width: 225px;
height: 24px;
float: right;
padding: 10px 0 0 0;
margin: 0 -28px 20px 0;
}
#greenbox em { color: #ff6600; }
#greenbox a { color: #fff; }
#greenbox a:hover { color: #ff6600; text-decoration: none; }
#greenbox a.active { color: #000;}


#content {
background-color: #fff;
width: 493px;
min-height: 520px;
float: left;
margin: 0 0 0 -1px;
padding: 0 28px 0 0;
}

#content ul {
font-size: 0.8em;
margin-top: 0;
}

#content strong {
color: #669933;
font-weight: bold;
margin: 0;
padding: 0;
}

#content p a {
text-decoration: underline;
color: #669933;
margin: 0;
padding: 0;
}

#content p a:hover {
text-decoration: none;
color: #669933;
margin: 0;
padding: 0;
}

form#contact  {
padding: 0 0 0 0;
margin: 0 0 30px 0;
color: #000;
background-color: #fff;
width: 400px;
}

.text {
padding: 3px 0;
float: left;
margin: 0 0 8px 0;
}

form#contact label.names {
font-size: 0.7em;
padding: 0;
margin: 0;
width: 160px;
text-transform:uppercase;
clear: left;
float: left;
}

form#contact label {
font-size: 0.7em;
padding: 0;
margin: 0;
text-transform:uppercase;
}

#submitbutton2 {
font-family: Verdana, Arial, Sans-Serif;
text-transform:uppercase;
font-weight: bold;
font-size: 0.7em;
width: 97px;
margin: 0 15px 0 0;
padding: 2px 0;
float: right;
}

.pics {
border: 4px solid #549533;
margin: 10px 0;
}

.pics2 {
border: 3px solid #549533;
margin-right: 10px;
}


/*  Stockists  */
#main-frame, #mainFrame	{	
  overflow: auto;
}

#mainFrame.stockists #stockistCountries {
  width: 490px;
}

#mainFrame.stockists #stockistCountries a {
  text-decoration: none;
  cursor: pointer;
}

#mainFrame.stockists #stockistCountries ul {
  margin: 0;
  padding: 0;
}

#mainFrame.stockists #stockistCountries ul li {
  display: inline;
  color: #669933;
  font-weight: bold;
  padding: 0 8px 0 0;
  margin: 0;
}

#mainFrame.stockists #stockistCountries ul li:hover {
  color: #000;
  text-decoration: underline;
}

#mainFrame.stockists #mainContent {
  width: 490px;
}

#mainFrame.stockists #a {  }
#mainFrame.stockists #b { display: none; }
#mainFrame.stockists #c { display: none; }
#mainFrame.stockists #d { display: none; }
#mainFrame.stockists #e { display: none; }
#mainFrame.stockists #f { display: none; }
#mainFrame.stockists #g { display: none; }
#mainFrame.stockists #h { display: none; }
#mainFrame.stockists #i { display: none; }
#mainFrame.stockists #k { display: none; }
#mainFrame.stockists #l { display: none; }
#mainFrame.stockists #m { display: none; }
#mainFrame.stockists #n { display: none; }
#mainFrame.stockists #o { display: none; }
#mainFrame.stockists #p { display: none; }
#mainFrame.stockists #q { display: none; }
#mainFrame.stockists #r { display: none; }
#mainFrame.stockists #s { display: none; }
#mainFrame.stockists #t { display: none; }
#mainFrame.stockists #u { display: none; }
#mainFrame.stockists #w  { display: none; }

#footer {
color: #999;
font-size: 0.7em;
text-align: right;
margin: 30px 0 10px 0;
}

#footer a{
color: #999;
}