/* general */

body
{
    font-size: .75em;
    line-height: 1.6em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0 5px 5px 5px;
    color: #333;
    background-color: #7e9fb6;
}

#socialButtons
{
    float: right; 
    margin-top: 5px;
}

#headerImage
{
    display: block;
    line-height: 1em;
    margin: auto;
    width: 680px;    
}

#leftNav
{
    float: left; 
    width: 210px;
    min-height: 770px;
    background-color: #eee;
}

#leftNav ul 
{ 
    list-style-type: none;
    padding: 0;
    margin: 0;    
}

#leftNav li
{
    width: 210px;
}

#leftNav a
{
    display: block; 
    text-decoration: none; 
    line-height: 2em; 
    padding-left: 5px; 
    color: #0000ff;
}

#leftNav a:hover
{
    background-color: #cc3333; color: #000;
}

#leftNav h3, #rightNav h3
{
    margin: 0; 
    font-size: 100%; 
    background-color: #000; 
    color: #fff; 
    padding-left: 5px;
}

#main
{
    background-color: #fff;
    margin-left: 230px; 
    margin-bottom: 10px;
    min-height: 750px;
    padding: 10px;
}

#main div.boxleft
{
    float: left;
    width: 210px;
    padding: 5px;
}

#main div.boxright
{
    float: right;
    width: 210px;
    padding: 5px;
}

#main li
{
    padding-bottom: 10px;
}

#footer
{
    clear: both;
    color: #fff;
    text-align: center;
}

#footerLinks
{
    padding-bottom: 1em;
}

img
{
    border: 0;
}

h1
{
    margin: -10px;    
    font-size: 100%; 
    background-color: #000; 
    color: #fff; 
    padding-left: 5px;
}

h2
{
    font-size: 1.3em;
    margin-top: 0;
}

h3
{
    font-size: 1.2em;
}

.spacer
{
    padding-left: 5px;
    padding-right: 5px;
}

/* links */

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #6666ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}

#footerLinks a:link
{
    color: #fff;
    text-decoration: underline;
}
#footerLinks a:visited
{
    color: #fff;
}
#footerLinks a:hover
{
    color: #333;
    text-decoration: none;
}
#footerLinks a:active
{
    color: #fff;
}

/* flowers */

#flowersList
{
    float: left;
    margin-top: 20px;    
}

#flowersList h3
{    
    margin-bottom: 20px;
}

div.flower
{
    float: left;
}

div.image
{
    float: left;
    margin-bottom: 20px;
}

p.discount
{
    color: #ff0000;
}

div.description
{
    margin-left: 220px;
}

div.description h2
{
    line-height: 1.3em;
}

div.description h3
{
    display: inline;
    margin-right: 10px;
}

/* pager */

.pager
{
    text-align: center;
}

.pager a
{
    padding: 2px;
    margin-right: 10px;
    border: solid 1px #0A326D;
    background-color: #fff;
    color: #0A326D !important;
    text-decoration: none !important;
}

.pager a:hover
{
    border: solid 1px #333;
    background-color: #7CCEF6;
    color: #fff !important;
}

.pager span
{
    padding: 2px;
    margin-right: 10px;
    border: solid 1px #0A326D;
    background-color: #0A326D;
    color: #F1FFAA;
}

/* Forms */

.frm
{
    border: solid 1px #999;
    background-color: #eee;
    padding: 10px;
}

.required
{
    padding-left: 12px;    
    background: transparent url('../images/required.png') left bottom no-repeat;
}

.field
{
    padding-bottom: 1em;    
}
 
.field label
{
    display: block;
    margin-bottom: 2px;
}

.small
{
    width: 120px;
}

.medium
{
    width: 450px;
}

.large
{
    width: 600px;
}

.full
{
    width: 100%;
}

.field input,
.field select,
.field textarea
{
    border: solid 1px #999;
}

.field textarea
{
    height: 160px;
}

/* Validation */

.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    background-color: #ccc;
    border: 1px solid #999;
    padding: 1em;
    font-weight: bold;
    color: #f74d1e;
    margin-bottom: 0.5em;
}

.validation-summary-errors ul
{
    background: transparent url('../images/warning.png') no-repeat left center;    
    color: #fff;
    margin: 0;
    padding: 1em 0 0 5em;
    line-height: 1em;
    list-style-type: decimal;
}

.watermark
{
    color: #ccc;
}

/* Buttons */

.niceBtn
{
    border-right: solid 1px #333;
    border-bottom: solid 1px #333;
    border-top: solid 1px #999;
    border-left: solid 1px #999;
    background-color: #666;
    color: #fff;
    padding: 2px;
    margin-right: 10px;    
}

.niceBtnOver
{
    border-right: solid 1px #000 !important;
    border-bottom: solid 1px #000 !important;
    border-top: solid 1px #fff !important;
    border-left: solid 1px #fff !important;    
    background-color: #333 !important;    
}

/* AjaxForm */

.ajaxLoadingText
{
    background: transparent url('../images/ajax.gif') no-repeat left center;    
    padding: 5px 0 5px 42px;
}