/* CSS Document */


body 
{
margin-left:auto;
margin-right:auto;
margin-top:22px;
margin-bottom:42px;
padding:0px;
background:#b82f30 url(../../../images/scotts/bodybg.gif);
font-family: Verdana, sans-serif;
text-align:center;
}

/* liquid width
body {
margin-bottom:2%;
padding-bottom:0;
background-color:#D6CFCD ;
font-family: Verdana, sans-serif;
}*/

img
{
	margin-top:10px;
}


h2,h5,h6,h7
{

text-align:left;
color:#3A2D1F;
padding:0;
}

h3
{
text-align:left;
margin:0 0 6px 8px;
padding:0;
}

h4
{
text-align:left;	
margin:0 0 6px 8px;
padding:0;
}

#map div
{
font-size:105%;
color:#372017;
}

p
{
color:#6c3e2c
}

images
{
border:0;
}

#right{
float:right;

}

.right{
float:right;
}
.left{
float:left;
}
.centre{
margin:auto;
text-align: center;
}

.gutter{
margin-top:20px;
margin-bottom:20px;
}

#column1 
{
text-align:left;
float:left;
width:44%;
padding-top:0;
padding-bottom:0;
padding-left:11px;
padding-right:11px;
margin:3px;
border: 1px dashed #af886a;
}

#column2 {
text-align:left;
float:right;
width:44%;
padding-top:0;
padding-bottom:0;
padding-left:11px;
padding-right:11px;
margin:3px;
border: 1px dashed #af886a;
}

#wide-column {
text-align:left;
clear:both;
width:98%;
padding-top:0;
padding-bottom:0;
padding-left:1%;
padding-right:1%;
margin:0 0 12px 0;
font-size:100%;
}

a:link{
text-decoration:none;
color: #832121;
}

a:visited{
text-decoration:none;
color: #832121;
/*background:url(../../../images/scotts/tick.gif) no-repeat right 50%;
padding-right:9px;*/
}

a:hover{
text-decoration:underline;
color: #999;
}
a:active{
text-decoration:none;
color: #D4C47C;
}




/* Layout structure */


#wrap{
width: 840px;
margin:auto;
}

#lowerwrap
{
clear:both;
background:#e6ce9d url(../../../images/scotts/wrap-bg.gif) repeat-y 30%;
min-height:100%;
}

*html #lowerwrap
{
	height:100%;
	}

#content {
float:right;
width: 70%;
font-size: 95%;
line-height: 1.5em;
color: #333;
padding-bottom:8px;
}

#sidebar{
float:left;
width:29%;
min-width:240px;
}

*html #sidebar
{
width: 27%;
}



/* Tim specific */

#smalldiv
{
margin:auto;
width:300px;
padding:50px;
font-size:110%;
}

#homecontent {
float:left;
width:596px;
height:450px;
background:#e6ce9d url(../../../images/scotts/scotts.jpg) no-repeat;
font-size: 95%;
line-height: 1.5em;
color: #333;
padding:0;
margin:0;
}

#homesidebar{
float:left;
width:29%;
min-width:240px;
}

#hometext
{
margin:0;
padding:0;
float:right;
position:relative;
right:43px;
top:18px;
width:249px;
color:#372017;
}

#sub-footer{
clear:both;
background:#fff;
text-align:center;
vertical-align:middle;
border-top:3px solid #372017;
}




/* End Tim specific */




#footer{
clear:both;
background:#fff url(../../../images/scotts/footer-bg.gif) repeat-x bottom left;
/*border-bottom: 3px solid #e6ce9d;*/
}


#footer p{
text-align:center;
color:#3a2d1f;
margin:0;
padding: 5px;
font-size: 85%;
letter-spacing:0.2em;
}
#footer a:visited{
background-image:none;
}
#footer a:hover{
text-decoration:underline;
color: #000;
}


/* header */
#header
{
background: #fff url(../../../images/scotts/banner.gif) repeat-y;
padding-bottom:16px;
padding-top:16px;
height:98px;
border-bottom: solid 2px #3a2d1f;
}

