@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);.free-pro h3,
.free-shipping-box h2,
.menu li a,
.serch-button {
    text-transform: uppercase
}

.customer-service-box,
.free-shipping-box h2,
.free-shipping-box span,
.header-top-menu li,
.search_area input[type=text],
body {
    font-family: 'Open Sans', sans-serif
}
.clearfix:after,
.padding10,
.padding15,
.padding20,
.padding25,
.padding30,
.padding40,
.padding50 {
    font-size: 0;
    line-height: 0
}

.menu,
.search_area {
    vertical-align: top
}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled,
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
    opacity: .5
}

a,
abbr,
acronym,
address,
applet,
big,
blockquote,
body,
caption,
cite,
code,
dd,
del,
dfn,
div,
dl,
dt,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
iframe,
img,
ins,
kbd,
label,
legend,
li,
object,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
sub,
sup,
tt,
ul,
var {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    list-style: none
}

a:active,
a:focus,
a:hover,
a:link,
a:visited {
    text-decoration: none;
    outline: 0;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    transition: all .2s ease-in-out 0s;
    border: none
}

img {
    max-width: 100%;
    height: auto
}

.clear,
.clearfix:after {
    clear: both;
    display: block;
    height: 0;
    visibility: hidden
}

::selection {
    background: #000;
    color: #FFF
}

::-moz-selection {
    background: #000;
    color: #FFF
}

.clear {
    content: "."
}

.clearfix:after {
    content: ' ';
    width: 0
}

* html .clearfix,
:first-child+html .clearfix {
    zoom: 1
}

.padding10 {
    padding-top: 10px
}

.padding15 {
    padding-top: 15px
}

.padding20 {
    padding-top: 20px
}

.padding25 {
    padding-top: 25px
}

.padding30 {
    padding-top: 30px
}

.padding40 {
    padding-top: 40px
}

.padding50 {
    padding-top: 50px
}

.none {
    display: none
}

body {
    padding: 0;
    margin: 0
}

#wrapper {
    margin: 0 auto;
    width: 100%
}

#container {
    margin: 0 auto;
    width: 1100px
}

.header-top-box {
    float: left;
    width: 100%;
    padding-top: 20px
}

.logo {
    float: left;
    width: 352px;
    text-align: left
}

.header-right {
    float: right;
    width: 575px
}

.header-right-top {
    float: left;
    width: 100%
}

.free-shipping-box {
    float: left;
    width: 225px
}

.shipping-card-button {
    background: #ebebeb!important
}

.grey-portion {
    display: block;
    width: 100%;
    background: #ebebeb
}

.grey-part {
    width: 1100px;
    margin: 0 auto;
    display: block
}

.free-pro h3,
.free-pro p,
.free-pro p img,
.menu-side li,
.search_area,
.top-cont-sup,
.top-menu .menu-side {
    display: inline-block
}

.top-side {
    width: 100%;
    padding: 5px;
    overflow: hidden
}

.free-pro {
    float: left
}

.free-pro h3 {
    font-size: 14px;
    margin: 0 7px 0 0;
    color: #F6A644
}

.free-pro p {
    color: #666;
    font-weight: 100;
    font-size: 13px
}

.free-pro p img {
    vertical-align: middle;
    width: 13%
}

.top-menu {
    float: right
}

.menu-side li {
    font-size: 12px;
    margin: 3px 5px
}

.menu-side li a {
    color: #666
}

.free-shipping-box h2,
.free-shipping-box span {
    float: left;
    width: auto;
    margin: 0
}

.free-shipping-box h2 {
    padding: 0 7px 0 0;
    font-weight: 700;
    color: #f42525;
    font-size: 21px;
    line-height: 20px
}

.free-shipping-box span {
    padding: 0;
    font-weight: 500;
    color: #272d75;
    font-size: 13px;
    line-height: 22px
}

.free-shipping-img {
    padding: 1px 0 0
}

.top-cont-sup {
    width: 11%;
    float: right
}

.top-cont-sup a {
    color: 1d1f5e;
    font-weight: 700;
    font-size: 14px
}

.customer-service-box {
    float: right;
    width: auto;
    text-align: right;
    font-weight: 600;
    color: #000;
    font-size: 13px;
    line-height: 16px
}

.customer-service-box a {
    text-decoration: none;
    color: #000
}

.customer-service-box span {
    float: left;
    width: auto;
    color: #272d75;
    text-transform: uppercase;
    padding-top: 1px
}

.header-top-menu {
    float: right;
    width: auto
}

.header-top-menu ul {
    padding: 7px 0 0;
    margin: 0;
    list-style: none
}

.header-top-menu li {
    float: left;
    font-weight: 400;
    color: #4c4c4c;
    font-size: 12px;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/top-menu-bg.png) right 4px no-repeat;
    padding: 0 12.5px
}

.header-top-menu li:last-child {
    background: 0 0;
    padding-right: 0
}

.header-top-menu li a {
    text-decoration: none;
    color: #4c4c4c
}

.header-top-menu li a:hover {
    color: #272d75
}

.header-right-buttom {
    float: left;
    width: 100%;
    padding-top: 25px
}

.search_area {
    height: 44px;
    width: auto;
    margin: 0;
    border-radius: 3px
}

.search_area input[type=text] {
    float: left;
    width: 242px;
    border: none;
    display: inline-block;
    font-size: 13px;
    color: #b2b2b2;
    height: 37px;
    padding: 0 12px 0 48px;
    border-right: none;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/serch-icon.png) left center no-repeat #fff;
    line-height: 35px
}

