@import url('https://fonts.googleapis.com/css2?family=Russo+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Righteous&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Orbitron&display=swap');
html, body {
  height: 100%;
  font-size: 100%;
  overflow-x: hidden;
  font-family: 'Roboto';
}

H1, h1.title {
    font-size: 2.5em!important;
    color: #03a6d7!important;
}

H2 {
    font-size: 1.2em;
    color: black;
    line-height: 100%;
    margin: 0 0 0 0;
    font-weight: 700;
    word-spacing: 8px;
    line-height: 120%;
    letter-spacing: 3px;
}

h2, h3, h4, h5 {
    font-family: "Orbitron",sans-serif!important;
    text-transform: uppercase;
}

h1 {
    font-family: "Righteous",sans-serif!important;
    text-transform: uppercase;
}

.content-page .csc-default { margin: 5px; }

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


#menu ul {
  padding:0;
 }

#menu ul li {
   position:relative;
  }

#menu {
   z-index:999;
  }


#menu ul ul ul.mens-menu li a {
   z-index:999 !important;
 }

#menu ul ul ul.womens-menu li a {
  z-index:999 !important;
 }


#menu {
  width: 100%;
  display:inline-block;
  text-align:center;
  vertical-align: top;
  max-width: 560px;
}

.dropdown-toggle::after {
  display: none;
}

.flexslider {
    margin-right: -15px;
    margin-left: -15px;
}

.flex-direction-nav a {
    height: 55px;
}
.navbar-nav {
    display: -ms-flexbox;
    display: block;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.soleman-logo {
  display: inline-block;
  vertical-align: top;
}

.advanced-search {
  position: relative;
  left: 90px;
}

.soleman-logo a{
  float: right;
  margin-right: 15px;
}

.soleman-logo img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  max-width:95%;
  position: relative;
  top: 10px;
}

#menu ul li {
  float:none;
  display:inline-block;
  list-style: none;
  padding: 5px;
}

.social-search-wrapper {
  float: right;
  /*width: 20%;*/
  position: relative;
}
/*.social-icons-wrapper {
  display:inline-block;
  height:33px;
  vertical-align: top;
}*/
.social-icons {
  /*display: block;
  margin-left: auto;*/
  margin-right: 20px;
  text-align: right;
  /*width: 200px;*/
  padding-top: 5px;
  /*padding-bottom: 15px;*/
  height: auto;
  /*overflow: hidden;*/
}
.social-icon img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  max-height:25px;
}
/*.social-icons a {
  display: block;
  width: 100%;
}*/
.footwear-search {
  position: relative;
  height: 30px;
  width: 380px;
}
.footwear-search h5 {
  float: left;
  font-size: 1.0em;
}
.footwear-search p{
  position: relative;
  top: -10px;
  right: -90px;
}


img { max-width:100%; }

.menu-area {
  background-color: #d4d4d4;
  width:100%;
  border-top:2px solid #03A6D7;
}

.cycle-slide, .cycle-slide a, .cycle-slide img{
  width:100% !important;
  height:auto !important;
}

.row {
  margin: 0px !important;
}
.col-md-9 {
 background: white; /* no, it can't be combined with .sub-page cos of stacking order */
}
.col-md-6 .csc-default {
  min-height: 605px;
}


.banners {
  margin-top:50px;
  width:100%;
  display:block;
  float:left;
}

.content-page {
  background: linear-gradient(to top right, rgb(209, 212, 220), rgba(255, 255, 255, 0.85));
  background-size: 100% 100%;
  min-height: 92vh;
  margin-top: -100px;
}

.content-area-bg {
background-color: white;
margin-bottom: 100px;
margin-top: 70px;
}

.container-wrapper {
  overflow:hidden;
}

.content-section {
  margin-top: 100px;
}

.flexslider .slides img {
    width: 100%!important;
    display: block;
}

.flexslider h2 {
  display: none;
}

.flexslider div, .flexslider img{
  width:100% !important;
  float:none !important;
  margin:0 !important;
}

.flexslider div.csc-textpic .csc-textpic-imagewrap img {
  padding: 0 !important;
  max-height: 75vh;
}

.flexslider {
  border:0 !important;
}


.ce-column{
  margin-right: 20px;
}

/* -----Diabetic Socks-------*/
#page-41 .sub-page {
padding: 0px !important;
}

#page-41 .csc-default {
margin:0px !important;
}
#page-41 #c210 {
    border-radius: 30px;
    background: #99cdff;
    background-position: center;
    padding: 10px;




}

#page-41 #c198 .ce-textpic {
    padding: 50px;
  }
#page-41 #c198 h2 {
    font-size: 1.2em;
  }
#page-41 #c198 p {
    padding-left: 50px;
}





#page-97 .ce-gallery img {
  max-height: 50px;
}

/******************************************************************************************* POWERMAIL **************************************************************************************/

.tx-powermail input {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    margin-right: 45px;
}



.powermail_submit:active:hover, .powermail_submit.active:hover, .open>.dropdown-toggle.powermail_submit:hover, .powermail_submit:active:focus, .powermail_submit.active:focus, .open>.dropdown-toggle.powermail_submit:focus, .powermail_submit:active.focus, .powermail_submit.active.focus, .open>.dropdown-toggle.powermail_submit.focus {
    color: #fff;
    background-color: #204d74;
    border-color: #122b40;
}