#logo {
width:474px;
height:98px;
background:url(../../../images/scotts/logo.gif) no-repeat;
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
padding-top:0px;
padding-right:0;
padding-bottom: 0px; 
padding-left: 0px;
}

#logo span{
display:none;
}

h2 logo{
margin:0;
padding:0;
border:solid red;
}

#header h1
{
text-align:left;
color:#3A2D1F;
margin-left:0px;
margin-right:0;
margin-bottom:0;
margin-top:0;
padding-top:0;
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
font-family: Georgia, Serif;
font-size: 5%;
}

#header h1 a:link{
color:#D4C47C;
}

#header h1 a:visited{
color:#D4C47C;
}

#header h1 a:hover{
color:#D4C47C;
text-decoration:none;

}



/* message row*/
#message{
padding:2px 2px 2px 23px;
height:22px;
background:#D4C47C url(../../../images/scotts/message-bg.gif) repeat-x top left;
color: #3a2d1f;
margin:0;
font-size:80%;
text-align: left;
}

*html #message{
height:100%;	
}

.messageleft{
width:30%;
float:left;
padding:4px 0px 0px 0;
}

.messageleftdetail{
width:78%;
float:left;
padding:8px 0px 0px 0;
}


.messagecentre{
width:48%;
float:left;
margin:auto;
text-align:center;
padding:4px 0px 0px 0px;
color:#b82f30;
font-weight:bold;
}

.spacer{ /* This spacer is used jsut for the top of the search table in IE. Didn't ahve to use it anywhere else but was in a hurry */
font-size:0px;
color:#dad8b1;
}

*html .spacer{
font-size:20px;
color:#dad8b1;
}


.messageright{
text-align:right;
width:18%;
float:right;
padding:2px 4px 0px 0px;
font-size:80%;
}

#message strong {
padding: 0 0 0 16px;
background: url(../../../images/scotts/message-icon.gif) no-repeat 0 50%;
}
#message a:visited{
background-image:none;
}
#message a:hover{
text-decoration:underline;
color: #000;
}

#message form
{
padding:0;
margin:0;
}

#message input
{
padding:0 .01em 0 .01em;
margin:0;
vertical-align:middle;
}















/* content */
#content h2{
margin: 0 0 1em 0;
padding: 0;
font-family: Georgia, serif;
font-size: 150%;
font-weight: normal;
color:#6c3e2c;
}

/* Definition list in a box - see contact page*/

dl
{
text-align:left;
width: 255px;
margin: 6px 12px 20px 8px;
background:#fff url(../../../images/scotts/box-bottom.gif) no-repeat bottom left;
min-height:8em;
}

*html .addressbox dl{
height:8em;
}

dt {
margin: 0;
padding: 4px 0 2px 14px;
background:#D4C47C url(../../../images/scotts/box-top.gif) no-repeat top left;
font-weight:bold;
font-size:110%;
letter-spacing:1px;
}
  
 dd {
  margin: 0;
  padding: 2px 0 2px 14px;
  color:#6c3e2c;
  }
  
/* End box */

dl.feature{
margin:15px 0;
padding: 15px;
border-top: 1px dotted #8f5d34;
border-bottom: 1px dotted  #8f5d34;
}

dl.feature:after{
content: ".";
display:block;
height:0;
clear: both;
visibility:hidden;
}

dl.feature dt images{
float: left;
margin: 0 15px 0 0;
padding: 0 4px 4px 0;
}

dl.feature dd{
margin-left: 269px;
font-size: 90%;
line-height: 1.5em;
color: #666;
}

dl.feature dt{
margin: 0 0 0.5em 0;
font-family: Georgia, serif;
font-size: 140%;
color:#af886a;
}



/*    */
dl.home{
width: 96%;
margin: 0 0 20px 20px;
background-color:Transparent;
}

dt.home {
margin: 0;
padding: 4px 0 2px 14px;
font-weight:bold;
font-size:110%;
letter-spacing:1px;
background-color:Transparent;
}
  
dd.home {
margin: 0;
padding: 2px 0 2px 14px;
background-color:Transparent;
}