.serch-button {
    background: #faa12f;
    background: -moz-linear-gradient(top, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa12f), color-stop(29%, #f99a2d), color-stop(50%, #f7902a), color-stop(76%, #f68828), color-stop(100%, #f58025));
    background: -webkit-linear-gradient(top, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    background: -o-linear-gradient(top, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    background: -ms-linear-gradient(top, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    background: linear-gradient(to bottom, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#faa12f', endColorstr='#f58025', GradientType=0);
    border: none;
    color: #fff;
    cursor: pointer;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    font-weight: 600;
    height: 37px;
    width: 83px
}

.menu li,
.menu ul li a,
.shipping-card-button,
.sub-menu-left label,
.sub-menu-left ul li a,
.sub-menu-right h3 {
    font-family: 'Open Sans', sans-serif
}

.shipping-card-button {
    float: right;
    width: 170px;
    font-weight: 400;
    color: #acabab;
    font-size: 13px;
    height: auto;
    line-height: 35px
}

.menu li a,
.menu li a:hover {
    color: #fff
}

.shipping-card-img {
    float: left;
    width: auto;
    padding-right: 10px
}

.header-menu,
nav {
    width: 100%;
    float: left
}

.header-menu {
    margin-top: 13px;
    height: 59px;
    background: #272d75;
    background: -moz-linear-gradient(top, #272d75 0, #252a70 35%, #212466 55%, #1d1f5d 79%, #181852 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #272d75), color-stop(35%, #252a70), color-stop(55%, #212466), color-stop(79%, #1d1f5d), color-stop(100%, #181852));
    background: -webkit-linear-gradient(top, #272d75 0, #252a70 35%, #212466 55%, #1d1f5d 79%, #181852 100%);
    background: -o-linear-gradient(top, #272d75 0, #252a70 35%, #212466 55%, #1d1f5d 79%, #181852 100%);
    background: -ms-linear-gradient(top, #272d75 0, #252a70 35%, #212466 55%, #1d1f5d 79%, #181852 100%);
    background: linear-gradient(to bottom, #272d75 0, #252a70 35%, #212466 55%, #1d1f5d 79%, #181852 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#272d75', endColorstr='#181852', GradientType=0)
}

.menu {
    display: block; white-space:nowrap;
    position: relative;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/menu-bg.png) left top no-repeat
}

.menu li,
.menu li a {
    display: inline-block
}

.menu li {
    zoom: 1;
    z-index: 100;
    padding: 0 2px 0 0;
    font-weight: 600;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/menu-bg.png) right top no-repeat
}

.menu li a {
    padding: 17px 29.7px 20px;
    margin-left: -4px;
    font-size: 15px;
    text-decoration: none
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .menu li a {
        padding: 17px 29px 22px;
    }
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .menu li a {
        padding: 17px 29px 22px;
    }
}

@media all and (min-width:0\0) and (min-resolution:.001dpcm) {
    .menu li a {
        padding: 17px 29px 22px;
    }
}

@media all and (-ms-high-contrast:none) {
    .menu li a,
    ::-ms-backdrop {
        padding: 17px 29px 22px;
    }
}

.menu li:hover>a {
    background: #faa12f;
    background: -moz-linear-gradient(top, #faa12f 0, #f9992d 32%, #f78d29 50%, #f68727 76%, #f58125 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa12f), color-stop(32%, #f9992d), color-stop(50%, #f78d29), color-stop(76%, #f68727), color-stop(100%, #f58125));
    background: -webkit-linear-gradient(top, #faa12f 0, #f9992d 32%, #f78d29 50%, #f68727 76%, #f58125 100%);
    background: -o-linear-gradient(top, #faa12f 0, #f9992d 32%, #f78d29 50%, #f68727 76%, #f58125 100%);
    background: -ms-linear-gradient(top, #faa12f 0, #f9992d 32%, #f78d29 50%, #f68727 76%, #f58125 100%);
    background: linear-gradient(to bottom, #faa12f 0, #f9992d 32%, #f78d29 50%, #f68727 76%, #f58125 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#faa12f', endColorstr='#f58125', GradientType=0)
}

.menu ul {
    display: none;
    margin: 0 5px;
    padding: 0 20px 10px;
    width: 95%;
    position: absolute;
    z-index: 999999;
    top: 57px;
    left: -9px;
    background: #fff;
    text-align: left;
    border: 10px solid #f58125
}

.menu ul li,
.menu ul li a {
    background: 0 0;
    display: block
}

.menu01 {
    float: left;
    width: 100%;
    padding-top: 5px
}

.menu-text {
    float: left;
    width: 20%;
    font-size: 13px;
    font-weight: 400;
    display: block;
    color: #505050
}

.menu-text a {
    text-decoration: none;
    color: #505050!important;
    text-transform: none!important;
    padding: 0!important;
    margin: 0!important
}

.menu ul li {
    width: 100%;
    float: none;
    margin: 0;
    padding: 0;
    border: none
}

.menu ul li a {
    font-size: 16px;
    color: #fff;
    padding: 8px 3px;
    text-transform: none
}

.sub-menu-left label,
.sub-menu-left ul li a {
    font-size: 13px
}

.menu ul li a:hover,
.menu ul li:hover>a {
    color: #189ac1;
    background: 0 0!important
}

.menu li:hover>ul {
    display: block
}

.mobile-menu:hover {
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/menu-icon.png) 99% 50% no-repeat #1e2160;
    color: #fff;
    text-decoration: none
}

.sub-menu li {
    float: left;
    width: 100%
}

.sub-menu-left {
    float: left;
    width: 100%;
    padding: 15px 0
}

.sub-menu-left label {
    float: left;
    width: 100%;
    text-align: left;
    font-weight: 600;
    color: #000;
    text-transform: uppercase;
    padding-bottom: 5px
}

.megamenu01 li a,
.sub-menu-left ul li a {
    display: block;
    background: 0 0;
    text-transform: none
}

.menu li.right-menu>ul {
    right: 0;
    left: auto
}

.sub-menu-left ul {
    float: left;
    width: 15%;
    padding-left: 25px;
    display: block;
    position: relative;
    top: 0;
    border-style: none;
    box-shadow: none;
    border-left: solid 1px #dbdbdb
}

.main-box,
.main-prd-box {
    -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .08)
}

.sub-menu-left ul:first-child {
    border-left: none;
    padding-left: 25px
}

.sub-menu-left ul li {
    display: block;
    float: left;
    width: 100%;
    text-align: left;
    background: 0 0;
    margin: 0;
    padding: 0 0 2px;
    border: none
}

.sub-menu-left ul li a {
    font-weight: 400;
    color: #505050;
    padding: 2px 3px
}

.sub-menu-last-img {
    padding-top: 12px!important
}

.sub-menu-right {
    float: left;
    width: 25%;
    text-align: center;
    padding-left: 15px;
    border-left: solid 1px #dbdbdb;
    margin-top: 15px;
    margin-bottom: 15px
}

.sub-menu-right h3 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    color: #709420;
    font-size: 12px
}

.sub-menu-right p {
    float: left;
    width: 90%;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #616161;
    font-size: 12px;
    padding-bottom: 10px
}

.sab-menu-img {
    float: left;
    width: 100%;
    padding-top: 5px
}

.megamenu {
    display: block;
    position: absolute;
    float: left;
    width: 230px
}

.megamenu ul {
    float: left;
    width: 100%;
    padding: 0 0 0 10px;
    margin: 0;
    list-style: none;
    display: block;
    border: 1px solid #dbdbdb
}

.megamenu01 li {
    float: none;
    background: 0 0;
    margin: 0;
    padding: 0;
    border: none
}

.megamenu01 li a {
    font-family: robotoregular;
    font-size: 16px;
    color: #5b5b5b;
    padding: 5px 3px!important
}

.categories-box h2,
.categories-box li,
.facebook-text,
.mobile-menu,
.newsletter-top-box h2,
.prd-left-box h2,
.prd-name li {
    font-family: 'Open Sans', sans-serif
}

.mobile-menu,
.mobile-menu a:hover {
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/menu-icon.png) 99% 50% no-repeat #1e2160
}

.mobile-menu {
    display: none;
    width: 95%;
    float: left;
    padding: 8px;
    font-size: 18px;
    color: #fff!important;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    z-index: 9999
}

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

#main {
    float: left;
    width: 100%;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/main-bg.png) center top repeat-x #fff
}

.main-box {
    float: left;
    width: 1062px;
    background: #fff;
    border: 1px solid #ddd;
    margin-top: 10px;
    padding: 19px;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .08)
}

.detail-main-img span,
.listing-shop-prd-img,
.main-prd-box {
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .08)
}

.main-top-box {
    float: left;
    width: 100%
}

.main-left {
    float: left;
    width: 220px;
    position: relative
}

.click-here,
.main-left span {
    float: left;
    width: 100%
}

.click-here {
    text-align: center;
    position: absolute;
    bottom: 22px
}

.sort-box label,
.sort-box01 label {
    position: relative
}

.main-right {
    float: right;
    width: 806px;
    padding: 6px;
    background: #ddd
}

.main-banner,
.main-bottum-box {
    width: 100%;
    float: left
}

.main-bottum-box {
    padding-top: 15px
}

.main-prd-box {
    float: left;
    width: 205px;
    border: 1px solid #d5d5d5;
    min-height: 230px;
    padding-bottom: 10px;
    margin-left: 6px;
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .08)
}

.main-prd-box:first-child {
    margin-left: 0
}

.prd-left-box {
    float: left;
    width: 93px;
    padding: 8px 0 0 12px
}

.prd-left-box h2 {
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-weight: 600;
    color: #000
}

.prd-name {
    float: left;
    width: 100%
}

.prd-name ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.prd-name li {
    font-size: 13px;
    font-weight: 600;
    color: #272d75;
    padding-top: 3px
}

.prd-name li a {
    text-decoration: none;
    color: #272d75
}

.prd-name strong {
    float: left;
    padding: 3px 0 0;
    font-size: 13px
}

.prd-name strong a {
    text-decoration: none;
    color: #272d75
}

.prd-name strong a:hover {
    text-decoration: underline
}

.prd-right-box {
    float: right;
    width: 100px;
    text-align: right
}

.prd-right-box span {
    width: 100px;
    text-align: right;
    height: 230px;
    display: table-cell;
    vertical-align: middle
}

#footer,
.footer-top-box {
    width: 100%;
    float: left
}

.footer-top-box {
    padding-top: 45px
}

.categories-box {
    float: left;
    width: 315px
}

.categories-box h2 {
    float: left;
    width: 100%;
    padding: 0 0 14px;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #000
}

.categories-box ul {
    float: left;
    width: 125px;
    padding: 0;
    margin: 0
}

.categories-box li {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #4c4c4c;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/footer-menu-icon.png) left 13px no-repeat;
    padding: 6px 0 0 10px
}

.categories-box li a {
    text-decoration: none;
    color: #4c4c4c
}

.categories-box li a:hover {
    color: #272d75
}

.facebook-box {
    float: left;
    width: 175px;
    border-right: solid 1px #ccc;
    margin-bottom: 10px
}

.facebook-text,
.twitter-text {
    color: #4c4c4c;
    font-size: 13px;
    font-weight: 400;
    line-height: 35px;
    padding: 0 0 0 40px;
    width: auto;
    float: left
}

.facebook-text {
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/facebook-icon.png) left center no-repeat
}

.twitter-text {
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/twitter-icon.png) left center/31px auto no-repeat rgba(0, 0, 0, 0);
    font-family: "Open Sans", sans-serif;
    margin-top: 6px
}

#accordian h3,
#accordian ul ul li a,
#horizontalTab01.r-tabs .r-tabs-nav .r-tabs-anchor,
.copyright-text,
.filter-text,
.footer-search-area input[type=text],
.news-text,
.newsletter-button,
.price-text,
.r-tabs .r-tabs-panel,
.r-tabs .r-tabs-panel li,
.ysw-side-nav-sections li {
    font-family: 'Open Sans', sans-serif
}

.yahoo-img {
    float: left;
    width: 100%;
    padding-top: 25px
}

.newsletter-box {
    float: right;
    width: 248px
}

.newsletter-top-box {
    float: left;
    width: 100%
}

.newsletter-img {
    float: left;
    width: auto;
    padding-right: 15px
}

.newsletter-top-box h2 {
    padding: 0;
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #000;
    text-transform: uppercase
}

.news-text,
.newsletter-button {
    font-weight: 600;
    float: left
}

.news-text {
    width: auto;
    font-size: 13px;
    font-style: italic;
    color: #4c4c4c;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/footer-menu-icon.png) left 8px no-repeat;
    padding: 0 0 0 10px
}

.footer-search-area {
    display: inline-block;
    height: auto;
    width: auto;
    margin: 10px 0 0;
    vertical-align: top;
    border-radius: 3px
}

.footer-search-area input[type=text] {
    float: left;
    width: 227px;
    border: none;
    display: inline-block;
    font-size: 13px;
    color: #b2b2b2;
    height: 37px;
    padding: 0 12px 0 10px;
    border-right: none;
    background: #f5f5f5
}

.newsletter-button {
    width: 175px;
    box-sizing: border-box;
    margin-top: 10px;
    border: none;
    border-radius: none;
    color: #fff!important;
    cursor: pointer;
    border-left: none;
    padding: 10px;
    line-height: 15px;
    text-align: center;
    font-size: 15px;
    text-transform: uppercase;
    background: #faa12f;
    background: -moz-linear-gradient(top, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa12f), color-stop(29%, #f99a2d), color-stop(50%, #f7902a), color-stop(76%, #f68828), color-stop(100%, #f58025));
    background: -webkit-linear-gradient(top, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    background: -o-linear-gradient(top, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    background: -ms-linear-gradient(top, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    background: linear-gradient(to bottom, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#faa12f', endColorstr='#f58025', GradientType=0)
}

.footer-bottum-box {
    float: left;
    width: 100%;
    background: #f2f2f2;
    border-top: solid 1px #dedede;
    margin-top: 40px;
    padding-bottom: 45px
}

.copyright-text {
    float: left;
    width: 100%;
    font-size: 12px;
    font-weight: 500;
    color: #7f7f7f;
    padding: 28px 0 0
}

.category-left-box {
    float: left;
    width: 176px;
    border: 2px solid #cdcdcd
}

.ysw-side-nav-sections li {
    float: left;
    width: 152px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 6px 12px;
    cursor: pointer;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/category-left-bg.png) left top repeat-x;
    border-bottom: solid 1px #fff
}

#accordian h2,
.category-left-box h2 {
    border-bottom: solid 1px #d1d1d1;
    text-align: center
}

.ysw-side-nav-sections li a {
    color: #FFF
}

.ysw-side-nav-sections .ysw-side-nav-subsections {
    display: block;
    float: left;
    padding: 10px;
    width: 156px
}

.ysw-side-nav-sections .ysw-side-nav-subsections li {
    float: none;
    display: block;
    list-style-type: none;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/category-menu-icon.png) left 8px no-repeat;
    padding: 0 0 5px 7px;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-transform: capitalize;
    width: 145px
}

.ysw-side-nav-sections .ysw-side-nav-subsections li a {
    text-decoration: none;
    color: #272d75;
    font-weight: 600
}

.inactive>a {
    font-weight: 400!important
}

.ysw-side-nav-sections .ysw-side-nav-subsections li a:hover {
    text-decoration: underline;
    color: #272d75
}

.ysw-side-nav-sections .ysw-side-nav-subsections .ysw-side-nav-subsubsections {
    padding-left: 11px
}

.ysw-side-nav-sections .ysw-side-nav-subsections .ysw-side-nav-subsubsections .ysw-side-nav-subsection-active {
    font-weight: 700;
    color: #000;
    font-size: 13px;
    background: 0 0;
    padding: 0;
    width: auto
}

.ysw-side-nav-sections .ysw-side-nav-subsections .ysw-side-nav-subsubsections .ysw-side-nav-subsection-active a {
    font-weight: 700;
    color: #000;
    font-size: 12px;
    text-transform: capitalize
}

#accordian h2,
#accordian h3,
.category-left-box h2,
.college-text {
    text-transform: uppercase
}

.category-left-box h2 {
    float: left;
    width: 100%;
    display: none;
    padding: 10px 0;
    margin: 0;
    font-size: 17px;
    color: #00;
    background: #fefefe
}

.category-left-box h2 a {
    font-weight: 700!important;
    color: #000!important
}

#accordian {
    width: 176px;
    float: left
}

#accordian h3 {
    float: left;
    width: 152px;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding: 6px 12px;
    cursor: pointer;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/category-left-bg.png) left top repeat-x;
    border-bottom: solid 1px #fff
}

#accordian ul ul li a,
.filter-text,
.price-text {
    font-weight: 400
}

#accordian h3 a {
    color: #FFF
}

#accordian li {
    list-style-type: none;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/category-menu-icon.png) left 8px no-repeat
}

