/* animalden.com site css */

/* .................... RESET .................... */

* {word-wrap: break-word;}

body,
div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
p,blockquote,
th,td,
a,img,form {
margin: 0;
padding: 0;
}

input,
textarea,
select {
margin: 0;
}

a,img,form,fieldset,abbr,acronym {
border: 0;
}

body,
div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,
input,textarea,
select,
p,blockquote,
th,td {
color: #000; /* TEXT COLOR */
}

body {
background-color: #afdff5;
background-image: url("bg-body3.jpg");
background-repeat: no-repeat;
background-position: center bottom;
line-height: 1.4;
}

body,
a,
td,
th,
input,
textarea,
select {
font-size: 13px;
font-family: "Open Sans",helvetica,arial,sans-serif;
}

address,caption,cite,code,dfn,em,strong,th,var {
font-weight: normal;
font-style: normal;
}

a {
text-decoration: none;
color: #000; /* TEXT COLOR */
}

a,
a:hover,
a:active,
a:visited {}

a {
color: #404040;
text-decoration: none
}

a:hover {
text-decoration: underline;
}

input:focus {}

h1,h2,h3,h4,h5,h6 {
font-weight: normal;
font-size: 100%;
}

h1 {
margin: 0;
padding: 0 0 10px 0;
text-align: center;
color:#3075aa;
font-weight: normal;
font-size: 18px;
}

h2 {
margin: 0;
padding: 15px 0 0 18px;
font-size: 12px;
}

ol,ul {
list-style: none;
}

li {
margin: 0 0 0 15px;
}

caption,th {
text-align: left;
}

q:before,q:after {
content:'';
}

table {
border-collapse: collapse;
border-spacing: 0;
}

td {
vertical-align:top;
}

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

/* .................... CLASSES .................... */

.clear,
.clearboth {clear:both;}