.powermail_submit:active, .powermail_submit.active {
    background-color: #2d6ca2;
    border-color: #2b669a;
}

.powermail_submit:hover, .powermail_submit:focus {
    background-color: #2d6ca2;
    background-position: 0 -15px;
}

.powermail_submit:hover {
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
}

.powermail_submit {
    background-image: -webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%)!important;
    background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca',endColorstr='#ff2d6ca2',GradientType=0)!important;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)!important;
    background-repeat: repeat-x!important;
    border-color: #2b669a!important;
    width: 100px!important;
    color: white!important;
}



#powermail_field_brand4 {
  width: 80%;
}

.tx-powermail label {
  font-weight: 700;
  font-size: 20px;
  font-family: 'Roboto';
}

.powermail_field {
    float: right;
    width: 100%;
    display: inline-flex;
}

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

.powermail_field .radio input {
  height: 25px;
  position: relative;
  top: 25px;
}

.powermail_legend {
  display: none;
}

.tx-powermail {
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
}

.tx-powermail h3 {
  display: none;
}
/******************************************************************************************* POWERMAIL **************************************************************************************/

/*************************************************************************************** MENU CSS ******************************************************************************************/



/*  --------- DESKTOP VERSION  ------------- */

.slicknav_menu {
  display:none;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color:white;
}

#navbarNav ul li:last-child {
  border-right:none;
}

#navbarNav ul li {
  text-decoration: none;
  text-align:center;
  font-family: 'Russo One', sans-serif;
  font-size: 18px; font-weight: 400;
  line-height: 0.8;
}



#navbarNav > ul > li  { text-transform: uppercase; }
#navbarNav a { text-decoration: none; }

#navbarNav ul ul {
  visibility: hidden;
  position: absolute; z-index:200;
  left: 0;
  top: 100%;
  opacity: 1;
  width:220px;
  background-color:#B4B5B6;
  border-bottom:3px solid #469dd4;

}

#navbarNav ul ul li {
  width:217px;
  border-bottom:1px solid #0e3d5a;
  border-right:none;

}

#navbarNav ul li li:hover {
  background-color:none;
  color:#469dd4;

}

#navbarNav ul ul li a {
  text-align:center;
  padding: 8px 20px;
  margin: 0; color:black; font-weight:normal;
  font-family: 'Russo One', sans-serif;
}



#navbarNav ul ul li a:hover { color:#469dd4;   }

#navbarNav ul li:hover > ul {
  visibility: visible;

}

#navbarNav ul ul ul{

  left: 100%;
  top: 0;
  display:none;
}

#navbarNav ul ul ul.womens-menu {
  left: 100%;
  top: 0;
  display:block;
}


#navbarNav li li:hover ul {
  background:#102952;
  color:#469dd4;
}

#navbarNav li li li:hover {color:#469dd4;  }

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #212B66;
    border: 1px solid transparent;
    border-radius: .25rem;
    color: white;
}

.fa-bars {
  color: white;
}




/* ================= FOOTWEAR GRID MENU ================= */

.womens-menu .grid { width:138px; display:block; float:left; margin: 11px 0 0 11px; }
.womens-menu .grid h2 { color:#03a6d7; font-size:14px; border:none; font-family:tahoma; background:none; }
.womens-menu .grid ul { border:none; }

#navbarNav ul ul ul.womens-menu li { border:none; width:125px; line-height:12px;  }
#navbarNav ul ul ul.womens-menu li a { margin:0; padding:4px 0 4px 6px; font-size:12px !important; font-family:tahoma !important; }
#navbarNav ul ul ul.womens-menu li a:hover { background-color:#ffffff; color:#000000;}

#navbarNav ul ul ul.womens-menu {
  display: block;
  left: 100%;
  top: 0;
  min-height:416px;
  width:600px;
}


.mens-menu .grid { width:138px; display:block; float:left; margin: 11px 0 0 11px; }
.mens-menu .grid h2 { color:#03a6d7; font-size:14px; border:none; font-family:tahoma; background:none; }
.mens-menu .grid ul { border:none; }

#navbarNav ul ul ul.mens-menu li { border:none; width:125px; line-height:12px;  }
#navbarNav ul ul ul.mens-menu li a { margin:0; padding:4px 0 4px 6px; font-size:12px !important; font-family:tahoma !important; }
#navbarNav ul ul ul.mens-menu li a:hover { background-color:#ffffff; color:#000000;}

#navbarNav ul ul ul.mens-menu {
  display: block;
  left: 100%;
  top: 0;
  min-height:264px;
  width:600px;
}




.kids-menu .grid { width:138px; display:block; float:left; margin: 11px 0 0 11px; }
.kids-menu .grid h2 { color:#03a6d7; font-size:14px; border:none; font-family:tahoma; background:none; }
.kids-menu .grid ul { border:none; }

#navbarNav ul ul ul.kids-menu li { border:none; width:125px; line-height:12px;  }

#navbarNav ul ul ul.kids-menu li a { margin:0; padding:4px 0 4px 6px; font-size:12px !important; font-family:tahoma !important; }
#navbarNav ul ul ul.kids-menu li a:hover { background-color:#ffffff; color:#000000;}

#navbarNav ul ul ul.kids-menu {
  display: block;
  left: 100%;
  top: 0;
  min-height:264px;
  width:200px;
}