#accordian ul ul li a {
    text-decoration: none;
    display: block;
    padding: 0 0 5px 7px;
    font-size: 13px;
    color: #272d75
}

#accordian ul ul li a:hover {
    text-decoration: underline
}

.bredcerm-box li a,
.category-prd-name a,
.category-view-all a,
.next-img a,
.prd-name01 a,
.previous-img a,
.sort-box02 li a {
    text-decoration: none
}

#accordian ul ul {
    display: none;
    float: left;
    padding: 10px 16px
}

#accordian li.active ul {
    display: block
}

.filter-text {
    float: left;
    width: 95%;
    font-size: 18px;
    color: #e564a5;
    padding: 13px 0 0 12px
}

.filter-img-box {
    float: left;
    width: 86%;
    padding: 10px 12px 28px
}

.filter-img-box span {
    float: left;
    width: 32px;
    text-align: center;
    padding: 2px 0 0
}

.left-buttom-box {
    float: left;
    width: 86%;
    margin: 0 12px
}

.price-text {
    float: left;
    width: 95%;
    font-size: 15px;
    color: #4d701e;
    border-top: solid 1px #e1d8cf;
    margin-top: 20px;
    padding: 10px 0 10px 10px
}

.category-right-box {
    float: right;
    width: 855px
}

.bredcerm-box {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #272d75;
    padding: 0
}

.bredcerm-box ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.bredcerm-box li {
    float: left;
    padding: 0 12px;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/bredcerm-img.png) left center no-repeat;
    line-height: 18px
}

.bredcerm-box li:first-child {
    background: 0 0;
    padding: 0 8px 0 0
}

.bredcerm-box li a {
    color: #272d75;
    padding: 0
}

.bredcerm-box li span {
    color: #979798
}

.college-text {
    float: left;
    width: 811px;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    background: #272d75;
    padding: 9px 20px;
    margin-top: 12px;
    border-left: 6px solid #f99a2d
}

.category-prd-box {
    float: left;
    width: 100%;
    padding: 20px 0 5px
}

.category-prd-box ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

.category-prd-box li {
    float: left;
    width: 161px;
    padding: 0 12px 30px 0
}

.lastli {
    padding-right: 0!important
}

.category-prd-img {
    float: left;
    width: 99%;
    min-height: 103px;
    text-align: center
}

.category-prd-name {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 15px;
    color: #000;
    font-weight: 500;
    padding: 4px 0 0;
    min-height: 44px
}

.category-prd-name a {
    color: #000
}

#accordian h2 {
    float: left;
    width: 100%;
    display: none;
    padding: 10px 0;
    margin: 0;
    font-size: 17px;
    color: #00;
    background: #fefefe
}

.mainleft,
.mainleft h2,
.mainleft ul {
    display: block!important
}

#accordian h2 a {
    font-weight: 700!important;
    color: #000!important;
    padding: 0!important
}

.category-main-box p,
.category-view-all,
.prd-name01 {
    font-size: 14px;
    font-weight: 400;
    float: left
}

.category-main-box {
    float: left;
    width: 100%;
    padding-top: 20px
}

.prd-name01 {
    width: 100%;
    text-align: center;
    color: #000;
    line-height: 18px;
    padding: 15px 0 7px
}

.prd-name01 a {
    color: #000
}

.category-main-box p {
    width: 100%;
    color: #2d2d2d;
    line-height: 22px;
    padding: 30px 0 0
}

.category-view-all {
    width: 95%;
    color: #272d75;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/view-icon.jpg) left center no-repeat;
    padding: 0 0 0 22px;
    margin-top: 32px
}

.category-view-all a {
    color: #272d75
}

.mainleft {
    float: left;
    width: 100%;
    padding-left: 14px
}

.mainleft ul {
    float: left;
    width: 92%;
    padding: 5px 0 0!important;
    margin: 0
}

.mainleft h2 {
    padding: 0!important;
    margin: 0!important;
    font-size: 13px!important;
    font-weight: 600!important;
    border-bottom: none!important;
    text-align: left!important;
    text-transform: inherit!important
}

.pagingbg {
    float: left;
    width: 100%
}

.pagination {
    float: right;
    padding-top: 15px;
    width: 100%
}

.shoes-box {
    float: left;
    width: 100%;
    padding: 0;
    margin: 25px 0 0;
    font-size: 12px;
    font-weight: 600
}

.select-1,
.select-2,
.sort-box label select,
.sort-box01 label select {
    cursor: pointer;
    margin: 0;
    outline: 0;
    background: #fff;
    font-size: 12px;
    color: #000;
    display: inline-block;
    border: 1px solid #d5d5d5
}

.sort-box {
    float: left;
    width: auto
}

.select-2,
.sort-box label select {
    padding: 5px 6px;
    width: 150px;
    font-weight: 500
}

.sort-box01 {
    float: left;
    width: auto;
    padding: 0 23px 0 0
}

.select-1,
.sort-box01 label select {
    padding: 5px 6px;
    width: 70px;
    font-weight: 500
}

.next-img,
.previous-img {
    margin-top: 4px;
    text-transform: uppercase
}

.showing-text {
    float: left;
    width: auto;
    font-size: 15px;
    color: #000;
    padding: 5px 0 0 52px
}

.next-img,
.next-img a,
.previous-img,
.previous-img a {
    color: #272d75
}

.sort-box02 {
    float: right;
    width: 227px;
    padding-top: 5px;
    font-size: 12px;
    font-weight: 500
}

.previous-img {
    float: left;
    width: auto;
    font-size: 12px;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/previous-img.jpg) left center no-repeat;
    padding: 0 2px 0 8px
}

.next-img {
    float: right;
    width: auto;
    font-size: 12px;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/next-img.jpg) right center no-repeat;
    padding: 0 8px 0 0
}

.sort-box02 ul {
    float: left;
    width: auto;
    text-align: center;
    padding: 4px 0 0 2px;
    margin: 0
}

.sort-box02 li {
    display: inline-block;
    font-size: 12px;
    color: #111;
    padding: 0 7px
}

.detail-main-img span,
.detail-prd-img span,
.listing-shop-prd-img span {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.sort-box02 li a {
    color: #111
}

.listing-shop-box {
    float: left;
    width: 100%;
    padding: 34px 0 0
}

.listing-shop-prd {
    float: left;
    width: 196px;
    padding-left: 23px
}

.listing-shop-prd:first-child {
    padding-left: 0
}

.listing-shop-prd-img {
    float: left;
    width: 196px;
    border: 1px solid #d5d5d5;
    outline: #fff solid 1px;
    -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .08)
}

.listing-shop-prd-img span {
    width: 196px;
    height: 193px
}

.listing-shop-box01,
.listing-shop-prd-name,
.listing-view-box {
    width: 100%;
    float: left
}

.listing-shop-prd-img:hover {
    border: 1px solid #4576b8;
    outline: #4576b8 solid 1px
}

.listing-shop-prd-name {
    text-align: center;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    line-height: 18px;
    padding: 14px 0 7px;
    min-height: 55px
}

.listing-shop-prd-name a {
    text-decoration: none;
    color: #000
}

.listing-shop-prd-price {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #272d75;
    font-weight: 700
}

.listing-shop-box01 {
    padding-bottom: 20px
}

.hats-text {
    background: #272d75;
    border-left: 6px solid #f99a2d;
    color: #fff;
    float: left;
    font-size: 17px;
    font-weight: 700;
    margin: 21px 0 10px;
    padding: 7px 15px;
    width: 96%
}

.detail-main-box {
    float: left;
    width: 100%;
    padding-top: 22px
}

.detail-left-box,
.detail-main-img {
    float: left;
    width: 404px;
    position: relative
}

.detail-main-img span {
    width: 390px;
    height: 390px;
    padding: 7px;
    border: 2px solid #4576b8;
    -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .08)
}

.zoom-img {
    position: absolute;
    right: 2px;
    bottom: 2px
}

.shop-all-button {
    float: left;
    width: 100%;
    padding-top: 10px
}

.detail-right-box {
    float: left;
    width: 610px;
    margin-left: 40px
}

.detail-right-box h2 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    font-size: 23px;
    color: #272d75;
    font-weight: 700
}

.item-box {
    float: left;
    width: 100%;
    border-bottom: solid 1px #e5e5e5;
    padding: 11px 0 22px
}

.item-text {
    float: left;
    width: auto;
    font-size: 14px;
    color: #000
}

.share-img {
    float: right;
    width: auto
}

.reviews {
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    color: #929292;
    text-transform: uppercase;
    padding-top: 25px
}

.reviews span {
    color: #f79026
}

.star-img {
    float: left;
    width: auto;
    padding: 0 13px 0 0
}

.detail-price-box {
    float: left;
    width: 100%;
    padding-top: 7px
}

.detail-price-text {
    float: left;
    width: 247px
}

.detail-price-text span {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000;
    font-weight: 600
}

.detail-price-text strong {
    float: left;
    width: 100%;
    font-size: 34px;
    color: #272d75;
    font-weight: 700;
    line-height: 17px;
    padding-top: 7px
}