.no-border {border: 0;}
.pink-border {border-bottom: 1px solid #ecaada;}

/* FORCE WRAP */

.alphabetical-contents-section:before,
.shirt-step-area:before,
.shirt-step:before,
.shirt-step-body:before,
.enclose:before,
.wrap:before {
content: " ";
display: table;
}

.alphabetical-contents-section:after,
.shirt-step-area:after,
.shirt-step:after,
.shirt-step-body:after,
.enclose:after,
.wrap:after {
clear: both;
content: " ";
display: table;
}

.eci-cat > center {
text-align: left;
}

/* FORM ITEMS */

.form-item {
display: block;
margin: 10px 0;
}

.form-item-label {
display: inline-block;
min-width: 80px;
margin-right: 7px;
vertical-align: middle;
font-weight: bold;
font-size: 15px;
}

.form-item-value {
display: inline-block;
vertical-align: middle;
}

.form-item-control {
vertical-align: middle;
font-size: 15px;
}

.form-item-value .charge {
vertical-align: middle;
margin-left: 7px;
}

.prices {
text-align: center;
}

.aprice {}
.aprice-label {}
.aprice-value {}

.price {
font-weight: bold;
}

.regular-price {
font-weight: normal;
text-decoration: line-through;
}

.sale-price {
color: #e90a75; /* #c00 */
font-weight: bold;
font-style: italic;
}

.quantity {}
.quantity-label {}
.quantity-value {}

.code {
color: #787878;
font-size: 15px;
text-align: center;
margin-top: 10px;
}

/* .......... MAIN BLOCKS .......... */

.wrap {
position: relative;
clear: both;
width: 1308px;
margin: 0 auto;
text-align: left;
}

.ys_wrapper {
width: 1308px !important;
margin: 0 auto;
text-align: left;
}

header {
padding-bottom:8px;
padding-top:20px;
background-color:white;
}

.middle {
padding: 2%;
background: url("bg-middle2.jpg") repeat-y 2px center;
min-height: 300px;
width: 96%;
}

footer {
margin-top:10px;
background-color:#f2f2f2;
}

/******************** YD-STYLE.CSS ********************/

.viewdetails_link a,
.viewdetails_link b {
margin-top:3px;
color:#178D7B;
text-align:center;
}

.yd-view-allp {margin:0px 0 10px 10px; background:#D1E5C3; width:262px; text-align:center; padding:5px; border: 2px solid #69B932; float:left;}
.yd-view-allp-inner {padding:3px; background-color:#69B932;}
.yd-view-allp a {color:#fff; text-decoration:none; font-size:12px; font-weight:bold;}
.yd-view-allp a:hover {text-decoration:none;}

.new-text-category{margin:0 0 10px 24px; padding:0; float:left;}
.new-text-category img{ float:left; margin:0 4px 0 0; padding:0;}
.new-text-category h3{float:left; margin:1px 0 0 0; padding:0; font-weight:normal;}
.new-text-category h3 a{ font-size:11px;}
.click-to-see{float:left; margin:0 10px 0 0; padding:0;}
.img-left{ float:left;}

/******************** STYLEGRID.CSS ********************/
/* when brand sort */

.cat-box{width:815px; float:left; margin:5px 0 10px 0px; padding:0; text-align:center;}

.cat-box p{/*width:615px; float:left;*/ background:url("category-select.png") repeat-x top left; height:21px; font-size:14px; font-style:italic; color:#fff; padding:3px 5px; line-height:20px; display:table; margin:0 auto;}

.cat-box p span{float:left; font-size:14px; font-style:italic; color:#fff; font-weight:bold;}
.cat-box p .select-box{width:162px; float:right; border:1px solid #dddddd; color:#000000; font-size:12px;}

.fb-main{width:815px; float:left; padding-top:10px;}
.fb-box{width:203px; float:left;  border-bottom:1px solid #dbdbdb; padding:0 0 10px 0; height:250px; border-right:1px solid #dbdbdb;}
.fb-display{width:203px; float:left; text-align:center; height:150px; margin-top:5px;}
.img-center{width:203px; float:left; height:150px; text-align:center; vertical-align:middle;}
.fb-box h2{width:193px; float:left; padding:0 5px; font-size:12px; color:#000000; text-align:center;}
.fb-box h2 a{float:left; font-size:12px; color:#000000; text-decoration:none;}
.fb-box h2 a:hover{float:left; font-size:12px; color:#000000; text-decoration:underline;}
.fb-details{width:183px; float:left; padding:0 10px;}
.fb-details-row{width:183px; float:left; padding:3px 0;}
.fb-details-row .details-left{width:83px; float:left; font-size:12px; color:#000000; line-height:14px;}
.fb-details-row .details-right{width:100px; float:left; font-size:12px; color:#000000; line-height:14px;}
.fb-details-row .details-right .textbox{width:30px; height:20px; line-height:20px; border:1px solid #000; font-size:12px; color:#000; text-align:center;}
.fb-details-row .details-left span{width:83px; float:left; font-size:12px; color:#7d7d7d; line-height:14px;}
.fb-details-row .details-right span{width:100px; float:left; font-size:12px; color:#7d7d7d; line-height:14px;}
.fb-details-row2{width:183px; float:left; padding:3px 0; text-align:center;}
.fb-details-row2 .details-left{width:83px; float:left; font-size:14px; color:#000000; line-height:14px;font-weight:bold;}
.fb-details-row2 .details-right{width:100px; float:left; font-size:14px; color:#000000; line-height:14px;font-weight:bold;}
.fb-box p{width:193px; float:left; padding:5px; text-align:center;}
.fb-box h3{width:193px; float:left; font-size:12px; font-weight:bold; color:#000000; font-style:italic; padding:0 5px; text-align:center;}

.fb-box1{width:203px; float:left; border-bottom:1px solid #dbdbdb; padding:0 0 10px 0; height:250px; }
.fb-box1 h2{width:193px; float:left; padding:0 5px; font-size:12px; color:#000000; text-align:center;}
.fb-box1 h2 a{float:left; font-size:12px; color:#000000; text-decoration:none;}
.fb-box1 h2 a:hover{float:left; font-size:12px; color:#000000; text-decoration:underline;}
.fb-box1 p{width:193px; float:left; padding:5px; text-align:center;}
.fb-box1 h3{width:193px; float:left; font-size:12px; font-weight:bold; color:#000000; font-style:italic; padding:0 5px; text-align:center;}

.yd-view-all {margin:10px 0 10px 10px; background:#ffdecd; width:262px; text-align:center; padding:5px; border: 2px solid #ff5700; float:left;}
.yd-view-all-inner {padding:3px; background-color:#ff5700;}
.yd-view-all a {color:#fff; text-decoration:none; font-size:12px; font-weight:bold;}
.yd-view-all a:hover {text-decoration:none;}

.mss-options input{border:1px solid #CCCCCC;}

/* .......... HEADER .......... */

.header {
background: url("header-bg.jpg") no-repeat center bottom;
}

.header .wrap {
position: relative;
min-height: 195px;
}

.header .cb1 {position:absolute; right:290px; top:55px;}
.header .cb2 {position:absolute; right:30px; top:55px;}

.header .logo {left:430px; top:4px; position:absolute;}

.header-banners {
float: right;
margin: 15px 10px 0 0;
}

.header-banner {
float: right;
box-sizing: border-box;
padding-left: 45px;
background-color: transparent;
background-repeat: no-repeat;
background-position: left top;
font-weight: bold;
font-style: italic;
font-size: 13px;
line-height: 31px;
}

.header-banner1 {
width: 211px;
background-image: url("bg-header-banner1.png");
}

.header-banner2 {
clear: right;
width: 235px;
background-image: url("bg-header-banner2.png");
}

.header-banner3 {
clear: right;
width: 257px;
background-image: url("bg-header-banner3.png");
}

.header-contact {
position: absolute;
left: 15px;
top: -6px;
box-sizing: content-box;
width: 192px;
height: 203px;
padding: 36px 0px 0px 100px;
background: url("giraffe.png") no-repeat left top;
font: bold 18px/29px Oswald;
text-align: center;
}

.header .search {
position: relative;
float: right;
clear: right;
margin: 13px 15px 0 0;
border: 1px solid #CDCDCD;
background-color: #ffffff;
overflow: visible;
}

.header .search .query {
display: inline-block;
width: 400px;
padding: 5px;
border: 0;
border-radius: 0;
color: #555050;
background-color: transparent;
vertical-align: middle;
font-size: 18px;
line-height: 27px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.searchgo {
display: inline-block;
height: 24px;
width: 24px;
margin-right: 10px;
border: 0;
border-radius: 0;
background: url("magnifier.png") no-repeat 0 0;
vertical-align: middle;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.header-links {
float: left;
margin: 5px 0 0 287px;
position: relative;
z-index: 1;
}

.header-links a {
margin-left: 50px;
color: #d90c59;
font-weight: bold;
font-size: 17px;
}

.header-links .guar {
margin-left: 200px;
}

.header-logo {
position: relative;
z-index: 0;
}

.header #ss-results {
position: absolute;
display: none;
z-index: 9999;
left: 0;
top: 32px;
box-sizing: border-box;
width: 100%;
border: 1px solid #CDCDCD;
background: #fff;
box-shadow: 2px 5px 10px #999;
}

.header #ss-results div {}
.header #ss-results div a {}
.header #ss-results div a img {}
.header #ss-results div div {}
.header #ss-results div div div:first-child {}		/* name */
.header #ss-results div div div:first-child a {}	/* name link */
.header #ss-results div div div:last-child {}		/* price */

/* YS CART AND ACCOUNT */
.header .smb-mc .mini_msg {background:none !important;}
.header #yfc_mini {position:absolute; left:975px; top:40px; z-index:100;}
.header #yfc_mini * {color:#e91c7b !important; font-weight:bold !important;}
.header #ys_cpers {position:absolute; left:890px; top:0px; z-index:100;}
.header #ys_cpers * {color:#fff; font:400 16px/28px "Open Sans",helvetica,arial,sans-serif; text-transform:uppercase;}

/* .......... TOP NAV .......... */

.top-nav {
background: #0683bb;
}

.top-nav,
.top-nav .wrap {
position: relative;
}

.top-nav ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
}

.top-nav ul {
position: relative;
}

.top-nav ul.main {
display: flex;
justify-content: space-around;
text-align: center;
}

.top-nav ul.main > li {
display: inline-block;
margin: 0;
padding: 0;
}

.top-nav ul.main > li > a {
display: block;
padding: 8px 18px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
font-weight: 500;
font-size: 15px;
}

/* .......... MENU .......... */

#menu-link {
position: relative;
display: none;
width: 100%;
color: #fff;
background: #0683bb;
text-align: center;
font-weight: bold;
font-size: 23px;
line-height: 38px;
}

#menu-link,
#menu-link:hover {
text-decoration: none;
}

/* .......... SIDEBAR .......... */

.nav {padding: 0 1%;width: 20%;}
.nav .title {color:#c81366; font-size:15px; font-weight:bold; border-bottom:1px solid #e7e8e3; padding:0px 0px 3px 3px;  margin-bottom:7px;}
.nav .pop-cats {margin-bottom:15px;}
.nav .pop-cats a {
background: url("arrow-left-nav.jpg") no-repeat left 11px;
padding: 5px 10px 5px 15px;
display: block;
margin-bottom: 2px;
}

/* .......... FOOTER .......... */

.footer {
position: relative;
clear: both;
padding: 15px 20px;
background: #2e8c32 url("bg-footer.jpg") repeat-x left 43px;
overflow: hidden;
}

.footer .cols {float: left; width: 50%;}
.footer .cols .col {float:left; width:33.3%;}

.footer .cols .col .title {
margin-bottom: 10px;
color: #fff;
font-weight: 400;
font-size: 18px;
}

.footer .cols .col a {display:block; font-size:12px; color:#fff; line-height:20px;}
.footer .cols .col .pn {color:#f4efba; font-size:18px; margin-bottom:5px;}
.footer .cols .col .pn div {color:#fff; font-size:13px;}

.footer .social {display: block; margin: 0 auto;}
.footer .social img {margin:0px 3px;}

.footer .newsletter {text-align: center; width: 20%; padding: 0 2.5%; float: left;}
.footer .newsletter div a {font-size:16px; color:#fff;}

.footer .newsletter .title {
margin-bottom: 10px;
color: #fff;
text-align: left;
font-weight: 400;
font-size: 18px;
}

.footer .newsletter .signup {background: url("bg-newsletter-email.jpg") no-repeat left top; width:283px; height:42px; text-align:left; padding:2px; margin:10px auto; display:none;}
.footer .newsletter .signup * {float:left;}

.footer .newsletter .signup .email {
width: 225px;
height: 39px;
padding-left: 10px;
border: 0;
color: #392f27;
font-style: italic;
font-size: 13px;
}

.footer .testim {float: left; width: 20%; padding: 0 2.5%;}
.footer .testim .title {font-weight: 400; font-size: 18px; color:#fff; margin-bottom:10px;text-align: left;}
.footer .testim .text {color:#fff; text-align:center; font-weight: 400; font-size: 13px;}

.icons {
padding: 15px 0px;
background: #0e6717;
text-align: center;
}

.icons div * {
vertical-align: middle;
}

.icons div img {
margin: 0 15px;
}

#copyright {
padding-bottom: 20px
color: #787878;
background-color: white;
text-align: center;
font-size: 9px;
}

/* .......... LEFT NAV .......... */

.left-nav {
color: #255C85;
font-size: 12px;
}

/* .......... BREADCRUMBS .......... */

#breadcrumbs-bar {}

.sub-category-area #breadcrumbs-bar {
margin-left: 20px;
}

.breadcrumbs {
float: left;
margin: 7px 0;
}

.breadcrumbs a {}

.breadcrumbs .separator {
margin: 0 3px;
}

.breadcrumbs .home {}

.breadcrumbs .item {
font-weight: bold;
}

/* .......... CONTENTS .......... */

.contents {
clear: both;
}

.contents-body {
position: relative;
overflow: visible;
}

.contents-body-wrapper {
position: relative;
border-width: 1px 0 0 1px;
border-style: solid;
border-color: #d7d7d7;
}

.page-contents-no-border .contents-body-wrapper {
border: 0;
}

.contents-item {
display: inline-block;
box-sizing: border-box;
width: auto;
margin: 0;
padding: 5px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #d7d7d7;
text-align: center;
vertical-align: top;
font-size: 15px;
}

.page-contents-no-border .contents-item {
margin: 0 0 10px;
padding: 5px 15px;
border: 0;
}

.contents.columns-2 .contents-item {
width: 50%;
}

.contents.columns-3 .contents-item {
width: 33%;
}

.contents.columns-4 .contents-item {
width: 25%;
}

.contents.columns-5 .contents-item {
width: 20%;
}

.contents.columns-6 .contents-item {
width: 16.66%;
}

.contents-item.new {}
.contents-item.sale {}

.contents-item .image {
position: relative;
height: 200px;
}

.contents-item .image a {
position: relative;
display: block;
height: 200px;
text-align: center;
line-height: 200px;
}

.contents-item .image a img {
position: relative;
display: inline-block;
max-width: 100%;
max-height: 200px;
width: auto;
height: auto;
margin: 0 auto;
padding: 0;
border: 0;
vertical-align: middle;
}

.contents-item .image a .icon {
position: absolute;
top: -10px;
right: -10px;
}

/* SHIRT IMAGE */

.contents-item.shirt .image {
height: 233px; /* 200 + 28 + 5 */
}

.contents-item .image .shirt-color-swatches {
position: absolute;
left: 0;
right: 0;
bottom: 0;
}

.contents-item .image .shirt-color-swatches img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
}

/* NAME */

.contents-item .name {
margin: 8px 0 4px;
}

.contents-item .name a {
color: #000;
text-decoration: none;
font-weight: bold;
}

.contents-item .name a:hover {
text-decoration: underline;
}

.contents-item .description {
margin: 10px 0 0;
}

.contents-item .prices {
margin: 2px 0 0;
}

.contents-item .aprice {
margin: 0;
font-weight: bold;
}

.contents-item .aprice .label {}
.contents-item .aprice .value {}

.contents-item .aprice.price {}

.contents-item .aprice.regular-price {
text-decoration: line-through;
}

.contents-item .aprice.sale-price {
color: #e90a75;
}

.contents-item .review-stars {
min-height: 21px;
margin: 2px 0 0;
}

.contents-item .more-link {
min-height: 29px;
margin: 7px 0 0;
text-align: center;
}

.contents-item .more-link a {
display: inline-block;
text-decoration: none;
font-weight: bold;
}

.contents-item .more-link a img {
display: inline-block;
width: auto;
height: auto;
max-width: 93px;
max-height: 29px;
margin: 0;
padding: 0;
border: 0;
}

/* IMAGE HOVER */

#contents-image-hover-box {
position: fixed;
z-index: 2;
display: none;
box-sizing: content-box;
padding: 1px;
border: 2px solid #606060;
background: #fff;
text-align: center;
-webkit-box-shadow: 0 0 8px #444;
-moz-box-shadow: 0 0 8px #444;
box-shadow: 0 0 8px #444;
}

#contents-image-hover-box .thumb-img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
margin: 0 auto;
padding: 0;
border: 0;
}

/* PAGING */

#kipaging {padding-left:10px;}
#kipaging select {font-size:11px;}
#kipaging a {color:#000;}
#kipaging .name a {font-weight:bold;}
#kipaging .price {font-weight:bold;}
#kipaging .sprice {font-weight:bold; color:#c00; font-style:italic;}
#kipaging .kibody {padding-bottom:20px; padding-top:10px;}
#kipaging .img {padding-top:10px;}
#kipaging .img a {display:inline-block; position:relative;}
#kipaging .img a .icon {position:absolute; right:-20px; top:-20px;}
#kipaging .pages .curpage {font-weight:bold;}
#kipaging .kiheader, #kipaging .kifooter {display:none;}
#kipaging .bg-tshirt {background:url("bg-tshirt.jpg") no-repeat center top; height:120px; vertical-align:middle;}
#kipaging td {width: 23%;}

/*.body .sec-contents {float:left; width:100%; padding-bottom:20px; padding-top:20px;}
.body .sec-contents .item {float:left; width:265px; margin-bottom:10px; padding-left:60px;}
.body .sec-contents .item a {color:#1d4b88; font-size:14px; background:url(https://sep.turbifycdn.com/ty/cdn/animalden/paw.gif) no-repeat left 4px; padding-left:20px;}
.body .sec-contents .letter {color:#ed167b; font:900 18px 'Open Sans'; padding-left:26px; margin-bottom:-21px;}
.body .sec-contents .sep {background:url(dogs-page-sep.jpg) repeat-x left center; height:3px; clear:both; padding:15px; margin:0px 60px;}*/

/*.mss-contents-title {color:#3075aa; background-color:#eff9fe; width:790px; _width:800px; padding:10px 0px 10px 10px; font-weight:bold; margin:0 auto; text-align:left;}
.mss-contents {margin-left:25px; margin-top:10px;}
.mss-contents tr {height:25px;}
.mss-contents-2 {margin-left:15px;}
.mss-contents-2 {margin:0px auto;}*/

/* .......... / CONTENTS .......... */

/* .......... DISCOUNT .......... */

#mss-discount {left:350px;}
#mss-discounts-and-promotions {padding:4px;}
#mss-discounts-and-promotions span {display:block; font-size:12px; padding:4px;}
#mss-discounts-and-promotions form input {display:block; margin:5px auto 0; text-align:center;}
#discount-email {border:1px solid #169347; color:#999;  width:140px; margin-top:0px;}

/* .......... MORE/LESS TEXT .......... */

.eci-morecontent span {
display: none;
}

a.eci-moreless {
padding: 0;
font-weight: 600;
line-height: 26px;
}

.eci-moreless,
a.eci-moreless {
color: #9e7d5c;
text-decoration: underline;
text-transform: capitalize;
}

/* .......... TESTIMONIALS .......... */

#testimonials {
width: 138px;
min-height: 100px;
padding: 5px;
}

.footer .testim .text #testimonials {
width: 100%;
text-align: left;
}

.footer .testim .text #testimonials * {
color: #fff;
font-size: 13px;
}

/* .......... PROMO BAR .......... */

#promo-bar {
width: 824px;
height: 38px;
background: white url("mss-highlighter-tab.gif") no-repeat;
text-align: center;
}

#promo-bar img {
display: inline;
margin: 0 10px;
}

#promo-bar a {
display: block;
padding: 8px;
color: black;
text-decoration: none;
font-size: 14pt;
}

#promo-bar {
width: 100%;
height: auto;
background: #fdd143;
}

#promo-bar.big {
line-height: 38px;
}

/* .......... HOME PAGE .......... */

.index-page .middle {
padding: 0;
width: 100%;
}

.index-page .middle {
width: 99.6%;
padding: 0;
background: none;
margin: 0 auto;
}

#accordion {
width: 100%;
}

.middle .words {
width: 100%;
height: 54px;
background: url("bg-words2.jpg") no-repeat center;
}

.middle .words div {
display: inline-block;
width: 33%;
color: #fff;
text-align: center;
vertical-align: middle;
font-size: 20px;
line-height: 54px;
}

.middle .feat .title {background:#f2e98f; border:1px solid #000; font-weight: bold; font-style: italic; font-size: 30px; line-height: 50px; text-align:center; margin-bottom:10px; }
.middle .feat .slide a:first-child {display:block; height:190px;}
.middle .feat .slide .txt {height:55px;}

.middle .msg {background:#64b363 url("bg-message.jpg") repeat-x left top; color:#fff; padding:30px 40px; }
.middle .msg .title {font-weight: 400; font-size: 16px; text-transform:uppercase; color:#fff; text-align:center; margin-bottom:5px;}
.middle .msg p {margin-bottom:15px; color:#fff;}

/* .......... SECTION PAGE .......... */

.mss-sec-reg-sale {text-align:center; text-decoration: line-through;}
.mss-sec-sale {text-align:center; color:#BF0D01;}
.mss-sec-reg {text-align:center;}

.contents-title {}

#subsection-contents {
margin: 20px 5%;
}

#additional-contents-title {
margin: 30px 5% 10px;
padding: 0 0 7px;
border-bottom: 2px solid #369;
color: #369;
text-align: center;
font-weight: bold;
font-size: 24px;
font-family: verdana,geneva,sans-serif;
}

#additional-contents {
margin: 20px 5%;
}

#table1 {
width: 800px;
}

#table1 * {
font-weight: normal;
}

/* TOP CATEGORY */

.top-section-caption {
clear: both;
margin: 0 auto 30px;
border-bottom: 4px solid #ed167a;
padding: 0 !important;
}

.top-section-caption h1 {
margin: 24px 0;
padding: 0 20px;
color: #cc1a6d;
font-weight: bold;
font-size: 30px;
line-height: normal;
}

.top-section-caption .caption-image {
float: left;
margin: 0 15px 15px 0;
}

.top-section-caption .caption-text {}

.top-section-caption p {
margin-bottom: 15px;
text-align: left;
font-size: 15px;
line-height: 1.4;
}

/*
.alphabetical-contents 								(.sec-contents)
	.alphabetical-contents-section
		.alphabetical-contents-section-letter  		(.letter)
		.alphabetical-contents-section-body
			.alphabetical-contents-section-item  	(.item)				A
*/

.alphabetical-contents {
margin-top: 30px;
padding-right: 20px;
}

.alphabetical-contents-section {
margin-bottom: 18px;
}

.alphabetical-contents-section-letter {
float: left;
width: 60px;
color: #ed167b;
text-align: center;
font: 900 18px 'Open Sans';
}

.alphabetical-contents-section-body {
float: left;
width: calc(100% - 60px);
padding-bottom: 15px;
background: url("dogs-page-sep.jpg") repeat-x left bottom;
}

.alphabetical-contents-section-item {
display: inline-block;
width: 33.3%;
margin-bottom: 10px;
}

.alphabetical-contents-section-item a {
padding-left: 20px;
color: #1d4b88;
background: url("paw.gif") no-repeat left 4px;
font-size: 14px;
}

/*.body .sec-contents {float:left; width:100%; padding-bottom:20px; padding-top:20px;}
.body .sec-contents .item {float:left; width:265px; margin-bottom:10px; padding-left:60px;}
.body .sec-contents .item a {color:#1d4b88; font-size:14px; background:url(https://sep.turbifycdn.com/ty/cdn/animalden/paw.gif) no-repeat left 4px; padding-left:20px;}
.body .sec-contents .letter {color:#ed167b; font:900 18px 'Open Sans'; padding-left:26px; margin-bottom:-21px;}
.body .sec-contents .sep {background:url(dogs-page-sep.jpg) repeat-x left center; height:3px; clear:both; padding:15px; margin:0px 60px;}*/

/* .......... SUB CATEGORY .......... */

.body {}

.body {
border-left: 1px solid #cc1a6d;
}

.body.no-border {
border-left: 0;
}

.body .headline {clear: both; font-size:18px; text-align:center; margin-bottom:15px;}
.body h1.section {color:#1d4b88; font-size:32px; font-weight:900; text-align:center; margin:0px; padding:25px 0px;}

/* old */
.body .sec-caption2 {box-sizing: border-box; text-align:center; padding-top:20px; margin:0px 5% 30px; border-bottom:4px solid #ed167a; float:left;width: 90%;}
.body .sec-caption2 * {font-size:15px;}
.body .sec-caption2 td h1,
.body .sec-caption2 h1,
.body .sec-caption2 td h1 font,
.body .headline {color:#cc1a6d; font-size:30px; font-weight:bold;}
/* /old */

.body .seo-text {box-sizing: border-box; border-top:4px solid #ed167a; margin:40px; color:#1d4b88; padding-top:20px;}
.body .seo-text p {margin-bottom:15px; color:#1d4b88;}

/* table */
.sub-category-area {
width: 100%;
margin-top: 10px;
}

.body.sub-category {}

.body.sub-category .sub-category-header {
margin: 0 5%;
border-bottom: 4px solid #ed167a;
}

.body.sub-category .headline {
margin: 15px 0;
padding: 0;
color: #cc1a6d;
font-weight: bold;
font-size: 30px;
}

.body.sub-category .sub-category-header .sec-caption2 {
float: none;
width: auto;
box-sizing: border-box;
margin: 15px 0;
padding-top: 0;
border-bottom: 0;
text-align: center;
}

.body.sub-category .contents {
margin: 30px 5% 0;
}

/* AUTO CATEGORY */

.goback {margin: 15px 0; text-align: center;}
.goback a {font-weight: bold; font-size: 18px; color:#ed177a;}

#auto-category-contents {}

/* .......... INFO PAGES .......... */

.info-box {padding:40px;}
.info-box p {margin-bottom:15px;}

.info-box h1,
.info-box .title {
margin-bottom: 30px;
color: #3075aa;
text-align: center;
font-weight: bold;
font-size: 30px;
}

/* .......... SEARCH PAGE .......... */

#ys_searchiframe {}
#ys_searchiframe #ys_searchresults {}
#ys_searchiframe #doc {}
#ys_searchiframe #doc #sidebar {}
#ys_searchiframe #doc #main {}

/* .......... SITEMAP PAGE .......... */

.site-map-page {padding:20px 40px;}
.site-map-page a {display:block; margin:5px 0px;}
.site-map-page h1 {color:#cc1a6d; font-size:30px; font-weight:bold;}

.mss-sitemap-section,
.mss-sitemap-subsection,
.mss-sitemap-thirdlevel {text-align:left; margin:10px 20px;}
.mss-sitemap-section {font-weight:bold; color:#fff; background:#245478; padding:3px;font-size:13px; margin-right:30px;}
.mss-sitemap-section a, .mss-sitemap-section a:visited {color:#fff;}
.mss-sitemap-subsection, .mss-sitemap-thirdlevel {font-size:12px;}
.mss-sitemap-subsection {margin:5px 0 0 30px; font-weight:bold;}
.mss-sitemap-thirdlevel {margin:0 0 0px 50px;}

/* .......... ITEM PAGE .......... */

#itemarea {}

body.item h2 {font-size:17px;font-weight:400}
body.item .pr {font-size:20px;text-align:center;margin-top:14px}

#itemarea .addtocart-form {}

/* ITEM RIGHT */

/* TITLE */

#item-title {
float: right;
clear: right;
width: 50%;
margin: 10px 0 20px;
}

#item-title .contenttitle {
margin: 5px 0 10px;
padding: 0;
text-align: left;
font-weight: bold;
font-size: 24px;
}

/* RATING */

#item-review {}
#ytimesAvgRating {}
#reviewrat {}
#writeLink {}

#item-review,
#item-review a {
font: bold 14px "Open Sans",sans serif;
line-height: 17px;
}

#item-review a {
color: #ea197c;
text-decoration: none;
}

#item-review a,
#item-review img,
#item-review p {
display: inline-block;
vertical-align: middle;
}

#item-review a,
#item-review img {
margin-right: 15px;
}

#item-review #reviewrat img {
max-height: 17px;
width: auto;
}

#reviewrat span {
font-size: 9px;
}

/* CODE */

#item-title .itemcode {
font-size: 15px;
}

/* ORDER */

#item-order {
float: right;
clear: right;
width: 50%;
}

/* CAPTION */

#itemarea:not(.shirt) #item-caption {
float: right;
clear: right;
width: 50%;
margin: 20px 0;
padding: 0;
font-size: 15px;
line-height: 1.45;
}

/* ITEM LEFT */

#item-images {
float: left;
width: 45%;
margin: 10px 0 0;
text-align: center;
}

#itemarea .view-all {
float: left;
clear: left;
width: 45%;	
margin: 20px 0;
}

#itemarea .view-all a {
display: block;
padding: 4px 10px;
color: #fff;
background: #e47931;
text-align: center;
font-size: 14px;
}

.shareaholic-canvas {
	margin-top: 20px;
}

/* NOTIFY */

.notify-main {
float:left; 
width:285px; 
height:84px;
padding:50px 10px 0; 
background: url("notyfy-banner.jpg") no-repeat left top; 
}

.notify-row1{
float:left;
width:100%;
padding:0 0 7px 0;
text-align:center;
}

.notify-row1 span{
float:left;
color:#6a6666;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
line-height:18px;
}

.notify-input{
float:right;
color:#6a6666;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #89ccb7;
background:#f5eeee;
width:210px;
height:18px;
line-height:18px;
padding:0 2px;
}

/* PRICE */

#itemarea .prices {}

#itemarea .aprice {
float: left;
margin: 10px 0;
padding: 0;
font-size: 15px;
}

#itemarea .aprice .label {
margin: 0 8px 0 0;
padding: 0;
}

#itemarea .aprice .value {
margin: 0;
padding: 0;
}

#itemarea .regular-price {
font-weight: bold;
font-style: normal;
text-decoration: none;
}

#itemarea .regular-price {
margin-right: 25px;
font-weight: normal;
font-style: normal;
text-decoration: line-through;
}

#itemarea .sale-price {
color: #e90a75;
font-weight: bold;
font-style: normal;
text-decoration: none;
}

#itemarea .option {
margin: 10px 0;
font-weight: bold;
}

#itemarea .option,
#itemarea .option input,
#itemarea .option textarea,
#itemarea .option select {
font-size: 15px;
}

#itemarea .option input,
#itemarea .option textarea,
#itemarea .option select {
margin-left: 7px;
}

/* QUANTITY & SUBMIT */

#itemarea .quantity-and-submit {
clear: both;
}

#itemarea .quantity-and-submit .quantity {
display: block;
clear: both;
margin: 15px 0;
}

#itemarea .quantity-and-submit .quantity > span {
margin: 0 10px 0 0;
vertical-align: middle;
font-weight: bold;
font-size: 16px;
line-height: 23px;
}

#itemarea .quantity-and-submit .quantity input {
width: 2em;
height: 23px;
margin: 0;
padding: 0 3px;
border: 1px solid #149870;
text-align: center;
vertical-align: middle;
font-size: 16px;
line-height: 23px;
}

#itemarea .quantity-and-submit .addtocart-submit {
display: block;
margin: 15px 0;
}