/* ========== CSS MEDIA QUERY TO HIDE DESKTOP MENU AND SHOW RESPONSIVE MENU   ================== */




#navbarNav-area, #navbarNav, .slicknav_menu  {
  background-color: #b4b5b600;
}


.slicknav_menu { display:block; }


}


/*************************************************************************************** MENU CSS ******************************************************************************************/


#treat {
  width: 95%;
  padding-top: 50px;
  padding-bottom: 100px;
  float: left;
  display: block;
  margin-left: 2.5%;
  margin-right: 2.5%;
  text-align: center;

}

#treat .csc-default {
  width: 25%;
  margin-left: auto;
  margin-right: auto;
  float:left;
}

#treat .csc-textpic-center-outer, #treat .csc-textpic-center-inner {
  float:none;
  left:0;
  right:0;
}

#treat img {
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  height: 305px;
  max-width: 350px;
}


.page-wrap {
  min-height: 100%;
  margin-bottom: -81px;
}


.page-wrap:after { content: ""; display: block; }
.footer-bg, .page-wrap:after { height: 81px; overflow:hidden;}


.cycle-prev, .cycle-next {
  height:50% !important;
  margin-top:12% !important;
}


.footer-bg {
  float:left;
  width:100%;
  height:81px;
  padding:0;
  border-bottom:2px solid #08162b;
  border-top:2px solid #08162b;
  background:url(images/foot-bg.webp) repeat center bottom;

}



