@import url("//hello.myfonts.net/count/2ff7c3");
@font-face {font-family: 'MuseoSansCyrl-500';src: url('../webfonts/2FF7C3_0_0.eot');src: url('../webfonts/2FF7C3_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2FF7C3_0_0.woff2') format('woff2'),url('../webfonts/2FF7C3_0_0.woff') format('woff'),url('../webfonts/2FF7C3_0_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSansCyrl-700';src: url('../webfonts/2FF7C3_1_0.eot');src: url('../webfonts/2FF7C3_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2FF7C3_1_0.woff2') format('woff2'),url('../webfonts/2FF7C3_1_0.woff') format('woff'),url('../webfonts/2FF7C3_1_0.ttf') format('truetype');}


/*  STRUCTURAL  ============================================================================= */
html {
    background: #033A5D;

}

.group:before,
.group:after {
    content:"";
    display:table;
}
.group:after {
    clear:both;
}
.group {
    zoom:1; /* For IE 6/7 (trigger hasLayout) */
}


.col {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
    box-sizing: border-box;
}

.col:first-child { /*margin-left: 0;*/ } /* all browsers except IE6 and lower */


.span_4_of_4 {
    width: 100%;
}

.span_3_of_4 {
    width: 74.6%;
}

.span_2_of_4 {
    width: 48.2%;
}

.span_1_of_4 {
    width: 23.2%;
}


.span_3_of_3 {
    width: 100%;
}

.span_2_of_3 {
    width: 65.1%;
}

.span_1_of_3 {
    width: 31.2%;
}

/*  GRID OF FIVE   ============================================================================= */


.span_5_of_5 {
    width: 100%;
}

.span_4_of_5 {
    width: 79.68%;
}

.span_3_of_5 {
    width: 59.36%;
}

.span_2_of_5 {
    width: 39.04%;
}

.span_1_of_5 {
    width: 17.72%;
}

/*  GRID OF SIX  ============================================================================= */

.span_6_of_6 {
    width: 100%;
}

.span_5_of_6 {
    width: 83.3%;
}

.span_4_of_6 {
    width: 66.6%;
}

.span_3_of_6 {
    width: 50%;
}

.span_2_of_6 {
    width: 33.3%;
}

.span_1_of_6 {
    width: 16.6%;
}
html * {
    box-sizing: border-box;
}

.row {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
}
.row .row {
    margin: 0 -0.83333rem;
    max-width: none;
    width: auto;
}
.row:before, .row:after {
    content: " ";
    display: table;
}
.row:after {
    clear: both;
}

.columns {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    float: left;
}
.home .content-area .columns {
    /*padding-left: 30px;*/
}
.large-1,
.large-2,
.large-3,
.large-4,
.large-5,
.large-6,
.large-7,
.large-8,
.large-9,
.large-10,
.large-11,
.large-12 {
    width: 100%;
}
@media screen and (min-width: 680px) {
    .large-1 {
        width: 8.33333%;
    }
    .large-2 {
        width: 16.66667%;
    }
    .large-3 {
        width: 25%;
    }
    .large-4 {
        width: 33.33333%;
    }
    .large-5 {
        width: 41.66667%;
    }
    .large-6 {
        width: 50%;
    }
    .large-7 {
        width: 58.33333%;
    }
    .large-8 {
        width: 66.66667%;
    }
    .large-9 {
        width: 75%;
    }
    .large-10 {
        width: 83.33333%;
    }
    .large-11 {
        width: 91.66667%;
    }
    .large-12 {
        width: 100%;
    }

}


/* OVERRIDES */
body {
    /*font-family: helvetica, arial;*/
    /*background: #ffffe5;*/
    color:#444;
    font-size: 90%;
    margin:0px;
    padding:0px;
    font-family: 'MuseoSansCyrl-500';
    overflow-x:hidden;
}

h1,h2,h3,h4,h5{
    font-family: 'MuseoSansCyrl-700';
    color:#000;
}
h1 {
    font-size: 2.5em;
    font-weight: normal;
    margin:0;
    padding: 0;
}
h2 {
    font-weight: normal;
    color:#ca6865;
    margin:0px;
    font-size:20px;
}
h3 {
    color:#6d6d6d;
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    font-family: 'MuseoSansCyrl-700';

}
h4 {
    color:#000;
    margin:.3em 0;
    font-size: 1.4em;
    font-weight: normal;
}


a {
    /*color:#2c2fd4;*/
    color:#0b385e;
    text-decoration: none;
    -webkit-transition: color 0.2s ease-in-out;
    -moz-transition: color 0.2s ease-in-out;
    -ms-transition: color 0.2s ease-in-out;
    -o-transition: color 0.2s ease-in-out;
    transition: color 0.2s ease-in-out;
}
a:hover {
    text-decoration: none;
    color: #000;

}

hr {
    padding: 0px;
    margin: 1em;
    color:#000;
    border: 1px solid #e3d999;

}
input {

    border: 1px solid #ccc;
    -webkit-box-shadow:
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1);
    -moz-box-shadow:
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1);
    box-shadow:
        inset 0 0 8px  rgba(0,0,0,0.1),
        0 0 16px rgba(0,0,0,0.1);
    padding: 8px;
    background: rgba(255,255,255,0.8);

}

input[type=submit] {
    background: #333;
    color:#fff;
    font-weight: bold;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

img { border: 0px; }



/* styles */


.centered{
    text-align:center;
}

#list_grid.lined li ul a {
    display:block; /*border-bottom: 1px solid #f9ec99;*/ margin-bottom: .5em;
}
#list_grid.lined li ul a:hover {
    font-weight: bold;
}
#list_grid.lined li ul li h4 {
    margin: 1em 0;
}

#list_grid.lined li ul li ul a {
    display:block; border-bottom: 0px solid #f9ec99; margin-bottom: 0em;
}
#list_grid.lined li ul li h4 {
    margin: 1em 0;
}


#list_grid.lined li.white ul a,  #list_grid.lined li.white ul li ul a {
    display: inline; border-bottom:0; margin-bottom: 0;
}
#list_grid.lined li.white {
    background: transparent;
}
#list_grid.lined li.white ul {
    padding: 0;
    margin: 0;

}
#list_grid.lined li.white li {
    background: transparent;
    color: #0b385e;
}
#list_grid.lined li.white h3 {
    margin-top: 0;
    font-style: normal;
    padding: 15px 10px 10px 10px;
    font-size: 20px;
    color: #35a1c4;
    background-color: #0b385e;
}
#list_grid.lined li.white h4 {

    font-size: 20px;
    color: #d74403;

}
.static ul {
    list-style: disc;
    padding: 1em;
    margin-left: 1em;
}
.static ul li {
    padding: .1em;
}



#titles {
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: left;
    background: rgba(255,255,255, 0.8);

}
#titles h1{
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-weight:normal !important;
}
#titles h2 {
    font-size: 26px;
    color: #35a1c4;
}
#titles h3 {
    font-style: normal;
    font-size: 18px;
    margin-top: 10px;
}
#landing_titles {
    text-align: center;
}

#landing_titles h1 {
    font-size: 180%;
    text-align: center;
}

#landing_titles h2 {
    font-size: 135%;
    text-align: center;
}



/* bread crumbs */



#breadcrumbs{
    /* Clear floats */
    overflow: hidden;
    font-size: .85em;
    margin:2em auto;
}

#breadcrumbs li{
    margin: 0;
    display: inline-block;
}

#breadcrumbs a {
    /*
    min-width: 100px;
    padding: .7em;
    float: left;
    text-decoration: none;
    color: #58502a;
    background: #e3da91;
    position: relative;
    z-index: 1;
    -moz-border-radius: .4em 0 0 .4em;
    -webkit-border-radius: .4em 0 0 .4em;
    border-radius: .4em 0 0 .4em;
    text-decoration:underline;
    */

}
#breadcrumbs li::after {
    content: ">";
    color: #0b385e;
    padding: 0 5px;
    display: inline-block;
}

#breadcrumbs li:last-child::after {
    content: "";
}

#breadcrumbs a:hover{
    background: #abe0ef;
    color: #000;
    text-decoration: none;
}
/*
#breadcrumbs a::after{
    background: #e3da91;
    content: "";
    height: 2em;
    margin-top: -1.2em;
    position: absolute;
    right: -1em;
    top: 50%;
    width: 2.5em;
    z-index: -1;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    -moz-border-radius: .4em;
    -webkit-border-radius: .4em;
    border-radius: .4em;
}
*/
#breadcrumbs a:hover::after{
    background: #abe0ef;
}