.quantity-box {
    float: left;
    width: auto;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    margin-top: 20px
}

.quantity-input {
    width: 40px;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin: 0 0 0 10px
}

.detail-select {
    float: left;
    width: 100%;
    padding-top: 25px
}

.detail-select select {
    float: left;
    width: 220px;
    border: 1px solid #ccc;
    padding: 5px 0;
    font-size: 15px
}

.out-of-stock {
    float: left;
    width: 100%;
    padding: 20px 0
}

.out-of-stock-text {
    float: left;
    width: 100%;
    font-size: 17px;
    color: red;
    font-weight: 700
}

.out-of-stock-text span {
    float: left;
    width: auto;
    padding-right: 5px
}

.detail-email-box {
    float: left;
    width: 100%
}

.detail-email-box label {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #000;
    font-weight: 400;
    padding: 8px 0 5px
}

.detail-email-box input {
    float: left;
    width: 190px;
    border: 1px solid #ccc;
    padding: 0 10px;
    font-size: 12px;
    color: #e5e5e5;
    line-height: 30px;
    height: 30px
}

.detail-email-box .submit-img {
    float: left;
    width: 80px;
    border: none;
    padding: 0;
    height: 32px
}

.free-shipping-box01 {
    float: left;
    width: 100%
}

.free-shipping01 {
    float: left;
    width: 342px;
    font-size: 16px;
    font-weight: 600;
    color: #093;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/free-shipping.jpg) right 4px no-repeat;
    line-height: 28px
}

.estimate-text {
    float: left;
    width: 100%;
    font-size: 14px;
    color: #4c4c4c;
    padding-top: 2px
}

.estimate-text a {
    color: #00f
}

.estimate-text a:hover {
    text-decoration: underline
}

.detail-prd {
    float: left;
    width: 158px;
    padding-left: 22px
}

.detail-prd:first-child {
    padding-left: 0
}

.detail-prd-img {
    float: left;
    width: 158px;
    border: 1px solid #d5d5d5;
    outline: #fff solid 1px;
    -webkit-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .08);
    -moz-box-shadow: 0 2px 0 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 0 0 rgba(0, 0, 0, .08)
}

.detail-prd-img:hover {
    border: 1px solid #4576b8;
    outline: #4576b8 solid 1px
}

.detail-prd-img span {
    width: 158px;
    height: 159px
}

.hats-text01 {
    float: left;
    width: 96.6%;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    background: #272d75;
    padding: 12px 15px;
    margin: 21px 0 10px;
    border-left: solid 6px #f99a2d
}

.detail-buttom-box {
    float: left;
    width: 100%;
    padding-top: 47px
}

#horizontalTab01.r-tabs {
    float: left;
    width: 100%;
    padding: 0;
    background: 0 0;
    position: relative;
    margin-top: 10px
}

#horizontalTab01.r-tabs .r-tabs-nav {
    float: left;
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/player-menu-bg.png) left top repeat-x
}

#horizontalTab01.r-tabs .r-tabs-panel {
    padding: 0
}

#horizontalTab01.r-tabs .r-tabs-nav .r-tabs-anchor {
    padding: 0 12px;
    display: inline-block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    border: none
}

#horizontalTab01.r-tabs .r-tabs-nav .r-tabs-tab:first-child {
    border: none
}

#horizontalTab01.r-tabs .r-tabs-nav .r-tabs-state-active {
    background: 0 0
}

#horizontalTab01.r-tabs .r-tabs-tab {
    border-left: solid 1px #2e2e2e;
    border-bottom: none;
    border-top: none;
    border-right: none;
    padding: 10px 6px
}

#horizontalTab01.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #000;
    background: 0 0
}

#horizontalTab01.r-tabs .r-tabs .r-tabs-nav .r-tabs-tab {
    top: 0
}

#horizontalTab01.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    olor: #0ad;
    margin-bottom: 0
}

#horizontalTab01.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    background: #c1ca15;
    color: #000;
    padding: 5px 12px
}

.r-tabs {
    float: left;
    width: 100%;
    padding: 0;
    position: relative
}

.r-tabs .r-tabs-nav {
    background: 0 0;
    text-align: left;
    border-bottom: solid 1px #d2d2d2;
    height: 47px
}

.r-tabs .r-tabs-nav .r-tabs-tab {
    position: relative;
    top: 0
}

.r-tabs .r-tabs-nav .r-tabs-anchor {
    padding: 10px 16px;
    display: inline-block;
    text-decoration: none;
    font-size: 19px;
    font-weight: 400;
    color: #272d75;
    border: 1px #d2d2d2;
    text-transform: uppercase
}

.r-tabs .r-tabs-nav .r-tabs-state-active {
    border: none
}

.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
    color: #000;
    border: 1px solid #d2d2d2;
    background: #fff;
    border-bottom: none
}

.r-tabs .r-tabs-panel {
    margin-bottom: 3px
}

.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
    display: block;
    padding: 10px;
    border: 1px solid #d2d2d2;
    font-size: 22px;
    font-weight: 400;
    color: #6e6cb2;
    text-decoration: none;
    margin-bottom: 3px;
    border-radius: 12px
}

.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
    color: #000;
    margin-bottom: 0
}

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0 0 0 10px
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.r-tabs .r-tabs-panel {
    float: left;
    width: 96%;
    font-size: 14px;
    font-weight: 400;
    color: #2d2d2d;
    line-height: 22px;
    padding: 2%;
    display: none
}

.r-tabs .r-tabs-panel p {
    padding-bottom: 0
}

.r-tabs .r-tabs-accordion-title {
    display: none
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block
}

.r-tabs .r-tabs-panel ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}

.r-tabs .r-tabs-panel li {
    float: left;
    width: 100%;
    padding: 0 0 0 8px;
    margin: 0;
    color: #4c4c4c;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/detail-menu-icon.png) left center no-repeat
}

.magic-btn {
    bottom: 0;
    left: 0;
    position: fixed
}

.category-inset-caption {
    float: left;
    padding-top: 20px;
    width: 100%;
    color: #2d2d2d;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px
}

.pagination a.prev,
.pagination span.prev {
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/previous-img.jpg) 7px 11px no-repeat;
    padding-left: 16px;
    text-transform: uppercase;
    display: inline-block
}

.pagination a.next,
.pagination span.next {
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/next-img.jpg) 43px 11px no-repeat;
    padding-right: 16px;
    text-transform: uppercase
}

.pagination a,
.pagination span {
    border: 1px solid #ccc;
    text-decoration: none;
    margin: 0 2px;
    padding: 5px
}

.pagination .cur {
    background: #272d75;
    color: #fff;
    font-weight: 800
}

.manufacture>span,
.nw-head-txt,
.view-all-box {
    font-weight: 700
}

.pagination a:hover {
    text-decoration: underline;
    color: #272d75
}

.next,
.prev,
.static font b {
    color: #272d75!important
}

.pagination {
    text-align: right
}

.static {
    float: left;
    width: 100%;
    padding-top: 20px;
    font-size: 13px
}

#ysw-alt-search-btn {
    background: 0 0!important
}

.static font {
    font-family: 'Open Sans', sans-serif!important;
    font-size: 13px!important
}

.static font a {
    color: ##272d75
}

.view-all-box {
    float: left;
    width: 100%;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/view-all-bg.jpg) no-repeat;
    color: #fff;
    font-size: 23px;
    text-align: center;
    line-height: 30px;
    padding: 5px 0
}

.coupon {
    margin: 20px 0 0;
    float: left
}

.shipping-card-button {
    position: relative
}

#ysw-alt-search-btn {
    top: 4px!important;
    right: -40px!important;
    width: 25px;
    height: 25px;
    position: absolute;
    display: block
}

#floating_number {
    color: #acabab
}

.listing-shop-box:first-child {
    padding-top: 20px!important
}

.view-all-heading {
    background: #f5f5f5;
    border: 1px solid #d5d5d5;
    float: left;
    margin: 21px 0 10px;
    padding: 5px;
    width: 98.8%
}

.nw-inner,
.nw-wrapper {
    box-sizing: border-box;
    background: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.search tr td:nth-child(2) {
    width: 76px!important
}

.category-box-new {
    float: left;
    margin-right: 15px
}

.category-box-new:last-child {
    float: left;
    margin-right: 0
}

.manufacture {
    float: left;
    margin-top: 20px;
    width: 100%
}

.shopper-code {
    display: table-cell;
    float: none;
    padding-top: 44px;
    text-align: center;
    vertical-align: middle;
    width: 315px
}

.nw-wrapper-back {
    float: left;
    width: 396px;
    display: none
}

.popup_box_hiring .fancybox-skin {
    -webkit-box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, .75);
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, .75)
}

.nw-wrapper {
    float: left;
    padding: 30px;
    width: 396px
}

.nw-inner,
.nw-line {
    width: 100%;
    float: left
}

.nw-inner {
    border: 2px solid #2e3192;
    padding: 22px
}

.nw-line {
    margin: 4px 0 23px
}

.nw-coupon {
    float: left;
    width: 86px;
    margin: 0 15px 0 0
}

.nw-co-line {
    float: left;
    width: 186px;
    text-align: left;
    margin-top: 4px
}

.con-main-box,
.con-main-box ul,
.nw-inner input[type=text] {
    float: left;
    width: 100%;
    text-align: center
}

.nw-head-txt {
    float: left;
    width: 100%;
    color: #2e3192;
    font-size: 29px;
    line-height: 32px;
    text-transform: uppercase;
    padding-bottom: 12px
}

.nw-co-line ul {
    float: left;
    width: 100%
}

.nw-co-line ul li {
    float: left;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/nw-bullet.jpg) left 8px no-repeat;
    font-size: 15px;
    font-style: italic;
    line-height: 20px;
    padding: 0 0 2px 8px
}

.nw-inner input[type=text] {
    margin-bottom: 2px;
    height: 52px;
    line-height: 1;
    font-size: 15px;
    color: #666;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: #cdcdcd;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.nw-inner input[type=submit] {
    float: left;
    width: 100%;
    height: 52px;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/nw-button.jpg) left top no-repeat;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}

.con-main-box h2 {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 50px;
    color: #f58226
}

.ex-text,
.ex-text01 {
    font-size: 27px;
    float: left;
    width: 100%
}

.ex-text {
    color: #252b71;
    line-height: 33px;
    padding: 7px 0 12px
}

.ex-text01 {
    font-weight: 800;
    color: #f58226;
    line-height: 35px
}