.footer { width:950px; margin:0 auto; font-size:0.9em; line-height:1.8em;}
.footer p { color:#ffffff; text-align:center; }
.footer a { color:#ffffff; font-weight:bold; }




.cycle-caption { top: 10px }
.slider .cycle-caption { bottom: 10px; top: auto; font-size: 20px; font-weight: bold }
h3 { margin-top: 30px }
#captionArrow, #overlayArrow { position: absolute; color: red; white-space: nowrap; font-size: 20px }
#captionArrow { top: 10px; left: 102%; }
#overlayArrow { bottom: 15px; right: 102%; }

/* prev / next links */
.cycle-prev, .cycle-next { position: absolute; top: 0; width: 30%; opacity: 0; filter: alpha(opacity=0); z-index: 800; height: 100%; cursor: pointer; }
.cycle-prev { left: 0;  background: url(https://malsup.github.com/images/left.png) 50% 50% no-repeat;}
.cycle-next { right: 0; background: url(https://malsup.github.com/images/right.png) 50% 50% no-repeat;}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

/*div:before { font-size:2em; color:#ffffff; font-family:tahoma; }*/


.container-wrapper {
  width:100%;
  height:auto;
  float:left;
  background: linear-gradient(to top right, rgb(209, 212, 220), rgba(255, 255, 255, 0.85));
  background-size: 100% 100%;
  min-height: 92vh;
  }

#logo-area { width:auto; display:block; margin:10px 0 10px 0; }



.banners-mobile { display:none; }

#brands-love {
  width:950px; height:223px;
  float:left;
  background: url(images/brands_you_love-bg.png) top left no-repeat;
}

#brands-love .tx-jpcarousel-pi1 {
  margin:44px 0 0 56px; }


#brands-love .carouselbuttons a.carouselnext img { right:26px; }
#brands-love .carouselbuttons a img { top:48px; }




<!-- ============ -->

.tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser A { color:white; text-decoration:none; }
.tx-mininews-pi1 .tx-mininews-pi1-listrow P.tx-mininews-pi1-listrowField-teaser A:hover { color:white; text-decoration:none; }


.carouselContainer { box-shadow:none; }

.holder {
  text-align:center;
  margin:0 auto;
  width:100%;
  height:auto;
}


.holder img { background-color: #ffffff; border:1px solid #BDB9A8; padding:2px; margin:20px 0px; height:auto;}
.holder ul { text-align:left;}
.image-desc { padding-top:0 !important; /*border-top:4px solid rgb(25, 99, 84);*/ }


h1 {
  font-family: "Righteous", sans-serif !important;
  text-transform: uppercase;
}
h2, h3, h4, h5 {
  font-family: "Orbitron",sans-serif !important;
  text-transform: uppercase;
}

H1, h1.title {
  font-size: 2.5em !important;
  color: #03a6d7 !important;
}
h1.title {
  font-family: "Righteous",sans-serif !important;
}

H2 {
  font-size: 1.2em;
  /*color: #336699;*/
  color: black;
  line-height: 100%;
  margin: 0px 0 0px 0px;
  font-weight: bold;
  word-spacing: 8px;
  line-height: 120%;
  letter-spacing: 3px;
}

H3 {
  font-size: 2.5em;
  color: #03a6d7;
}

H4 {
  font-size: 2.2em;
  color: #71C9B7;
}
H5 {
  font-size: 1.7em;
  color: #336699;
}

p, li, .title, .spanResults  {
  font-size: 13px;
  font-family: arial, sans-serif;
  color:#000000;
  text-transform: none;
}

HR {
  color: black;
}


a {color: #00a6d7;}
/*a:hover {color: #336699;}
a:active {color: black !important; }
*/

.checkbox input[type="checkbox"], .checkbox input[type="radio"], .radio input[type="radio"] {
    opacity: 1 !important;
}

.footer,
.footer a {
  color:#fff;
  font-family: arial, sans;
  font-size: 14px;
  text-shadow: 0px 0px 12px #000000;
}

/* THIS IS THE HEART OF TYPO. Change this, and the Typo base goes haywire! */
.bodytext
{

}

.socks-table {  }
.socks-table ul { font-weight:normal; line-height:19px; padding-left:10px;}
.socks-table ul li { margin-bottom: 7px;}

.tx-jpcarousel-pi1
{
  margin: 0px 0px 0px 25px;
}
.carouselContainer
{
  background: none !important;
}


/* get rid of that stupid border around colorboxes! */
a { outline:none !important; }
#colorbox{outline:0;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}



.subcolumns h2 {
  background-image: none;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  padding: 5px 0 5px 5px;
  margin: 10px 0 10px 0;
  font-weight: normal;
}

#c5429 .subcolumns a {
  text-decoration:none;
  color:#336699;
  font-weight:bold;
  line-height:21px;
  margin:0 0 0 10px;
  font-size:15px;
  display:block;
}

#c5429 .subcolumns a:hover { color:#000000;  }


#c5512 .subcolumns h2 {
  background-image: none;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  padding: 5px 0 5px 5px;
  margin: 10px 0 10px 0;
  font-weight: normal;
}

#c5512  .subcolumns a {
  text-decoration:none;
  color:#336699;
  font-weight:bold;
  line-height:21px;
  margin:0 0 0 10px;
  font-size:15px;
  display:block;
}
#c5512  .subcolumns a:hover { color:#000000;  }


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

#c6487 .subcolumns h2 {
  background-image: none;
  background-color: #ffffff;
  border-bottom: 1px solid #cccccc;
  padding: 5px 0 5px 5px;
  margin: 10px 0 10px 0;
  font-weight: normal;
}

#c6487  .subcolumns a {
  text-decoration:none;
  color:#336699;
  font-weight:bold;
  line-height:21px;
  margin:0 0 0 10px;
  font-size:15px;
  display:block;
}
#c6487  .subcolumns a:hover { color:#000000;  }



/* ============ FORM STYLING STARTS ================ */

/* ----- CUSTOM FORM STYLING AS OF 20160201 --------------  */

div.csc-mailform li label { width:194px !important; margin-right:0 !important; }
#ValueBox{ display:block; margin:0 0 0 195px; }
#CaptchaImg { display:block; margin:10px 0 10px 195px; position:static; border: 1px solid #cccccc; }
.csc-mailform ol { list-style:none !important }
.csc-mailform ol li { list-style:none !important; margin:0 0 2px 0 !important; }

.csc-mailform input[type="text"] {
  font-family: tahoma;
  width: 220px;
  height: 30px;
  font-size: 12px;
  BORDER: 1px solid #b6b6b5;   /* change */
  margin: 0 0 10px 0;
  padding:0 0 0 5px;
}

/* SUBMIT BUTTON STYLING  */
.csc-mailform input[type="submit"]  {
  BACKGROUND-COLOR: #0C1B34;  /* change */
  COLOR: #ffffff;             /* change */
  margin: 20px 0 0 195px;
  padding: 8px 20px 8px 20px;
  border: 1px solid #000000;
  cursor: pointer;
}

/* SUBMIT BUTTON STYLING ON MOUSEOVER  */
.csc-mailform input[type="submit"]:hover  {
  BACKGROUND-COLOR:#333333;  /* change */
  COLOR:#ffffff;             /* change */

}

.csc-form-element-textarea textarea { width:220px; }

/* ============ FORM STYLING ENDS ================ */



/* *** MULTISHOP ********************************************** */

.StormAccordion > a {
  text-decoration: none;
}
label.ui-dform-label  {
  font-family: "Russo One",sans-serif;
  color: #03a6d7;
  font-size: 1.5em;
  text-transform: uppercase;
  margin: 5px 0px 5px 0px;
}
#multishop_products_searchform {
  position:absolute;
  top: 6px;
  right: 19px;
}
.tx-multishop-pi1 {
    font: 12px Roboto;
}
.tx-multishop-pi1 h1, .tx-multishop-pi1 h2, .tx-multishop-pi1 h3 {
  display: block;
}
.tx-multishop-pi1 strong {
    font-weight: 700;
    font-family: 'russo one';
    font-size: 16px;
}
.tx-multishop-pi1 .category a {
    color: black !important;
}
.tx-multishop-pi1 ul {
    list-style-type: none;
    font-family: Roboto;
    font-size: 14px;
    line-height: 150%;
    padding: 0px;
}
.tx-multishop-pi1 .checkbox input[type="checkbox"], .tx-multishop-pi1 .checkbox input[type="radio"], .tx-multishop-pi1 .radio input[type="radio"] {
    opacity: 0 !important;
}

.tx-multishop-pi1 .price {
    display: block !important;
    text-align: center;
    font-weight: bold;
}
.tx-multishop-pi1  .price_div {
    display: block !important;
    float: right;
    width: 48%;
}
.products_price {
  text-align: center;
}
.special_red: before {
  content: "Sale: "
}
.special_red { color: red !important; }