#breadcrumbs .current,
#breadcrumbs .current:hover{
    font-weight: bold;
    background: none;
    color:#000;
    text-decoration:none;
    cursor:default;
}

#breadcrumbs .current::after{
    content: normal;
}




/* structures */




#mobile_icons {
    float:right;
    color:#fff;
    padding: 0;
    margin: 0;

}
#mobile_icons li.top  {
    float:left;
    width:2em;
    display: block;
    cursor: pointer;
    height:50px;
    width: 65px;
}

#mobile_icons li.top > a {
    display: block;
    cursor: pointer;
    height:50px;
    width: 65px;
}
#mobile_icons li.menu {
    background: #3eb39d url(../images/icon-nav-menu.png);
    background-position: center center;
    background-repeat: no-repeat;
}
#mobile_icons li.call {
    background: #ef3c49 url(../images/icon-nav-call.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 5;
}
#mobile_icons li.shopping {
    background: #edc55d url(../images/icon-nav-cart.png);
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 6;
}



#nav {
    background:#084b76;
    margin: 0;
    padding: 0em 2em;
    height: 50px;
}

#nav_mobile #logo_mobile {
    float:left;
}
#nav_mobile h1 {
    color:#fff;
    margin: .8em 0em 0em .5em;
    float: left;
    font-size: 1.3em;
}
#nav_mobile h1 a{
    color:#fff;
}






#nav_main {
    position:relative;
    height:50px;
    width:100%;
    background:#084b76;


}

#nav_mobile {
    position:relative;
    height:50px;
    width:100%;
    background:#084b76;


}


#nav_main ul { list-style:none; position:relative; left:50%; }
#nav_main ul li{
    position:relative;
    left:-50%;
    margin-top: 12px;
}
#nav_main ul li a{
    color:#a0d6f8;
}
#nav_main #nav {
    height:32px;
    text-align:center;
    margin:0 auto;
    padding:0;
    list-style:none;
}


#nav_main #nav > li {
    margin:0;
    padding:0;
    display:inline-block;
    position:relative; /* don't set for whole width*/
    text-align:center;
    width: 13.5%;

}

#nav_main #nav > li > a {
    display: inline-block;
    text-align: center;
    margin:0;
    padding:0 20px 0 20px;
    text-decoration:none;
    color: #FFF;
    outline: none;
    -moz-outline-style: none;
    font-family: 'MuseoSansCyrl-500';
    height: 50px;
    line-height: 47px;
}
#nav_main #nav > li > a > span {
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}
#nav_main #nav > li > ul > li > a  {
    font-family: 'MuseoSansCyrl-700';

}

#nav_main #nav > li:hover { }
#nav_main #nav > li:hover > a, #nav_main #nav > li a:hover { /*border-radius: 6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0;*/ color: #FFF; background: #31749f; border-radius:0; }
#nav_main #nav > li a img { border:none; }
#nav_main #nav > li:hover .sub_nav, #nav_main #nav > li.over .sub_nav {  display: block;  }

#nav_main #nav li .sub_nav  { min-width:350px; border-radius: 0 0px 6px 6px; -moz-border-radius:0 0px 6px 6px; -webkit-border-radius:0 0px 6px 6px; /*border-radius: 0 6px 6px 6px; -moz-border-radius:0 6px 6px 6px; -webkit-border-radius:0 6px 6px 6px; */overflow: hidden; display:none; width:auto;   margin: 0; position: absolute; z-index:2000; color:#4d4d4d; text-align:left;
    background: rgba(49, 116, 159, 0.95); }
#nav_main #nav li .width-700  { width:700px; }
#nav_main #nav li .width-600  { width:600px; }
#nav_main #nav li .direct-right { right:0; border-radius: 0px 0 6px 6px; -moz-border-radius:0px 0 6px 6px; -webkit-border-radius:0px 0 6px 6px; }
/*#nav_main #nav li .sub_nav > div { margin-top:0;   font-weight:normal;  }*/
#nav_main #nav li .sub_nav_content { padding:10px 30px 20px 30px;}

#nav_main #nav li .sub_nav > ul { float:none;  }
#nav_main #nav li .sub_nav > ul > li { margin-bottom:18px; }
#nav_main #nav li .sub_nav > ul > li > a {   }
#nav_main #nav li .sub_nav > ul > li > a:hover { color:#e1d5c8;  }

#nav_main #nav li ul li a:hover{
    background:none;
    color: #FFF;
    text-decoration: none;
}


.sub_nav_content .d2 > li > a {  }
.sub_nav_content .d4 { display:none; }

.sub_nav_content .grid > li { float:left; width:50%; }
.sub_nav_content .grid > li > a { font-weight:bold;  font-family: 'MuseoSansCyrl-500';}






#cart, #cart_mobile {
    margin-top:2em;
    text-align:left;
    float:right;
    min-width:20px;

    display: block;

}
#cart {
    margin-top: 0;
    margin-left: 0;
    text-align: right;
    width: 25%;
    box-sizing: border-box;
}
#cart a, #cart_mobile a {
    display: inline-block;
    background: transparent;
    background-image:url(../images/ico_cart_sm.png);
    background-repeat:no-repeat;
    background-position:10px 5px;
    text-align:left;
    padding:8px 10px 8px 43px;
    font-weight:bold;
    font-family: 'MuseoSansCyrl-500';
    color:#43baed;
    font-size:14px;

}
.cart_items_header {
    color: #FFF;
}

#cart_mobile {
    float: right;
    margin:1em 0em 0em 0em;
    min-width:80px;
    border:0px;
    border-radius, -moz-border-radius, -webkit-border-radius: none;
    background:transparent;
    filter: none;
}
#cart_mobile a {
    background: transparent;
    background-image:url(../images/ico_cart_icon_mobile.gif);
    padding:10px 5px 5px 35px;
    font-weight:normal;
    color:#fff;
    font-size:11px;
    background-repeat:no-repeat;
    background-position:5px;
}



#cart a:hover {
    text-decoration:none;

}

#header {
    clear: both;
    padding:1em 0 0 0;
    width: 100%;
    box-sizing: border-box;
}
@media only screen and (min-width: 680px) {
    #header {
        background-color: #033A5D;
    }
}
#header .header-content {
    max-width: 90%;
    margin: 0 auto;

}
#logo {
    display: block;
    font-size: 0;
    width: 20%;
    height:82px;
    margin:0;
    float:left;
}


#logo a{
    background-image:url(../images/ico_logo_hickeys_2.png);
    background-position: center center;
    background-repeat:no-repeat;
    background-size: 100% auto;
    display: block;

    max-width:270px;
    height: 100%;
}

#search {
    width: 52%;
    padding-right: 10px;
    float:left;
    text-align: right
;
    margin: 1em auto 1em auto;
    font-family: 'MuseoSansCyrl-500';
    font-weight: bold;
}

@media only screen and (min-width:1401px) {
    #search {
        width: 52%;
    }
}

#search_box, .filterinput{
    float: left;
    width: 230px;
    color:#898971;
    font-weight:normal;
    font-size:11px;
    display: block;
    background: #ffffff; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ffffff 42%, #fdfdfd 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(42%,#ffffff), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 42%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 42%,#fdfdfd 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 42%,#fdfdfd 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #ffffff 0%,#ffffff 42%,#fdfdfd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdfdfd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#search_box::-webkit-input-placeholder , .filterinput::-webkit-input-placeholder { /* WebKit browsers */
    color:    #dddda6 !important;
}
#search_box:-moz-placeholder , .filterinput:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    color:    #dddda6 !important;
}
#search_box::-moz-placeholder , .filterinput:-moz-placeholder{ /* Mozilla Firefox 19+ */
    color:    #dddda6 !important;
}
#search_box:-ms-input-placeholder , .filterinput:-moz-placeholder{ /* Internet Explorer 10+ */
    color:    #dddda6 !important;
}