.arrow-img {
    float: left;
    width: 100%;
    padding: 20px 0 5px
}

.con-main-box ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.con-main-box li,
.con-new-button {
    display: inline-block;
    width: auto
}

.con-main-box li {
    font-weight: 700;
    color: #252b71;
    font-size: 28px;
    padding: 0 10px;
    text-transform: uppercase
}

.con-main-box li a {
    color: #252b71;
    text-decoration: none
}

#ysw-header a:hover,
.x-sell a:hover {
    text-decoration: underline
}

.con-main-box li a:hover {
    color: #f58226
}

.newsletter-button.newsletter-new-button {
    margin: 5px 0 0;
    width: 250px
}

#prodinfo {
    font: 400 12px verdana, arial
}

#prodinfo .prod-heading {
    background-color: #C4CDE4;
    font: 700 15px helvetica, arial;
    color: #123893
}

img {
    border: 0;
    padding: 0;
    margin: 0
}

.ysw-view-cart {
    width: 910px
}

#ysw-header {
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/ysw-header-2010.png) no-repeat
}

#ysw-header a {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #111
}

#ysw-header div {
    display: block
}

.ysw-searchbox .ysw-search-form {
    padding: 0 0 0 6px
}

.ysw-searchbox form {
    border: 0;
    padding: 0;
    margin: 0
}

.ysw-searchbox input.searchForm {
    width: 178px;
    border: 0;
    height: 16px;
    margin: 0 0 5px
}

.ysw-searchbox input.searchForm:focus {
    outline: 0
}

.ysw-searchbox #go-btn {
    height: 20px;
    width: 83px;
    margin-left: 10px
}

img.team-nav-header {
    margin-top: 0!important
}

#contentTable {
    border: 0 solid #000!important;
    padding-top: 0!important
}

.bottomNav-affiliates a {
    color: #000;
    font-weight: 700
}

#bottomNav {
    background: 0 0!important;
    width: 750px;
    padding: 5px 0 0 10px
}

.copyright {
    color: #000!important;
    font: 11px tahoma, sans-serif!important;
    padding-right: 10px
}

.connect_widget .connect_widget_interactive_area,
div.ysw-facebook-likes {
    margin: auto
}

#product-info-table .price,
#product-info-table .sale-price {
    font-size: 18px
}

@media only screen and (min-width:1151px) and (max-width:9999px) {
    .top-menu {
        float: none;
        margin-right: 0;
        text-align: center;
        width: 100%
    }
    .listing-shop-prd-img span img {
        max-width: none
    }
}

#mask {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 900000000;
    background: url(https://lib.store.yahoo.net/lib/collegefanfare/mask-bg.png) repeat left top;
    display: none
}

#boxes .window {
    position: absolute;
    left: 0;
    top: 0;
    width: 523px;
    height: 285px;
    display: none;
    z-index: 999900000000000;
    padding: 20px
}

#boxes #dialog {
    /*122013*/
    width: auto;
    height: 330px;
    padding: 0;
    top: 150px!important;
   
   
}

.close {
    position: absolute;
    top: -15px;
    right: 0;
    width: 25px;
    height: 25px;
}

.close > img {
    margin: 6px;
}

.popup-box {
    /*122013*/
    width: 100%;
    float: left;
    padding: 0;
    margin: 0;
    height: 100%;
}

.popup-right-box {
    float: left;
    width: 100%;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
}