#itemarea .quantity-and-submit .addtocart-submit-image {
max-width: 100%;
height: auto;
}

#itemarea .quantity-and-submit.notify {}

#itemarea .quantity-and-submit.not-orderable {
padding: 3px 8px;
background: #f0f0f0;
}

/* ITEM SECTION (caption, reviews, related) */

.item-section-title,
h2.item-section-title {
clear: both;
margin: 30px 0 13px;
padding: 0 0 1px;
border-bottom: 1px solid #e7e7e7;
color: #e81c7a;
text-align: left;
text-transform: uppercase;
font-weight: 900;
font-size: 16px;
letter-spacing: 0.5px;
}

/* BOTTOM CAPTION */

#item-bottom-caption {}

#item-bottom-caption .item-section-title {
margin: 30px 0 13px;
}

/* .......... ITEM SHIRT .......... */

#itemarea.shirt #item-caption {
float: left;
clear: left;
width: 100%;
margin: 20px 0;
padding: 0;
}

#itemarea.shirt #item-caption h2.caption-title {
margin: 0 0 15px;
padding: 0 0 1px;
border-bottom: 1px solid #e7e7e7;
color: #e81c7a;
font-weight: 900;
font-size: 16px;
letter-spacing: 0.5px;
}

/* IMAGES */

