﻿html, body, form
{
    width: 100%;
    height: 100%;
    font-family: Arial, Verdana;
    height: 198px;
    background: transparent url('../Images/headerstretch.jpg') repeat-x top left;
    background-color: #ececec;
}
body
{
    font-size: 0.7em;
}
a
{
    color: #777777;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
.Clear
{
    clear: both;
}

/* Specific Header Styles */
#Headerbubbles
{
    margin: 0 auto 0 auto;
    background: url('../Images/headerbubbles.png') no-repeat center top;
    clear: both;
    height: 198px;
}
#Headerlogo
{
    width: 845px;
    margin: 0 auto 0 auto;
    padding-right: 55px;
    text-align: right;
    height: 198px;
}
#Headerlogo img
{
    width: 600px;
    height: 198px;
}
/* Main Content Body Shadow */
#Mainbodyshadow
{
    margin: 0 auto 0 auto;
    background: url('../Images/bodyshadows.png') no-repeat center top;
}

/* Main Content Area*/
#Main
{
    width: 900px;
    margin: 0 auto 0 auto;
}

#Main #Heading
{
    clear: both;
    width: 100%;
}
#Main #Heading .Logo
{
    width: 900px;
    float: right;
    margin: 0 auto 0 auto;
}

/* Top Menu */
#Main #TopMenu
{
    clear: both;
    height: 39px;
    width: 900px;
    font-size: 1.0em; /*background: #000000;*/
}
#Main #TopMenu .Left, #Main #TopMenu .Right
{
    height: 39px;
}
#Main #TopMenu .Left
{
    width:  600px;
}
#Main #TopMenu .Right
{
    width: 300px;
    background-color: transparent;
}
#Main #TopMenu .Right li
{
    border-left: 1px solid #62BD19;
}

#Main #TopMenu ul
{
    display: table;
    height: 39px;
}
#Main #TopMenu ul li
{
    display: table-cell !important;
    display: inline;
    padding: 0 20px 0 20px !important;
    padding: 0 18px 0 18px;
    height: 39px;
    white-space: nowrap;
}
#Main #TopMenu ul li a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 39px;
}
#Main #TopMenu ul li a:hover
{
    color: #62bd19;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 39px;
}
/* Bottom Menu */
#Main #BottomMenu
{
    width: 900px;
    height: 79px;
    margin: 1px 0 0 0;
    font-size: 1.3em;
    clear: both;
}
#Main #BottomMenu .Right, #Main #BottomMenu .Left
{
    overflow: hidden;
    padding: 0;
    height: 79px;
}
#Main #BottomMenu .Left ul
{
    display: table !important;
    display: block;
    padding: 0;
    margin: 0;
    height: 79px;
    width: 601px;
    clear: both;
    overflow: hidden;
}
#Main #BottomMenu .Left ul li
{
    overflow: hidden;
    display: table-cell !important;
    display: inline;
    float: none !important;
    float: left;
    text-align: center;
    border-right: 1px solid #62BD19;
    border-bottom: 0 none !important;
    padding: 0;
    margin: 0;
    height: 79px;
    width: 149px;
}
#Main #BottomMenu .Left ul li a
{
    display: block; /*color: #fffa78;*/
    color: #62bd19;
    text-decoration: none;
    font-weight: bold; /*text-transform: lowercase;*/
    font-style: italic;
    line-height: 40px;
    padding: 39px 0px 0 0px;
    height: 40px;
    width: 100%;
}
#Main #BottomMenu .Left ul li a:hover
{
    color: #ffffff;
}
#Main #BottomMenu .Left ul li.MenuLiquorland
{
    background: transparent url('../Images/Menu/liquorlandlocals.png') no-repeat top left;
    width: 150px;
}
#Main #BottomMenu .Left ul li.MenuWines
{
    background: transparent url('../Images/Menu/top100Wines.png') no-repeat top left;
}
#Main #BottomMenu .Left ul li.MenuParty
{
    background: transparent url('../Images/Menu/havingAParty.png') no-repeat top left;
}
#Main #BottomMenu .Left ul li.MenuGifts
{
    background: transparent url('../Images/Menu/giftIdeas.png') no-repeat top left;
}
/* Shared menu stuff */
#Main .Menu ul
{
    height: 100%;
}
#Main .Menu .Left
{
    float: left;
    width: 601px;
}
#Main .Menu .Right
{
    float: left;
    margin: 0;
    width: 299px;
    background: #000000;
}
#Main #TopMenu ul li a:hover, #Main #TopMenu ul li.selected a, #Main #BottomMenu ul li a:hover, #Main #BottomMenu ul li.selected a
{
    /* color: #efdb0f;*/
    color: #69bd19;
}
/* Editable content area */
#Main #Content
{
    position: relative;
    clear: both;
    width: 900px;
    margin: 0;
}
#Main #Content .ColumnWrapper
{
    clear: both;
    background: #539d14;
    min-height: 300px;
}
/* This div with width 599 survives */
#Main #Content .Body
{
    width: 600px;
    min-height: 361px;
    height: auto !important;
    height: 361px;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    background: #ffffff url(../Images/contentBackground.gif) repeat-x bottom left !important;
    background: #cccccc url(../Images/contentBackground.gif) repeat-x top left;
}
#Main #Content .Sidebar
{
    position: absolute;
    overflow: hidden;
    width: 299px;
    height: 361px;
    top: 0;
    right: 0;
    background-color: #52bd19;
}