#search_box {
    display: inline-block;
    float: none;
    width: 90%;
    font-size: 16px;
    border-radius: 10px;
    height: 34px;
    background: #FFF;

}
@media only screen and (min-width : 1401px) {
    #search_box {
        width: 65%;

    }
}
#search_box input[type="text"] {
    width: 77%;
    box-sizing: border-box;
    border: 0;
    outline: 0;
    box-shadow: none;
    font-size: 16px;
    background-color: transparent;
}

#search .btn_submit{
    box-sizing: border-box;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    width: 20%;
    height: 34px;
    float: right;
    border: 0;
    background:#FFF url('../images/img_search_box_button.jpg') no-repeat center right;
}



#mailing_list_input, .filterinput{
    float: left;
    width:90%;
    border:1px #d7d79e solid;
    color:#898971;
    font-weight:normal;
    font-size:11px;
    display: block;
    background: #ffffff; /* Old browsers */
    background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #ffffff 42%, #fdfdfd 100%); /* FF3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(42%,#ffffff), color-stop(100%,#fdfdfd)); /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 42%,#fdfdfd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 42%,#fdfdfd 100%); /* Opera 12+ */
    background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#ffffff 42%,#fdfdfd 100%); /* IE10+ */
    background: radial-gradient(ellipse at center,  #ffffff 0%,#ffffff 42%,#fdfdfd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fdfdfd',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#mailing_list_input::-webkit-input-placeholder , .filterinput::-webkit-input-placeholder { /* WebKit browsers */
    color:    #dddda6 !important;
}
#mailing_list_input:-moz-placeholder , .filterinput:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */
    color:    #dddda6 !important;
}
#mailing_list_input:-moz-placeholder , .filterinput:-moz-placeholder{ /* Mozilla Firefox 19+ */
    color:    #dddda6 !important;
}
#mailing_list_input:-ms-input-placeholder , .filterinput:-moz-placeholder{ /* Internet Explorer 10+ */
    color:    #dddda6 !important;
}




.filterinput{
    float:none;
    width:auto;
}

#search .btn_submit{
    padding:5px;
    margin-left: .5em;
}

.btns{
    border:none;
    color:#FFF;
    font-size:14px;
    font-weight:bold;
    cursor:pointer;
    margin:0;
    padding:3px 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-bottom:1px #084b76 solid;
    border-top:1px #FFF solid;
    background: rgb(59,103,158); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(59,103,158,1)), color-stop(50%,rgba(43,136,217,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */

}

.btns:hover{
    background: rgb(45,72,119); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(45,72,119,1) 0%, rgba(33,99,165,1) 50%, rgba(19,63,124,1) 51%, rgba(86,122,160,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(45,72,119,1)), color-stop(50%,rgba(33,99,165,1)), color-stop(51%,rgba(19,63,124,1)), color-stop(100%,rgba(86,122,160,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(45,72,119,1) 0%,rgba(33,99,165,1) 50%,rgba(19,63,124,1) 51%,rgba(86,122,160,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(45,72,119,1) 0%,rgba(33,99,165,1) 50%,rgba(19,63,124,1) 51%,rgba(86,122,160,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(45,72,119,1) 0%,rgba(33,99,165,1) 50%,rgba(19,63,124,1) 51%,rgba(86,122,160,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(45,72,119,1) 0%,rgba(33,99,165,1) 50%,rgba(19,63,124,1) 51%,rgba(86,122,160,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d4877', endColorstr='#567aa0',GradientType=0 ); /* IE6-9 */

}





.pagination
{
    background-color: #F7F7F7;
    font-size: 80%;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 20px 0;
    box-sizing: border-box;
}

.pagination li { display: inline-block; margin-top: 1em; border-left:1px #000 solid;}
.pagination li:first-child{ border-left:none; }
.pagination a
{

    text-decoration: underline;
    padding: .2em 1em;
    margin: .5em;
}

.pagination a:hover
{
    text-decoration:none;
}

.pagination .active, .pagination .active:hover {
    color:#000;
    font-weight: bold;
    background: transparent;
}
.pagination a.selected,
.pagination a.selected:hover,
.pagination a.next,
.pagination a.next:hover
{
    color:#BE0312;
    font-size: 13px;
    font-weight: bold;
    background: transparent;
}

#page {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 0;
}


#product_list, #search_list {
    text-align: left;
    margin: 0 auto;
    width: 100%;
    box-sizing: border-box;
    color:#444;
    background: #f7f7f7;
    padding: 20px;
}

#product_list .name, #search_list .name {
    background: #f7f7f7;
    padding: 8px;
    border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
}
#product_list .item, #search_list .item {
    padding: 24px;
    border-top: 0px;

    border-top: 1px solid #F75642;
}
#product_list .padded, #search_list .padded {
    padding: 0px 1em;
}



#product_list .filterinput { width:50%; }

#product_list .prd_img, #search_list .prd_img { width: 100%; }

#product_list a, #search_list a { text-decoration: underline; }


.more {
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    background-color: #c4bebd;
    color: #000;
}
.more li {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 12px;
}
.more a {
    color: #084B76;
}
.more a:hover {
    color: #033A5D;
}
.extra {

}

#product {
    width: 90%;
    margin: 0 auto;
}

#product img {
    /*width:100%;*/
    margin: 0px 1em;
}

#product #details {
    /*position: relative;
    width: 60%;*/

    color:#555;
    /*float: left;*/
}

#product #details #main_info ul {
    list-style: disc;
    margin-left: 24px;
}
#product #details #main_info ul li {

}

#product #details h3 {
    font-style: normal;
    font-weight: bold;
    font-size: 1.2em;
    color:#000;
}
#product #details li { padding: 4px;}

#product #details #cart {
    width: 100%;
    text-align: left;
    margin:2em 0px;
    /*background: #f7f7f7;*/
    padding: 16px;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    float:left;
}

#product_img {
    float: left;
    margin: 2.5em;
    width: 300px;
}




#icon_grid, #list_grid {
    text-align: center;
}
#list_grid li h4 {
    text-align: left;
}
#list_grid li.white h4 {
    text-align: center;
}

#icon_grid {
    background: #f7f7f7;
    /*
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    */
    margin-bottom:20px;
}
#list_grid #icon_grid li {
    line-height: 0;
}
#icon_grid > li > a {
    display: block;
    /*padding: .5em;*/
    margin:.5em;
    background: #0b385e !important;
    color: #35a1c4;
    /*border-radius: 8px;*/
}
#icon_grid a strong {
    line-height: 100%;
    display: block;
    padding: 15px 0;
    text-align: center;
}
#icon_grid img {
    width: 100%;
    background-color: #FFF;
    /*max-width: 125px;*/

}

#icon_grid > li {
    line-height: 0 !important;
    font-weight: normal;
}
#icon_grid > li > ul > li {
    line-height: 120%;
}
#icon_grid > li > ul > li > a {
   background: transparent;
}

.makeityellow {
    background: #ffffff;
    border-radius: 8px;
    display: block;
    padding: .5em;
    margin:.5em;
}
.makeityellow ul {
    margin:0;
    padding:0;
}
.makeityellow li a, .makeityellow li {
    text-align: left;
    margin:0;
    padding:0;
    line-height: 100%;
    background:  #FFFFE5 !important;
}
#icon_grid .makeityellow a {
    background: #FFFFE5 !important;
}
#icon_grid .makeityellow span.button a {
    background: transparent !important;
}
.makeityellow strong {
    margin-left:1em;
    color:black;
    background: #FFFFE5 !important;
}
.makeityellow h5 {
    margin:8px 0 0 0;
    padding:0;
}
.makeityellow .button {
    -moz-border-radius: 9px;
    -moz-box-shadow: #cbaee2 0px 0px 10px;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-border-radius: 9px;
    -webkit-box-shadow: #6E7849 0 0 10px;
    -webkit-transition: all 0.5s ease;
    background-color: #8e4fc1;
    background-image: -moz-linear-gradient(180deg, #debef5, #8e4fc1);
    background-image: -ms-linear-gradient(180deg, #debef5, #8e4fc1);
    background-image: -o-linear-gradient(180deg, #debef5, #8e4fc1);
    background-image: -webkit-linear-gradient(180deg, #debef5, #8e4fc1);
    background-image: linear-gradient(180deg, #debef5, #8e4fc1);
    border-radius: 9px;
    border: 1px solid #6b20a7;
    box-shadow: #cbaee2 0px 0px 10px;
    color: #ffffff;
    display: inline-block;
    font-weight:bold;
    margin: 0 auto 10px auto;
    padding: 2px;
    text-decoration: none;
    transition: all 0.5s ease;
    display:block;
    max-width:100px;
}
.makeityellow .button:hover {
    padding: 5px;
}
.makeityellow .button a {
    margin:0 !important;
    padding:0 !important;
    background: transparent !important;
    border-radius: 0px !important;
    color:#ffffff;
    font-family: 'MuseoSansCyrl-500';
    font-size: .75em;
    transition: all 0.5s ease;
}
.makeityellow .button a:hover {
    font-size: .9em;
    text-decoration: none;
}

.gifts h2 {
    margin:10px 0;
    padding-bottom:10px;
    border-bottom:5px solid #ffffe5;
}

#list_grid {

}
#list_grid li {
    background: #f7f7f7;
    /*
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    */
    text-align: left;
    line-height: 1.5em;
    font-weight: normal;
}
#list_grid li h1 {
    line-height:1.25em;
}
#list_grid li.white, #list_grid li.white li {
    background: #fff;
}
#list_grid li ul {
    margin:5px 20px 20px 20px;

}