#itemarea.shirt #item-images {
width: 400px;
}

.altimg	{
display: none;
text-align: center;
position: relative;
}

.altimg img	{
margin: 5px;
cursor: pointer;
}

#alt-men-0	{
display: block;

}

.altimg .altlogo	{
position: absolute;
top: 21px;
left: 64px;
z-index: 2;
max-width: 20px;
max-height: 40px;
}

/* TITLE */

#itemarea.shirt #item-title {
width: calc(94% - 435px);
margin-bottom: 30px;
}

/* VIEW ALL LINK */

#itemarea.shirt .view-all {
width: 400px;
}

/* ORDER */

#itemarea.shirt #item-order {
width: calc(94% - 435px);
}

#king-options-wrapper ()

#king-options {
display: inline-block;
width: 100%;
vertical-align: top;
padding: 0;
}

.shirt-step-area {
margin-bottom: 25px;
}

.shirt-step {
float: left;
width: 75px;
}

.shirt-step span {
color:#056895;
font-size:15px;
font-weight:700;
display:block;
text-align:center;
}

.shirt-step span:first-child {
display:block;
width:25px;
height:25px;
margin:0 auto;
border-radius:20px;
color:#fff;
background-color:#DE0B59;
font-weight:700;
font-size:18px;
text-align:center;
vertical-align:middle;
}

.shirt-step-body {
float: left;
width: calc(100% - 100px);
margin-left: 25px;
}

/* CATEGORY - STEP 1 */

#item-shirt-step-1-area {}
#shirt-step-1 {}

#item-shirt-step-1-area .kwmx-tabs,
#item-shirt-step-1-area .kwmx-tabs-h {
display: inline;
float: left;
top: 0;
width: 28%;
border: 0;
height: 60px;
border-radius: 10px;
background-color: #F2EA8A;
background-repeat: no-repeat;
background-position: left;
color: #056895;
text-align: center;
cursor: pointer;
font-weight: 700;
font-size: 20px;
line-height: 60px;
}

#item-shirt-step-1-area .kwmx-tabs:hover {
text-decoration: underline;
}

#item-shirt-step-1-area .kwmx-tabs-h {
background-color: #afdff5;
}

#item-shirt-step-1-area #kwmx-tab-1 {
background-image:url(men.png);
}

#item-shirt-step-1-area #kwmx-tab-2 {
margin:0 2%;
background-image:url(women.png);
}

#item-shirt-step-1-area #kwmx-tab-3 {
padding:0 15px 0 0;
background-image:url(kids.png);
text-align:right;
}

/* STYLE - STEP 2 */

/*#item-shirt-step-2-area .shirt-step-body {
float: left;
margin-left: 25px;
}*/

#shirt-step-2 {
margin-top: 47px;
}

#item-shirt-step-2-area .kwmx-tab-contents {
display: none;
float: left;
height: auto;
min-height: 100px;
/*margin: 0 auto;*/
}

#item-shirt-step-2-area .kwmx-tabbox-inner {
position: relative;
width: 100%;
min-height: 100px;
padding: 5px 36px;
background-color: #fff;
}

#item-shirt-step-2-area .kwmx-tabbox-inner .jcarousel-wrapper {
margin: 20px 0 0;
}

#item-shirt-step-2-area .kwmx-tabbox-inner .jarrowsleft {
position: absolute;
top: 45px;
left: 0;
width: 36px;
height: 61px;
background: url(item-arrow-left.jpg) no-repeat left top;
}

#item-shirt-step-2-area .kwmx-tabbox-inner .jarrowsright {
position: absolute;
top: 45px;
right: 0;
width: 36px;
height: 61px;
background: url(item-arrow-right.jpg) no-repeat left top;
}

.inactive {}

#item-shirt-step-2-area .kwmx-tabbox-inner .jcarousel {
position: relative;
width: 90%;
max-width: 445px;
margin: 0 auto;
overflow: hidden;
}

#item-shirt-step-2-area .kwmx-tabbox-inner .jcarousel ul {
position: relative;
width: 20000em;
height: 180px;
margin: 0;
padding: 0;
list-style: none;
}

#item-shirt-step-2-area .kwmx-tabbox-inner .jcarousel li {
float: left;
}

/* #item-shirt-step-2-area .kwmx-tabbox-inner .jcarousel li */
.king-thumb-divs {
position: relative;
float: left;
border: solid 1px #ffffff;
padding: 5px;
text-align: center;
}

/* #item-shirt-step-2-area .kwmx-tabbox-inner .jcarousel li img */
.king-shirt-thumbs {
cursor: pointer;
}

/* #item-shirt-step-2-area .kwmx-tabbox-inner .jcarousel li img */
.king-logo-thumbs {
position: absolute;
top: 32px;
left: 36px;
cursor: pointer;
}

/* #item-shirt-step-2-area .kwmx-tabbox-inner .jcarousel li div */
.stylenames	{
position: absolute;
top: 130px;
width: 100%;
margin-top: 4px;
color: #666666;
font-size: 12px;
}

/* STEPS 3/4/5 */
#sizing-charts {
float: left;
}

/* COLORS, INFO, SIZES */
#price-color {
float: left;
}

/* COLORS, INFO SIZES */
.optionboxes {
display: none;
}

/* COLOR */

/* color label */
.colornamestitle {
float: left;
margin: 0 10px 5px 0;
font-weight: bold;
font-size: 16px;
}

/* selected color */
.colornames	{
float: left;
margin-bottom: 5px;
color :#e91c7b;
font-weight: 700;
font-size: 16px;
}

/* color swatches */
.king-swatches-holder	{
float: left;
clear: left;
border-top: solid 1px #bcd2dc;
border-right: solid 1px #bcd2dc;
border-bottom: solid 1px #bcd2dc;
background-color: #eff9fe;
}

/* color swatch */
.king-swatch-boxes	{
display: block;
float: left;
border-left: solid 1px #bcd2dc;
text-align: center;
}

/* color swatch color */
.king-swatches	{
display: block;
width: 20px;
height: 20px;
margin: 0 auto 0 auto;
border: solid 3px #eff9fe;
cursor: pointer;
}

.king-swatches:hover	{
border: solid 3px #000000!important;
}

/* INFO LINK - STEP 4 */

#item-shirt-step-4-area {}
#shirt-step-4 {}

/* info link button */
#item-shirt-step-4-area .sizebutton	{
float: left;
margin: 15px 0 0 0;
}

/* info link caption */
#item-shirt-step-4-area .size-chart-label {
float: left;
width: calc(100% - 75px - 196px);
margin: 13px 0 0 19px;
color: #285f86;
font: 500 italic 16px 'Open Sans';
}

/* SIZE - STEP 5 */

#item-shirt-step-5-area {}
#shirt-step-5 {}

#item-shirt-step-5-area .shirt-step-body {
margin-top: 18px;
}

#item-shirt-step-5-area .sizeholder	{
float: left;
border-top: solid 1px #cfcfcf;
border-bottom: solid 1px #cfcfcf;
border-left: solid 1px #cfcfcf;
}

#item-shirt-step-5-area .ksizes	{
float: left;
width: 64px;
height: 23px;
padding-top: 5px;
border-right: solid 1px #cfcfcf;
background-image: url(item-size-bg.jpg);
background-position: 0 0;
text-align: center;
cursor: pointer;
font-weight: bold;
font-size: 14px;
font-family: times new roman;
}

#item-shirt-step-5-area .ksizes:hover {
color: #ffffff;
background-position: 0 -28px;
}

/* ADD-TO-CART - STEP 6 - SUMMARY, PRICE, QUANTITY, NOTIFY, SUBMIT OUT-OF-STOCK */

#item-shirt-step-6-area {}
#shirt-step-6 {}
#item-shirt-step-6-area .shirt-step-body {}

#displayresult {
color: #e91c7a;
font-weight: bold;
font-size: 18px;
font-style: normal;
}

#displayresult span	{
margin: 0;
}

#displayresult #displaytitle {
display: inline;
color: #000;
font-style: normal;
font-size: 18px;
}

#displayresult #displaystyle {}
#displayresult #displaycolor {}
#displayresult #displaysize {}

#item-shirt-addtocart .aprice {
margin: 8px 0 10px;
}

