﻿/*////////// Global Styles //////////*/

body
{
    font-family: Arial, Verdana, 'MS Sans-Serif';
    font-size: 80%;
    color: #666;
    line-height: 1.5em;
    letter-spacing: 0.1px;
    background: url(/images/bg.gif) #769676 repeat-x;
}

#wrapper
{
    width: 862px;
    margin: 0 auto;
    /*background: blue;*/
}

#hdr
{
    height: 140px;
    margin-bottom: 20px;
    text-align: center;
    background: url(/images/img_hdr.jpg) no-repeat center #4E8D56;
}

#ftr
{
    width: 100%;
    text-align: center;
    border-top: 1px #2F6C36 solid;
    clear: both;
    padding-top: 3px;
    font-size: 90%;
}

#homebox
{
    float: left;
    width: 295px;
    margin: 0px 7px;
    display: inline;
}

#map
{
    width: 500px;
    height: 275px;
    border: 1px #a0a0a0 solid;
    margin: 0 auto;
}

/*////////// Navigation Styles //////////*/

#nav
{
    width: 847px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 26px;
    background: #4E8D56;
}

#nav a, #nav a.home
{
    display: block;
    float: left;
    width: 55px;
    height: 22px;
    background: url(/images/nav/home.gif) no-repeat #4E8D56;
}

#nav a.home:hover, #nav a.homeon{background: url(/images/nav/home_on.gif) no-repeat;}

#nav a.overview, #nav a.overviewon{width: 69px; background: url(/images/nav/overview.gif) no-repeat;}
#nav a.overview:hover, #nav a.overviewon{background: url(/images/nav/overview_on.gif) no-repeat;}

#nav a.auctions, #nav a.auctionson{width: 66px; background: url(/images/nav/auctions.gif) no-repeat;}
#nav a.auctions:hover, #nav a.auctionson{background: url(/images/nav/auctions_on.gif) no-repeat;}

#nav a.florist, #nav a.floriston{width: 119px; background: url(/images/nav/florist.gif) no-repeat;}
#nav a.florist:hover, #nav a.floriston{background: url(/images/nav/florist_on.gif) no-repeat;}

#nav a.horticultural, #nav a.horticulturalon{width: 128px; background: url(/images/nav/horticultural.gif) no-repeat;}
#nav a.horticultural:hover, #nav a.horticulturalon{background: url(/images/nav/horticultural_on.gif) no-repeat;}

#nav a.seasonal, #nav a.seasonalon{width: 102px; background: url(/images/nav/seasonal.gif) no-repeat;}
#nav a.seasonal:hover, #nav a.seasonalon{background: url(/images/nav/seasonal_on.gif) no-repeat;}

#nav a.reports, #nav a.reportson{width: 92px; background: url(/images/nav/reports.gif) no-repeat;}
#nav a.reports:hover, #nav a.reportson{background: url(/images/nav/reports_on.gif) no-repeat;}

#nav a.guides, #nav a.guideson{width: 148px; background: url(/images/nav/guides.gif) no-repeat;}
#nav a.guides:hover, #nav a.guideson{background: url(/images/nav/guides_on.gif) no-repeat;}

#nav a.transport, #nav a.transporton{width: 68px; background: url(/images/nav/transport.gif) no-repeat;}
#nav a.transport:hover, #nav a.transporton{background: url(/images/nav/transport_on.gif) no-repeat;}

/*////////// Text, Images, Links Etc. //////////*/

h1, h2, h3
{
    font-family: Palatino Linotype, Palatino;
    font-size: 160%;
    color: #190B14;
}
h1.indent{display: block; border-bottom: 1px #ccc dashed; margin: 0 auto; width: 94%; margin: 0 0 10px 15px; padding: 3px 0 0 0;}
h2, h3{font-size: 130%; font-weight: bold;}
h3{font-size: 110%;}

ul li
{
    list-style-image: url(/images/bullet.gif);
    margin-left: 30px;
}

a{color: #000;}
a:hover{text-decoration: none;}

a.navItem{float: left; margin: 0px;}

#ftr a{color: #fff;}

.floatLeft{float: left;}
.floatRight{float: right;}

img.inset{margin: 5px 25px 5px 15px; padding: 1px; border: 1px #ccc solid;}

br.clr{clear: both;}

img.downloadicon{border: 1px #f0f0f0 solid;}
img.downloadicon:hover{border: 1px #ddd solid;}

div.errors{font-size: 80%; color: red; margin-bottom: 20px; line-height: 13px; width: 330px;}

/*////////// Form Styles //////////*/

form#contactform, form#signup
{
    width: 460px;
    border: 1px #e3e3e3 solid;
    margin: 0 auto;
    padding: 20px;
}

form#contactform label{float: left; width: 100px; margin-bottom: 3px;}
form#contactform textarea, input{border: 1px #858585 solid; margin-bottom: 4px;}
form#contactform input{width: 200px;}

form#contactform input#submit, form#signup input#submit
{
    width: 80px;
    height: 22px;
    line-height: 18px;
    background: #E1D2B8;
    border: 1px #666 solid;
    font-size: 90%;
    font-family: 'Arial';
    font-weight: bold;
}

form#signup{margin: 0 0 0 15px; width: 310px;}
form#signup label{float: left; width: 80px;}
form#signup input{width: 200px;}
form#signup input#submit{width: 80px;}
    

/*////////// Curved Boxes Styles //////////*/

dl.curved {float: left; background: #fff url(/images/boxes/c_tl.gif) top left no-repeat; margin: 0px 8px 15px 7px; padding:0; display: inline;}
dl.curved dt {background:transparent url(/images/boxes/c_tr.gif) top right no-repeat; padding:6px; text-align:center; color:#000;}
dl.curved dd {background:#fff url(/images/boxes/c_bl.gif) bottom left no-repeat; padding:0; margin:0;}
dl.curved dd p, h1, h2, h3, ul {margin:0; padding: 3px 15px 15px 15px;}
dl.curved dd h1, h2, h3{padding-bottom: 8px;}
dl.curved dd p.last {background:transparent url(/images/boxes/c_br.gif) bottom right no-repeat; padding: 0; }

.smallbox{width: 130px;}
.narrow{width: 220px;}
.med{width: 295px;}
.normal{width: 537px;}
.wide{width: 612px;}