* { margin: 0; padding: 0; }
a img, fieldset { border: none; }

.clear
{
    clear: both;
    font-size: 0;
}

body
{
    background: #ABA0AB url(../img/page-bg.jpg);
    font: 12px/1.6 Arial, Helvetica, sans-serif;
}





/*******************************************************************************

    PAGE

*******************************************************************************/

#page
{
    margin: 0 auto 10px auto;
    position: relative;
    width: 970px;
}




/*******************************************************************************

    HEADER

*******************************************************************************/

#header
{
    background: url(../img/header-bg.png) no-repeat;
    height: 80px;
    position: relative;
}

#logo
{
    background: url(../img/naturevita-logo.png) no-repeat;
    bottom: 10px;
    display: block;
    height: 66px;
    left: 25px;
    position: absolute;
    text-indent: -999em;
    width: 172px;
}

/***** LOGIN FORM *****/
#login-form
{
    display: block;
    position: absolute;
    right: 20px;
    top: 12px;
}

#login-form fieldset
{
    border: none;
}

#login-form legend
{
    color: #FFF;
    font-size: 11px;
    text-transform: uppercase;
}

#login-form label
{
    display: none;
}

#login-form input.text
{
    border: 1px solid #7F9DB9;
    background: #FFF;
    color: #000;
    margin: 0 20px 0 0;
    padding: 2px 5px;
    width: 110px;
}

#login-form #login-password
{
    margin: 0 10px 0 0;
}

#login-form select
{
    margin: 0 20px 0 0;
    width: 110px;
}

#login-submit
{
    margin: 0 10px 0 0;
    vertical-align: middle;
}

#login-lostpwd
{
    color: #333;
    font-size: 11px;
    text-transform: uppercase;
}

#login-lostpwd:hover
{
    color: #FFF;
}

/***** ACCOUNT BOX *****/
#account-box
{
    display: none;

    /*display: block;*/
    font-size: 11px;
    position: absolute;
    right: 20px;
    top: 9px;
}

#account-box p
{
    border: 1px solid #47433E;
    color: #FFF;
    float: left;
    height: 31px;
    margin: 0 0 0 15px;
    padding: 7px 10px;
}

#account-box a
{
    color: #FC0;
    text-decoration: none;
}

#account-box a:hover
{
    color: #FFF;
}

#account-box p.box-button
{
    background: #738461;
    border: 1px solid #6C6965;
}

#account-box-status
{
    border-color: #ADCF82 !important;
    color: #333 !important;
    line-height: 18px;
    text-transform: uppercase;
}

#account-box-status .username
{
    text-transform: none;
}

p#account-box-link
{
    background: #738461 url(../img/account-link-bg.png) no-repeat 0 center !important;
    line-height: 33px;
    padding-left: 40px;
}

#account-box-link a
{
    display: block;
}

p#account-box-cart
{
    background: #738461 url(../img/account-cart-bg.png) no-repeat 0 center !important;
    padding-left: 55px;
}

#account-box-cart a
{
    text-transform: uppercase;
}

#account-box-logout
{
    border-color: #ADCF82 !important;
}

#account-box-logout a
{
    display: block;
    margin: 7px 0 0 0;
}



/*******************************************************************************

    CONTENT

*******************************************************************************/

#content-area
{
    background: #FFF url(../img/content-area-bg.png) no-repeat -10px 0;
    border-left: 10px solid #ADCF82;
    position: relative;

    /* Can't use this here, would hide the "out of bounds" home button … */
    /* Self clearing, see http://www.quirksmode.org/css/clearing.html */
    /*overflow: hidden;
    width: 960px;*/
}

#page-1 #content-area
{
    /*background-image: url(../img/content-area-bg-home.png);*/
}

#content
{
    float: right;
    padding: 30px 40px 15px 40px;
    width: 700px;
}

#page-1 #content
{
    /*padding: 10px 0;
    width: 780px;*/
}

#content a
{
    color: #689a21;
}

#content a:hover
{
    color: #000;
}

#content h1
{
    color: #333;
    font-size: 24px;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 20px 0;
}

#content h2
{
    color: #666;
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    margin: 0 0 10px 0;
}

#content h3
{
    color: #999;
    font-size: 12px;
}

#content p
{
    margin: 0 0 15px 0;
}

#content ul
{
    margin: 0 0 15px 20px;
}

#content ol
{
    margin: 0 0 15px 25px;
}





/*******************************************************************************

    SIDEBAR

*******************************************************************************/

#sidebar
{
    float: left;
    padding: 0 0 100px 0;
    width: 180px;
}

/***** MAIN NAVIGATION *****/
#navigation
{
    margin: 60px 0 0 10px;
    list-style: none;
    width: 160px;
}

#navigation li
{
    line-height: 1;
    margin: 0 0 13px 0;
    line-height: 1;
    width: 160px;

    background: url(../img/navigation-item-bg.png) no-repeat 0 0;
    padding: 15px 0 0 0;
}