/* "Our Price: $00.00" */
#pricediv {
float: left;
height: 28px;
color: #000000;
font-weight: bold;
font-size: 18px;
}

#item-shirt-addtocart .outofstock {}

/* .......... ITEM-SHIRT.css .......... */

#kname h1 {
font-size: 24px;
font-weight: bold;
margin-bottom: 10px;
color: #056895 !important;
text-align: left;
padding: 0px;
margin-top: 5px;
}

#king-logo-image {
position: absolute;
top: 60px;
left: 115px;
max-width: 152px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}

/*#king-logo-image:hover {
padding: 1px;
border: 2px solid #808080;
border-radius: 2px;
background: #fff;
-webkit-transform: scale(2.5);
-moz-transform: scale(2.5);
-ms-transform: scale(2.5);
-o-transform: scale(2.5);
transform: scale(2.5);
}*/

#king-logo-image:hover {
padding: 1px;
border: 2px solid #606060;
background: #fff;
-webkit-box-shadow: 0 0 8px #444;
-moz-box-shadow: 0 0 8px #444;
box-shadow: 0 0 8px #444;
-webkit-transform: scale(2.5);
-moz-transform: scale(2.5);
-ms-transform: scale(2.5);
-o-transform: scale(2.5);
transform: scale(2.5);
}

#sizedisplay	{
margin-top: 15px;
border-left: solid 1px #333333;
border-top: solid 1px #333333;
border-bottom: solid 1px #333333;
float: left;
}

#king-caption-top	{
font-size: 24px;
font-weight: bold;
color: #2b6088;
border-bottom: solid 1px #2b6088;
margin: 20px 20px 7px 20px;
}

#king-caption	{
margin: 0 20px 20px 20px;
font-size: 13px;
}

#kname	{
color: #3075aa;
font-size: 18px;
font-weight: normal;
margin-bottom: 2px;
}

#kname div	{
font-size: 12px;
color: #000000;
font-weight: normal;
padding-top:3px;
}

.item-table #kname div {
margin-bottom: 8px;
font-size: 15px;
}

#infbar	{
margin: 0 auto 0 auto;
display: block;
}

#viewup	{
padding: 15px 100px 0 0;
text-align: center;
}

#highlight-tab-big	{
text-align: center;
}

/* .......... REVIEWS .......... */

#ytimesReviewsResult {
clear: both;
margin: 20px 0;
}

.yss-rev-review {
padding-bottom: 15px;
border-bottom: 1px solid #eee;
font-style: italic;
}

.yss-rev-stars {
float: right;
vertical-align: middle;
}

#itemarea #revholder {
padding: 0;
text-align: left;
}

#revholder	{
padding: 10px 100px 0 0;
text-align: center;
}

/* .......... COLORBOX .......... */
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
User Style:
Change the following styles to modify the appearance of ColorBox.  They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(overlay.png) repeat 0 0;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(loading.gif) no-repeat center center;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}

/*
The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/* .......... REVIEWS.......... */

.yss-rev-review {
padding-bottom: 15px;
border-bottom: 1px solid #eee;
font-style: italic;
}

.yss-rev-stars {
float: right;
vertical-align: middle;
}

.item-table #revholder {
padding: 0;
text-align: left;
}

.item-table #revholder #mss-reviews {
margin-left: 0;
}

#revholder	{
padding: 10px 100px 0 0;
text-align: center;
}

/* .......... ITEM RELATED CONTENTS .......... */

.item-related {}

.item-related-title {
margin: 30px 0 13px;
border-bottom: 0;
}

.item-related-contents {}

.item-related-contents .contents-item .image {
width: 160px;
height: 160px;
margin: 0 auto;
}

.item-related-contents .contents-item.shirt .image {
height: 193px; /* 160 + 28 + 5 */
}

.item-related-contents .contents-item .image a {
height: 160px;
line-height: 160px;
}

.item-related-contents .contents-item .image a img {
max-width: 100%;
max-height: 160px;
}

.item-related-contents .contents-item .name,
.item-related-contents .contents-item .description,
.item-related-contents .contents-item .prices {
font-size: 12px;
}
/* ITEM RELATED CONTENTS 1 (frequently bought together) */

#item-related-1 {}
#item-related-1-title {}
#item-related-1-contents {}

/* ITEM RELATED CONTENTS 2 (you may also like) .......... */

#item-related-2 {}
#item-related-2-title {}
#item-related-2-contents {}

/* .......... YS SUPERBAR ACCOUNT .......... */