/* Footer */
#Main #Footer
{
    clear: both;
    color: #383836;
    width: 900px;
    height: 138px;
    margin: 1px 0 0 0;
    background: url('../Images/FooterBackground.png') no-repeat left top;
}
#Main #Footer .Left
{
    float: left;
    width: 270px;
    height: 122px;
    padding: 16px 11px 0px 19px;
    overflow: hidden;
    font-size: .95em;
}
#Main #Footer .Right
{
    float: left;
    margin: 0 0 0 1px;
    width: 599px;
    height: 100%;
}
#Main #Footer .Right .Content
{
    width: 302px;
    height: 78px;
    padding: 15px 0px 0px 20px;
    overflow: hidden;
    float: left;
    font-size: .95em;
}
#Main #Footer .Right .Search
{
    width: 246px;
    height: 72px;
    padding: 21px 14px 0 0;
    overflow: hidden;
    float: right;
}
#Main #Footer .Right .Search .Textbox
{
    float: left;
    height: 20px;
    width: 177px;
    font-size: 1.1em;
    font-family: Arial, Verdana;
    color: #666666;
    padding-left: 4px;
    border-width: 2px;
    border-style: inset;
    border-color: #FFFFFF;
}
#Main #Footer .Right .Search .Blur
{
    color: #c8c8c8;
}
#Main #Footer .Right .Search .Button
{
    float: left;
    height: 24px;
    width: 61px;
    border: 0 none;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.1em;
    font-family: Arial, Verdana;
    background: #62bd19;
    cursor: pointer;
    background-image: url(../Images/Button_Normal.gif);
}
#Main #Footer .Right .Search .Button:hover
{
    background-image: url(../Images/Button_Over.gif);
}
#Main #Footer .Right #FooterMenu
{
    clear: both;
    height: 20px;
    font-size: 1.0em;
}
#Main #Footer .Right #FooterMenu ul
{
    display: table;
    height: 20px;
    float: left;
    padding-right: 50px;
}
#Main #Footer .Right #FooterMenu ul li
{
    display: table-cell !important;
    display: inline;
    padding: 0 8px 0 20px;
}
#Main #Footer .Right #FooterMenu ul li a, #Main #Footer .Right #FooterMenu .Copyright
{
    color: #353533;
    text-decoration: none;
    font-weight: bold;
    text-transform: capitalize;
    line-height: 20px;
}
#Main #Footer .Right #FooterMenu ul li a:hover
{
    text-decoration: underline;
}