#list_grid li p img {
    text-align:center; margin:0 auto;
}

#list_grid h2, #list_grid h2 a{
    font-size:19px;
    color:#000;
    font-weight:normal;
    margin-bottom: 11px;
}

#list_grid h4, #list_grid h4 a {
    font-size:18px;
    color:#35a1c4;
    font-weight:bold;
    margin-top:15px;
}
.page_home #list_grid h4,
.page_home #list_grid h4 a {
    color:#0b385e;
}
#list_grid h5, #list_grid h5 a {
    font-style: italic;
    font-weight: normal;
    font-size: 15px;
    padding:0;
    margin:9px 0 12px 0;
    line-height:20px;
}

#list_grid .note {
    display: block;
    float:right;
    font-style: italic;
    font-weight: normal;
    font-size: 11px;

}
#list_grid .note a {
    color:#2c2fd4;
}

#list_grid .home_icons { text-align:center; margin-bottom:30px; /*border-top:1px solid #deddc4;*/ border-bottom:1px solid #deddc4; }
#list_grid .home_icons li { text-align:center; line-height:13px; }
#list_grid .home_icons img { width:100%; margin:0 auto; }

#list_grid table.number_grid {
    margin:0 auto; text-align:center;
}
#list_grid table.number_grid td {
    margin:0;
    padding:0;
    border:0px;
}
#list_grid table.number_grid td a {
    color:#fff;
    display:block;
    padding:3px 12px 5px 12px;
    text-align: center;
    font-size:18px;
}
#list_grid table.number_grid td a.n-red {
    background-color:red;
}
#list_grid table.number_grid td a.n-blue {
    background-color:blue;
}
#list_grid table.number_grid td a.n-green {
    background-color:green;
}
#list_grid table.number_grid td a.n-tan {
    background-color:tan;
}
#list_grid table.number_grid td a.n-orange {
    background-color:orange;
}
#list_grid table.number_grid td a.n-purple {
    background-color:purple;
}



#list_grid table.number_grid td a:hover {
    color:#000;
    background:#fff;
}

#icon_grid.gifts .makeityellow {
    line-height: 100%;
}
#table_schedule {
    max-width:550px;
    background:#f7f7f7;
    padding:15px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
}

.callout {
    overflow: hidden;
    margin:0;
    padding: 20px;
    background: #f7f7f7;
    /*
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    */
    line-height: 1.5em;
    font-weight: normal;
   /* min-height: 20em;*/
}

.static {
    padding: 20px;
    background: #f7f7f7;
    margin-bottom: 30px;
}
.callout h2, .callout h2 a{
    font-size:19px;
    color:#000;
    font-weight:normal;
    margin-bottom: 11px;
}

.callout h4, .callout h4 a, .h4{
    font-size:16px;
    color:#35a1c4;
    font-weight:bold;
}
.h4{
    color:#0B385E;

}
.callout ul{
    margin:0 0 20px 0;
    padding:0;
}

.callout .note {
    display: block;
    float:right;
    font-style: italic;
    font-weight: normal;
    font-size: 11px;

}
.callout .note a {
    color:#2c2fd4;
}



.cart_response {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 2px solid green;
    display: none;
    padding: 1em;
    margin: 1em 0em;
    background: white;
    font-size: 80%;
}
.small {
    font-size: .8em;
}
.right {
    text-align: right;
}

#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    height: 100%;
    zoom: 1;
    display: block;
}
#lightbox-nav-btnPrev {
    left: 0;
    float: left;
}
#lightbox-nav-btnNext {
    right: 0;
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px;
    color: #444;
}
#lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block;
    clear: left;
    padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
    width: 66px;
    float: right;
    padding-bottom: 0.7em;
}




/* grid*/
.instrument_lists{
    list-style:none;
    clear:both;
}
.instrument_lists li{
    margin:0;
    padding:0;
    clear:both;
    width:auto;
}
.instrument_lists li a{
    display:inline-block;
    margin:0;
    padding-right:20px;
}
.instrument_lists li ul{
    display:none;
    position:absolute;
    z-index:3;
    -webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow:    2px 2px 6px 0px rgba(50, 50, 50, 0.4);
    box-shadow:         2px 2px 6px 0px rgba(50, 50, 50, 0.4);
}
.instrument_lists li ul li{
    float:none;
}
.instrument_lists li ul li:first-child a{
    border-top:1px #000 solid;
}
.instrument_lists li ul li a{
    padding:5px 15px;
    border-left:1px #000 solid;
    border-right:1px #000 solid;
    border-bottom:1px #000 solid;
    background:#fae7a9;
    display:block;
    color:#000;
}
.instrument_lists li ul li a:hover{
    background:#f0ce7d;
    text-decoration:none;
}
.instrument_lists li ul li a:active{
    background:#d4ad5b
}

.red, .red a{
    color:#F00 !important;
}


.arrow_sm{
    background-image:url(../images/ico_arrow_xsm.png);
    background-repeat:no-repeat;
    width:10px;
    height:12px;
    display:inline-block;
    font-size:0px;
    margin:0 0 0 5px;
    padding:0;
    position:relative;
    top:2px;
    z-index:1;
}

.columns_3{
    columns:100px 3;
    -webkit-columns:100px 3; /* Safari and Chrome */
    -moz-columns:100px 3; /* Firefox */
}



.price{
    color:#333 !important;
    font-size:18px !important;
}

/* ads */
.ad_verisign{
    background-image:url(../images/ico_verisign.png);
    background-repeat:no-repeat;
    width:114px;
    height:69px;
    display:block;
    font-size:0;
}
.ad_idtheft{
    background-image:url(../images/ad_id_theft.png);
    background-repeat:no-repeat;
    width:135px;
    height:43px;
    display:block;
    font-size:0;

    clear:none;
    float:left;
}
.ad_nophishing{
    background-image:url(../images/ad_no_phishing.png);
    background-repeat:no-repeat;
    width:86px;
    height:43px;
    display:block;
    font-size:0;
    clear:none;
    float:left;
    margin:0 0 0 8px;
}
/* home page */
.home_col_left, .home_col_right{
    float:left;
    clear:none;
}

.home_col_left{
    width:275px;
    margin:0 28px 0 0;
    clear:none;
}
.home_col_right{
    width:60%;/*safari fallback*/
    width: calc(100% - 310px);
    margin:0;
}

.centered{
    text-align:center;
}

.home_col_right h5{
    color:#6d6d6e;
    font-size:14px;
    font-style:italic;
}

.ads_header_container{
    position:relative;
    float:left;
    width:100%;
}
.ads_header_container ul{
    position:relative;
    float:left;
    left:50%;
}

.ads_header_container ul li{
    float:left;
    position:relative;
    left:-50%;
    padding:0 20px;
    text-align:center;
}


.ad_ithaca_college{
    display:block;
    background-image:url(../images/ico_ithaca_college.jpg);
    width:100px;
    height:113px;
    background-repeat:no-repeat;
    background-position:center top;
}
.ad_ithaca_college a,  .ad_fff a, .ad_freeshipping a{
    display:block;
    width:100%;
    height:100%;
    font-size:0;
}
.ad_fff{
    display:block;
    background-image:url(../images/ico_fff.jpg);
    width:100%;
    height:85px;
    background-repeat:no-repeat;
    background-position:center top;

}