#ys_superbar {left:0; margin:0 auto; position:static; top:0; width:762px; height:22px;}
#ys_cpers { float:left; }
#yfc_mini { float:right; }
.ys_clear { clear:both; }
#yscp_welcome_msg { margin:0px 10px 0px 5px; display:none; line-height:20px; color:#000; }
#yscp_signin_link { display:none; line-height:20px; color:#fff; }
#yscp_signout_link { margin-left:10px; display:none; line-height:20px; }
#yscp_myaccount_link { display:none; line-height:20px; margin-right:10px; margin-left:10px; }
.yscp_bold { font-weight:bold; }
a.yscp_link { font-family:verdana,geneva,sans-serif; text-decoration:none; color:#000; line-height:20px; }
a.yscp_link:hover { font-family:verdana,geneva,sans-serif; color:#c07dcc; text-decoration:underline; line-height:20px; }
#custRegDiv a.container-close { top:5px; }
.yui-skin-sam .yui-panel .bd, .yui-skin-sam .yui-panel .ft { background-color:#fff; }
.yui-skin-sam .yui-panel .bd { padding:0px; }
#iframe_id { width:679px; border:1px solid #000; padding:0px; }
#custRegDiv_h.hd { display:none; }
#custRegDiv_mask.mask { background-color:#000000; opacity:0.5; filter:alpha(opacity=50);}
#loadingDiv {height:210px; width:679px; position:absolute; background:#ececec; text-align:center;}
img.loadingImg {margin-top:90px;}
.smb-mc .mini_msg,
.mini_item_count,
.mini_subtotal {
color: #fff !important;
}
.smb-mc .mini_msg{
width:90px !important;
background:url("view-cart.png") no-repeat scroll left 0 top 3px transparent; 
text-align:right !important; 
}

/* .......... YS CROSS SELL .......... */

#ys_relatedItems{margin:0 10px 0 10px}
.ystore-cross-sell-table{width:100%}
.ystore-cross-sell-cell{background-color:white;border:5px solid #f2f2f2;padding:5px;text-align:center;width:30%}
h3.ystore-cross-sell-title{background-color:#ececec;border-bottom:1px solid #d9d9d9;border-top:1px solid #d9d9d9;color:#404040;font-size:16px;margin:0 0 16px 0;padding:14px 0;text-align:center;font-weight:bold}

/* .......... OTHER .......... */

#message,
#caption,
#subCategoryList,
#productList,
.caption {padding: 0 20px 20px 20px; line-height: 18px}

.seo-text {font-size:15px; color:#000;}
.seo-text p {font-size:15px; color:#000;}
.seo-text h2 {
font-weight: bold;
}

#mss-bookmark {
float: right;
margin: 7px 0;
}

.box-for-icon {display: inline-block; position: relative; min-width: 400px;}
.box-for-icon .icon {position:absolute; right:-15px; top:-15px;}

#sec-filters {padding-bottom:30px;}
#sec-filters * {vertical-align:middle;}
#sec-filters .sec-title {font-size:15px; font-weight:bold; padding:0px 0px 3px 3px; margin-bottom:7px; position:relative;}
#sec-filters .sec-title .filter-icon {float:right; width:16px; height:15px; background:url("filter-icon-plus-minus.jpg") no-repeat left center; position:absolute; left:200px; top:5px; cursor:pointer;}
#sec-filters .checkboxes {display:block; margin-bottom:15px;}
#sec-filters .price-range-box .price-inputs {margin-bottom:10px;}
#sec-filters .price-range-box .price-inputs input {width:80px; height:21px; flaot:left; margin-right:10px;}

.fb-display input,
.fb-display .fb-details-row img {max-width: 100%; height: auto;}
.fb-display a {color: #000; font-weight: bold;}

.fb-main { position:relative;clear: both;}
.fb-main .fb-box {display: inline-block; clear: both; width: 25%; margin-bottom: 80px; text-align: center; vertical-align: top;}
.fb-main .fb-box .view-all-dachshund {background:#3075aa; float:left; padding:5px;}
.fb-main .fb-box .view-all-dachshund a {color:#fff;}
.fb-main .fb-box .view-all-dachshund img {margin-right:7px;}
.fb-main .fb-box h2 a {color:#3075aa; font-weight: bold; font-size: 18px;}
.fb-main .fb-box .fb-details .details-left {float:left;}
.fb-main .fb-box .fb-details .details-right .textbox {width:40px;}

.details-price {
font-weight: bold;
}

.kibody .fb-display img {
max-width: 100%;
}

.kibody .fb-details-rating {
width: 75px;
margin: 0 auto;
}

.kibody .sprice {
font-weight: bold;
color: #c00;
font-style: italic;
}

#modalOverlayFrame {top:0;}
#modalOverlayFrame #mss-frame-container {margin-top:30px;}

.info-box a {color:#00f; text-decoration:underline;}

.social-share {
float: right;
width: 200px;
}

.tier-one {
background-color: #0683BB;
padding: 5px 10px;
margin: 5px 0;
}
.tier-one a{
background-color: #0683BB;
padding: 5px 10px;
margin: 5px 0;
}
.tier-one a {
color: #fff;
font-weight: bold;
font-size: 15px;
}
.tier-two {
font-weight: bold;
margin: 20px 30px;
font-size: 15px;
}
.tier-two ul {
margin: 15px 0;
}
.tier-three {
margin: 5px 0 5px 25px;
font-weight: normal;
font-size: 12px;
}

/* .......... REVIEWS .......... */

#reviews {margin: 20px 0;}
	#reviews h2 {padding: 0 0 1px; border-bottom: 1px solid #e7e7e7; color: #e81c7a; font-weight: 900; font-size: 16px; letter-spacing: 0.5px;}
	.review {border-bottom: solid 1px #e7e7e7; padding: 10px 0;}
	/*.review:nth-child(2) {border-top: solid 1px #dadada;}*/
		.reviewHead {width: 100%;box-sizing: border-box;padding: 0px;}
			.reviewerBox {font: normal 12px 'Open Sans','sans serif';}
				span.reviewer {font: bold 14px 'Open Sans','sans serif';color: #000;display:block;}
				span.rating {font: normal 14px 'Open Sans','sans serif';color: #000;padding:6px 0px;display:block;}
				img.reviewStars {display:block;width:auto;height:19px;margin: 0px;}
		.reviewBody {width: 100%;box-sizing: border-box;padding: 0px;}
			.reviewTitle {font: bold 16px 'Open Sans','sans serif';color: #000;padding: 0px 0px 6px;}
			.reviewDate {font: normal 10px 'Open Sans','sans serif';color: #666;}
			.reviewText {font: normal 12px 'Open Sans','sans serif';color: #000;}
				span.summary {font: normal 12px 'Open Sans','sans serif';color: #000;}
				span.reviewbComm {margin: 5px 5px 5px 10px;padding: 10px;background-color: #f0f0f0;border: solid 1px #e0e0e0;color: #606060;display: block;}
					span.reviewbcomm label {display: block;margin-bottom: 5px;color: black;font-weight: bold;}
			.helpful {font: normal 12px 'Open Sans','sans serif';color: #000;padding: 6px 0px 0px;}
				.helpful a {font: normal 18px 'Open Sans','sans serif';}
.writereview {font: normal 12px 'Open Sans','sans serif';padding: 20px 0px;}

div.clearAll {clear:both;height:0;}

#ytimesModalOverlay {background-color: black;filter: alpha(opacity=60);opacity: 0.60;-moz-opacity: 0.60;cursor: wait;position: absolute;top: 0px;left: 0px;z-index: 100000;}
#ytimesModalContainer {box-sizing: border-box;max-height:500px;height:100%;max-width:600px;width:100%;background-color: #2f2f2f;border:1px solid #fff;padding: 3px;z-index: 100001;margin: 0px; overflow: hidden;}
	#ytimesModalClose {display: none; background:url("ytimes-reviews-x.png") no-repeat;width:39px;height:39px;display:inline;z-index:3200;position:absolute;top: 3px;right: 3px;cursor:pointer;z-index: 100002;}
	#wframe{box-sizing: border-box;width:100%;height:100%;}

/* .................... CHECKOUT .................... */

#ys_pageBody {width:1050px !important; text-align:}
#ys_pageBody #ys_pageMessage {margin:10px 50px;}
#ys_pageBody #ys_progress {display:none;}

#ys_mastFoot {margin-bottom:200px; position:relative;}
#ys_mastFoot .icons {position:absolute; width:100%; top:70px;}

/* .......... SLICK SLIDER .......... */

.slick-slider{position:relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus{}
.slick-loading .slick-list{background:#fff url("//sep.turbifycdn.com/ay/mobile/i/ajax-loader.gif") center center no-repeat}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;left:0;top:0;display:block}
.slick-track:before,
.slick-track:after{content:"";display:table}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{float:left;min-height:1px;display:none}
[dir="rtl"] .slick-slide{float:right}
.slick-slide img{display:block}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block;text-align:center;}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;top:30%;margin-top:-10px;padding:0;border:0;outline:0;opacity:.5}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{color:transparent;opacity:1}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{opacity:1}
.slick-prev.slick-disabled,
.slick-next.slick-disabled{opacity:.25}
.slick-prev{left:-25px}
[dir="rtl"] .slick-prev{left:auto;right:-25px}
.slick-prev:before{content:"<"}
[dir="rtl"] .slick-prev:before{content:">"}
.slick-next{right:-25px}
[dir="rtl"] .slick-next{left:-25px;right:auto}
[dir="rtl"] .slick-next:before{content:"<"}
.slick-slider{padding-bottom:15px}
.slick-dots{list-style:none;display:block;text-align:center;padding:0;width:100%}
.slick-dots li{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button{border:0;background:transparent;display:block;height:20px;width:20px;line-height:0;font-size:0;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:hover,
.slick-dots li button:focus{}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity:1}
.slick-dots li button:before{position:absolute;top:0;left:0;content:" ";width:20px;height:20px;font-family:"slick";font-size:15px;line-height:20px;text-align:center;color:black;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before{color:black;opacity:.75}
.slick-slide img{display:inline}
.slick-slide img{max-width:100%;height:auto;vertical-align:bottom}
.slick-dots li button{background-image:url("//sep.turbifycdn.com/ay/mobile/i/mobile-scroller-bullet_1.png");background-repeat:no-repeat;background-position:center middle;opacity:.2}
.slick-active button{opacity:1!important}
.slick-prev{background-image:url("bg-slick-slider-arrow-left.png");left:0;height:56px;width:33px;color:transparent!important}
.slick-next{background-image:url("bg-slick-slider-arrow-right.png");right:0;height:56px;width:33px;color:transparent!important}

.slide .txt,
#productList .item .txt{margin-top:10px}

.slide .txt a,
#productList .item .txt a{display:block;font-size:17px;font-weight:bold;color:#136993;text-align:center;margin:0px 10px}

.slide .pr,
#productList .item .pr{font-size:15px;font-weight:bold}

.slide .pr .reg,.item .pr .reg{color:#787878;font-weight:normal;text-decoration:line-through}

body.item .slick-prev{left:-20px}
body.item .slick-next{right:-20px}

.homeBestsellers .slide{background-color:white;font-size:10pt;margin:0 10px;padding:10px 0 24px;text-align:center;width:174px;height:auto !important;}

/* .................... MOBILE / RESPONSIVE .................... */

.mobile-banner,
.mobile-footer {
display: none;
}

/* .................... 1388 ................... */
@media only screen and (max-width : 1388px) {
	
	body {
	background: #fff;
	}
	
	.wrap {
	width: 100%;
	}
	
	.content-wrap {
	padding: 0 20px;
	}
	
	.header {
	text-align: left;
	}

	.middle {
	background: none;
	padding: 0 0 20px;
	width: 100%;
	}

	.body .seo-text {width:83%;}
	
	.contents-item {
	/*border-color: #808080;*/
	background: #fff;
	}
	
	.mss-breadcrumbs {
	padding: 0 20px;
	}
	
	.top-section-caption {
	padding: 0 20px 10px !important;
	}
	
	/* HOME */
	
	/*#accordion {display:none !important;}
	.mobile-banner {display:block;}*/
	
	.middle .words {background-size:100%;}
	.middle .feat {background:#fff;}
	.middle .feat .title {width:100%; border-left-width: 0; border-right-width: 0;}
	.middle .msg {width:100%; box-sizing:border-box;}
	
}

/* .................... 1270 ................... */
@media only screen and (max-width : 1270px) {
	
	.top-nav ul.main > li > a {
		padding: 9px 16px;
	}
	
}

/* .................... 1220 ................... */
@media only screen and (max-width : 1220px) {
	
	/* TOP NAV */
	
	.top-nav ul.main > li > a {
	padding: 9px 14px;
	}
	
	/* ITEM SHIRT */
	
	#itemarea.shirt #item-order {
	width: calc(100% - 435px);
	}
	
}

/* .................... 1200 ................... */
@media only screen and (max-width : 1200px) {
	
	td.nav {
	display: inline-block;
	width: 20%;
	}
	td.body {
	display: inline-block;
	width: 77%;
	}
	td.body td {
	width: 25%;
	display: inline-block;
	}	

	/* HEADER */
		
	.header .search .query {
	width: 300px;
	}

	/* ITEM SHIRT */
	
	#item-shirt-step-2-area .kwmx-tabbox-inner {
	width: 375px;
	}
	
	/* HOME */

	.middle .words div {
	font-size: 18px;
	}	
	
	/*.mss-contents-2,
	.mss-contents-2 tbody,
	.mss-contents-2 tbody tr {
	display: block;
	width: 100%;
	}*/
	
}

/* .................... 1185 ................... */
@media only screen and (max-width : 1185px) {
	
	.top-nav ul.main > li > a {
	font-weight: 500;
	font-size: 14px;
	}
	
	#related-items-contents .contents-item {
	width: calc(20% - 10px * 2) !important;
	}
	
}

/* .................... 1170 ................... */
@media only screen and (max-width : 1170px) {
	
	.header-links a {
	font-size: 15px;
	}	
	
}

/* .................... 1150 ................... */
@media only screen and (max-width : 1150px) {

	/* FOOTER */
	
	.footer .cols {
	width: 65%;
	}
	
	.footer .testim {
	width: 30%;
	}
	
	.footer .newsletter {
	width: 100%;
	padding: 0;
	}
	
	.footer .newsletter .title {
	text-align: center;
	}
	
	/* ITEM SHIRT */
	
	/*#item-shirt-step-1-area #kwmx-tab-1,
	#item-shirt-step-1-area #kwmx-tab-2 {
	width: 23%;
	}
	#item-shirt-step-1-area #kwmx-tab-3 {
	width: 29%;
	}*/

	#item-shirt-step-1-area #kwmx-tab-2 {
	width: 90px;
	padding: 0 0 0 40px;
	text-align: left;
	}
	
	#item-shirt-step-1-area #kwmx-tab-1 {
	width: 60px;
	padding: 0 0 0 35px;
	text-align: left;
	}
	
	#item-shirt-step-1-area #kwmx-tab-3 {
	width: 175px;
	}

}

/* .................... 1130 ................... */
@media only screen and (max-width :1130px) {

	/* TOP NAV */
	
	.top-nav ul.main > li > a {
	font-weight: 500;
	font-size: 13px;
	}
	
	/* HOME */
	
	.middle .words div {
	font-size: 16px;
	}		
	
}

/* .................... 1110 ................... */
@media only screen and (max-width :1110px) {

	/* HEADER */
	
	.header .logo {
	left: 15px;
	}

	.header-links .guar {
	margin-left: 15px;
	}

	.header-links {
	float: right;
	margin: 2px 15px 0 0;
	}	

	.header-links a {
	margin-left: 15px;
	}	

	.header-banners {
	clear: right;
	}

	.header-contact {
	left: 355px;
	top: 8px;
	height: 151px;
	}	

}

/* .................... 1075 ................... */
@media only screen and (max-width : 1075px) {

	/* TOP NAV */

	.top-nav ul.main > li > a {
	padding: 9px 10px;
	}

}

/* .................... 1060 ................... */
@media only screen and (max-width : 1060px) {

	/* TOP NAV */

	.top-nav .feat {
	display: none; 
	}

	.top-nav .a-z a {
	padding: 7px 9px 7px 9px;
	}	
	
}

/* .................... 1040 ................... */
@media only screen and (max-width : 1040px) {

	.mss-vertical-seperator {
	display: none;
	}
	
	.mss-cross-sell-item {
	display: inline-block !important;
	width: 33% !important;
	margin-bottom: 30px;
	}
	
	.mss-cross-sell-table tr {
	display: block;
	}
	
	#kwm-item-right {
	width: calc(97% - 400px);
	margin-right: 0%;
	}
	
}

/* .................... 1020 ................... */
@media only screen and (max-width : 1020px) {

	body {
	background-size: 100%;
	}

	.middle {
	width: 100%;
	box-sizing: border-box;
	}

	.footer {width:100%; box-sizing:border-box;}

	.top-nav ul li ul {width:100%;}
	.top-nav .a-z a {padding:7px 12px;}

	.mss-cross-sell-title {
	width: 100%;
	display: block;
	}

	.top-section-caption {
	width: 100%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	}

	.body .sec-caption2 {
	margin: 0px 0px 10px 0px;
	width: 100%;
	padding: 0 10px;
	}

	.mss-cross-sell-table {width:99%;}

	/* HEADER */
	
	.header-banner1 {right:0; top:63px;}
	.header-banner2 {right:0; top:88px;}
	.header-banner3 {right:0; top:117px;}

	/* HOME */
	
	.mobile-banner {display:block;}

	#accordion {display:none;}
	
	.middle .words {width: 100%;}
	.middle .feat .title {width:100%;}
	.middle .msg {width:100%; box-sizing:border-box;}
	.middle .feat {width:100%;}
	.middle #accordion {display:none !important;}
	
	/* CONTENTS */
	
	.contents-item {
	width: 50% !important;
	height: auto !important;
	}
	
	.contents-item .image .shirt-color-swatches {
	position: relative;
	max-width: 170px;
	margin: 5px auto 0;
	background-size: 100% auto;
	}
	
	/* ITEM SHIRT */
	
	#item-shirt-step-1-area .kwmx-tabs,
	#item-shirt-step-1-area .kwmx-tabs-h {
	display: block;
	clear: left;
	margin: 0 0 7px 0 !important;
	}
	
	#item-shirt-step-2-area .kwmx-tabbox-inner {
	width: 249px;
	}
	
	#item-shirt-step-4-area .sizebutton {
	margin: 0;
	}
	
	#item-shirt-step-4-area .size-chart-label {
	clear: left;
	width: auto;
	margin-left: 0;
	}

	#item-shirt-addtocart {
	width: calc(100% - 100px);
	}

	#katc {
	max-width: 100%;
	}

}

/* .................... 990 ................... */
@media only screen and (max-width : 990px) {
	
	/* TOP NAV */
	
	.top-nav ul.main > li > a {
	padding: 9px 5px;
	}
	
	/* ITEM SHIRT */

	/*#item-shirt-step-1-area #kwmx-tab-2 {
	width: 75px;
	font-size: 16px;
	}	

	#item-shirt-step-1-area #kwmx-tab-1 {
	width: 50px;
	font-size: 16px;
	}

	#item-shirt-step-1-area #kwmx-tab-3 {
	width: 145px;
	font-size: 16px;
	}*/
	
	/* RELATED ITEMS */

	#related-items-contents .contents-item {
	width: calc(25% - 10px * 2) !important;
	}

}

/* .................... 950 ................... */
@media only screen and (max-width : 950px) {
	
	/* HOME */
	
	.middle .words div {
	font-weight: bold;
	text-shadow: 3px 2px 2px #000;
	}	
	
}

/* .................... 930 ................... */
@media only screen and (max-width : 930px) {
	
	/*#item-shirt-step-1-area .shirt-step-body {
	clear: left;
	}

	#shirt-step-1 {
	width: auto;
	margin-bottom: 10px;
	}

	#shirt-step-1 span:first-child,
	#shirt-step-1 span {
	display: inline-block;
	margin-right: 10px;
	}*/
	
}

/* .................... 920 ................... */
@media only screen and (max-width : 920px) {
	
	/* HEADER */

	.header-logo {
	float: left;
	width: 235px;
	margin: 20px 0 0 10px;
	}
	.header-logo a {
	display: block;
	}
	.header .logo {
	left: 0;
	position: relative;
	}	
	.header .search {
	margin: 15px 15px 0 0;
	}

	.header-contact {
	left: 219px;
	}

	/* ITEM SHIRT - stack */
	
	#itemarea.shirt #item-title,
	#itemarea.shirt #item-images,
	#itemarea.shirt #item-order,
	#itemarea.shirt .view-all {
	float: none;
	clear: both;
	width: auto;
	}
	
	.box-for-icon {
	margin-bottom: 10px;
	}

	.shirt-step-area {
	margin: 0 0 30px;
	}
	
	.shirt-step {
	float: none;
	clear: both;
	width: auto;
	margin: 0 0 15px !important;
	line-height: 24px;
	}
	
	.shirt-step br {
	display: none;
	}
	
	.shirt-step span,
	.shirt-step span:first-child {
	float: left;
	height: 25px;
	margin: 0 10px 0 0;
	}
		
	.shirt-step-body {
	float: left;
	clear: left;
	width: auto !important;
	margin: 0 !important;
	}
	
	#item-shirt-step-1-area .kwmx-tabs,
	#item-shirt-step-1-area .kwmx-tabs-h {
	float: left;
	clear: none;
	margin-right: 10px !important;
	}
	
	#item-shirt-step-2-area .kwmx-tabbox-inner {
	width: 100%;
	}

}

/* .................... 900 ................... */
@media only screen and (max-width : 900px) {

	.top-nav ul.main > li > a {
	padding: 8px 3px;
	}

	.size-chart-label {
	width: 289px;
	font-size: 14px;
	}

	body > center { display: none
	}
	
}

/* .................... 865 ................... */
@media only screen and (max-width : 865px) {
	
	/* FOOTER */
	
	.footer .cols {
	width: 95%;
	padding: 0 2.5% 5% 2.5%;
	}	

	.footer .testim {
	width: 45%;
	}
	
	.footer .newsletter {
	width: 45%;
	padding: 0 2.5%;
	}

	/* TOP NAV */

	.top-nav ul.main > li > a {
	font-weight: 500;
	font-size: 12px;
	}
	
	/* ITEM NORMAL */
	
	#reviewrat > * {
	display: block !important;
	margin: 0 0 4px !important;
	}

	/* ITEM SHIRT */

	#shirt-step-2 {
	width: auto;
	margin-bottom: 10px;
	}
	
	#shirt-step-2 span:first-child,
	#shirt-step-2 span {
	margin-right: 10px;
	display: inline-block;
	}	

	.ksizes {
	width: 44px;
	}	
		
}

/* .................... 840 ................... */
@media only screen and (max-width : 840px) {
	
	.mss-friends {
	float: left;
	margin: 0 18px;
	}
	
	.breadcrumbs .item {
	display: none;
	}
	
	#mss-bookmark {
	float: left;
	clear: left;
	margin: 4px 0;
	}

	/* ITEM */
	
	#kwm-item-left {
	text-align: center;
	}
	
	#altholder {
	width: 400px;
	margin: 0 auto;
	}	
	
	.box-for-icon {
	margin: 0 auto;
	position: relative;
	}	
	
	#itemarea .view-all {
	margin: 20px auto;
	display: block;
	width: 98%;
	}
	
	/*#shirt-step-1 span:first-child,
	#shirt-step-1 span,
	#shirt-step-2 span:first-child,
	#shirt-step-2 span {
	display: block;
	margin-right: auto;
	}	
	#shirt-step-1,
	#shirt-step-2 {
	width: 80px;
	margin-bottom: 0;
	}	
	#item-shirt-step-1-area .shirt-step-body {
	clear: none;
	}	
	#item-shirt-step-2-area .shirt-step-body {
	width: 500px;
	}*/
	
	/* HOME */

	.middle .words div {
	font-size: 14px;
	}
	
}