.enjoy-img {
    float: left;
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.special-sales-img {
    float: left;
    width: 100%;
    text-align: center;
}

.popup-search-box {
    float: left;
    width: 100%;
    text-align: center;
}

.popup-search {
    display: inline-block;
    width: 393px;
}

.search-popup-box {
    float: left;
    width: 100%;
    padding-top: 30px;
}

.search-popup-box input[type="text"] {
    width: 260px;
    background: #f7f5f2;
    float: none;
    display: inline-block;
    height: 33px;
    text-align: left;
    padding: 0 10px;
    border-radius: 5px;
    box-sizing: border-box;
    border: none;
    font-family: 'Raleway', sans-serif;
    color: #4a4948;
    font-size: 13px;
}

.search-popup-box input[type="submit"] {
    width: 137px;
    float: none;
    clear: both;
    display: inline-block;
    text-align: center;
    height: 33px;
    padding: 0;
    border: none;
    background: #005ea0;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    margin: 20px 0 0 0;
    background: #faa12f;
    background: -moz-linear-gradient(top, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #faa12f), color-stop(29%, #f99a2d), color-stop(50%, #f7902a), color-stop(76%, #f68828), color-stop(100%, #f58025));
    background: -webkit-linear-gradient(top, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    background: -o-linear-gradient(top, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    background: -ms-linear-gradient(top, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    background: linear-gradient(to bottom, #faa12f 0, #f99a2d 29%, #f7902a 50%, #f68828 76%, #f58025 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#faa12f', endColorstr='#f58025', GradientType=0);
}

.ente-text {
    float: left;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    border: none;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    padding-top: 48px;
}

.already-text {
    float: left;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    border: none;
    font-family: 'Raleway', sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    padding-top: 19px;
}

.already-text a {
    color: #4bb5ff;
}

.already-text a:hover {
    text-decoration: underline;
}

.discount {
    width: 100%;
    float: left;
    font-size: 65px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

.ente-text.ente-text2 {
    padding: 0;
}

.shopper-code-header {
  clear: both;
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0;
  padding-top: 5px;
  text-align: center;
  vertical-align: middle;
  width: auto;
}

.ysw-home-main-banner .bx-wrapper{border:none; box-shadow:none; margin:0 0 20px 0;}
.ysw-home-main-banner #bx-pager{text-align:center;}
.ysw-home-main-banner #bx-pager a{width:200px; float:none; display:inline-block; margin:0 0 0 10px;} 
.ysw-home-main-banner #bx-pager a:first-child{margin:0;}

.free-pro p img{width:20%;}
.free-pro p{font-size:15px; font-weight:bold;}
.free-pro h3{color:#f7912a; font-size:16px; font-weight:700;}
.top-cont-sup{margin:5px 0 0 0;}

.categories-box{width:33.33%; border-right:1px solid #ccc; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.facebook-box{width:35%; border-right:1px solid #ccc; padding:0 90px; height:132px; margin:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.twitter-text{margin:0 0 0 10px;}
.header-right{width:565px;}
.header-right-buttom{width:100%;}


.main-bottom-banner {float:left; margin-top:8px; width:100%;}
.main-bottom-banner-left {float:left; width:auto;}
.main-bottom-banner-right {float:right; margin:0 2px 0 0; width:auto;}



@media only screen and (min-width:980px) and (max-width:1150px) {

    .menu,
    .menu li:last-child {
        background: 0 0
    }
    .category-prd-name,
    .listing-shop-prd-name {
        font-size: 100%
    }
    .category-box-new,
    .shop-all-button,
    .top-menu {
        text-align: center
    }
    .top-cont-sup {
        width: auto
    }
    .top-menu {
        float: none;
        margin-right: 0;
        width: 100%
    }
    #container {
        width: 98%
    }
    .menu li a {
        padding: 17px 20px 20px
    }
    .main-box {
        width: 96%
    }
    .main-right {
        width: 74%
    }
    .main-prd-box {
        width: 177px;
        margin-left: 13px
    }
    .prd-right-box {
        width: 39%
    }
    .prd-right-box span img {
        width: 100%
    }
    .categories-box {
        width: 33.33%
    }
    .prd-right-box span {
        width: 100%
    }
    .footer-search-area input[type=text] {
        width: 222px
    }
    .category-right-box {
        width: 78%
    }
    .college-text {
        width: 97%;
        padding: 12px
    }
    .category-prd-box li {
        width: 18.6%
    }
    .hats-text {
        width: 95%
    }
    .listing-shop-prd {
        width: 23%;
        padding-left: 18px
    }
    .listing-shop-prd-img {
        width: 100%
    }
    .listing-shop-prd-img span {
        float: left;
        width: 100%
    }
    .view-all-page .detail-prd-img span,
    .view-all-page .listing-shop-prd-img span {
        float: left!important;
        width: 93%!important;
        height: auto!important;
        padding: 6px!important
    }
    .viewall-img-box {
        min-height: 190px
    }
    .viewall-img-box .listing-shop-prd-price {
        padding-bottom: 10px!important
    }
    .viewall-img-box .listing-shop-prd-name {
        padding-bottom: 2px!important
    }
    .listing-shop-prd-img,
    .listing-shop-prd-img:hover {
        outline: 0
    }
    .detail-left-box {
        width: 40%
    }
    .detail-main-img {
        width: 100%
    }
    .detail-main-img span {
        float: left;
        width: 96%;
        height: auto
    }
    .detail-right-box {
        margin-left: 0;
        width: 55%;
        float: right
    }
    .hats-text01 {
        width: 96%
    }
    .detail-prd {
        width: 15.7%;
        padding: 0 0 4% 1%
    }
    .detail-prd-img {
        width: 100%
    }
    .free-shipping01 {
        font-size: 85%;
        width: auto;
        padding-right: 10%
    }
    .out-of-stock {
        width: auto
    }
    .detail-email-box input {
        width: 58%
    }
    .detail-right-box h2 {
        font-size: 140%
    }
    .item-text {
        font-size: 82%
    }
    .zoom-img {
        bottom: 0;
        right: -1px
    }
    .detail-prd-img span {
        float: left;
        width: 100%;
        text-align: center;
        height: auto
    }
    .detail-price-text {
        width: 58%
    }
    .pagination,
    .pagingbg {
        width: 100%
    }
    .listing-shop-box01 {
        padding-bottom: 0
    }
    .pagingbg {
        float: left
    }
    #ysw-alt-search-btn {
        display: none
    }
    .view-all-box {
        font-size: 20px;
        float: left;
        width: 100%
    }
    .category-box-new {
        float: left;
        margin-bottom: 14px;
        margin-right: 14px;
        width: 49.1%
    }
	.header-right{width:565px;}
.search_area input[type="text"]{width:225px;}
.facebook-box{padding:0 7%;}
.twitter-text{margin:0 0 0 15px;}
.logo{width:300px;}
.header-right{width:auto;}
.header-right-buttom{width:auto; float:right;}
.search_area input[type="text"]{width:160px;}
.search_area{margin:0 10px 0 0;}


.main-bottom-banner-left {width:49.5%;}
.main-bottom-banner-right {margin:0 1px 0 0; width:49.5%;}
}

@media only screen and (min-width:768px) and (max-width:979px) {
    .menu,
    .menu li:last-child {
        background: 0 0
    }
    .category-box-new,
    .shop-all-button {
        text-align: center
    }
    .top-cont-sup {
        width: 17%
    }
    #container {
        width: 98%
    }
    .logo {
        width: 23%
    }
    .header-right {
        width: 75%
    }
    .menu li a {
        padding: 17px 9px 20px
    }
    .main-box {
        width: 97%;
        padding: 10px
    }
    .main-left {
        width: 23%
    }
    .main-left span img {
        height: 280px
    }
    .click-here {
        float: none;
        width: 68%;
        left: 24px;
        bottom: 14px
    }
    .main-right {
        width: 74%
    }
    .sy-slide>a>img {
        height: 268px!important
    }
    .shipping-card-button {
        width: 27%
    }
    .prd-right-box {
        width: 42%
    }
    .prd-right-box span img {

        width: 100%
    }
    .categories-box {
        width: 21%
    }
    .main-prd-box {
        width: 32%;
        margin: 0 1% 1% 0;
        min-height: 265px;
        padding: 0
    }
    .menu ul {
        width: 92.5%
    }
    .sub-menu-left ul {
        width: 14%!important
    }
    .category-right-box {
        width: 73%
    }
    .college-text {
        width: 94.2%;
        padding: 12px;
        font-size: 140%
    }
    .category-prd-box li {
        width: 18%;
        padding-bottom: 20px
    }
    .category-prd-img {
        min-height: 100px
    }
    .category-prd-name {
        font-size: 120%;
        line-height: 120%;
        height: 30px
    }
    .listing-shop-prd-name,
    .prd-name01 {
        font-size: 100%
    }
    .hats-text {
        width: 93.5%
    }
    .listing-shop-prd {
        width: 23%;
        padding-left: 13px
    }
    .listing-shop-prd-img {
        width: 100%
    }
    .listing-shop-prd-img span {
        float: left;
        width: 100%;
        height: 180px
    }
    .view-all-page .detail-prd-img span,
    .view-all-page .listing-shop-prd-img span {
        float: left!important;
        width: 92%!important;
        height: auto!important;
        padding: 5px!important
    }
    .viewall-img-box {
        min-height: 184px
    }
    .listing-shop-prd-img,
    .listing-shop-prd-img:hover {
        outline: 0
    }
    .sort-box01 {
        padding: 0 10px 0 0
    }
    .sort-box01 label select {
        width: 50px
    }
    .sort-box label select {
        width: 90px
    }
    .prd-name01 {
        height: 36px
    }
    .detail-left-box {
        width: 46%
    }
    .detail-main-img {
        width: 100%
    }
    .detail-main-img span {
        float: left;
        width: 96%;
        height: auto
    }
    .detail-right-box {
        margin-left: 0;
        width: 50%;
        float: right
    }
    .category-box-new,
    .pagingbg,
    .view-all-box {
        float: left;
        width: 100%
    }
    .hats-text01 {
        width: 95%
    }
    .detail-prd {
        width: 23%;
        padding: 0 2% 4% 0
    }
    .detail-prd-img {
        width: 100%
    }
    .free-shipping01 {
        font-size: 85%;
        width: auto;
        padding-right: 10%
    }
    .out-of-stock {
        width: auto
    }
    .detail-email-box input {
        width: 58%
    }
    .detail-right-box h2 {
        font-size: 150%
    }
    .item-text {
        font-size: 82%
    }
    .zoom-img {
        bottom: 1px;
        right: -3px
    }
    .detail-prd-img span {
        float: left;
        width: 100%;
        text-align: center;
        height: 180px
    }
    .detail-price-text {
        width: 58%
    }
    .pagination {
        width: 100%
    }
    #ysw-alt-search-btn {
        display: none
    }
    .view-all-box {
        font-size: 16px
    }
    .category-box-new {
        margin-bottom: 14px;
        margin-right: 0
    }
    .con-main-box h2 {
        font-size: 46px
    }
    .ex-text01 {
        font-size: 25px
    }
    .con-main-box li {
        font-size: 26px
    }
	
	.categories-box ul{width:50%;}
	.facebook-box{width:29.33%; padding:0 0 0 2%;}
	.newsletter-box{width:33.33%;}
	.categories-box{width:33.33%;}
	.logo{width:30%;}
	.header-right{width:auto;}
	.header-right-buttom{width:auto;}
	.search_area{margin:0 10px 0 0;}
	.shipping-card-button{width:auto; padding:0 15px 0 0; margin:0 7px 0 0;}
	.search_area input[type="text"]{width:120px;}
	
.main-bottom-banner-left {width:49.4%;}
.main-bottom-banner-right {margin:0 1px 0 0; width:49.4%;}	
}

@media only screen and (min-width:520px) and (max-width:767px) {
    .menu,
    .menu li:last-child {
        background: 0 0
    }
    .top-cont-sup {
        width: auto
    }
    .top-menu {
        float: none;
        margin-right: 0;
        text-align: center;
        width: 100%
    }
    #container {
        width: 98%
    }
    .logo {
        width: 40%;
        float: none;
        margin: 0 auto 2%
    }
    .header-right {
        width: 100%
    }
    .free-shipping-box {
        float: left;
        width: 44%
    }
    .free-shipping-box h2 {
        font-size: 142%
    }
    .free-shipping-box span {
        font-size: 100%
    }
    .customer-service-box {
        width: auto;
        font-size: 100%
    }
    .customer-service-box span {
        float: none
    }
    .prd-right-box span,
    .shipping-card-button {
        float: right
    }
    .header-top-menu {
        width: auto
    }
    .search_area {
        width: 68%;
        padding-bottom: 1%
    }
    .search_area input[type=text] {
        width: 55%
    }
    .header-top-menu li {
        padding: 0 8px;
        font-size: 100%
    }
    .menu li a {
        padding: 17px 10px 20px
    }
    .main-box {
        width: 95%;
        padding: 10px
    }
    .main-right {
        width: 97%
    }
    .prd-right-box {
        width: 42%
    }
    .prd-right-box span img {
        width: 100%
    }
    .categories-box {
        width: 50%;
        min-height: 170px;
        padding-bottom: 2%
    }
    .main-prd-box {
        width: 47%;
        margin: 0 2% 2% 0;
        min-height: 267px;
        padding: 0
    }
    .menu ul {
        width: 96%
    }
    .main-left {
        width: 100%;
        text-align: center;
        padding-top: 2%
    }
    .newsletter-box {
        width: 59%
    }
    .news-text {
        width: 90%
    }
    .facebook-box {
        width: 36%
    }
    .yahoo-img img {
        width: 55%
    }
    .newsletter-top-box h2 {
        float: left;
        padding: 23px 0 0
    }
    .footer-search-area input[type=text] {
        width: 88%
    }
    .sy-slide>a>img {
        height: 250px!important
    }
    .sy-pager {
        left: 8px!important;
        bottom: 4px!important
    }
    .footer-bottum-box {
        padding-bottom: 28px
    }
    .mobile-menu {
        width: 97.5%
    }
    nav {
        width: 100%!important
    }
    #accordian,
    .category-left-box {
        width: 100%
    }
    #accordian h3 {
        width: 95.9%
    }
    #accordian h2 {
        text-align: left;
        padding: 10px 0 10px 10px;
        width: 98.2%;
        border-bottom: none
    }
    .copyright-text,
    .shop-all-button {
        text-align: center
    }
    .category-right-box {
        width: 100%;
        padding-top: 5%
    }
    .college-text {
        font-size: 100%;
        width: 95%;
        padding: 12px;
        margin-bottom: 2%
    }
    .category-prd-box li {
        padding: 0 2% 3% 0;
        width: 31%
    }
    .lastli {
        padding-right: 12px!important
    }
    .category-prd-box {
        padding-top: 2%
    }
    .hats-text {
        width: 93.5%
    }
    .listing-shop-prd {
        width: 23%;
        padding-left: 13px
    }
    .listing-shop-prd-img {
        width: 100%
    }
    .prd-name01 {
        font-size: 11px;
        height: 35px
    }
    .listing-shop-prd-img span {
        float: left;
        width: 100%;
        height: 180px
    }
    .view-all-page .detail-prd-img span,
    .view-all-page .listing-shop-prd-img span {
        float: left!important;
        width: 93%!important;
        height: auto!important;
        padding: 5px!important
    }
    .viewall-img-box {
        min-height: 184px
    }
    .listing-shop-prd-name {
        font-size: 100%
    }
    .listing-shop-prd-img,
    .listing-shop-prd-img:hover {
        outline: 0
    }
    .sort-box01 {
        padding: 0 10px 0 0
    }
    .sort-box01 label select {
        width: 50px
    }
    .sort-box label select {
        width: 117px
    }
    .detail-left-box {
        width: 69%;
        float: none;
        margin: 0 auto
    }
    .detail-main-img {
        width: 100%
    }
    .detail-main-img span {
        float: left;
        width: 95%;
        height: auto
    }
    .detail-right-box {
        margin: 3% 0 0;
        width: 100%
    }
    .hats-text01 {
        width: 94%
    }
    .detail-prd {
        width: 23%;
        padding: 0 2% 4% 0
    }
    .detail-prd-img {
        width: 100%
    }
    .free-shipping01 {
        font-size: 85%;
        width: auto;
        padding-right: 8%
    }
    .out-of-stock {
        width: auto
    }
    .detail-email-box input {
        width: 58%
    }
    .pagination,
    .pagingbg {
        width: 100%
    }
    .detail-right-box h2 {
        font-size: 140%
    }
    .item-text {
        font-size: 82%
    }
    .zoom-img {
        bottom: 2px;
        right: 2px
    }
    .detail-prd-img span {
        float: left;
        width: 100%;
        text-align: center;
        height: auto
    }
    .pagingbg {
        float: left
    }
    #ysw-alt-search-btn {
        display: none
    }
    .ysw-side-nav-sections li {
        width: 95.2%
    }
    .view-all-box {
        font-size: 18px;
        float: left;
        width: 100%
    }
    .facebook-text {
        width: 104px
    }
    .con-main-box h2 {
        font-size: 46px
    }
    .ex-text01 {
        font-size: 25px
    }
    .con-main-box li {
        font-size: 26px
    }
	.facebook-text{width:auto;}
	.twitter-text{margin:0 0 0 3%;}
	.categories-box{width:50%; min-height:inherit;}
	.facebook-box{width:50%; padding:0 0 0 4%; height:auto;}
	.newsletter-box{float:left; width:100%; margin:20px 0 0 0;}
	#boxes #dialog{width:400px; height:305px;}
	.ente-text{padding-top:30px;}
	.ysw-home-main-banner #bx-pager a{width:30%;}
	.header-right{text-align:center;}
	.shopper-code-header{float:none; display:inline-block; margin:0 6px 0 0;}
	.header-right-buttom{width:auto; float:none; display:inline-block; vertical-align:top;}
	.search_area{width:auto; margin:0 8px 0 0;}
	.search_area input[type="text"]{width:90px;}
	.shipping-card-button{width:120px; margin:0 10px 0 0;}
	.free-pro p img{width:15%;}
	.free-pro h3{font-size:15px;}
	
.main-bottom-banner-left {width:49%;}
.main-bottom-banner-right {margin:0 1px 0 0; width:49%;}	
}

@media only screen and (min-width:420px) and (max-width:519px) {
    .menu,
    .menu li:last-child {
        background: 0 0
    }
    .free-pro,
    .top-cont-sup {
        width: 100%;
        text-align: center;
        float: none
    }
    .listing-shop-prd-img span img {
        max-width: none
    }
    .shopper-code {
        display: inline
    }
    #container {
        width: 98%
    }
    .logo {
        width: 40%;
        float: none;
        margin: 0 auto 2%
    }
    .header-right {
        width: 100%
    }
    .free-shipping-box {
        float: left;
        width: 45%
    }
    .free-shipping-box h2 {
        font-size: 100%
    }
    .free-shipping-box span {
        font-size: 85%
    }
    .customer-service-box {
        width: auto;
        font-size: 95%
    }
    .customer-service-box span {
        float: none
    }
    .header-top-menu {
        width: auto
    }
    .search_area {
        width: 70%;
        padding-bottom: 1%
    }
    .search_area input[type=text] {
        width: 48%
    }
    .shipping-card-button {
        width: 138px;
        float: right
    }
    .header-top-menu li {
        padding: 0 6px;
        font-size: 95%
    }
    .menu li a {
        padding: 17px 10px 20px
    }
    .main-box {
        width: 95%;
        padding: 10px
    }
    .main-right {
        width: 97%
    }
    .prd-right-box {
        width: 42%
    }
    .prd-right-box span img {
        width: 100%
    }
    .categories-box {
        width: 100%;
        padding-bottom: 2%
    }
    .main-prd-box {
        width: 47%;
        margin: 0 2% 2% 0;
        min-height: 412px
    }
    .menu ul {
        width: 96%
    }
    .main-left {
        width: 100%;
        text-align: center;
        padding-top: 3%
    }
    .prd-right-box span {
        float: right
    }
    .newsletter-box {
        width: 59%
    }
    .news-text {
        width: 90%
    }
    .facebook-box {
        width: 36%
    }
    .yahoo-img img {
        width: 68%
    }
    .newsletter-top-box h2 {
        float: left;
        padding: 23px 0 0
    }
    .footer-search-area input[type=text] {
        width: 88%
    }
    .sy-slide>a>img {
        height: 150px!important
    }
    .sy-pager {
        left: 8px!important;
        bottom: 4px!important
    }
    .footer-bottum-box {
        padding-bottom: 28px
    }
    .mobile-menu {
        width: 96%
    }
    #accordian,
    .category-left-box {
        width: 100%
    }
    #accordian h3 {
        width: 94.8%
    }
    #accordian h2 {
        text-align: left;
        padding: 10px 0 10px 10px;
        width: 97.8%;
        border-bottom: none
    }
    .copyright-text,
    .shop-all-button {
        text-align: center
    }
    .category-right-box {
        width: 100%;
        padding-top: 5%
    }
    .college-text {
        font-size: 100%;
        width: 95%;
        padding: 12px;
        margin-bottom: 2%
    }
    .category-prd-box li {
        padding: 0 2% 3% 0;
        width: 31%
    }
    .lastli {
        padding-right: 12px!important
    }
    .category-prd-img {
        height: 65px
    }
    .category-prd-box {
        padding-top: 2%
    }
    .hats-text {
        width: 92%
    }
    .listing-shop-prd {
        padding: 0 5% 4% 0
    }
    .sort-box02 {
        float: none;
        margin: 0 auto
    }
    .sort-box01 label select {
        width: 85px
    }
    .sort-box label select {
        width: 190px
    }
    .sort-box {
        padding-bottom: 3%
    }
    .detail-left-box,
    .detail-main-img {
        width: 100%
    }
    .detail-main-img span {
        float: left;
        width: 100%;
        height: auto
    }
    .detail-right-box {
        margin-left: 0;
        width: 100%
    }
    .hats-text01 {
        width: 92%
    }
    .detail-prd {
        width: 46%;
        padding: 0 2% 4%
    }
    .detail-prd:first-child {
        padding-left: 2%
    }
    .detail-prd-img {
        width: 100%
    }
    .free-shipping01 {
        font-size: 85%;
        width: auto;
        padding-right: 8%
    }
    .out-of-stock {
        width: auto
    }
    .detail-email-box input {
        width: 58%
    }
    .pagination,
    .pagingbg {
        width: 100%
    }
    .detail-right-box h2 {
        font-size: 100%
    }
    .item-text {
        font-size: 82%
    }
    .zoom-img {
        bottom: 1px;
        right: -2px
    }
    .detail-prd-img span {
        float: left;
        width: 100%;
        text-align: center;
        height: auto
    }
    .pagingbg {
        float: left
    }
    #ysw-alt-search-btn {
        display: none
    }
    .ysw-side-nav-sections li {
        width: 95.2%
    }
    .con-main-box h2 {
        font-size: 35px
    }
    .ex-text {
        font-size: 20px;
        line-height: 27px
    }
    .ex-text01 {
        font-size: 21px;
        line-height: 30px
    }
    .con-main-box li {
        font-size: 20px
    }
	
	/*#boxes #dialog{width:300px; height:275px;}*/
	.ente-text{padding-top:30px;}
	.discount{font-size:50px;}
	.search-popup-box input[type="text"]{width:220px;}
	.search-popup-box input[type="submit"]{clear:both;}
	.popup-search{width:100%;}
	.ysw-home-main-banner #bx-pager a{width:30%;}
	.categories-box{width:50%; padding:0;}
	.facebook-box{width:50%;}
	.categories-box ul{width:50%;}
	.facebook-box{width:50%; padding:0 0 0 2%;}
	.newsletter-box{width:100%; margin:20px 0 0 0;}
	.free-pro p img{width:15%;}
	.free-pro h3{font-size:15px; margin:0 -10px 0 0;}
	.header-right{text-align:center;}
	.header-right-buttom{width:auto; float:none; display:inline-block; text-align:center;}
	.search_area{width:auto; float:none; display:inline-block;}
	.shopper-code-header{float:none; display:inline-block;}
	.search_area input[type="text"]{width:100px;}
	.shipping-card-button{width:130px; float:none; display:inline-block;}
	.shopper-code-header{margin:0;}
	