dl.home{
margin:0px 0;
padding: 15px;
background-color:Transparent;
}

dl.home:after{
content: ".";
display:block;
height:0;
clear: both;
visibility:hidden;
}

dl.home dt img{
float: left;
margin: 0 15px 0 0;
padding: 0 4px 4px 0;
}

dl.home dd{
margin-left: 375px;
font-size: 90%;
line-height: 1.5em;
color: #6c3e2c;
background-color:Transparent;
}

dl.home dt{
margin: 0 0 0.5em 0;
font-size: 120%;
color:#af886a;
background-color:Transparent;
}
/* ----- */


dl.detail{
margin:15px 0;
padding: 15px;
border-top: 1px dotted #8f5d34;
border-bottom: 1px dotted  #8f5d34;
}

dl.detail:after{
content: ".";
display:block;
height:0;
clear: both;
visibility:hidden;
}

dl.detail dt images{
float: left;
margin: 0 15px 0 0;
padding: 0 4px 4px 0;
}

dl.detail dd{
margin-left: 269px;
font-size: 90%;
line-height: 1.5em;
color: #666;
}

dl.detail dt{
margin: 0 0 0.5em 0;
font-family: Georgia, serif;
font-size: 140%;
color:#af886a;
}


/* Sidebars*/

.on{
font-weight:bold;
}

.navigationbox
{
text-align:left;
margin: 20px;
padding: 0 0 12px 0;
font-size: 95%;
line-height: 1.5em;
color:#3a2d1f;
background:#DAD8B1 url(../../../images/scotts/nav-box-br.gif) no-repeat bottom right;
}

.navigationbox h3 {
margin: 0;
padding: 6px 6px 6px 16px;
font-size: 140%;
font-weight:bold;
color:#3a2d1f;
background:#D4C47C url(../../../images/scotts/nav-box-tl.gif) no-repeat top left;
}

.navigationbox p, .navigationbox ul{
margin: 0;
padding: 8px 0px;
}

.navigationbox p, ul li{
margin: 0px;
padding: 0 0 0 14px;
list-style: none;
}

.navigationbox ul li a:link, .navigationbox ul li a:visited{
padding-left:18px;
background: url(../../../images/scotts/bullet.gif) no-repeat 0 50%;
text-decoration:none;
font-size:115%;
color: #6c3e2c;
}

.navigationbox ul li a:hover{
background: url(../../../images/scotts/bullet2.gif) no-repeat 0 50%;
color: #af886a;
}

.contactleft{
width:30%;
text-align:left;
float:left;
margin:0;
padding:4px 0 0 15px;
font-weight:bold;
}

.contactright{
width:62%;
text-align:left;
float:right;
margin:0;
padding:4px 0 0 0px;
font-weight:normal;
}

.contactleft p, .contactright p{
padding:0;
margin:0;
font-size:100%;
}

.addressbox{ /* Also used for search box */
text-align:left;
margin: 20px;
padding: 0 0 12px 0;
font-size: 85%;
line-height: 1.5em;
color:#3a2d1f;
background-color:#DAD8B1;
background-image: url(../../../images/scotts/nav-box-br.gif);
background-repeat:no-repeat;
background-position: bottom right;
}

.addressbox h3 {
margin: 0 0 4px 0;
padding: 6px 6px 6px 16px;
font-size: 130%;
font-weight:bold;
color:#3a2d1f;
background:#D4C47C url(../../../images/scotts/nav-box-tl.gif) no-repeat top left;
}
.addressbox ul
{
margin: 0px;
padding: 0 0 0 10px;
}

.addressbox ul li
{
margin: 0 0 0 8px;
padding: 0 0 0 14px;
list-style: none;
background:url(../../../images/scotts/address-bullet.gif) no-repeat 0 .4em;
color:#6c3e2c;
font-size:110%;
}

/* End address box in sidebar */

/* Definition list for address box*/

dl.search{
width: 92%;
margin: 0 0 20px 20px;
background:#f1ece7 url(../../../images/scotts/box-bottom.gif) no-repeat bottom left;
}

