/* Default CSS Stylesheet for a new Web Application project*/
html {
    height: 100%;
    margin: 0;
    padding: 0;
}

* {
    margin: 0px auto;
    padding: 0;
}

body {
    height: 100%;
    padding: 0px;
    /*BACKGROUND-COLOR: white;*/
    background: url('../images/background.jpg') no-repeat fixed center;
    color: Black;
    font-family: Verdana, sans-serif;
    font-size: x-small;
    margin: 0px
}

#hr-header {
    width: 98%;
    color: #3F3F3F;
    height: 1px;
    position: relative;
    text-align: left;
    top: 10px
}

#hr-header_link {
    width: 98%;
    color: #3F3F3F;
    height: 1px;
    position: relative;
    text-align: left;
    /*top: 2px*/
}

#hr-header_wine {
    width: 100%;
    color: #3F3F3F;
    height: 1px;
    position: relative;
    text-align: left;
    top: 10px;
    left: 5px;
}

.submenu_heading {
    color: #3F3F3F;
    font-family: Verdana;
    font-size: X-Small;
    font-weight: bold;
    position: relative;
    left: 20px;
    top: -7px;
    /*background-color:green*/
}

.submenu_link-wine {
    color: #3F3F3F;
    font-family: Verdana;
    font-size: X-Small;
    font-weight: bold;
    position: relative;
    /*top: 20px;*/
    left: -40px;
    text-align: left;
    /*background-color:yellow*/
}

.submenu_link-philosophy {
    color: #3F3F3F;
    font-family: Verdana;
    font-size: X-Small;
    font-weight: bold;
    position: relative;
    /*top: 20px;*/
    left: -120px;
    text-align: left;
    /*background-color:yellow*/
}

.submenu_link-about {
    color: #3F3F3F;
    font-family: Verdana;
    font-size: X-Small;
    font-weight: bold;
    position: relative;
    /*top: 20px;*/
    left: -10px;
    text-align: left;
    /*background-color:yellow*/
}

.submenu_link-vineyards {
    color: #3F3F3F;
    font-family: Verdana;
    font-size: X-Small;
    font-weight: bold;
    position: relative;
    /*top: 20px;*/
    left: -160px;
    text-align: left;
    /*background-color:yellow*/
}

.submenu-item {
    padding-right: 40px
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:active {
    text-decoration: none
}

a:hover {
    text-decoration: none
}

a.submenu:link {
    text-decoration: none;
    color: #3F3F3F
}

a.submenu:visited {
    text-decoration: none;
    color: #3F3F3F
}

a.submenu:active {
    text-decoration: none;
    color: #3F3F3F
}

a.submenu:hover {
    text-decoration: none;
    color: #3F3F3F
}

a.submenu-viewing:link {
    text-decoration: none;
    color: #817C00
}

a.submenu-viewing:visited {
    text-decoration: none;
    color: #817C00
}

a.submenu-viewing:active {
    text-decoration: none;
    color: #817C00
}

a.submenu-viewing:hover {
    text-decoration: none;
    color: #817C00
}

a.submenu-viewing-red:link {
    text-decoration: none;
    color: #6a0000
}

a.submenu-viewing-red:visited {
    text-decoration: none;
    color: #6a0000
}

a.submenu-viewing-red:active {
    text-decoration: none;
    color: #6a0000
}

a.submenu-viewing-red:hover {
    text-decoration: none;
    color: #6a0000
}

#shim {
    visibility: hidden;
    width: 100%;
    height: 50%;
    margin-top: -258px;
    float: left;
}

#wrapper {
    width: 730px;
    height: 516px;
    clear: both;
    /*background:red;*/
    position: relative;
    top: -258px;
    /* IE4ever Hack: Hide from IE4 **/
    position: static;
    /** end hack */
}

#content-body {
    font-family: Verdana, Geneva, Arial, sans-serif;
    position: relative;
    padding: 15px 15px 15px 15px;
    font-size: x-small
}

#header {
    position: relative;
    width: 100%;
    height: 90px;
    text-align: left;
    vertical-align: top;
    /*background-color: silver*/
}