.main-bottom-banner-left {width:100%;}
.main-bottom-banner-right {margin:8px 0 0 0; width:100%;}	
	
}

@media only screen and (min-width:320px) and (max-width:419px) {
    .menu,
    .menu li:last-child {
        background: 0 0
    }
    .copyright-text,
    .customer-service-box,
    .header-top-menu ul,
    .main-left {
        text-align: center
    }
    .free-pro,
    .top-cont-sup {
        width: 100%;
        text-align: center;
        float: none
    }
    .listing-shop-prd-img span img {
        max-width: none
    }
    .shopper-code {
        display: inline
    }
    #container {
        width: 98%
    }
    .logo {
        width: 50%;
        float: none;
        margin: 0 auto 2%
    }
    .header-right {
        width: 100%
    }
    .free-shipping-box {
        float: none;
        width: 75%;
        margin: 0 auto 1%
    }
    .customer-service-box,
    .header-top-menu {
        width: 100%
    }
    .customer-service-box span {
        float: none
    }
    .search_area {
        width: 96%;
        padding-bottom: 1%;
        display: list-item;
        margin: 0 auto
    }
    .search_area input[type=text] {
        width: 43%
    }
    #go-btn {
        width: 102px
    }
    .shipping-card-button {
        float: none;
        margin: 0 auto
    }
    .header-top-menu li {
        padding: 0 9px;
        display: inline-block;
        float: none
    }
    .header-top-menu li:first-child {
        padding-left: 0
    }
    .menu li a {
        padding: 17px 10px 20px
    }
    .main-box {
        width: 93%;
        padding: 10px
    }
    .main-right {
        width: 97%
    }
    .prd-right-box {
        width: 42%
    }
    .prd-right-box span img {
        width: 100%
    }
    .categories-box {
        width: 100%;
        padding-bottom: 2%
    }
    .main-prd-box {
        width: 100%;
        margin: 0 0 2%;
        height: 267px;
        padding: 0
    }
    .menu ul {
        width: 96%
    }
    .main-left {
        width: 100%;
        padding-top: 3%
    }
    .prd-right-box span {
        float: right
    }
    .newsletter-box {
        width: 59%
    }
    .news-text {
        width: 90%
    }
    .facebook-box {
        width: 36%
    }
    .newsletter-top-box h2 {
        float: left;
        padding: 23px 0 0
    }
    .footer-search-area input[type=text] {
        width: 86%
    }
    .sy-slide>a>img {
        height: 110px!important
    }
    .sy-pager {
        left: 8px!important;
        bottom: 4px!important
    }
    .footer-bottum-box {
        padding-bottom: 28px
    }
    .yahoo-img {
        width: 85%
    }
    nav {
        width: 99%!important
    }
    .header-menu {
        margin-top: 10px
    }
    .category-prd-box li,
    .listing-shop-prd,
    .sort-box02 {
        float: none;
        margin: 0 auto
    }
    #accordian,
    .category-left-box {
        width: 100%
    }
    #accordian h3 {
        width: 91.8%
    }
    #accordian h2,
    .category-left-box h2 {
        text-align: left;
        padding: 10px 0 10px 10px;
        width: 96.5%;
        border-bottom: none
    }
    .category-right-box {
        width: 100%;
        padding-top: 5%
    }
    .college-text {
        font-size: 100%;
        width: 90.5%;
        padding: 12px
    }
    .category-prd-box li {
        padding: 0 0 4%;
        width: 161px
    }
    .category-prd-name {
        padding: 4px 0 5%
    }
    .hats-text {
        width: 88%
    }
    .listing-shop-prd {
        padding: 0
    }
    .listing-shop-prd-price {
        padding-bottom: 5%
    }
    .sort-box01 {
        padding: 0 10px 0 0
    }
    .sort-box01 label select {
        width: 52px
    }
    .sort-box label select {
        width: 65px
    }
    .sort-box {
        padding-bottom: 3%
    }
    .listing-shop-prd-img {
        margin-bottom: 4%
    }
    .detail-left-box,
    .detail-main-img {
        width: 100%
    }
    .detail-main-img span {
        width: 93%;
        height: auto;
        float: left
    }
    .detail-right-box {
        margin-left: 0;
        width: 100%
    }
    .hats-text01 {
        width: 88%
    }
    .detail-prd {
        width: 45%;
        padding: 0 2% 4%
    }
    .detail-prd-img {
        width: 100%
    }
    .free-shipping01 {
        font-size: 85%;
        width: 100%
    }
    .out-of-stock {
        width: auto
    }
    .detail-email-box input {
        width: 58%
    }
    .detail-prd-img span img,
    .pagination,
    .pagingbg {
        width: 100%
    }
    .detail-right-box h2 {
        font-size: 100%
    }
    .item-text {
        font-size: 82%
    }
    .zoom-img {
        right: 2px
    }
    .detail-prd:first-child {
        padding-left: 2%
    }
    .pagingbg {
        float: left
    }
    #ysw-alt-search-btn {
        display: none
    }
    .ysw-side-nav-sections li {
        width: 92%
    }
    .view-all-box {
        font-size: 14px;
        float: left;
        width: 100%
    }
    .con-main-box h2 {
        font-size: 200%
    }
    .ex-text01 {
        font-size: 152%;
        line-height: 25px
    }
    .ex-text {
        font-size: 127%;
        line-height: 23px
    }
    .con-main-box li {
        font-size: 118%;
        padding: 0 3px
    }
	.ysw-home-main-banner #bx-pager a{margin:10px 0 0 0;}
	.facebook-box{width:100%; padding:0; margin: 15px 0 0 0;}
	.newsletter-box{width:100%;}
	#boxes #dialog{width:300px; height:285px;}
	.ente-text{padding-top:30px;}
	.discount{font-size:50px;}
	.search-popup-box input[type="text"]{width:220px;}
	.search-popup-box input[type="submit"]{clear:both;}
	.popup-search{width:100%;}
		.header-right{text-align:center;}
	.header-right-buttom{width:auto; float:none; display:inline-block; text-align:center;}
	.search_area{width:auto; float:none; display:inline-block;}
	.shopper-code-header{float:none; display:inline-block;}
	.search_area input[type="text"]{width:100px;}
	.shipping-card-button{width:130px; float:none; display:inline-block;}
	.free-pro p img{width:15%;}
	.free-pro p{font-size:13px;}
	.free-pro h3{font-size:12px; margin:0 -10px 0 0;}
	.shopper-code-header{margin:0;}
	.search_area input[type="text"]{width:85px; padding:0 10px 0 45px;}
	#go-btn{width:60px; font-size:13px;}
	.shipping-card-button{width:110px; margin-left:3px;}
	.shipping-card-img{padding:0;}