/* .................... 800 ................... */
@media only screen and (max-width : 800px) {

	/* HEADER */
	
	.header-banners {
	margin: 25px 1% 0 0;
	}

	.header-contact {
	float: left;
	clear: both;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
	margin: 7% 0 0 39%;
	padding: 0;
	background: none;
	}

	.header .search {
	margin: 8px 15px 0 0;
	}

	/* TOP NAV */

	.top-nav ul.main > li > a {
	padding: 8px 0px;
	}
	
	/* RELATED ITEMS */

	#related-items-contents .contents-item {
	/*width: calc(33.3% - 10px * 2) !important;*/
	width: 33.3% !important;
	}
	
}

/* .................... 768 ................... */
@media only screen and (max-width: 768px) {

	/* MENU */
	
	.page-menu .top-nav ul.main {
	display: block;
	}
	
	/* HEADER */

	.header-logo {
	position: absolute;
	float: none;
	top: 5px;
	left: 15px;
	margin: 0;
	padding: 0;
	}

	.header-contact,
	.header-contact a,
	.header-links a {
	text-shadow: 1px 1px 1px #999;
	font-size: 16px;
	}
	
	.header-links {
	position: relative;
	float: right;
	top: auto;
	right: auto;
	margin: 8px 15px 0 0;
	}
	
	.header-links a {
	line-height: 1;
	}
	
	.header-contact span {
	margin-right: 10px;
	}
		
	/* TOP NAV - BAR */

	.top-nav {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #5CC4F9;
	}
	
	.top-nav ul.main	{
	display: none;
	margin: 0;
	padding: 0;
	}
	
	.top-nav ul.main > li {
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	border-top: 1px solid #4CB4E9;
	}
	
	.top-nav ul.main > li > a {
	display: block;
	padding: 8px 0;
	color: #fff;
	text-align: center;
	font-weight: 500;
	font-size: 15px;
	}

	#menu-link {
	display: block;
	}
	
	/* SUB CATEGORY */
	
	td.body {
	width: 100%;
	border-left: 0;
	margin: 0;
	padding: 0;
	}

	td.nav {
	display: none;
	}

	#promo-bar.big {
	height: auto;
	}

}

/* .................... 750 ................... */
@media only screen and (max-width : 750px) {
	
	/* HOME */
	
	.middle .words div {
	font-size: 13px;
	}

	/* HEADER */
	
	.header {
	background-image: url("header-bg2.jpg");
	}

	.header-contact {
	position: relative;
	float: right;
	clear: right;
	top: auto;
	left: auto;
	width: auto;
	height: auto;
	margin: 8px 15px 0 0;
	padding: 0;
	text-align: right;
	line-height: 1;
	}

	.header-contact br {
	display: none;
	}
		
	.header-banners {
	float: right;
	clear: right;
	width: auto;
	margin: 15px 15px 0 0;
	padding: 0 12px 3px;
	border: 2px solid #D13C81;
	border-radius: 15px;
	background-color: #F2EA8A;
	text-align: center;
	}

	.header-banner {
	display: block;
	float: none;
	box-sizing: border-box;
	width: auto;
	margin: 0;
	padding: 0;
	background: none;
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
	line-height: 22px;
	}

	.header-banner a {
	display: block;
	height: auto;
	padding: 0;
	background-image: none;
	line-height: 1.7;
	}
	
	.header-search {
	margin: 11px 15px 10px 0;
	}

	/* ITEM SHIRT */

	#itme-shirt-step-1-area .shirt-step-body {
	width: 380px;
	}

}

/* .................... 720 ................... */
@media only screen and (max-width : 720px) {

	.middle .feat {
	width: 100%;
	}
	
	.middle .feat .title,
	.footer, .middle,
	.middle .msg,
	.top-nav {
	width: 100%;
	box-sizing: border-box;
	}

	.mss-cross-sell-table {width:98%;}

	/* ITEM */

	.item-tabs .tabs-title .desc {line-height:36px; background:none;}

	/* HEADER */
	
	.header {margin:0px auto;}
	.header .free-gift {font-size:14px;}

	.header .search {
	margin: 14px 15px 8px 0;
	}

}