.ad_freeshipping{
    display:block;
    background-image:url(../images/ico_free_shipping.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    width:100%;
    height:103px;
}

.form_mailing_list_home_container{
    position:relative;
    height:113px;
    width:90%;
    margin-top:20px;
}

.form_mailing_list_home{
    position:absolute;
    top:0;
    width:100%;
    height:113px;
    padding:14px 18px;
    /*
    background-color:#e7e7a3;
    background-image:url(../images/bg_newsletter.jpg);*/
    background-repeat:no-repeat;
    background-position:center;
}
.mailing_list_note{
    font-size:11px;
    font-weight:200;
    color:#989865;
}


.ad_safesubscribe{
    background-image:url(../images/ico_safesubscribe.png);
    background-repeat:no-repeat;
    width:109px;
    height:10px;
    display:inline-block;
    font-size:0;
    clear:none;
    margin:0 0 0 3px;
    position:relative;
    top:2px;
}


.ad_findusonfacebook{
    background-image:url(../images/ad_findusonfacebook.png);
    background-repeat:no-repeat;
    width:102px;
    height:16px;
    display:block;
    font-size:0;
    clear:both;
    margin:2px 0;
}
.ad_findusonfacebook a, .ad_followusontwitter a{
    display:block;
}
.ad_followusontwitter{
    background-image:url(../images/ad_followusonwtwitter.png);
    background-repeat:no-repeat;
    width:102px;
    height:16px;
    display:block;
    font-size:0;
    clear:both;
    margin:2px 0;
}




/* footer */
#footer {
    clear: both;
    margin:0;
    padding-bottom: 20px;
    background-color: #033A5D;
    text-align:center;
    color:#FFF;
}
#footer a {
    color: #42a8fd;
}
#footer a:hover {
    color: #fff;
}


#footer footer {
    max-width: 90%;
    margin: 0 auto;
}

#footer .footer_payment_cc{
    position:relative;
    width:100%;
}

#footer .footer_payment_cc ul {
    position:relative;

}

#footer .footer_payment_cc ul li{
    display: inline-block;
    float:none;
    margin:2px 7px;
}
#footer .ad_footer_visa{
    width:61px;
    height:36px;
    background-image:url(../images/ico_visa.png);
    background-repeat:no-repeat;
    display:block;
    font-size:0;
}

#footer .ad_footer_mastercard{
    width: 61px;
    height:36px;
    background-image:url(../images/ico_mastercard.png);
    background-repeat:no-repeat;
    display:block;
    font-size:0;
}
#footer .ad_footer_discover{
    width:61px;
    height:36px;
    background-image:url(../images/ico_discover.png);
    background-repeat:no-repeat;
    display:block;
    font-size:0;
}
#footer .ad_footer_amex{
    width:61px;
    height:36px;
    background-image:url(../images/ico_amex.png);
    background-repeat:no-repeat;
    display:block;
    font-size:0;
}


#footer .footer_nav {
    margin-top: 30px;
    background-color: #084b76;
    padding: 20px 20px 20px 30px;
    box-sizing: border-box;
}

#footer .footer_nav ul {
    position:relative;
    clear:both;
}

#footer .footer_nav ul li{
    display: block;
    text-align: center;
    margin-bottom: 20px;
}
#footer .footer_nav ul li a {
    color: #FFF;
}
#footer .footer_nav ul li a:hover {
    color: #41A7FC;
}
#footer  .footer_left {
    text-align: center;

    padding-top: 20px;
}
#footer  .footer_mid {
    margin: 0;
    padding-top: 20px;
    text-align: center;
}

@media only screen and (min-width: 680px) {
    #footer .footer_nav {
        margin-top: 0;
        position:relative;
        width: 50%;
        float: left;

    }
    #footer .footer_nav ul li{
        display: inline-block;
        width: 32%;
        text-align: left;
    }
    #footer  .footer_left {
        text-align: left;
        width: 25%;
        float: left;
    }
    #footer  .footer_mid {
        width: 25%;
        float: left;

    }

}



#footer .footer_mid ul li em{
    display: block;
    width:60px;
    height:60px;
}

#footer .footer_mid li {
    width: 40%;
    vertical-align: top;
    text-align: center;
    display: inline-block;
}
#footer .footer_mid li a {
    color: #FFF;
}


#footer .footer_ads_bottom{
    clear:both;
    position:relative;
    width:100%;
}

#footer .footer_ads_bottom ul {
    position:relative;
    left:50%;
    clear:both;
    float:left;
}

#footer .footer_ads_bottom ul li{
    position:relative;
    left:-50%;
    float:left;
    margin:20px 40px 0px 40px;
}
#footer .ad_footer_yamaha{

    background-image:url(../images/ico_yamaha.png);
    background-repeat:no-repeat;
    background-position: top center;

    display:inline-block;
    font-size:0;
}
#footer .ad_footer_yamaha a{
    font-size:0;
    display:block;
    width:100%;
    height:100%;
}

#footer .ad_footer_verisign{
    background-image:url(../images/ico_verisign_footer.png);
    background-position: top center;
    background-repeat:no-repeat;
    width:129px;
    height:69px;
    display:inline-block;
    font-size:0;
}
#footer .ad_footer_verisign a{
    font-size:0;
    display:block;
    width:100%;
    height:100%;
}

#footer .ad_footer_ithacacollegetextbooks{
    background-image:url(../images/ico_ithaca_collge_footer.png);
    background-repeat:no-repeat;
    width:59px;
    height:69px;
    display:inline-block;
    font-size:0;
}
#footer .ad_footer_ithacacollegetextbooks a{
    font-size:0;
    display:block;
    width:100%;
    height:100%;
}

#footer .footer_bottom{
    clear:both;
    width:100%;
    margin:25px auto;
    text-align:center;
}


/* modal */
.modal_content {
    background:#ffffe5;
    display: none;
}

/*Popup DIV*/
/* HOVER STYLES */
div.pop-up {
    display: none;
    position: absolute;
    width: 280px;
    padding: 10px;
    background: #eeeeee;
    color: #000000;
    border: 1px solid #1a1a1a;
    font-size: 90%;
}




/* MEDIA QUERIES */



/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 680px) {


    .col {
        margin: 1% 0 1% 0%;
    }

    .span_3_of_3 {
        width: 100%;
    }
    .span_2_of_3 {
        width: 100%;
    }
    .span_1_of_3 {
        width: 100%;
    }

    .span_5_of_5 {
        width: 100%;
    }
    .span_4_of_5 {
        width: 100%;
    }
    .span_3_of_5 {
        width: 100%;
    }
    .span_2_of_5 {
        width: 100%;
    }
    .span_1_of_5 {
        width: 100%;
    }
    .span_1_of_6 {
        width: 100%;
    }

    .span_4_of_4 {
        width: 100%;
    }
    .span_3_of_4 {
        width: 100%;
    }
    .span_2_of_4 {
        width: 100%;
    }
    .span_1_of_4 {
        width: 100%;
    }



    #titles {
        font-size: 80%;
        padding: 10px;
    }
    .pagination li {
        display: inline-block;
        margin: .5em 2px;
    }

    #product #img {
        margin: 0px auto;

    }

    #product_list .padded {
        padding: 1em 0em;
    }

    .fill { display: none; }

}




/* Hide mobile nav on bigger screens */
@media only screen and (min-width : 680px) {
    #nav {
        display:block !important;
    }
    #nav_mobile,
    #nav_mobile a,
    #nav_mobile img,
    #nav_mobile #cart,
    #nav_mobile #search,
    #nav_mobile .nav_mobile_stripes,
    #header_mobile {
        visibility: hidden;
        display: none;
        height:0px;
        margin:0;
        padding:0;
        border:0px;
    }

    #dl-menu {
        display: none;
    }

}
/* END Hide mobile nav on bigger screens */


@media only screen and (max-width : 400px) {
    /*#search_box { width:100px; margin:0;}*/
}