#navigation li.current
{
    background: url(../img/navigation-item-bg-current.png) no-repeat 0 0;
}

#navigation li div
{
    background: url(../img/navigation-item-bg.png) no-repeat 0 bottom;
    padding: 0 0 13px 0;
}

#navigation li.current div
{
    background: url(../img/navigation-item-bg-current.png) no-repeat 0 bottom;
}

#navigation li a
{
    color: #000;
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 1;
    text-decoration: none;
    padding: 0 15px;
    width: 120px;
}

#navigation li a:hover,
#navigation li.current a
{
    color: #FFF;
}

#navigation ul
{
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0 0 0 5px;
}

#navigation ul li
{
    background: none;
    margin: 0 0 5px 0;
    padding: 0;
}

#navigation ul li.current
{
    background: none;
}

#navigation ul li.current a
{
    color: #006634;
}

#navigation ul li a
{
    font-size: 11px;
    padding: 0 20px;
}

/* HOME LINK */
#navigation li#home-link
{
    background: none;
    bottom: -30px;
    height: 54px;
    left: -34px;
    padding: 0;
    position: absolute;
    width: 34px;
}

#navigation li#home-link a
{
    background: url(../img/home-button.png) no-repeat;
    display: block;
    height: 54px;
    text-indent: -999em;
    width: 34px;
}

/***** SEARCH FORM *****/
#search-form
{
    display: none;

    background: url(../img/search-form-bg.png) no-repeat;
    bottom: 10px;
    height: 50px;
    left: 10px;
    position: absolute;
    width: 160px;
}

#search-input
{
    background: #FFF;
    border: none;
    display: block;
    font-size: 11px;
    height: 20px;
    left: 15px;
    line-height: 20px;
    padding: 0 3px;
    position: absolute;
    top: 15px;
    width: 104px;
}

#search-form-button
{
    display: block;
    left: 130px;
    position: absolute;
    top: 15px;
}

#search-form fieldset
{
    border: none;
}




/*******************************************************************************

    FOOTER

*******************************************************************************/

#footer
{
    border-top: 17px solid #ADCF82;
    clear: both;
    position: relative;
}

#footer-content
{
    background: url(../img/footer-content-bg.png);
    height: 130px;
    margin: 3px 0 0 10px;
    position: relative;
    width: 960px;
}

/***** NWA LOGO *****/
#nwa-logo-link
{
    display: block;
    position: absolute;
    right: 30px;
    top: 31px;
}

/***** NWA LOGO *****/
#unesco-logo-link
{
    display: block;
    position: absolute;
    right: 120px;
    top: 20px;
}

/***** LEAFS *****/
#footer-leafs
{
    background: url(../img/leafs.png) no-repeat;
    display: block;
    height: 49px;
    position: absolute;
    right: -38px;
    top: 70px;
    width: 49px;
}

/***** META NAVIGATION *****/
#meta-navigation
{
    height: 20px;
    left: 0;
    line-height: 20px;
    list-style: none;
    padding: 0 0 0 20px;
    position: absolute;
    top: 0;
    width: 230px;
}

#meta-navigation li
{
    background: url(../img/meta-navigation-separator.png) no-repeat right 5px;
    float: left;
    line-height: 20px;
    margin: 0 9px 0 0;
    padding: 0 11px 0 0;
}

#meta-navigation li.last
{
    background: none;
    margin: 0;
    padding: 0;
}

#meta-navigation li a
{
    color: #000;
    display: block;
    line-height: 20px;
    text-decoration: none;
}

#meta-navigation li a:hover
{
    color: #666;
}

/***** FOOTER LINKS *****/
#footer-links
{
    height: 20px;
    left: 230px;
    line-height: 20px;
    list-style: none;
    position: absolute;
    text-align: center;
    top: 60px;
    width: 500px;
}

#footer-links li
{
    background: url(../img/footer-links-separator.png) no-repeat right center;
    display: inline;
    line-height: 20px;
    padding: 0 10px;
}

#footer-links li.last
{
    background: none;
}

#footer-links li a
{
    color: #333;
    line-height: 20px;
    text-decoration: none;
}

#footer-links li a:hover
{
    color: #000;
}



/*******************************************************************************

    MISCELLANEOUS

*******************************************************************************/

/***** PRODUCT LISTING *****/
ul#product-listing
{
    list-style: none;
    margin: 10px 0 0 0;
    padding: 0;
}

#product-listing li
{
    float: left;
    line-height: 1.2;
    padding: 0 41px 0 0;
    width: 114px;

    /* Props to http://www.dustindiaz.com/min-height-fast-hack/ */
    min-height:210px;
    height:auto !important;
    height:210px;
}

#product-listing .product-img
{
    background: #FFF;
    border: 1px solid #ACACAD;
    display: block;
    margin: 0 0 10px 0;
    padding: 1px;
}

#product-listing .product-img:hover
{
    border-color: #000;
}

#product-listing .product-title
{
    font-size: 12px;
    font-weight: normal;
}

#product-listing .product-title a
{
    color: #000;
    text-decoration: none;
}