.tx-multishop-pi1 .price:before, .tx-multishop-pi1 .old_price:before, .special_regular:before  {
   content: "MSRP: ";
}
.old_price {
  text-decoration: line-through;
  color: #666666;
}

.listing_item .specials_price:before {
  content: "Sale: "
}
.listing_item .specials_price {
    font: bold 16px Roboto !important;
    color: red !important;
}

.tx-multishop-pi1 .amount_cents:before {
   content: ".";
}

.msFrontAddToCartBtn {
  display: none !important;
  }

.ribbon-new, .ribbon-comingsoon {
  position: relative;
  width: 300px;
  height: 20px;
  background: red;
  border: 1px solid;
  font-family: arial, sans;
  font-size: 12px;
  color: white;
  visibility: hidden;
  z-index: 1000;
}

.tx_multishop_pi1_core .image {
  display:block;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
/*
select[name=categories_id] option:first {
  display:none;
}*/

div#category_listing > div{
  text-align:center;
  display:block;
  margin-left:auto;
  margin-right:auto;
  /*float:none;*/
}

.tx-multishop-pi1 ul {
  list-style-type:inherit;
}

#typo3multishop_logo {
  display:none;
}

#multishop_add_to_cart, .price_div, .quantity, .ms_admin_logo {
  display:none;
}
/*#multishop_add_to_cart, .quantity { display: block; }*/

#tx_multishop_pi1_core #crumbar-center {
  font-size: 1.2em;
}

.productlisting_item img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  /*height:275px;*/
  margin-left: auto;
  margin-right: auto;
  margin-top:20px;
  margin-bottom:20px;
}

.price {
  display:none;
}

.short_description-comingsoon {
  font-family: "Righteous",sans-serif;
  text-transform: uppercase;
  font-size: 1.5em;
  color: #5cb85c;
  text-align: center;
}
.short_description-colours {
  font-size: 1em;
  color: #00a6d7;
  text-align: center;
}

.products_listing_wrapper .listing_item {
  width:70% !important;
}

#category_listing .listing_item {

  width: 100% !important;

}
/*---- LISTINGS CATEGORIES  ----*/
#category_listing {
  font-size:20px;
}

#tx_multishop_pi1_core #category_listing > div .image {
  display:none;
}
/*
#tx_multishop_pi1_core .product_listing .listing_item .productlisting_item {
  min-height: 200px;
}*/


.more_product_images ul {
  display:block;
  list-style-type:none !important;
  margin:0;
  padding:0;
  text-align:center;
  width:100%;
  height:auto;
}

.more_product_images ul li {
  display:inline-block;
  text-align:center;
  margin:10px;
  padding:0;

}

.more_product_images ul li img {
  display:block;
  width:100%;
  text-align:center;
  height:100%;
}

ul#pagenav_container_list {
  display: block;
  /*width: 50%;*/
  margin: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  float: none;
  padding-left:0px;
  padding-right:0px;
  text-align: center;
}

#pagenav_container_list ul {
  margin: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left:0px;
  padding-right:0px;
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  float: none;
  text-align: center;
}

ul#pagenav_container_list li {
  display:inline-block;
  float:none;
  text-align:center;

}
ul#pagenav_container_list li a, ul#pagenav_container_list li span {
  margin: 5px;
  padding: 5px;
  font-size: 1.3em;
}

ul#pagenav_container_list .pagenav_next span, ul#pagenav_container_list .pagenav_last span, ul#pagenav_container_list .pagenav_first span, ul#pagenav_container_list .pagenav_previous span {
  display:none;
}

.sub-page #category_listing a{
  color: black !important;
}

#crumbar-center a {
  color:black !important;
}

.productlisting_item a {
  color: #03a6d7 !important;
}


/* Multishop Ultrasearch Styles Added by Justin - May 16 2017 */

.product_listing_ultrasearch_wrapper .product_listing > div{
  min-height:226px;
}
.product_listing_ultrasearch_wrapper .product_listing > div img {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom:10px;
  max-height: 175px;
  max-width: 275px;
}

.product_listing_ultrasearch_wrapper .product_listing a, .productlisting_item {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

/* End Multishop Ultrasearch */


/* --- Product Details --- */

/*.tx-multishop-pi1 .prod-details-attr {
  display: none;
}*/

.prod-details-attr h3 {
  display: none;
}
.prod-details-attr #attribute_item_wrapper_3 {
  display: none;
}
.prod-details-attr #attribute_item_wrapper_2 {
  display: none;
}


#products_detail .prod-img-details .image {
  border:none !important;
}

#products_detail .prod-img-details .more_product_images a {
  display:inline-block;
  text-align:center;
  /*width:100%;*/
  height:100%;
  border:none;
  margin:0;
  padding:0;
  min-width:75px;
}

#product_detail .listing_item {
  display:inline-block;
  text-align:center;
  float:none;
  width:100%;
  height:100%;
  width:65px;
}

.prod-details-desc {
  font-size:1.5em;
}
.prod-details-desc ul > li > ul {
  margin: 0px !important;
}
.prod-details-desc ul > li > ul > li {
  list-style: circle;
  list-style-position: inside;
}


#products_detail .prod-details-desc {
  font-size: 1.5em;
  display: block;
  width: 48%;
  float: right;
  margin:0;
  padding:0 0 0 13px;
}

