/* 
// ----------------------------------------------------------------------------
// Agnes Theme Version 1.0 For support: http://themeforest.net/user/upixel
// ----------------------------------------------------------------------------
*/

/* Mini LogIn ------------------------ */
#m-mini-welcome-button {
    position: absolute;
    top: 75px;
    right: 140px;
    color: #000;
    width: 35px;
    height: 34px;
    cursor: pointer;
    background: #F84B49 url('../image/layout/header/b_login.png') center center no-repeat;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);
}
#m-mini-welcome-button:hover {
    -moz-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.7);
    transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
/* Mini Basket ----------------------- */
#header #mini-cart {
    position: absolute;
    top: 75px;
    right: 195px;
    z-index: 25;
    min-width: 300px;
}
#header #mini-cart .heading {
    float: right;
    position: relative;
    z-index: 1;
}
#header #mini-cart .heading .bag {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 34px;
    width: 35px;
    background: #F84B49 url('../image/layout/header/b_cart.png') center center no-repeat;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);
}
#header #mini-cart .heading .bag:hover {
    -moz-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.7);
    transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
/* Hyperlink Basket ------------------ */
#header #hyperlink-cart {
    position: absolute;
    top: 100px;
    right: 230px;
    z-index: 25;
    min-width: 300px;
}
#header #hyperlink-cart .heading {
    float: right;
    position: relative;
    z-index: 1;
}
#header #hyperlink-cart .heading #bag {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 34px;
    width: 50px;
    background: #F84B49 url('../image/layout/header/b_cart.png') right no-repeat;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -khtml-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}
#header #hyperlink-cart .heading a {
    float: right;
    color: #474747;
    height: 25px;
    text-decoration: none;
    padding: 7px 60px 0px 15px;
    border: 1px solid #E7E7E7;
    background: #FFF url('../../image/layout/search_bg.png') repeat-x;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
}
/* Mini Search ----------------------- */
#header #mini-search {
    position: absolute;
    top: 75px;
    right: 85px;
    padding-right: 5px;
    z-index: 15;
}
#header  #mini-search .button-search {
    position: absolute;
    right: 0px;
    background: #F84B49 url('../image/layout/header/b_search.png') center center no-repeat;
    height: 34px;
    width: 35px;
    cursor: pointer;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -khtml-border-radius: 100px;
    border-radius: 100px;
    -moz-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);
    -webkit-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);
    box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.4);
}
#header .button-search:hover {
    -moz-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 0px 7px rgba(255, 255, 255, 0.7);
    transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
}
/* Hyperlink Search ------------------ */
#header #hyperlink-search {
    position: absolute;
    top: 100px;
    right: 10px;
    padding-right: 5px;
    z-index: 15;
}
#header #hyperlink-search .button-search {
    position: absolute;
    top: 0px;
    right: 5px;
    background: #F84B49 url('../image/layout/header/b_search.png') center center no-repeat;
    width: 50px;
    height: 34px;
    cursor: pointer;
    -webkit-border-radius: 0px 3px 3px 0px;
    -moz-border-radius: 0px 3px 3px 0px;
    -khtml-border-radius: 0px 3px 3px 0px;
    border-radius: 0px 3px 3px 0px;
}
#header #hyperlink-search input {
    padding: 1px 33px 1px 5px;
    width: 150px;
    border: none;
    height: 30px;
    color: #333333;
    background: #FFF url('../../image/layout/search_bg.png') repeat;
    -webkit-border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -khtml-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    border: 1px solid #E7E7E7;
}
/* Responsive Menu & Links ----------- */
#mobile-nav {
    background: url('../image/layout/menu_bg.png') top repeat-x;
    height: 40px;
    border-top: 1px solid #E7E7E7;
    border-bottom: 1px solid #E7E7E7;
}
.mobile-menu-tab {
    float: left;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    color: #333333;
    padding: 3px 5px 0px 10px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}
.mobile-menu-icon {
    background: url('../image/layout/menu_icon.png') center center no-repeat;
    height: 35px;
    width: 32px;
    float: left;
    margin-right: 10px;
}
.mobile-link-tab {
    float: right;
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    color: #333333;
    padding: 3px 5px 0px 10px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}
.mobile-link-icon {
    background: url('../image/layout/link.png') center center no-repeat;
    height: 35px;
    width: 32px;
    float: right;
    margin-left: 10px;
}
.mobile-link-content,
.mobile-menu-content {
    background-color: #FFFFFF;
    padding: 10px;
    display: none;
}
.mobile-menu, .mobile-link {
    margin-top: -5px;
    margin-left: 25px;
}
.mobile-menu ul, .mobile-link ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mobile-menu > ul > li, .mobile-link > ul > li {
    padding: 8px 8px 8px 0px;
    list-style-image: url('../image/layout/dark_bullet.png');
}
.mobile-menu > ul > li + li, .mobile-link > ul > li + li { border-top: 1px solid #EEEEEE }
.mobile-menu > ul > li > a, .mobile-link  > ul > li > a {
    font-size: 16px;
    text-decoration: none;
    color: #464646;
}
.mobile-menu > ul > li > a:hover, .mobile-link > ul > li > a:hover { color: #38b0e3 }
.mobile-menu > ul > li > span, .mobile-link > ul > li > span {
    font-size: 16px;
    text-decoration: none;
    color: #464646;
}
.mobile-menu > ul > li ul > li, .mobile-link > ul > li ul > li { padding: 5px 5px 0px 5px }
.mobile-menu > ul > li ul > li > a, .mobile-link > ul > li ul > li > a {
    text-decoration: none;
    display: block;
    color: #818181;
}
.mobile-menu > ul > li ul > li > a:hover, .mobile-link > ul > li ul > li > a:hover { color: #38b0e3 }