#product-listing .product-short-description,
#product-listing .product-attributes
{
    color: #666;
    font-size: 10px;
    margin: 0;
}

#product-listing .product-price
{
    color: #000;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

#product-listing-pagination
{
    clear: both;
    text-align: right;
}

/***** PRODUCT DETAIL *****/
#product-detail
{
    float: left;
    width: 475px;
}

#product-detail h2
{
    margin-bottom: 10px;
}

#product-detail-img
{
    background: #FFF;
    border: 1px solid #ACACAD;
    display: block;
    height: 285px;
    margin: 0 0 10px 0;
    padding: 1px;
    width: 471px;
}

#product-detail-more-img
{
    color: #779B49;
    line-height: 55px;
    font-size: 11px;
    height: 55px;
    position: relative;
    text-transform: uppercase;
    width: 475px;
}

#product-detail-more-img img
{
    border: 1px solid #ACACAD;
    margin: 0 0 0 15px;
    vertical-align: middle;
}

#product-detail-availability
{
    color: #333;
    display: block;
    height: 55px;
    line-height: 55px;
    position: absolute;
    right: 0;
    top: 0;
}

#product-detail-availability img
{
    border: none;
    margin: 0 0 0 15px;
    vertical-align: middle;
}

#product-detail-info
{
    border: 1px solid #ACACAD;
    margin: 20px 0 0 0;
    padding: 16px;
    width: 441px;
}

#product-detail-title strong
{
    color: #779B49;
    font-size: 16px;
    margin: 0 0 20px 0;
}

#product-detail-title strong
{
    font-weight: normal;
}

p#product-detail-artno
{
    color: #000;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
}

#product-detail-long-description p,
#product-detail-attributes p
{
    color: #666;
    font-size: 11px;
    line-height: 1;
    margin: 0;
}

#product-detail-bonus td
{
    font-size: 11px;
    line-height: 1;
    padding: 3px 10px 3px 0;
    vertical-align: bottom;
}

#product-detail-bonus td.last-col
{
    border-left: 1px solid #ACACAD;
    padding: 3px 10px 3px 10px;
}

#product-detail-order-box
{
    background: url(../img/product-detail-order-box.png) no-repeat;
    color: #333;
    height: 47px;
    line-height: 49px;
    margin: 10px 0 0 0;
    padding: 0 20px;
    position: relative;
    width: 401px;
}

#quantity
{
    margin: 0 10px;
    width: 30px;
}

#addtocart-submit
{
    vertical-align: middle;
}

#product-detail-calc-price
{
    height: 49px;
    font-size: 14px;
    line-height: 1;
    position: absolute;
    right: 10px;
    text-align: right;
    top: 12px;
}

#product-detail-calc-price span
{
    font-size: 10px;
}

/***** RELATED PRODUCTS *****/
#product-related
{
    float: right;
    width: 200px;
}

#product-related #product-listing li
{
    float: right;
    padding-right: 35px;
}

/***** FOOTER IMAGE SCROLLER *****/
#page-1 #scroller-coll1011
{
    background: #FFF;
    height: 165px;
    margin: 0 0 0 10px;
    position: relative;
    width: 960px;
}


#page-1 #motioncontainer_7
{
    height: 145px;
    left: 50px;
    position: absolute;
    top: 10px;
    width: 870px;
}

#page-1 #motioncontainer_7 img
{
    margin: 0 20px;
}

#page-1 #arr_l_7,
#page-1 #arr_r_7
{
    top: 57px;
}

#page-1 #arr_l_7
{
    left: 10px;
}

#page-1 #arr_r_7
{
    right: 10px;
}




/*******************************************************************************

    EXTENSIONS

*******************************************************************************/

/***** KONEXXO_TEST *****/
#content .tx-konexxotest-pi1
{
    background: url(../../../typo3conf/ext/konexxo_test/res/award-ribbon.png) no-repeat right top;

    /* Props to http://www.dustindiaz.com/min-height-fast-hack/ */
    min-height:200px;
    height:auto !important;
    height:200px;
}

#content .tx-konexxotest-pi1 .question,
#content .tx-konexxotest-pi1 .result
{
    border-top: 1px solid #CCC;
    padding: 30px 0 0 0;
    width: 430px;
}

#content .tx-konexxotest-pi1 div.question form
{
    display: block;
}

#content .tx-konexxotest-pi1 div.question form .answers
{
    background: #CCC;
    border: none;
    display: block;
    list-style: none;
    line-height: 30px;
    margin: 0 0 10px 0;
    padding: 10px 20px;
}

#content .tx-konexxotest-pi1 div.question form .radio
{
    margin: 0 10px 0 0;
}

#content .tx-konexxotest-pi1 div.question form .controls
{
    text-align: right;
}

#content .tx-konexxotest-pi1 div.question form .question-number
{
    float: left;
}

#content .tx-konexxotest-pi1 div.question ul li
{
    line-height: 30px;
    padding: 0 0 0 30px;
}