@media only screen and (max-width : 681px) {



    #search {

        text-align: center;
        clear: both;
        float: none;
        width: 100%;
        margin: 0 auto;
        padding: 0 0em;
    }

    #search_box {
        width: 80%;
        padding: 0;
        /*border: 1px solid #4A83B0;*/
    }
    #search_box input[type="text"] {
        width: 60%;
    }
    #logo, #header #cart, #nav_main {
        display: none;
    }

    #header {
        margin: 50px 0 1em 0;
        padding: 0 2em;

    }

    #nav {

        position: absolute;
        top: 0;
        width: 100%;
    }
    #search {
        margin: .3em 0;
    }

    #nav {
        padding: 0 1em;
    }
    #header {
      padding: 30px 1em 10px 1em;
  }

    .cart .cart_table .item {
        font-size:.6em;
    }

    #form_shipping h2 { margin-top: 2em; }



    /*
    #breadcrumbs{

      overflow: hidden;
      font-size: .85em;
      margin:1em;
    }

    #breadcrumbs li{
      margin: 0 1em 0 0;

    }

    #breadcrumbs a{
      position: static;
      min-width: 50px;
      padding: .7em;
      float: left;
      text-decoration: none;
      color: #58502a;
      background: #e3da91;
      -moz-border-radius: .4em;
      -webkit-border-radius: .4em;
      border-radius: .4em;
      text-decoration:underline;

    }

    #breadcrumbs a:hover{
      background: #abe0ef;
      color: #000;
      text-decoration: none;
    }

    #breadcrumbs a::after{
     display: none;
    }
    */



    #breadcrumbs{
        font-size: 0.9em;
        /* Clear floats */
        overflow: hidden;
        margin:2em auto;
    }

    #breadcrumbs li{
        margin: 0;
        display: inline-block;
    }

    #breadcrumbs a {
        min-width: 20px;
        padding: 0;
        text-decoration: none;
        color: #58502a;

        position: relative;
        z-index: 1;
        /*
        background: #e3da91;
        -moz-border-radius: .4em 0 0 .4em;
        -webkit-border-radius: .4em 0 0 .4em;
        border-radius: .4em 0 0 .4em;
        */
        text-decoration:underline;

    }

    #breadcrumbs a:hover{
        /*background: #abe0ef;*/
        color: #000;
        text-decoration: none;
    }

    #breadcrumbs a::after{
        /*
                content: "";
                height: 2em;
                margin-top: -1.2em;
                position: absolute;
                right: -1em;
                top: 50%;
                width: 2.5em;
                z-index: -1;

                background: #e3da91;
                -webkit-transform: rotate(45deg);
                -moz-transform: rotate(45deg);
                -ms-transform: rotate(45deg);
                -o-transform: rotate(45deg);
                transform: rotate(45deg);
                -moz-border-radius: .4em;
                -webkit-border-radius: .4em;
                border-radius: .4em;
                */
    }

    #breadcrumbs a:hover::after{
        background: #abe0ef;
    }

    #breadcrumbs .current,
    #breadcrumbs .current:hover{
        font-weight: bold;
        background: none;
        color:#000;
        text-decoration:none;
        cursor:default;
    }

    #breadcrumbs .current::after{
        content: normal;
    }




    .pagination li {
        border: 0;
        text-align: left;
    }




}














/* Common styles of menus */

.dl-menuwrapper {

    width: 100%;
    max-width: 300px;
    float: left;
    position: absolute;
    z-index: 999;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    margin: 0;


}

.dl-menuwrapper:first-child {
    margin-right: 100px;
}

.dl-menuwrapper button {
    background: transparent;
    border: none;
    width: 60px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    margin-left: 5px;
}



.dl-menuwrapper ul {
    background: #084b76;
}


.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.dl-menuwrapper li {
    position: relative;
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 12px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #fff;
    outline: none;
}

.no-touch .dl-menuwrapper li a:hover {
    background: rgba(255,248,213,0.1);
}

.dl-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: rgba(0,0,0,0.1);
}

.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    font-family: FontAwesome;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\f054";
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(212,204,198,0.3);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dl-menuwrapper li > a:after {
    right: 10px;
    color: rgba(0,0,0,0.15);
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;

}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all 0.3s ease;
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu {
    display: none;
}

/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.
*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a {
    display: none;
}

.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li {
    display: block;
}

/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}

/* Animation classes for moving out and in */

.dl-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}

.dl-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}

.dl-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}

.dl-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}

.dl-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}

@-webkit-keyframes MenuAnimOut1 {
    0% { }
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut2 {
    0% { }
    100% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut3 {
    0% { }
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut4 {
    0% { }
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes MenuAnimOut5 {
    0% { }
    100% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut1 {
    0% { }
    50% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
    }
    75% {
        -webkit-transform: translateZ(-372.5px) rotateY(15deg);
        transform: translateZ(-372.5px) rotateY(15deg);
        opacity: .5;
    }
    100% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
}

@keyframes MenuAnimOut2 {
    0% { }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
}

@keyframes MenuAnimOut3 {
    0% { }
    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut4 {
    0% { }
    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes MenuAnimOut5 {
    0% { }
    100% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
}

.dl-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}

.dl-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}

.dl-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}

.dl-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}

.dl-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}

@-webkit-keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        opacity: 1;
    }
}

@keyframes MenuAnimIn1 {
    0% {
        -webkit-transform: translateZ(-500px) rotateY(0deg);
        transform: translateZ(-500px) rotateY(0deg);
        opacity: 0;
    }
    20% {
        -webkit-transform: translateZ(-250px) rotateY(30deg);
        transform: translateZ(-250px) rotateY(30deg);
        opacity: 0.5;
    }
    100% {
        -webkit-transform: translateZ(0px) rotateY(0deg);
        transform: translateZ(0px) rotateY(0deg);
        opacity: 1;
    }
}

@keyframes MenuAnimIn2 {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes MenuAnimIn5 {
    0% {
        -webkit-transform: translateY(40%);
        transform: translateY(40%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
}

@-webkit-keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn1 {
    0% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn2 {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn3 {
    0% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn4 {
    0% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
}

@keyframes SubMenuAnimIn5 {
    0% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}

.dl-menuwrapper > .dl-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}

@-webkit-keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(300px);
        opacity: 0;
    }
}

@-webkit-keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut1 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut2 {
    0% {
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut3 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-300px);
        transform: translateZ(-300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut4 {
    0% {
        -webkit-transform: translateZ(0px);
        transform: translateZ(0px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(300px);
        transform: translateZ(300px);
        opacity: 0;
    }
}

@keyframes SubMenuAnimOut5 {
    0% {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateZ(-200px);
        transform: translateZ(-200px);
        opacity: 0;
    }
}

/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.no-js .dl-menuwrapper li .dl-submenu {
    display: block;
}

.no-js .dl-menuwrapper li.dl-back {
    display: none;
}

.no-js .dl-menuwrapper li > a:not(:only-child) {
    background: rgba(0,0,0,0.1);
}

.no-js .dl-menuwrapper li > a:not(:only-child):after {
    content: '';
}



/* CART */



.cart .form {
    background: #f7f7f7;
    /*border: 1px solid #ccc;*/
    padding: 1em 1.8em 1.8em 1.8em;
    border-radius: 12px;
    margin-top: 2em;
}
.cart .form fieldset {
    margin:0px;
    padding: 2px;
    border: 0px;
}




.field label { display:inline-block; width:250px !important; }
/*#form_cc .field .label-payment-credit-card { width:400px !important;}*/
/*.label_purchase_order_number { width:300px !important; margin-left:30px; text-align:right; padding-top:20px; padding-right:10px;  }
.label_purchase_order_number span { font-size:12px; font-weight:normal;  }*/
.field input, .field select { margin:5px 0; width: 40%; }
#form_cc .field input {
    width: 100%;
}
#form_cc .field select { margin:5px 0; width: 40%; }
#form_cc #payment_cvv2 {
    width: 100%;
}
@media only screen and (min-width: 680px) {
    #form_cc .field input {
        width: 40%;
    }
    #form_cc .field select { margin:5px 0; width: 10%; }
    #form_cc #payment_cvv2 {
        width: 20%;
    }
}
#form_cc #payment_credit_card_on_file {
    width: auto;
}
#form_cc .field input[type='checkbox'],
#form_cc .field input[type='radio'],
.field input[type='checkbox'],
.field input[type='radio'] {
    width: auto !important;
}
select, .field  select {
    height: 30px;
    border: 2px solid white;
    -webkit-box-shadow:inset 0 0 8px  rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 0 8px  rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);
    box-shadow: inset 0 0 8px  rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);
    padding:2px 8px;
    background: rgba(255,255,255,0.5);

}