#text-long {
    position: relative;
    height: 240px;
    width: 100%;
    overflow: auto;
    scrollbar-arrow-color: #D3D3D3;
    scrollbar-3dlight-color: #F5F5F5;
    scrollbar-darkshadow-color: #D3D3D3;
    scrollbar-face-color: #F5F5F5;
    scrollbar-highlight-color: #DCDCDC;
    scrollbar-shadow-color: #DCDCDC;
    scrollbar-track-color: white
}

#text-long-friends {
    position: relative;
    height: 240px;
    width: 95%;
    text-align: left;
    overflow: auto;
    left: -20px;
    scrollbar-arrow-color: #D3D3D3;
    scrollbar-3dlight-color: #F5F5F5;
    scrollbar-darkshadow-color: #D3D3D3;
    scrollbar-face-color: #F5F5F5;
    scrollbar-highlight-color: #DCDCDC;
    scrollbar-shadow-color: #DCDCDC;
    scrollbar-track-color: white
}

#text-long-wine_desc {
    font-size: x-small;
    color: #3F3F3F;
    position: relative;
    height: 150px;
    width: 100%;
    overflow: scrollbar-vertical;
    scrollbar-arrow-color: #D3D3D3;
    scrollbar-3dlight-color: #F5F5F5;
    scrollbar-darkshadow-color: #D3D3D3;
    scrollbar-face-color: #F5F5F5;
    scrollbar-highlight-color: #DCDCDC;
    scrollbar-shadow-color: #DCDCDC;
    scrollbar-track-color: white;
    top: 15px;
    /*background-color:yellow;*/
}

#content-short {
    background-image: url('../images/home_content.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    width: 100%;
    height: 215px;
    text-align: left;
    /*background-color: green*/
}

#content-long {
    background-image: url('../images/template_content.jpg');
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    width: 100%;
    height: 330px;
    text-align: left /*background-color: green*/
}

#content-text-short {
    position: relative;
    top: 10px;
    left: 15px;
    height: 170px;
    text-align: left
}

#content-short-home {
    position: relative;
    top: 10px;
    left: -1px;
    text-align: left;
    height: 170px;
    background-image: url('../images/home_image.jpg');
    background-repeat: no-repeat;
    background-position: center top
}

#content-short-wine {
    position: relative;
    top: 10px;
    left: -1px;
    text-align: left;
    height: 170px;
    background-image: url('../images/wine_image.jpg');
    background-repeat: no-repeat;
    background-position: center top
}

#content-short-philosophy {
    position: relative;
    top: 10px;
    left: -1px;
    text-align: left;
    height: 170px;
    background-image: url('../images/philosophy_image.jpg');
    background-repeat: no-repeat;
    background-position: center top
}

#content-short-about {
    position: relative;
    top: 10px;
    left: -1px;
    text-align: left;
    height: 170px;
    background-image: url('../images/about_image.jpg');
    background-repeat: no-repeat;
    background-position: center top
}

#content-long-contact {
    position: relative;
    top: -11px;
    left: -23px;
    text-align: left;
    height: 280px;
    width: 700px;
    /*background-color: silver*/
}

#content-long-vineyards {
    position: relative;
    top: 53px;
    left: -23px;
    text-align: left;
    height: 280px;
    width: 700px;
    background-image: url('../images/vineyard_image.jpg');
    background-repeat: no-epeat;
    background-position: center top /*background-color: silver*/
}

#content-text-short-wine {
    position: relative;
    top: 30px;
    left: 25px;
    text-align: left;
    height: 170px;
    color: white;
    overflow: auto;
}

#content-text-short-about {
    position: relative;
    top: 30px;
    left: 25px;
    text-align: left;
    height: 170px;
    color: white;
    overflow: auto;
}

#content-text-short-philosophy {
    position: relative;
    top: 30px;
    left: 25px;
    text-align: left;
    height: 170px;
    color: white;
    overflow: auto;
}

#content-text-short-order {
    position: relative;
    top: 30px;
    left: -10px;
    height: 170px;
    width: 650px;
    text-align: left
}

#content-text-long {
    position: relative;
    top: -40px;
    left: 20px;
    text-align: left;
}

#content-text-long-contact {
    position: relative;
    top: 30px;
    left: 0px;
    text-align: left;
    height: 235px;
    width: 690px;
    color: white;
    overflow: none;
    /*background-color: pink*/
}

#content-text-long-vineyard {
    position: relative;
    top: -40px;
    left: 0px;
    text-align: left;
    height: 235px;
    width: 650px;
    color: #3F3F3F;
    overflow: none;
    /*background-color: pink*/
}

