
html {
    width:                          100%;
    height:                         100%;
    margin:                         0px;
    padding:                        0px;
}

body {
    width:                          100%;
    height:                         100%;
    margin:                         0px;
    padding:                        0px;
}

div {
    float:                          left;
}

form {
    margin:                         0px;
    padding:                        0px;
}

input {
    vertical-align:                 top;
}

h4 {
    font-size:                      18px;
    font-weight:                    bold;
}

label {
    color:                          #6A8510;
    font-weight:                    bold;
}

a:link,
a:active,
a:visited {
    text-decoration:                none;
    color:                          #8b9e30;
    font-weight:                    bold;
}

a:hover {
    text-decoration:                underline;
    color:                          #629705;
    font-weight:                    bold;
}

/* ========================================================================== */

#whole {
    width:                          100%;
}

#page-wrapper {
    width:                          990px;
    float:                          none;
    margin:                         0px auto;
}

#page {
    width:                          990px;
    font-family:                    Helvetica, Arial, sans-serif;
    font-size:                      12px;
    color:                          #696969;
}

#header {
    width:                          990px;
    height:                         190px;
}

#menu {
    height:                         99px;
    width:                          990px;
}

#menu-upper {
    height:                         53px;
    background:                     url('../images/my/menu_top_bg.png') transparent top left repeat-x;
    float:                          none;
}

#menu-lower {
    height:                         46px;
    background:                     url('../images/my/menu_bottom_bg.png') transparent top left repeat-x;
    float:                          none;
}

#page-menu {
    padding-top:                    10px;
    margin-left:                    30px;
}

#page-menu  li {
    float:                          left;
    margin:                         7px 8px 3px 8px;
}

#page-menu span {

}

#page-menu  li a {
    display:                        block;
    text-decoration:                none;
    font-family:                    Helvetica, Arial, sans-serif;
    font-size:                      11px;
    color:                          white;
}

#menu-right {
    width:                          410px;
    height:                         61px;
}

#header-banners {
    height:                         94px;
    width:                          990px;
    background:                     url('../images/my/top_banner_bg.png') transparent top left repeat-x;
}

#banner-winedrop {
    height:                         86px;
    width:                          550px;
    background:                     url('../images/my/winedrop_banner.png') transparent top left no-repeat;
}

#banner-cart {
    width:                          230px;
    height:                         90px;
}

#banner-mns {
    width:                          130px;
    height:                         90px;
    background:                     url('../images/my/top_banner_mns.png') transparent top left no-repeat;

}


#body {
    width:                          990px;
}

#column-left {
    margin-top:                     10px;
    width:                          239px;
    min-height:                     500px; /* For testing only */
    border-right:                   2px groove #E0E0E0;
    padding-right:                  10px;
    text-align:                     center;
}

#column-center {
    margin-top:                     10px;
    width:                          442px;
    min-height:                     500px; /* For testing only */
    padding:                        10px 10px;
}

#column-center-large {
    margin-top:                     10px;
    width:                          683px;
    min-height:                     500px; /* For testing only */
    padding:                        10px 10px;
}


#column-center-largest {
    margin-top:                     10px;
    width:                          958px;
    min-height:                     500px; /* For testing only */
    padding:                        10px 10px;
}

#column-right {
    margin-top:                     10px;
    width:                          265px;
    min-height:                     500px; /* For testing only */
    border-left:                    2px groove #E0E0E0;
    padding-left:                   10px;
}

#left-rot-banner {
    width:                          265px;
    height:                         109px;
    background:                     url('../images/my/left_rot_banner.png') transparent top left no-repeat;
}

#search {
    width:                          265px;
    height:                         170px;
    background-color:               #555555;
    color:                          #FFFFFF;
}

#search-header {
    width:                          255px;
    height:                         29px;
    padding:                        7px 5px 0px 5px;
}

#join-winedrop {
    margin-top:                     3px;
    width:                          265px;
    height:                         69px;
    background:                     url('../images/my/join.png') transparent top center no-repeat;
}

#login-form2 {
background-color:#FDFDFD;
border:1px solid #B2962B;
height:153px;
margin-top:3px;
padding:0 15px;
width:233px;
}