.field label.field_checkbox { width:400px !important; padding:.8em 0; }
.field label.field_login {  width:100px !important;  }


.form_button {
    cursor: pointer;
}

.highlight_errors, .cart .form .error label {
    color:red;
}
.highlight_errors input, .cart .form .error input {
    background: #fff;
    border:1px solid red;
}

.cart .form .error .highlight {
    background: #f1f59e;
    border:1px solid red;
}

.cart .cart_table {
    width: 90%;
    margin: 2em auto;
    border: 0px;
    padding:0px;
    background: rgba(255,255,255, 0.8);

}
.cart .cart_table thead {
    background: #f7f7f7;
    border-radius: 6px;
    color: #333;
}

.cart .cart_table th, td {
    border-bottom: 1px solid #E0E0E0;
    text-align: left;
}

.cart .cart_table th, td {
    padding: 10px;
    border-bottom: 1px solid #E0E0E0;
    text-align: left;
}
.cart .cart_table .item {
    width: 90%;

}

.cart .cart_table .right {
    text-align: right;
}
.cart .cart_table .center {
    text-align: center;
}


/* CART */
.cart #cart_buttons {
    float:right;
    width:20%;
    margin: 0;
    padding: 0;
    text-align: right;
}
.cart #cart_buttons form {

    margin: 0;
    padding: 0;

}
.cart #estimate_shipping {
    float:left;
    width:30%;
    margin:0 0;

}

.cart #estimate_shipping h2 {
    color:#000;

}

.cart #estimate_shipping #state_us select,
.cart #estimate_shipping #state_canada select,
.cart #estimate_shipping #state_australia select { padding:5px 5px; width:170px; margin: 5px 0;  }

.cart #estimate_shipping #state { display:none; width:150px; float:left; }
.cart #estimate_shipping #state_us,
.cart #estimate_shipping #state_canada,
.cart #estimate_shipping #state_australia { display:none;  width:170px; float:left;  }
.cart #estimate_shipping #state_us { display:block; }

.cart #estimate_shipping input[type="text"] {
    font-size: 90%;
    height: 30px;
    padding: 4px;
    color: #000;
    font-weight: normal;
    border-radius: 2px;
    border: 1px solid #ddd;
    margin: 5px 0;

}
.cart #estimate_shipping select {
    background-color: #FFF;
    height: 30px;
    font-size: 100%;
    -webkit-appearance: menulist-button;
    box-shadow: inset 0 0 8px rgba(0,0,0,0.1), 0 0 16px rgba(0,0,0,0.1);
    border-radius: 2px;
    border: 1px solid #ddd;
}

.cart #estimate_shipping #address_shipping_country {
    margin: 5px 0 10px 0;
}
.cart #estimate_shipping #address_shipping_zip {
    width:145px !important;
}

.cart #estimate_shipping #btn_calculate_shipping {
    float: right;
}

#cont-shipping-zip { display:inline-table; text-align: left; float:left; margin-left:5px; }



input[type="submit"], .btn_links  {
    font-size: 1em;
    background: #386ea4;
    background: -moz-linear-gradient(top,  #386ea4 0%, #79b9e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#386ea4), color-stop(100%,#79b9e4));
    background: -webkit-linear-gradient(top,  #386ea4 0%,#79b9e4 100%);
    background: -o-linear-gradient(top,  #386ea4 0%,#79b9e4 100%);
    background: -ms-linear-gradient(top,  #386ea4 0%,#79b9e4 100%);
    background: linear-gradient(to bottom,  #386ea4 0%,#79b9e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#386ea4', endColorstr='#79b9e4',GradientType=0 );
    color:#fff;
    font-weight: bold;
    border-radius: 4px;
    border: 0px;
    margin: 1em 0;


}

.btn_links {
    font-size: 1em;
    background: #386ea4;
    background: -moz-linear-gradient(top,  #386ea4 0%, #79b9e4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#386ea4), color-stop(100%,#79b9e4));
    background: -webkit-linear-gradient(top,  #386ea4 0%,#79b9e4 100%);
    background: -o-linear-gradient(top,  #386ea4 0%,#79b9e4 100%);
    background: -ms-linear-gradient(top,  #386ea4 0%,#79b9e4 100%);
    background: linear-gradient(to bottom,  #386ea4 0%,#79b9e4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#386ea4', endColorstr='#79b9e4',GradientType=0 );
    color:#fff;
    font-weight: bold;
    border-radius: 4px;
    border: 0px;
    padding: .5em;
}


a.btn_links:hover, .btn_links:hover {
    text-decoration:none;
    color: #fff;
}


.gray {
    background: #b5bdc8; /* Old browsers */
    background: -moz-linear-gradient(top,  #b5bdc8 0%, #3a3a3a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(100%,#3a3a3a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b5bdc8 0%,#3a3a3a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b5bdc8 0%,#3a3a3a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b5bdc8 0%,#3a3a3a 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #b5bdc8 0%,#3a3a3a 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */

}

.cart #continue_shopping {
    float: left;
    width:40%;


}

.cart #continue_shopping a {
    color:#555;
    font-size: .9em;
}
.cart #continue_shopping a:hover {
    text-decoration: none;
}

.cart .mini {
    font-size:10px;padding:6px;

    /*
    background: transparent;
	color: #777;
	*/
    cursor: pointer;
}

.cart #error_msg {
    padding: 2em;
    font-size: 1.1em;
    background: #f7f7f7;
    border:1px solid red;
    border-radius: 4px;
    margin: 1em 0em;
    line-height: 1.5em;
}

.cart #error_msg h1 {
    font-size: 1.5em;
    color: red;
    margin-top: 0px;
    margin-bottom: .5em;
}


.cart #success_msg {
    padding: 2em;
    font-size: 1.1em;
    background: #f7f7f7;
    border:1px solid #1a9f00;
    border-radius: 4px;
    margin: 1em 0em;
    line-height: 1.5em;
    color: #1a9f00;
}

.cart #success_msg h1 {
    font-size: 1.5em;
    color: #1a9f00;
    margin-top: 0px;
    margin-bottom: .5em;
}


.cart #steps {
    width: 80%;
    margin: 0px auto;
    font-size: 1.5em;
    font-style: italic;
    text-align: center;
    color: #FFF;
}

.display-block { display:block; }
.display-none { display:none; }
#form_shipping label, #form_billing label { font-weight: normal; margin-top: 1em; padding-right:20px;  display:inline-block; width:230px !important; }

#form_shipping h2 label { width:auto !important; text-align:left; float:none; display:block; font-weight:bold; color:#000; font-family: Georgia,"Times New Roman",Times,serif; font-size:70%;  }
#form_billing h2 { }
.backorder-desc { display:none; padding-left:40px; }
.backorder-desc ul { list-style:disc; }
.backorder-desc ul li { padding:.5em; }
@media print{
    body {
        font-family: Georgia, serif;
        background: none;
        color:#000;
    }
    @page {
        margin: 0.5cm;
    }
    h1 {
        font-size: 24pt;
        color:#000;
    }

    h2 {
        font-size: 14pt;
        color:#000;
    }



    #page {
        width: 95%;
        margin: 2.5%;
        padding: 0;
        background: none;
    }
    #header, #nav_main, #footer, .btn_submit {
        display: none;
    }
    .entry a:after {
        content: " [" attr(href) "] ";
    }
    #printed-article {
        border: 1px solid #444;
        padding: 10px;
    }
}




/*
 * SimpleModal Basic Modal Dialog
 * http://simplemodal.com
 *
 * Copyright (c) 2013 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 */

#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#333; background-color:#fff; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#333;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h2 , #simplemodal-container h3{color:#333;}
#simplemodal-container ul{
    list-style:disc;
    margin:10px 0;
}
#simplemodal-container ul li{
    margin:2px 0 2px 50px;
}

#content_usa_standard,
#content_ups_ground,
#content_ups_2nddayair,
#content_ups_nextdayair,
#content_ups_priority,
#content_ups_economy,
#content_ups_worldwide,
#content_express_mail_int,
#content_priority_mail_int,
#content_firstclass_int,
#content_school_delivery,
#content_instore_pickup,
#content_woodwind,
#content_brassensemble,
#content_stringensemble,
#content_orchestra
{
    display:none;
}