/* .................... 680 ................... */
@media only screen and (max-width : 680px) {
	
	/* HOME */
	
	.middle .words {
	text-align: center;
	}

	.middle .words div {
	width: auto;
	padding: 0 10px;
	}

	/* HEADER */

	.header-logo {
	width: 200px;
	margin: 43px 0 0 10px;
	}
	
}

/* .................... 650 ................... */
@media only screen and (max-width : 650px) {

	.footer {
	padding: 15px 5px;
	}

	.mss-img-cont {
	min-height: auto;
	height: auto;
	}
	
	#item-shirt-step-2-area .kwmx-tabbox-inner {
	width: 375px;
	}

}

/* .................... 630 ................... */
@media only screen and (max-width : 630px) {

	/* HOME */
	
	.middle .words div {
	text-shadow: 0;
	font-weight: normal;
	font-size: 10px;
	}
	
	/* ITEM SHIRT */
	
	/* #display-result: break line */
	
}

/* .................... 600 ................... */
@media only screen and (max-width : 600px) {
	
	#ytimesModalContainer {
	max-height: none;
	max-width: none;
	}

	#related-items-contents .contents-item {
	/*width: calc(50% - 10px * 2) !important;*/
	width: 50% !important;
	}
	
}

/* .................... 580 ................... */
@media only screen and (max-width : 580px) {

	/* HEADER */
	
	.header .search .query {
	width: 200px;
	}

	/* FOOTER */

	.footer .cols .col .title {
	font-weight: 400;
	font-size: 15px;
	}
	
}

/* .................... 540 ................... */
@media only screen and (max-width : 540px) {
	
	td.body td {
	width: 23%;
	padding: 1%;
	}

}

/* .................... 530 ................... */

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

	/* ITEM SHIRT */

	/*#item-shirt-step-1-area .shirt-step-body {
	clear: left;
	}
	
	#shirt-step-1 {
	width: auto;
	margin-bottom: 10px;
	}
	
	#shirt-step-1 span:first-child,
	#shirt-step-1 span {
	margin-right: 10px;
	display: inline-block;
	}	
	
	#shirt-step-2 {
	width: auto;
	margin-bottom: 10px;
	}
	
	#shirt-step-2 span:first-child,
	#shirt-step-2 span {
	display: inline-block;
	margin-right: 10px;
	}	
	
	#kwmx-tab-content-1 {
	clear: left;
	}*/

	#item-shirt-step-2-area .kwmx-tabbox-inner {
	width: 249px;
	}
	
	/* HEADER */
	
	.header-links a {
	font-size: 14px;
	}
	
}

/* .................... 520 ................... */
@media only screen and (max-width : 520px) {

	/* ITEM */

	.item-left {
	width: 100%;
	margin-right: 0;
	}

	.item-right {
	width: 98%;
	}	

}

/* .................... 500 ................... */
@media only screen and (max-width : 500px) {

	.kibody .fb-display .img {
	height: auto !important;
	}	

	/* MAIN BANNER */

	#promo-bar,
	#promo-bar * {
	font-size: 15px !important;
	}
	
	#promo-bar img {
	width: 17px;
	height: auto;
	margin: 0 5px;
	}

	/* HOME */

	.middle .words {
	background-image: none;
	background-color: #0683BB;
	}
	
	.middle .words div {
	font-size: 15px;
	line-height: 26px;
	}
	
	/* HEADER */

	.header,
	.header .wrap {
	min-height: auto;
	background: #A1DAF8;
	}
	
	.header-logo {
	position: absolute;
	top: 0;
	left: 0;
    float: none;
    margin: 3px 0 0 10px;
    width: auto;
    max-width: 190px;
	}

	.header-logo a {
	display: block;
	float: none;
	}

	.header-logo .logo {
	display: block;
	float: none;
	width: auto;
	height: auto;
	max-width: 191px;
	}

	.header-contact > *:not(.phone) {
	display: none;
	}
	
	.header-links {
	position: relative;
	float: right;
	right: auto;
	top: auto;
	margin: 7px 15px 0 0;
	}
	
	.header-links a {
	line-height: 1;
	}

	.header-links > *:not(.viewcart) {
	display: none;
	}

	.header-links a.viewcart {
	padding-right: 26px;
	background: url("view-cart.png") no-repeat 100% 50%;
	}
	
	.header-links a.viewcart,
	.header-links a.viewcart:hover {
	text-decoration: none;
	}

	.header-banners {
	float: right;
	clear: right;
	width: auto;
	margin: 12px 15px 0 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	text-align: right;
	}

	.header-banner {
	float: right;
	clear: right;
	display: inline-block;
	margin: 0;
	padding: 0;
	}

	.header-banner a {
	display: block;
	height: auto;
	padding: 2px 0;
	background: transparent;
	line-height: 1.2;
	}

	.header .search {
	float: left;
	clear: both;
	box-sizing: border-box;
	width: calc(100% - 20px);
	margin: 5px 10px;
	}
	
	.header .search .query {
	width: calc(100% - 38px);
	height: 30px;
	padding: 0 5px;
	font-size: 14px;
	line-height: 30px;
	}
	
	.searchgo {
	margin: 0 0 0 5px;
	}
	
	/* TOP NAV */

	.top-nav {
	background-color: #5cc4f9;
	}

	.top-nav ul.main > li > a {
	font-size: 18px;
	}
	
	/* FOOTER */

	.footer .cols .col {
	width: 50%;
	}	

	/* ITEM SHIRT */

	#kwm-item-left {
	text-align: left;
	}	

	#altholder {
	margin: 0;
	}
	
	#item-shirt-step-1-area .kwmx-tabs,
	#item-shirt-step-1-area .kwmx-tabs-h {
	clear: left;
	}

}

/* .................... 480 ................... */
@media only screen and (max-width : 480px) {

	#menu-link {
	height: auto;
	font-size: 19px;
	line-height: 29px;
	}
	
	.breadcrumbs {
	margin: 5px 10px 0;
	}
	
	.body.sub-category .sub-category-header {
	margin: 0 10px;
	}
	
	.body.sub-category .headline {
	margin: 10px 0;
	font-size: 24px;
	line-height: 1.2;
	}
	
	.body.sub-category .sub-category-header .sec-caption2 {
	padding: 0 5px;
	line-height: 1.3;
	}
	
	/* MAIN BANNER */

	#promo-bar,
	#promo-bar * {
	font-size: 16px !important;
	line-height: 18px !important;
	}

}

/* .................... 478 ................... */
@media only screen and (max-width : 478px) {

	/* ITEM */
	
	#item-title,
	#item-images,
	#itemarea:not(.shirt) #item-caption,
	#item-order,
	#itemarea .view-all	{
	float: none;
	width: auto;
	}
	
	.breadcrumbs {
	float: none;
	}
	
	#mss-bookmark {
	float: none;
	}
	
	#item-title .contenttitle {
	font-size: 22px;
	line-height: 1.2;
	}
	
	/* ITEM NORMAL */
	
	#itemarea:not(.shirt) #item-order,
	#itemarea:not(.shirt) .quantity-and-submit {
	text-align: center;
	}
	
	#itemarea:not(.shirt) .aprice {
	float: none;
	display: inline-block;
	}
	
	#itemarea:not(.shirt) .quantity-and-submit .addtocart-submit {
	margin-left: auto;
	margin-right: auto;
	}
	
	/* CONTENTS */
	
	.body.sub-category .contents,
	.body.sub-category #additional-contents {
	margin-left: 0;
	margin-right: 0;
	padding-left: 2px;
	padding-right: 2px;
	}
	
	#additional-contents-title {
	margin-left: 0;
	margin-right: 0;
	padding-left: 10px;
	padding-right: 10px;
	}
	
}

/* 440 item shirt min width */

/* .................... 425 ................... */
@media only screen and (max-width : 425px) {
	
	.size-chart-label {
	width: 227px;
	font-size: 13px;
	}
	
	.top-section-caption .caption-image {
	display: block;
	float: none;
	margin: 10px auto 15px;
	}
	
}

/* .................... 420 ................... */
@media only screen and (max-width : 420px) {

	/* MAIN BANNER */

	#promo-bar a {
	padding: 3px 8px;
	}
	
}

/* .................... 400 ................... */
@media only screen and (max-width : 400px) {

	/* HEADER */
	
	.header-logo {
	max-width: 164px;
	}
	
	.header-logo .logo {
	max-width: 100%;
	}
	
	.header-banner {
	font-size: 11px;
	}
	
	.header-banner a {
	line-height: 1.1;
	}

	/* ITEM SHIRT */

	#item-shirt-step-area-1 .kwmx-tabs,
	#item-shirt-step-area-1 .kwmx-tabs-h {
	height: 50px;
	line-height: 50px;
	}
	#item-shirt-step-area-1 #kwmx-tab-3 {
	width: 131px;
	font-size: 14px;
	}
	#item-shirt-step-area-1 #kwmx-tab-2 {
	width: 64px;
	font-size: 14px;
	}
	#item-shirt-step-area-1 #kwmx-tab-1 {
	width: 43px;
	font-size: 14px;
	}	
	
}

/* .................... 380 ................... */
@media only screen and (max-width : 380px) {
	
	.fb-section,
	.fb-index {
	display: none;
	}

	#related-items-contents .contents-item {
	width: calc(100% - 10px * 2) !important;
	}

	/* HOME */
	
	.middle .words div {
	font-size: 13px;
	}
	
}

/* .................... 365 ................... */
@media only screen and (max-width : 365px) {
	
	.content-wrap {
	padding: 0 10px;
	}
	
	#item-shirt-step-area-1 #kwmx-tab-1 {
	display: block;
	float: none;
	}

	#item-shirt-step-area-1 #kwmx-tab-2 {
	display: block;
	float: none;
	margin: 15px 0;
	}

	#shirt-step-1 {
	margin-bottom: 30px;
	}	

	.body.sub-category .contents,
	.body.sub-category #additional-contents {
	padding-left: 5px;
	padding-right: 5px;
	}
	
	.contents-item {
	font-size: 14px;
	}
	
	.contents-item .image a .icon {
	top: -8px;
	right: -8px;
	max-width: 45px;
	max-height: 45px;
	opacity: 0.85;
	}
	
	/* HEADER */
	
	.header-logo {
	max-width: 145px;
	}
	
	.header-contact {
	font-size: 15px;
	}

}

/* .................... 340 ................... */
@media only screen and (max-width : 340px) {

	/* HOME */

	.middle .words div {
	font-size: 13px;
	line-height: 18px;
	}

}

/* .................... 330 ................... */
@media only screen and (max-width : 330px) {

	/* FOOTER */

	.footer .cols .col {
	width: 100%;
	margin-bottom: 20px;
	}

	.footer .testim {
	width: 90%;
	}

	.footer .newsletter {
	width: 95%;
	text-align: left;
	}	

	.footer .newsletter .title {
	text-align: left;
	margin-top: 20px;
	}

}

/* new red/pink: #d90c59 */

/* end site css */