.main-bottom-banner-left {width:100%;}
.main-bottom-banner-right {margin:8px 0 0 0; width:100%;}	
	
}

@media (max-width:767px) {
    .menu li,
    nav {
        margin: 0;
        padding: 0
    }
    .menu ul li a,
    .menu ul li a:hover {
        border-bottom: none;
        color: #fff
    }
    .menu ul,
    .tabs-menu,
    nav {
        position: relative
    }
    #container {
        width: 98%
    }
    .menu {
        display: none
    }
    .menu li,
    .menu li a,
    .mobile-menu {
        display: block
    }
    .menu li span img {
        width: 85%
    }
    nav {
        width: 98%;
        border: none;
        margin-bottom: 3%;
        z-index: 99999
    }
    .menu li {
        float: left;
        width: 100%;
        text-align: left;
        border-left: none
    }
    .menu li a {
        background: #1e2160;
        color: #fff;
        border-top: 1px solid #fff;
        padding: 5px 10px;
        font-size: 14px;
        margin-left: 0
    }
    .leftmenu,
    .logo01,
    .menu li:hover>ul,
    .menu ul {
        display: none
    }
    .menu li a:hover,
    .menu li:hover>a {
        background: #1e2160;
        color: #fff;
        border-left: 3px solid #1e2160
    }
    .menu ul {
        top: 0;
        left: 0;
        width: 96.5%;
        background: #75d1ed;
        padding-left: 2%;
        padding-bottom: 1%
    }
    .header-menu,
    .menu {
        background: 0 0
    }
    .menu ul li a {
        border-left: 3px solid #ffbc2a;
        padding: 2px;
        font-size: 13px
    }
    .menu ul ul {
        left: 0
    }
    .lastmenu {
        padding-right: 0!important
    }
    .tabs-menu {
        float: right;
        width: 2%;
        padding: 16px 8px 8px;
        background: url(https://lib.store.yahoo.net/lib/collegefanfare/arrow-left-menu.png) left center no-repeat;
        font-family: robotoregular;
        color: #000;
        font-size: 17px;
        text-transform: uppercase;
        z-index: 9999
    }
    #accordian h2,
    .category-left-box h2 {
        display: block
    }
    .pagination {
        text-align: center;
        width: 100%
    }
    .pagingbg {
        float: left;
        width: 100%
    }
    .ysw-side-nav-sections .ysw-side-nav-subsections {
        width: 96%;
        display: block!important
    }
    .ysw-side-nav-sections .ysw-side-nav-subsections li {
        width: 96%
    }
    .ysw-side-nav-subsubsubsections {
        display: block!important
    }
    #ysw-alt-search-btn {
        display: none
    }
    .category-box-new {
        float: left;
        margin-bottom: 14px;
        margin-right: 0;
        text-align: center;
        width: 100%
    }
}

@media only screen and (max-width:768px) {
    .r-tabs .r-tabs-nav {
        display: none
    }
    .r-tabs .r-tabs-accordion-title {
        display: block
    }
    #ysw-alt-search-btn {
        display: none
    }
}

@media only screen and (max-width:667px) {
    .zoom-img {
        right: 5px
    }
}

@media only screen and (max-width:640px) {
    .zoom-img {
        right: 2px
    }
    .nw-wrapper-back {
        width: auto
    }
    .nw-wrapper {
        padding: 20px;
        width: 316px
    }
    .nw-inner {
        padding: 15px
    }
    .nw-line {
        margin: 0 0 13px
    }
    .nw-coupon {
        margin: 0 10px 0 0;
        width: 56px
    }
    .nw-co-line {
        width: 173px
    }
    .nw-head-txt {
        font-size: 21px;
        line-height: 24px;
        padding-bottom: 5px
    }
    .nw-co-line ul li {
        font-size: 14px;
        line-height: 20px;
        padding: 0 0 2px 7px
    }
    .nw-inner input[type=text] {
        height: 42px
    }
    .nw-inner input[type=submit] {
        height: 46px;
        background-size: 100%
    }
}

@media only screen and (max-width:320px) {
    .zoom-img {
        right: 2px
    }
    .pagination {
        font-size: 91%
    }
    .pagination a.next,
    .pagination span.next {
        background: url(https://lib.store.yahoo.net/lib/collegefanfare/next-img.jpg) 34px 8px no-repeat rgba(0, 0, 0, 0);
        padding-right: 10px
    }
    .pagination a,
    .pagination span {
        margin: 0 1px;
        padding: 2px
    }
    .pagination a.prev,
    .pagination span.prev {
        background: url(https://lib.store.yahoo.net/lib/collegefanfare/previous-img.jpg) 3px 7px no-repeat rgba(0, 0, 0, 0);
        padding-left: 12px
    }
    .nw-wrapper {
        width: 280px;
        padding: 15px
    }
    .nw-co-line {
        float: none;
        width: 100%;
        display: block
    }
    .nw-head-txt {
        float: none;
        margin-top: 16px
    }
    .nw-co-line ul {
        margin-top: 10px
    }
    .nw-inner input[type=text] {
        height: 40px
    }
    .nw-inner input[type=submit] {
        height: 40px;
        background-size: 100%
    }
}

@media(width:900px) {
    .top-cont-sup {
        width: 16%
    }
}

@media(width:768px) {
    .top-cont-sup {
        width: 18%
    }
}

@media only screen and (max-width:640px) {
    .desktop {
        display: none
    }
}

@media only screen and (min-width:641px) {
    .mobile {
        display: none
    }
}

@media screen and (min-width:1000px) and (max-width:1300px) {
    .grey-part {
        width: 93%
    }
    .top-menu {
        text-align: right;
        width: 33%;
        margin-right: 10px
    }
}

@media screen and (min-width:975px) and (max-width:999px) {
    .top-menu {
        text-align: right;
        width: 33%
    }
}

@media screen and (max-width:1000px) {
    .grey-part {
        width: 93%!important
    }
}


.popup-right-box > p {
  color: hsl(0, 0%, 100%);
  float: left;
  font-size: 11px;
  font-style: italic;
  margin: 16px 0;
  text-align: center;
  width: 100%;
}
@media(width:1024px){#boxes #dialog {left: 350px !important;}}
@media(width:980px){#boxes #dialog {left: 320px !important;}}
@media(width:900px){#boxes #dialog {left: 295px !important;}}
@media(width:800px){#boxes #dialog {left: 245px !important;}}
@media(width:768px){#boxes #dialog {left: 235px !important;}}
@media(width:736px) {#boxes #dialog {width:320px; left:196px!important;}}
@media(width:667px) {#boxes #dialog {width:320px; left:164px!important;}}
@media(width:640px) {#boxes #dialog {width:320px; left:164px!important;}}
@media(width:600px) {#boxes #dialog {width:320px; left:138px!important;}}
@media(width:568px) {#boxes #dialog {width:320px; left:118px!important;}}
@media(width:480px) {#boxes #dialog {width:320px; left:86px!important;}}
@media(width:414px) {#boxes #dialog {width:320px; left:53px!important;}}
@media(width:375px) {#boxes #dialog {width:320px; left:23px!important;}}
@media(width:360px) {#boxes #dialog {width:320px; left:18px!important;}}
@media(width:320px) {#boxes #dialog {width:300px; left:9px!important;} .mc-webform-510c1d8c-0ac1-4e17-b451-8cfdd03b70c3 { width:300px!important;}}