/********** ADJUST THE WIDTH DOWN TO 900 FOR SITE GRAPHICS ***********/


#overwrap, div.sb_hpages, header, footer {
    max-width: 920px;
  }
  @media screen and (max-width: 920px) {
    header {
        margin-top: 0;
    }
  }



/**************** MAIN STYLES *********************/

header { background-color: transparent; }

header .sb_content .sitelogo { 
  display: block;
  z-index: 0;
}
header .sb_content .sitelogo a { 
  width: auto; 
  height: auto; 
}
header .sb_content {
  padding: 0px;
}
a { text-decoration: none }

.breadcrumbs, .breadcrumbs a { font-size: .8em}

header .sb_content h1 {
  display: table;
  width: 100%;
  height: 100%;
  margin: 20px 0 20px 0;
  -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}


.viewcartbox, .searchbox { 
  z-index: 99; 
}




@media screen and (min-width: 801px) {
    header .sb_content .sitelogo { text-align: center; }
    header .sb_content .sitelogo img.logo_img { display: block;max-width: 900px;text-align: center; margin: auto;  }
    .headermap {height:452px}
  }


@media screen and (max-width: 800px) {
.headermap {display: none}
 ul.mobile-menu li.cart { display: none}
}

.footer1 { background: url(bottom1.jpg) top center; height: 221px; }

.copy, .copy a { font-size: 10pt; text-align: center; color: #000}

ul.mobile-menu li { width: 24%; }

@media screen and (min-width: 801px) {
      body {background: #d0dea0 url(bg.jpg)}
      .hide-on-full { display: none;}
     #sb_overbox { max-width: 900px;margin:auto }
     #overwrap {background: url(contentbg3.png) repeat-y top center;}
     .footerimg {background: url(makeup1_05.png) no-repeat bottom center; height:45px; }
  }

  @media screen and (max-width: 800px) {
     body {background: #d0dea0 url(bg.jpg)}
    #overwrap { background: url(contentbg3.png) top center; }
    .sidebar_left { background-color: #ffffff; width: 100%;max-width: 100%;-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.75);}
    .sb_hpages nav.sb_hlinks ul li {border-bottom: 1px dotted #ffefef;}
     ul.mobile-menu {border-bottom: 1px dotted #ffefef;}
  }


/**************** SIDEBAR STYLES *********************/

.sidebar_left ul li a, nav.sb_hlinks ul li a  {

 }


/**************** MISC STYLES *********************/

@media screen and (max-width: 800px) {
li {margin-bottom:20px;}
.formbutton {width: 100%;margin-bottom: 5px !important;}
.search_form .formbutton {margin-bottom: 0px !important; margin-left: 3px !important;}
}

 @media screen and (max-width: 1024px) {
.formbutton {border-radius: 0;-webkit-appearance: none;  }
input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="date"], input[type="search"], select, textarea {
 border-radius: 0px;
-webkit-border-radius: 0px;
}
}

@media screen and (min-width: 801px) {
  .formbutton { padding: 8px 5px; margin-left: 2px !important}
}


/**************** SOCIAL STYLES *********************/

/********** SMALLER SOCIALS **************/
.fa-2x {
	font-size: 1.3em;
}
 @media only screen and (min-width: 801px) {
.social-links {
	text-align: left;
}
}
 @media only screen and (max-width: 800px) {
.social-links {
	text-align: center
}
}
.social-links a {
	background: #262626; /****** CHANGE PER SITE *******/
	color: #FFFFFF;  /******* CHANGE PER SITE ********/
	border-radius: .2em; /* 1.5 circle - .2 rounded square */
	-moz-border-radius: .2em;/* 1.5 circle - .2 rounded square */
	-webkit-border-radius: .2em;/* 1.5 circle - .2 rounded square */
	display: inline-block;
	font-size: 1.2em; /* change for larger or smaller */
	line-height: 1.5em;
	text-align: center;
	width: 1.5em;
}

/*************  PEEKABOO ************/

 @media only screen and (min-width: 801px) {
.hide-on-full {
	display: none !important;
	width: 0;
	height: 0;
}
}


 @media only screen and (max-width: 800px) {
.hide-on-mobile {
	display: none !important;
	width: 0;
	height: 0;
}
}