#products_detail .prod-img-details {
  width:50%;
  margin:0;
  padding:0;
}


#products_detail .prod-img-details .image {
  width:100%;
  text-align:center;
}

/* --- Sizes available/in stock -------------- */
#products_detail .products_attributesWrapper {
  padding: 0px 0px 0px 20px;
}
#products_detail .prod-details-attr {
  width: 50%;
  float: left;
}
#products_detail .attribute_item_wrapper div[id^=attribute_item_wrapper_4_] {
  width: 50px;
  float: left !important;
}
#attribute_item_wrapper_4 > label {
  width: 100%;
  height: 40px;
  background: url(images/stock-legend.jpg) no-repeat top left;
}
#products_detail #attribute_item_wrapper_4 .checkbox label::before {
  display: none;
}
#products_detail #attribute_item_wrapper_4 label[for^=attributes4] {
  border: 1px solid grey;
  padding: 5px;
  width: 50px;
  text-align: center;
  margin: 0px -2px 5px 0px;
}
#products_detail .attribute_item_wrapper .in-stock label {
  background-color: #03a6d7;
}
#products_detail #attribute_item_wrapper_5 {
  position: absolute;
  z-index: -1000;
}
.products_attributes {
  border: none;
 /* border-top: 1px solid grey;*/

}
/*--- end sizes available/in stock */

#products_detail .prive_div . specials_price {
  font-size: 19px !important;
}

#products_detail .order_button a {
  display: inline-block;
  font-family: 'Russo One',sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  color: black;
  padding: 10px 20px 10px 20px;
  font-size: 19px;
  margin: 5px 0px 10px 0px;
  border-radius: 23px; /* half of height */
  height: 46px;
  background: #00a5d7;
}

#bottom-navigation a {
  text-decoration: underline !important;
  color: black !important;
  background: none !important;
  width: 0px !important;
  font-size: 1.2em !important;
}
#page-3 #bottom-navigation a {
  width: 100% !important;
  text-align: left !important;
}
#page-3 #bottom-navigation #multishop_add_to_cart {
}


/* --- End Product Details --- */


/* *** END MULTISHOP ******************************************************* */





/* *** PRODUCT INQUIRY FORM ******************************************************* */

.powermail_form .form-group {
    margin: 0px !important;
}

.powermail_fieldset_2,
.powermail_fieldset_4 {
   background-color: #dadada;
}

.powermail_fieldset_3,
.powermail_fieldset_5 {
   background-color: #ededed;
}

.powermail_fieldset_3,
.powermail_fieldset_4,
.powermail_fieldset_5 {
   display: none;
}


@media (min-width: 900px) {
  .powermail_fieldwrap_headingstable {
    width: 100%;
  }
  .powermail_fieldwrap table {
    display: inline-table;
    width: 100%;
    background-color: #ededed;
  }

  .powermail_fieldset_2 .control-label,
  .powermail_fieldset_3 .control-label,
  .powermail_fieldset_4 .control-label,
  .powermail_fieldset_5 .control-label {
    display: none;
  }

  .powermail_fieldset_2 .col-sm-9,
  .powermail_fieldset_3 .col-sm-9,
  .powermail_fieldset_4 .col-sm-9,
  .powermail_fieldset_5 .col-sm-9 {
    width: 98%;
  }

  .powermail_fieldset_2 .form-control, .powermail_fieldset_2  .col-sm-9,
  .powermail_fieldset_3 .form-control, .powermail_fieldset_3  .col-sm-9,
  .powermail_fieldset_4 .form-control, .powermail_fieldset_4  .col-sm-9,
  .powermail_fieldset_5 .form-control, .powermail_fieldset_5  .col-sm-9 {
    padding: 5px 0px 5px 5px
  }

  .powermail_fieldwrap {
    float: left;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  .powermail_field textarea {
    overflow: auto;
    resize: vertical;
    width: 100%;
    margin-right: 45
}

  .powermail_fieldwrap_headingstable .col-sm-9,
  .powermail_fieldwrap_headingstable .col-sm-12 {
    width: 100%;
  }


  [class*="powermail_fieldwrap_brand"] {
    width: 25%;
  }

  [class*="powermail_fieldwrap_stylename"] {
    width: 30%;
  }

 [class*="powermail_fieldwrap_colour"] {
    width: 20%;
  }

 [class*="powermail_fieldwrap_size"] {
    width: 10%;
  }

 [class*="powermail_fieldwrap_deleterow"] {
    width: 15%;
  }


}

@media (max-width: 899px) {

  .powermail_fieldwrap_headingstable {
    display: none;
  }

  #c451 { background: none !important; } /* CFIB OPEN IMAGE On HOME PAGE */

}


/* *** END PRODUCT INQUIRY FORM ******************************************************* */




@media               screen and (min-width: 220px) and (max-width: 850px),
screen and (min-device-width: 480px) and (max-device-width: 850px),
only screen and (max-device-width: 480px) and (orientation:portrait),
/* iphone 4*/   only screen and (-webkit-min-device-pixel-ratio : 1.5),
/* iphone 5*/   only screen and (min-device-pixel-ratio : 1.5)

{

  #page-35 .content-page {
    background-position: top left !important;
  }

  .container-fluid {
    padding: 0px !important;
  }

  #page-41 #c198 .ce-textpic {
    padding: 10px;
  }
  #page-41 #c198 p {
    padding-left: 0px;
  }


  /*=====  USE THESE STYLES IF YOU USING 2,3,4 COLUMNS JFMULTI CONTENT =======  */
  .subcolumns .c25l[style]  { display:none !important; width:100% !important; float:none !important; }
  .subcolumns .c25r[style] { display:none !important; width:100% !important; float:none !important; }
  .c16l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {
    float: none;
    width:100%;
  }
  .c16r, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
    float:none;
    width:100%;
  }

  .cycle-slideshow { width: 100% }
  .cycle-slideshow img { width: 100%; height: auto }
  .cycle-slide { width:100% !important; height:auto !important }


  body {
    background:url(images/2016-fall-background.jpg) no-repeat center top fixed; background-size:cover;
  }


  /* ====== SOLEMAN NEW CODE AS OF 2015, JUNE 14 =============== */

  #logo-area { width:auto; display:block; }

  .banners { display:block; }
  .banners-mobile { display:none; width:100%; height:auto; margin:0; }

  .social-search-wrapper {
    width: 100%;
  }
  .social-icons {
    width: 20%;
  }

  /* *** MULTISHOP *** */
  .footwear-search {
    top: 20px;
    width: 380px;
    height: 50px;
    margin: 0px auto;
  }
  #multishop_products_searchform {
    position: relative;
    top: -15px;
    right: 0px;
    text-align: center;
  }
  #products_detail .prod-img-details
  {
    width: 100%;
  }
  #products_detail .prod-details-desc {
    width: 100%;
    float: left;
  }

  .leftItem.col-sm-4, .middleItem.col-sm-4, .rightItem.col-sm-4 {
    width: 50%;
    float: left;
  }
  .product_listing_ultrasearch_wrapper .product_listing > div img {
    width: 100% !important;
  }
  .product_listing_ultrasearch_wrapper .product_listing > div {
    min-height: 160px !important;
  }


  .carouselbuttons a img {  }