dt.search {
margin: 0;
padding: 4px 0 2px 14px;
background:#e4dacf url(../../../images/scotts/box-top.gif) no-repeat top left;
font-weight:bold;
font-size:110%;
letter-spacing:1px;
}
  
 dd.search {
  margin: 0;
  padding: 2px 0 2px 14px;
  }


/* For search page */

.unspecified
{
text-align:center;
font-size:92%;
color:#999; 
}

/* Form */

label 
{
float:left;
margin-right: 0.2em;
width: 1em;
text-align: right;
display: block;
padding-left:12px;
}

.select  /* Option drop-down */
{
width:60%;
min-width: 80px;
margin:0px;
}

input{
background-color:#8f5d34;
border-top: solid 1px #af886a;
border-left: solid 1px #af886a;
border-right: solid 1px #6c3e2c;
border-bottom: solid 1px #6c3e2c;
font-weight:bold;
color:#e6ce9d;
margin:0;
padding-left:3px;
padding-right:3px;
}

#button
{
margin-left:auto;
margin-right:auto;
margin-top:4px;
width:120px;
background-color:#8f5d34;
border-top: solid 1px #af886a;
border-left: solid 1px #af886a;
border-right: solid 1px #6c3e2c;
border-bottom: solid 1px #6c3e2c;
font-weight:bold;
color:#e6ce9d;
}

#button:hover
{
background-color:#D4C47C;
border-top: solid 1px #d29c36;
border-left: solid 1px #d29c36;
border-right: solid 1px #aa6c00;
border-bottom: solid 1px #aa6c00;
color:#aa6c00;
}

/* EndForm */


/*--------------Detail page ----------------------*/

.red
{
font-weight:bold;
font-size:110%;
color:red;
text-align:center;
}


#contactbutton
{
text-align:center;
width:100px;
padding:2px;
margin-left:auto;
margin-right:auto;
background-color:#e6ce9d;
border-top: solid 1px #af886a;
border-left: solid 1px #af886a;
border-right: solid 1px #6c3e2c;
border-bottom: solid 1px #6c3e2c;
font-weight:bold;
color:#6c3e2c;
}

#contactbutton:hover
{

background-color:#ffdf68;
border-top: solid 1px #d29c36;
border-left: solid 1px #d29c36;
border-right: solid 1px #aa6c00;
border-bottom: solid 1px #aa6c00;
font-weight:bold;
color:#aa6c00;
}

#contact input
{
width:100%;
float:left;
margin:0;
background-color:#fff;
border-top: solid 1px #6c3e2c;
border-left: solid 1px #6c3e2c;
border-right: solid 1px #af886a;
border-bottom: solid 1px #af886a;
font-weight:normal;
color:#000;
}

#contact textarea
{
float:left;
margin:0;
background-color:#fff;
border-top: solid 1px #6c3e2c;
border-left: solid 1px #6c3e2c;
border-right: solid 1px #af886a;
border-bottom: solid 1px #af886a;
font-weight:normal;
color:#000;
}

#next
{
font-size:70%;
float:right;
background:url(../../../images/scotts/brown-detail-right-arrow.gif) no-repeat right 50%;
padding-right:12px;
margin-right:5px;
}

#contactbutton{
padding:0;
margin:auto;
border:none;
}

#contactbutton input
{
background-color:#8f5d34;
border-top: solid 1px #af886a;
border-left: solid 1px #af886a;
border-right: solid 1px #6c3e2c;
border-bottom: solid 1px #6c3e2c;
font-weight:bold;
color:#e6ce9d;
margin:0;
padding:0;
}

.addressbox form
{
padding:0;
margin:0;
	}
/*----------------End detail page---------------*/


.center{
text-align:center;
}


/* Hacks */

/* Hide from IE5/Mac \*/
* html #footer { height: 1%;}
/* End hide from IE5/Mac \*/

/* Hide from IE5/Mac \*/
* html dl.feature {height: 1%;}
dl.feature {display: block;}
/* End hide from IE5/Mac \*/