#content-submenu {
    position: relative;
    width: 100%;
    height: 70px;
    left: 0px;
    text-align: left;
    /*background-color: pink*/
}

.content-table {
    position: relative;
    width: 100%;
    left: 0px;
    top: 0px;
    text-align: left;
    /*background-color: pink*/
}

.content-table-wine {
    position: relative;
    width: 100%;
    left: 0px;
    top: -10px;
    text-align: left;
    /*background-color: pink*/
}

#footer {
    position: relative;
    width: 100%;
    height: 25px;
    text-align: center;
    /*background-color: blue*/
}

#order-button-short {
    position: relative;
    top: -25px;
    left: 675px;
}

#order-button-long {
    position: relative;
    top: 265px;
    left: 675px;
    z-index: 50;
}

#order-button-long-vineyards {
    position: relative;
    top: 252px;
    left: 663px;
}

.wine_bottle-order {
    color: #3F3F3F;
    font-size: x-small;
    font-weight: bold;
    height: 30px;
    padding: 0 12px;
    text-align: left;
    vertical-align: bottom;
}

.wine_bottle-order img {
    border: none;
}

.wine_bottle-price {
    border-right: 1px solid #6E6E6E;
    color: #817000;
    font-size: large;
    font-weight: normal;
    height: 30px;
    padding: 0 12px;
    text-align: left;
    vertical-align: bottom;
}

.winetype-red {
    color: #6a0000;
}

.winetype-white {
    color: #817000;
}

.wine_bottle-position {
    position: relative;
    top: -15px
}

.wine_bottle-text {
    position: relative;
    top: -55px;
}

.wine_bottle-textcell {
    border-right: 1px solid #6E6E6E;
    color: #3F3F3F;
    font-size: x-small;
    font-weight: bold;
    height: 30px;
    padding: 0 12px;
    text-align: left;
    vertical-align: bottom;
}

.wine_bottle-text-red {
    position: relative;
    top: -50px;
}

.wine_bottle-header {
    position: relative;
    left: 15px;
    color: #817000;
    font-size: x-small
}

.wine_bottle-year {
    position: relative;
    left: 15px;
    color: #817000;
    font-size: small
}

.wine_bottle-header-red {
    position: relative;
    left: 15px;
    color: #6A0000;
    font-size: x-small
}

.wine_bottle-year-red {
    position: relative;
    left: 15px;
    color: #6A0000;
    font-size: small
}

.title-subheader {
    position: relative;
    left: 15px;
    color: #817000;
    font-size: x-small
}

.title-header {
    position: relative;
    left: 15px;
    color: #817000;
    font-size: small
}

.title-subheader-bold {
    position: relative;
    /*left: 15px;*/ top-2px;
    color: #817000;
    font-size: xx-small;
}

.title-subheader-bold a {
    color: #817000;
    font-size: xx-small;
    text-decoration: none;
}

.title-subheader-bold a:hover {
    color: #4038a0;
}

.title-header-bold {
    position: relative;
    /*left: 15px;*/
    top: -1px;
    color: #817000;
    font-size: x-small;
    font-weight: bold;
}

.title-subheader-friends {
    position: relative;
    left: 20px; top-2px;
    color: #817000;
    font-size: x-small
}

.title-header-friends {
    position: relative;
    left: 20px;
    color: #817000;
    font-size: small
}

.title-header-vineyard {
    position: relative;
    left: 10px;
    color: #817000;
    font-size: small
}

.block-body {
    position: relative;
    width: 90%;
    left: 20px;
    top: 20px;
    color: #3F3F3F;
    font-size: X-small;
    height: 175px;
    overflow: auto;
    scrollbar-arrow-color: #D3D3D3;
    scrollbar-3dlight-color: #F5F5F5;
    scrollbar-darkshadow-color: #D3D3D3;
    scrollbar-face-color: #F5F5F5;
    scrollbar-highlight-color: #DCDCDC;
    scrollbar-shadow-color: #DCDCDC;
    scrollbar-track-color: white
}

.hr-header {
    width: 100%;
    color: #3F3F3F;
    height: 1px;
    position: relative;
    text-align: left;
    top: 10px
}

.input-style {
    font-family: Verdana;
    font-size: x-small;
}