#treat {
  text-align: left;
  padding: 50px 0 0 0;
  background: none;
  height:auto; width:90%;
  float:none; margin:0 auto;
}

#treat .csc-default { float:none; }
#treat img { width:100%; height:auto; }
#treat .csc-default { width:75%; }

#brands-love:before { content:"Brands You Love"; color:#01a8d9; margin:0 0 0 5px;  font-weight:bold;
  text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #fff, 0 0 50px #fff, 0 0 75px #fff;

}

#brands-love {
  width:100%; height:auto;
  float:none;
  background-image:none;
  margin:25px 0 0 0;

}



#brands-love .tx-jpcarousel-pi1 {
  margin:44px 0 0 56px; }


#brands-love .carouselbuttons a.carouselnext img {}
#brands-love .carouselbuttons a img {  }


/* FOR INNER PAGES GALLERY CONTENT */
.sub-page .galleriffic_content {
  float:none; overflow:visible; width:100%; height:auto;
}

.slideshow-container {
  height:auto !important;
  min-height:auto !important;
}


.slideshow a.advance-link {
  height:auto !important; line-height:1px !important; width:100% !important;
}

.slideshow img { width:100% !important; height:auto; padding-top:10px; }

.galleriffic_content .image-title {
  font-size:1.2em !important;  border-bottom:2px solid #196354 !important; text-align:left !important; position:static; top:0; left:0; right:0; }

span.image-caption { width:100% !important; position:static !important; float:left !important; }

.slideshow span.image-wrapper { position:static !important; }

.caption-container { clear:none !important; position:static !important; height:auto !important; }

.image-desc ul { display:block; }

.holder img { display:none; } /* hiding child thumbs of big thumbs, not the thumbs at bottom */


.footer { width:100%; margin:0 auto; line-height:1.3em; }
.footer p {font-size:0.9em;}
.footer a { font-size:0.9em;}

/* MEN BRANDS */
#c2535 .csc-textpic-imagewrap[style] { width:auto !important;}
#c2535 .csc-textpic-imagerow[style] {width:auto !important; }
#c2535 DIV.csc-textpic DIV.csc-textpic-imagerow[style] {
  line-height: 3em !important;
  margin-left: 12px !important;
}

/* WOMEN BRANDS */
#c2534 .csc-textpic-imagewrap[style] { width:auto !important;}
#c2534 .csc-textpic-imagerow[style] {width:auto !important; }
#c2534 DIV.csc-textpic DIV.csc-textpic-imagerow[style] {
  line-height: 3em !important;
  margin-left: 12px !important;
}


/* WOMEN BRANDS */
#c2601 .csc-textpic-imagewrap[style] { width:auto !important;}
#c2601 .csc-textpic-imagerow[style] {width:auto !important; }
#c2601 DIV.csc-textpic DIV.csc-textpic-imagerow[style] {
  line-height: 3em !important;
  margin-left: 12px !important;
}




@media (max-width: 767.98px) {

  .advanced-search {
    display: none!important;
  }

  .social-icons {
    margin-left: 280px!important;
}
}





/* ---- RESPONSIVE CODING FOR BRANDS YOU LOVE SECTION ---- */

#prevc2388[style], #nextc2388[style] { display:block !important; }