#login-form-header {
    width:                          235px;
    height:                         43px;
    padding:                        6px 0px 1px 0px;
    color:                          #C17406
}

#login-form-footer {
    width:                          235px;
    height:                         43px;
}

#your-mns {
    width:                          265px;
    height:                         43px;
    margin-top:                     5px;
    margin-bottom:                  2px;
    background:                     url('../images/my/your_mns.png') transparent top left no-repeat;
}

#mns-card {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/my/mns_card.png) no-repeat scroll center top;
height:162px;
margin-top:3px;
width:265px;
}

#mns-winemonth {
    width:                          235px;
    height:                         173px;
    padding-top:                    8px; 
}

#mns-vouchers {
    width:                          265px;
    height:                         165px;
    margin-top:                     3px;
    background:                     url('../images/my/mns_vouchers.png') transparent top left no-repeat;
}

#footer {
    margin-top:                     10px;
    width:                          990px;
    height:                         59px;
    background:                     url('../images/my/footer_bg.png') transparent top left repeat-x;
}

/* ========================================================================== */

div.search-col-left {
    width:                          100px;
    height:                         24px;
    padding:                        3px 5px;
    text-align:                     right;
}

div.search-col-right {
    width:                          145px;
    height:                         24px;
    padding:                        3px 5px;
    text-align:                     left;
}

div.search-col-right > select {
    width:                          145px;
}

/* ---------------------------------------- */

div.login-form-row {
    height:                         27px;
    width:                          235px;
    padding:                        3px 0px;
}

div.login-form-row > input {
    width:                          230px;
}

h4.heading-login {
    padding-left:                   32px;
    background:                     url('../images/my/icon_login.png') transparent top left no-repeat;
    margin:                         0px;
    padding-top:                    0px !important;
    height:                         28px;
}

label.label-right {
    margin-left:                    5px;
    vertical-align:                 bottom;
}

#btn-login {
    margin-left:                    63px;
}

/* ---------------------------------------- */

div.large-category {
    width:                          197px;
    min-height:                     160px; /* For testing only! */
    margin-left:                    29px;
}

/* ---------------------------------------- */

input.btn-yellow {
    background:                     url('../images/my/btn_yellow_bg.png') transparent top left repeat-x;
    border:                         1px solid #787334;
}

/* ---------------------------------------- */

div.menu-left {
    margin-left:                    40px;
    color:                          #FFFFFF;
    clear:                          left;
    float:                          left;
}

div.menu-right {
    margin-right:                   40px;
    color:                          #FFFFFF;
    font-weight:                    bold;
    font-size:                      13px;
    clear:                          right;
    float:                          right;
}

div.menu-upper-item {
    height:                         34px;
    padding:                        8px 5px;
    margin:                         0px 5px 0px 5px;
}

div.menu-lower-item {
    height:                         27px;
}

ul.links > li,
ul.links > li.last {
    float:                          left;
    margin:                         3px 0px 0px 5px;
    padding:                        0px 5px 0px 10px;
    border-left:                    1px solid #C6C6C6;
}

ul.links > li.first {
    float:                          left;
    margin:                         3px 0px 0px 5px;
    border-left:                    none;
}

span.discount-percent {
    color:                          red;
    font-size:                      15px;
    font-weight:                    bold;
}

/* ---------------------------------------- */

#column-center a:link,
#column-center a:active,
#column-center a:visited,
#column-center-large a:link,
#column-center-large a:active,
#column-center-large a:visited,
#column-center-largest a:link,
#column-center-largest a:active,
#column-center-largest a:visited {
    color:                          #629705;
    text-decoration:                none;
}

#column-center a:hover,
#column-center-large a:hover,
#column-center-largest a:hover {
    color:                          #629705;
    text-decoration:                underline;
}

#column-center a, #column-center-large {
    text-align:                     left;
}

#column-center div {
    float:                          none;
}

#header a:link,
#header a:active,
#header a:visited,
#header a:hover {
    color:                          #FFFFFF;
    text-decoration:                none;
}

#footer a:link,
#footer a:active,
#footer a:visited,
#footer a:hover {
    color:                          #FFFFFF;
    text-decoration:                none;
}

span.desc-invisible {
    display:                        none;
}