.error_response {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border: 2px solid red;
    display: none;
    padding: 1em;
    margin: 0 0 5px 0;
    background: white;
    font-size: 90%;
    width: 330px;
}
.response-box {
    display: none;
}
.featherlight iframe {
    display: block;
}
.rock_school  {
    max-width: 1024px;
}
.rock_school .sub-nav {
    list-style: none;
    margin-bottom: 20px;
}

.rock_school .sub-nav li {
    display: inline-block;
    padding: 10px 20px;
}


.rock_school .home-left {
    float: none;
    width: 100%;
}
.rock_school .home-left img {
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
}
.rock_school .home-right {
    float: none;
    width: 100%;
    text-align: right;
}
.rock_school .home-right img {
    width: 100%;
    height: auto;
}
@media only screen and (min-width: 680px) {
    .rock_school .home-left {
        float: left;
        width: 70%;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .rock_school .home-right {
        float: left;
        width: 30%;

    }
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}

.align-center {
    text-align: center;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.private-lesson-left {
    width: 100%;
    float: none;
}
.private-lesson-left {
    width: 100%;
    float: none;
}
.rock_school .callout {
    padding: 40px;
}
.rock_school b {
    font-weight: bold;
}
.rock_school .private-lesson-left h3 {
    margin-top: 0;
    font-weight: bold;
}
.private-lesson-bottom {
    clear: both;
    border-top: 1px solid #666666;
    margin-top: 20px;
    padding-top: 20px;
}
@media only screen and (min-width: 680px) {
    .rock_school .private-lesson-left {
        width: 20%;
        float: left;
    }

    .rock_school .private-lesson-right {
        width: 80%;
        padding-left: 20px;
        box-sizing: border-box;
        float: right;
    }
}

.clear {
    clear: both;
}
img.float_left, img.float_right {
    float: none;
    margin: 0;
}
@media only screen and (min-width: 680px) {
    img.float_left {
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    img.float_right {
        float: right;
        margin-left: 15px;
        margin-bottom: 15px;
    }
}

.rock_school .callout p:first-of-type {
    margin-top: 0 !important;
}

.rock_school form {  width:100%; text-align:left; }
.rock_school .txt_required { color:#FF0000; }
.rock_school input[type=text] { width: 100%; }
.rock_school .notice ul { list-style:none; margin-bottom:20px; }
.rock_school .error { color:#CC0000; text-align:left; }
.rock_school .success { color:#33CC33; text-align:left; }
@media only screen and (min-width: 680px) {
    .rock_school input[type=text] { width: 50%; }
}

.header-phone {
    padding-top: 10px;
    font-size: 28px;
    font-weight: normal;
    color: #FFF;
    font-family: 'MuseoSansCyrl-700';
}

.footer_copyright {
    clear: both;
    width: 100%;

}
.footer_copyright p {
    margin: 0;
    padding: 0;
    color: #548fc2;
}
.footer_copyright p span {
    display: inline-block;
    padding: 0 10px;
}
#footer .footer_social,
#footer .footer_payment_cc,
#footer .footer_verisign {
    text-align: center;
    padding-bottom: 20px;
}
@media only screen and (min-width: 680px) {
    #footer .footer_social,
    #footer .footer_payment_cc,
    #footer .footer_verisign {
        width: 33%;
        float: left;
    }
    #footer .footer_social {
        text-align: left;
    }

    #footer .footer_verisign {
        text-align: right;
    }
}
#footer .footer_social li {
    display: inline-block;
    margin-right: 20px;
}

.header-content-container {
    background:#FFF url('../images/bg_home_spring.jpg') no-repeat;
    background-size: 100% auto;
    padding-bottom: 20px;
}
#product_list h4,
#search_list h4 {
    font-size: 25px;
    color: #03395D;
}
#product_list h4 a,
#search_list h4 a {
    font-size: 20px;
    color: #0b385f;
    text-decoration: none;
}


.slideshow {
    overflow: hidden;
    position: relative;
    margin: 0 0 30px 0;
    padding: 0;
    list-style: none;
    width: 100%;
    -webkit-box-shadow: 5px 5px 12px 0px rgba(204,204,204,1);
    -moz-box-shadow: 5px 5px 12px 0px rgba(204,204,204,1);
    box-shadow: 5px 5px 12px 0px rgba(204,204,204,1);
    z-index: 0;
}
.slideshow.preload li,
.slideshow.preload .caption {
    transition: none;
}
.slideshow img {
    width: 100%;
}
.slideshow li {
    position: absolute;
    left: 0;
    top: 0;
    list-style: none;
    opacity: 0;
    transition: opacity 2s;
    z-index: 1;
    width:100%;
}
.slideshow li.show-animation {
    opacity: 1;
    z-index: 2;
}
.slideshow li.show-animation .caption {
    transform: translateY(0);
    transition-delay: 1s;
}
.slideshow li .caption {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 10px 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    color: #999;
    line-height: 170%;
    text-align: right;
    transform: translateY(100%);
    transition: transform 1s;
}
.slideshow li .caption .title,
.slideshow li .caption .alt {
    display: block;
    padding: 0 20px;
}
.slideshow li .caption .title {
    color: #ccc;
    font-size: x-large;
}
.ads {
    margin-bottom: 30px;
}
.ads img {
    width: 100%;
    height: auto;
}

.home-ads-medium {
    margin-top: 60px;
}
.home-ads-medium,
.home-ads-small {
    width: 102%;
    margin-left: -15px;




}
@media only screen and (max-width: 680px) {
    .ads {
        /*display: none;*/
    }
}

#page.page_product {
    margin-top: 20px;
    background-color: #f7f7f7;
}

#page.page_product #landing_titles {
    padding: 30px;
    text-align: left;
}
#page.page_product #landing_titles h1,
#page.page_product #landing_titles h2
{
    text-align: left;
}
#page.page_product #landing_titles #breadcrumbs {
    margin-top: 10px;
}

#page.page_product #landing_titles h1
{
    font-size: 35px;
   color:#0b385f;
}

#page.page_product #landing_titles h2
{
    font-size: 28px;
    color:#626262;
}
#page.page_product #details {
    color: #05395C;
}
#page.page_product #details #main_info h2
{
    font-size: 28px;
    color:#0b385f;
}
#page.page_product #details #main_info h3
{
    font-size: 22px;
    font-weight: normal;
    color:#0b385f;
    margin: 0;
    font-family: 'MuseoSansCyrl-500';
}
#page.page_product .span_1_of_3 {
    width: 20%;
}
#product #details #cart {
    padding: 0;
    margin: 0;
}
.important-message {
    padding-top: 10px;
    display: flex;
}
.important-message li {
    flex: 1;
    padding: 0 20px 0 20px;
    display: inline-block;
    width: 33%;
    background-color: transparent !important;
    color: #0b385e;
    border-right: 1px solid #f4543c;
    box-sizing: border-box;
}
.important-message li:first-child {
    padding-left: 0;
}
.important-message li:last-child {
    border-right: 0;
}

@media only screen and (max-width: 680px) {
    .important-message {
        display: block;
    }
    .important-message li {
        flex: 0;
        padding: 20px 0;
        border-right: none;
        border-bottom: 1px solid #f4543c;
        width: 100%;
    }
}
.important-message li h3 {
    font-style: normal;
    font-size: 19px;
    color: #0b385e;
    margin: 0 0 10px 0;
}
.home-page-content {
    background-color: #f7f7f7;
    margin: 0;
    padding: 20px;
}

.page_home #page .span_2_of_3 {
    width: 68.1%;
    margin: 0;
}

@media only screen and (max-width: 680px) {
    .page_home #page .span_2_of_3 {
        width: 100%;
        margin: 0;
    }
}
.logout-link {
    background-image: none !important;
}

.top-link {
    background-image: none !important;
    padding-left: 10px !important;
}

.review-details {
    background-color: rgba(255, 255, 255, 0.8   );
}

#form_account .field input {
    width: 40%;
}

#form_account .field select {
    width: 40%;
    height: 30px;
    padding: 0 8px;
}
.modal_content {
    background-color: #fff;
}
.modal_content .cart_tbl {
    border: 1px solid #333333;
}
.modal_content .cart_tbl th {
    background-color: #0B385E;
    color: #35A1C4;
    padding: 10px 5px;
}