#brands-love .tx-jpcarousel-pi1 { margin:0; }

.carouselContainer {
  width:87% !important;
  height:auto !important; }

#c2388 .carousel {
  margin-left:0 !important;
}

#c2388 .jpcarousel { left:50px; }
#c2388 .jpcarousel li { margin:1px; }
#c2388 .jpcarousel[style] {
  right: 0 !important;
  width: 100% !important;
}

#c2388 .caroufredsel_wrapper[style] {
  bottom: 0 !important;
  display: block  !important;
  float: none  !important;
  margin: 0  !important;
  top: 0 !important;
  width: 100% !important;
  height:143px !important;
}

#c2388 .carouselbuttons a.carouselnext img { right:-35px  !important;}


/* CLOTHING SECTION */

.csc-textpic-intext-left-nowrap div[style] { margin-left:0 !important;}
DIV.csc-textpic-imagewrap { float:none; }
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float:none; }

#ValueBox{ margin:0px; }
#CaptchaImg {margin:10px 0 10px 0; }
.csc-mailform input[type="submit"]  { margin: 20px 0 0 0;  }


} /* media ends ---- */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {

  #logo-area img { width:220px !important; height:auto; }


}

/* Justin edits for jfmulticontent */
.subc {
  padding: 0px 1em 0px 0px;
}

.subcr {
  padding: 0px 0em 0px 0px;
}

@media (max-width: 575.98px) {
.content-page {
    height: auto;
    min-height: auto!important;
}

.social-icons {
  width:100%;
  text-align: center;
  margin-left: 0!important;
}

#navbarNav > ul > li {
    text-transform: uppercase;
    text-align: left;
    font-size: 13px;
}

.navbar-expand-md {
  background-color: #00befc;
}

.navbar-nav {
    display: flex;
}

#navbarNav ul li:hover {
    background-color: #212b6600;
}

.navbar-expand-md {
    background-color: #00befc;
    width: 100%!important;
    background-size: 100% auto;
    min-width: 100%;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #212B66;
      color: #fff;
}
}

@media (max-width: 767.98px) {

  .advanced-search {
    display: none!important;
  }

  .social-icons {
    margin-left: 280px;
}

  .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    display:block;
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }

  .csc-textpic-intext-left-nowrap a, .csc-textpic-intext-left-nowrap img {
    display:block;
    margin-left:auto;
    margin-right:auto;
  }

  .csc-textpic-intext-left-nowrap img {
    min-width:50%;
    height:auto;
  }

  .csc-textpic-intext-left-nowrap .csc-textpic-text {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }

  .footwear-search h5 {
    display: none;
  }


.StormAccordion > a:before {
    content:"- ";
}
.StormAccordion > a.collapsed:before {
    content:"+ ";
}


}





@media screen and (min-width: 992px) {

  #menu ul li {
    padding: 6px 16px;
    margin: 0 5px 0 0;
    /*display:block;*/
  }

}


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

  .soleman-logo {
    width:100%;
  }

  #menu {
      width: 100%;
      display: flex;
      text-align: center;
      vertical-align: top;
      max-width: 550px;
      margin-right: auto;
      margin-left: auto;
  }

/*
#menu ul {
  background: none;
  margin: 0;
  padding: 0;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block;
  float: none !important;
  width: 95%;
}

#menu ul li {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  float: none !important;
}

#menu ul li {
  padding: 5px 8px !important;
  position: relative;
  list-style: none;
  display: inline-block;

}*/




}

@media (min-width:850px) {

#menu a {
  color:black !important;
}

#menu a:hover{
  color:#469dd4 !important;
}

#menu ul ul {
  background-color: #B4B5B6 !important;

}

#menu ul li li:hover {
  background: #B7B7B7 !important;
  width: 217px;
}
}

.listing_item a:visited: {color: black !important;}








@media (max-width:1200px) {
.soleman-logo {
  width:100%;
}

.soleman-logo img, .soleman-logo a {
  float:none;
  text-align:center;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

#menu {
  width:100%;
}

.social-icons-wrapper {
  width:100%;
}

.social-icon, social-icon a {
  width: 33.333%;
  margin: 0;
  padding: 0;
  float:left;

}

.social-icon img {
  max-height: 60px;
}


} /* end media query */


@media (max-width: 575.98px) {
.navbar-light .navbar-nav .nav-link {
    color: white;
}
}


@media (max-width:767px) {

  .social-icons {
    width:100%;
    text-align: center;
  }




  #products_detail .prod-img-details
  {
     width: 100%;
  }

  #products_detail .prod-details-desc {
    width: 100%;
    float: left;
  }

  .tx-multishop-pi1  .price_div {
    float: left;
  }

}

@media (max-width:1350px) and (min-width:1056px) {

#treat img {

    height: 255px;

}




}

@media (max-width:1055px) and (min-width:856px) {
#treat .csc-default {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  float: left;
}

#treat img {

  height: 300px;
  margin-bottom:25px;
}



} } /* end media query */


@media (max-width:855px) and (min-width:767px) {
#treat .csc-default {
  width: 50%;
  margin-left: auto;
  margin-right: auto;
  float: left;
}

#treat img {
    height: 225px;
    margin-bottom: 25px;
    width: 265px;
}





} /* end  media query */