html {min-width: 321px;}

body {
    font-size: 100% ;
}

img {max-width: 100%;}

* {
    max-width: 100% ;
}


#sub ul {
    font-size: 100% ;
}

#header a {
    display: block ;
    height: 44px ;
}

#header {
    display:block;
    width: 100% ;
    background: #fff url(header_small_new.png) top left no-repeat ;
    background-size: auto 44px ;
    background-repeat: no-repeat ;
  /*  left: 43px ; */
    height: 44px !important ;
    margin: 0px ;
    padding: 0px ;
    margin-left: 44px ;

}

#devbanner {
    display: none ;
}

#wrapper {
    min-width: 321px ;
    width: 100% ;
    /* font-size: 125% ; */
    overflow: hidden
}

#header,#menu, #sub, #jsbar, #content, #menu div, #menu form,
        #menu div ul, #menu li {
    position: static ;
    float: none ;
    width: 100% ;
    left: 0px ;
    right: 0px ;
    top: 0px ;
    bottom: 0px ;
    height: auto ;

}

#hrTop, #logo, #search, #page, #homelink, .clear {
		display: none;
}

#login {
	margin-top: 0;
}

#slideshow_ {
    height: 380px;
}

.purpleBar {
	margin-top: 0;
}

.purpleBar p {
	font-size: 2em;
}

.store {
	position: relative;
	bottom: 2px;
}

.featuredPic {
    position: relative;
    height: 167px;
    bottom: 0;
    display: block;
    margin: 15px auto;
    display: block;
    bottom: 0;
    width: 243px;
    z-index: initial;
}

.featuredStoreTitle {
    height: 18px;
    width: 243px;
    background-color: #4F007C;
    font-weight: bold;
    font-size: 15px;
    margin-left: 1px;   
}

.featuredStore {
   position: relative;
   bottom: 2px; 
   height: 141px;
   width: 237px;
}

.storePics {
	margin: 15px auto;
	display: block;
	bottom: 0;
	width: 243px;
}

#socialMedia {
	margin-top: 33px;
}

#barText {
	margin: 0 0 0 .5%
}

#profileInfo {
	float: none;
}
#content {
    background: white ;
    width: 96% ;
    padding-left: 2% ;
    padding-right: 2% ;
}

#wrapper {
    background: white
}

#sub {
    display: none
}

#menu {
    background: #4B017E;
}

#menu div, #responsive-search {
    display: block ;
    text-align: center ;
    font-weight: bold ;
    width: 100% ;
    border-bottom: 1px solid white ;
    padding: 0px ;
    padding-top: 5px ;
    padding-bottom: 5px ;
}

#menu div a, #menu form {
    height: 28px; 
    display: block  ;
}

#menu form input {
    font-size: 100% ;
    width: auto ;
}

#menu ul {
    list-style: disc ;
    width: auto ;
}

/* the left/right bars are popups in small device view */
/*
.pop-leftbar, .pop-navbar {
    display: inline ;
}
*/

#menu .navmore {
    display: none ;
}

#leftbar-popper {
    display: block ;
    position: absolute ;
    top: 0px ;
    left: 0px ;
    background: white url( 'menu.jpg' );
    background-size: cover ;
    width: 44px ;
    height: 44px ;
}

/* by default responsive-show are hidden, they show in small screen
 * mode.  The toggle stuff that gets hidden as a responsive-hide, which
 * would be extra info that doesn't need to show by default in responsive
 * mode */
.responsive-show {
    display: initial
}

.responsive-hide {
    display: none !important;
}


#menu div ul li a:link,
        #menu div ul li a:visited {
    width: 100% ;
    text-align: center
}

.menu-second-row {
    margin: 0;
    padding: 0;
    float: none;
}