body, html
{
    color: #343434;
    margin: 0;
    padding: 0;
    background: url(../Files/Images/Design/MainBackground.jpg) repeat-x;
    font: normal 0.9em "Helvetica" ,sans-serif;
    background-color: #D7B58F;
}

body
{
    min-width: 960px;
    background-color: #D7B58F;
}

h1, h2, h3
{
    color: #76961B;
    font-family: "Trebuchet MS" , verdana, sans-serif;
}

h1
{
    font-size: 1.7em;
}

h2
{
    font-size: 1.2em;
}

h3
{
    text-decoration: underline;
}

p
{
    margin-top: 11px;
}

#clearHeader
{
    height: 109px;
}

#headerContainer
{
    position: absolute;
    top: 0px;
}

a
{
    color: #000000;
}

a:hover
{
    color: #9E043A;
    text-decoration: underline;
}

#wrap
{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

#header
{
    height: 78px;
    background: url(../Files/images/design/Header.jpg) repeat-x;
    width: 960px;
}

.clear
{
    clear: both;
}

.floatLeft
{
    float: left;
}

#wrap
{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
}

#main
{
    width: 960px;
    background-color: #FFFFFF;
}

#MainContentHeader
{
    width: 960px;
    background: url(../Files/Images/Design/ContentHeader.jpg) repeat-x;
    height: 196px;
}

#mainContent
{
    width: 715px;
    float: left;
    margin-left: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: inherit;
}

#sidebar
{
    width: 216px;
    float: right;
    margin-right: 6PX;
    margin-top: 10px;
}

.smallContentBackground
{
    background: url(../Files/Images/Design/ContentBackgroundSmall.jpg) repeat-x;
}

.label
{
    width: 200px;
    margin-top: 5px;
    margin-left: 20px;
    float: left;
}

.field
{
    width: 450px;
    margin-top: 5px;
    float: left;
}

.formButton
{
    text-align: right;
}

.conditioningFlowersImage
{
    margin-left: 20px;
}

/* Default Page Styles
_________________________________________________________________________*/

.DefaultPageContent
{
    padding: 10px;
    background: url(../Files/Images/Design/DefaultPageBackground.jpg) repeat-x; /*height: 200px;*/
    min-height: 200px;
}

.DefaultPageContent h1, .DefaultPageContent h2, .DefaultPageContent h3
{
    margin-top: 15px;
    margin-left: 20px;
}

.DefaultPageContent p, .DefaultPageContent ul, .DefaultPageContent2 p, .DefaultPageContent hr
{
    margin: 20px;
}

.DefaultPageContent hr
{
    color: #76961B;
}

.DefaultPageContent li
{
    list-style-type: disc;
    margin: 10px;
}

.DefaultPageContent2 br
{
    margin: 0;
}

.DefaultPageContent a
{
    color: #9E043A;
    text-decoration: underline;
    font-weight: normal;
}

.DefaultPageContent .Testimonials p
{
    font-style: italic;
}

.DefaultPageContent .Testimonials strong
{
    font-style: normal;
}

/* Default Page Styles end
_________________________________________________________________________*/

/* Header styles 
_________________________________________________________________________*/

#headerGutter
{
    float: left;
    width: 350px;
    height: inherit;
}

#LoginWrapper
{
    float: left;
}

#LoginWrapper .login
{
    float: left;
    margin-top: 17px;
    margin-right: 2px;
}

#LoginWrapper #Username, #LoginWrapper #Password
{
    margin-right: 6px;
    vertical-align: middle;
}

#LoginWrapper #loginButton
{
    float: left;
    margin-top: 15px;
}

#LoginWrapper .WatermarkText
{
    color: #999999;
}

/* Header styles end
_________________________________________________________________________*/

/* Navigator styles 
_________________________________________________________________________*/

#nav
{
    width: 960px;
    background: url(../Files/Images/Design/Nav-Bg.jpg) repeat-x;
    background-repeat: repeat-x;
    height: 31px;
    font-weight: bolder;
    vertical-align: middle;
}

#nav ul
{
    padding: 0;
    list-style: none;
    font: normal 1.3em "Helvetica" ,sans-serif;
    float: right;
}

#nav li
{
    text-align: center;
    float: left;
    background: url(../Files/Images/Design/Tab-Right.jpg) no-repeat right top;
    margin-left: 1px;
    line-height: 31px;
}

#nav li.selected
{
    display: block;
    float: left;
    background-image: url(../Files/Images/Design/Tab-Selected-Right.jpg);
    margin-left: 1px;
}

#nav li a.selected
{
    color: #42627E;
    background-image: url(../Files/Images/Design/Tab-Selected-Left.jpg);
    height: 39px;
}

#nav a
{
    float: left;
    display: block;
    margin: 0;
    padding: 0px 10px 4px 10px;
    text-decoration: none;
    color: #FFFFFF;
    background-image: url(../Files/Images/Design/Tab-Left.jpg);
    background-repeat: no-repeat;
}

/* Navigator styles end 
_________________________________________________________________________*/


/* Content Header styles
_________________________________________________________________________*/


#ContentHeaderGutter
{
    width: 235px;
    height: inherit;
    float: left;
}

#MainContentHeaderContent
{
    width: 410px;
    float: left;
    margin-top: 25px;
}

#RegisterTextWap
{
    width: 260px;
    float: left;
    margin: 0 10px 0 0;
}

/* Content Header styles end
_________________________________________________________________________*/

/* Have a qustion pod
_________________________________________________________________________*/

#HaveAQuestion
{
    background-image: url(../Files/Images/Design/HaveAQuestion-Background.jpg);
    width: 216px;
}

#HaveAQuestion #HaveAQuestionHeader
{
    background-image: url(../Files/Images/Design/HaveAQuestion-Background.jpg);
    height: 57px;
}

#HaveAQuestion #HaveAQuestionHeader h2
{
    text-indent: -9999em;
}

#HaveAQuestion #Fields .field
{
    width: 209px;
}


#HaveAQuestion #sendButtonContainer
{
    text-align: right;
    margin-top: 15px;
    margin-bottom: 7px;
}

#CallBackLink
{
    background-image: url(../Files/Images/Design/HavAQuestion-CallUs.jpg);
    background-repeat: no-repeat;
}

#CallBackLink .callBackLink
{
    display: block;
    height: 101px;
    width: 216px;
}

/* Have a qustion pod end
_________________________________________________________________________*/

/* Footer styles
_________________________________________________________________________*/

#footer
{
    width: 942px;
    margin-left: auto;
    margin-right: auto;
}

#footerTop
{
    background-image: url(../Files/Images/Design/FooterTop.jpg); /*height:146px;*/
    background-repeat: no-repeat;
    background-color: #F6F3EE;
    padding-bottom: 10px;
}

#footerBottomWrapper
{
    background: url(../Files/Images/Design/FooterBottom.jpg) repeat-x;
    height: 69px;
}

#footerBottom
{
    /*margin-top:15px;*/
}

#footer #footerTop #RegisterBox p
{
    width: 174px;
}

#footer #footerTop .box
{
    float: right;
    width: 237px;
    margin-top: 18px;
}

#footer #footerTop .box .footerHeading
{
    color: #5C3009;
}

#footer #footerTop .box ul li
{
    margin-left: 17px;
    margin-top: 3px;
}

#CopyRightWrapper
{
    margin-left: 24px;
    width: 370px;
    float: left;
}

#CopyRightWrapper .companyAddress
{
    font-size: xx-small;
}

#FooterNav ul
{
    padding: 0;
    list-style: none;
    float: left;
    margin-top: 15px;
}

#FooterNav li
{
    text-align: center;
    float: left;
    margin-left: 5px;
}

#CraftedLogo
{
    float: right;
    font-size: 0.8em;
    margin-right: 18px;
    text-align: right;
}

.bottomFooterContainer
{
    margin-top: 15px;
}

#OfficeHours
{
    margin: 10px;
    margin-top: 15px;
    text-align: center;
}

/* Footer styles end
_________________________________________________________________________*/



/* Home page styles
_________________________________________________________________________*/

#Column1 #Florists
{
    margin-right: 2px;
}

#Column2 #Weddings
{
    margin-right: 4px;
}

#Column3 #ViewNow
{
}

.defaultContent
{
    margin-top: 5px;
    width: 236px;
    height: 135px;
}

.defaultContent p
{
    margin: 11px;
}

.link
{
    margin: 11px;
}

.link a
{
    color: #9E043A;
    text-decoration: underline;
    font-weight: bold;
}
/* Home page styles end
_________________________________________________________________________*/



.field .suSpinButton
{
    padding-right: 20px; /* Padding pevents text from covering the up/dn img. Works better in Firefox but also causes textbox to widen by 20px. Arrows can go wonky in IE when text is too long. Perhaps it could be fixed with script that monitored the horiz-scroll position? */
    background-repeat: no-repeat; /* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
    background-position: 100% 0%;
    background-image: url(../Files/Images/Design/spinbtn_updn.gif);
}

.field .suSpinButton.up
{
    /* Change button img when mouse is over the UP-arrow */
    cursor: pointer;
    background-position: 100% -18px; /* 18px matches height of 2 visible buttons */
}
.field .suSpinButton.down
{
    /* Change button img when mouse is over the DOWN-arrow */
    cursor: pointer;
    background-position: 100% -36px; /* 36px matches height of 2x2 visible buttons */
}

#CraftedLogo a
{
    color: #000000;
}

#CraftedLogo a:hover
{
    color: #000000;
    text-decoration: none;
}


/**************************************wholesale fowers*/

.bgGround
{
    background-image: url(../Files/Images/Design/contentlandingpages.jpg);
    background-repeat: repeat-x;
    padding: 29px;
}

.bgGround h1
{
    color: #729A19;
    font-family: Trebuchet MS;
    font-size: 22px;
}

.bgGround h3
{
    color: White;
    font-family: Trebuchet MS;
    font-size: 21px;
    text-decoration: none;
}

.bgGround .inner
{
    padding: 36px;
}

.pnl
{
    background-repeat: no-repeat;
    height: 188px;
    margin-top: 10px;
    color: White;
    font-family: Trebuchet MS;
}

.pnSmall
{
    width: 321px;
    background-repeat: no-repeat;
    color: White;
    font-family: Trebuchet MS;
    margin-top: 10px;
    height: 113px;
}

.rosesLanding
{
    background-image: url(../Files/Images/Design/contentLandingRossesPanel.jpg);
}

.lillies
{
    background-image: url(../Files/Images/Design/contentLandingLilliesPanel.jpg);
}


.orchids
{
    background-image: url(../Files/Images/Design/contentLandingOrchidsPanel.jpg);
}

.orchids .inner
{
   padding:45px 36px 36px;
}

/**********************************content landing details*/

.bgGround
{
    font-family:Arial;
}

.bgGround h2
{
    padding-top:10px;
    padding-bottom:5px;
}

.rosesInner
{
    background-repeat: no-repeat;
    background-image: url(../Files/Images/Design/contentlandinginner/roses.jpg);
    height: 136px;
    width: 657px;
}

.rosesInner h1
{
    color: White;
    padding-top: 57px;
    padding-left: 13px;
}

.bgGround ol
{
    font-weight: bold;
    list-style: decimal outside none;
}

.bgGround .no p
{
    font-weight: normal;
    margin-bottom: 11px;
    margin-top: 0px;
}