body {
    background-image: url("../images/body-bg14.jpg");
    font-family: "Roboto",sans-serif;
    font-weight:300;
    color: #444444;
}
strong{
    font-weight:400;
}
label{
    display:block;
    font-weight:normal;
}
.fwb{
    font-weight:400;
}
.roboto300{
    font-family: "Roboto",sans-serif;
    font-weight: 300; 
}
.roboto400{
    font-family: "Roboto",sans-serif;
    font-weight: 400; 
}
.lancelot300{
    font-family: 'Glass Antiqua', sans-serif;
    font-weight: 400;
}
p{
    line-height:1.6em;
    margin:5px 0 15px;
}
.container {
    background-color: #fff;
    box-shadow: 0 6px 3px 3px rgba(0, 0, 0, 0.2);
    max-width: 976px;
}
.container0pad{
    padding:0;
}
h1, h2, h3, h4, h5, h6 {
    /*font-family: "Roboto",sans-serif;*/
    font-family: 'Glass Antiqua', sans-serif;
    font-weight: 400;
    color: #e6255c;
    line-height: 1.1em;
}
#header{
    background-color:#f8f8f8;
}
#logo{
    padding:0 10px 10px;
    max-width:500px;
}
a:link, a:visited, .fakelink {
    color: #0e85aa;
    text-decoration: none;
}
a:hover, a:active, .fakelink:hover {
    color: #e52a5c;
    text-decoration: none;
}
#top_bar {
    background: url("../images/grey-bar-bg.gif") repeat-x scroll 0 0 transparent;
    color: #0e85aa;
    font-size: 14px;
    padding: 6px 10px;
}
#top_bar ul{
    float:right;
}
#top_bar li a:link, #top_bar li a:visited {
    color: #0e85aa;
    text-decoration: none;
}
#top_bar li a:hover, #top_bar li a:active {
    color: #e52a5c;
    text-decoration: none;
}
#tagline{
    color:#0e85aa;
}
#mainmenu{
    clear:both;
}
.cycle-slideshow{
    width:100%;
}
.cycle-slideshow img { width: 100%; height: auto; }

.box_rounded{
    border:1px solid #D3D3D3;
    box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius:4px;
    padding:10px;
    margin:10px;
    font-size:13px;
}

#home_featured .box_rounded{
    border:1px solid #D3D3D3;
    box-shadow:2px 2px 3px 0 rgba(0, 0, 0, 0.2);
    border-radius:4px;
    padding:10px;
    margin:10px;
    font-size:13px;
    height:150px;
}
#home_featured h2 a:link, #home_featured h2 a:visited {
    color: #e52a5c;
    text-decoration: none;
}
#home_featured h2 a:hover, #home_featured h2 a:active {
    color: #0e85aa;
    text-decoration: none;
}
#home_featured h2{
    font-size:24px;
    margin:0;
}
#home_featured .links{
    font-size:13px;
    float:left;
    margin:0 10px 0 0;
    max-width:140px;
}
#home_featured .pic{
    float:right;
    margin:0;
}
#home_featured .pic img{
    max-width:110px;
    max-height:80px;
    float:right;
    margin:2px;
}


#footer {
    background-color: #fafafa;
    border-color: #e6255c;
    border-image: none;
    border-style: solid;
    border-width: 2px 0;
    clear: both;
    margin: 0;
    padding: 10px;
}
.square-300{
    max-width:300px;
    max-height:300px;
}
.cat-description{
    position:relative;
}
.pink-tabs, .pink-tab-content {
    border-bottom: 1px solid #e6255c;
}
.pink-tab-content {
    padding: 10px;
    margin-bottom:20px;
    border-left: 1px solid #e6255c;
    border-right: 1px solid #e6255c;
    border-radius: 0 0 4px 4px;
}
.pink-tabs > li.active > a, .pink-tabs > li.active > a:hover, .pink-tabs > li.active > a:focus {
    background-color: #fff;
    border-color: #e6255c #e6255c transparent;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    color: #e6255c;
    cursor: default;
}
.pink-tabs > li > a:hover {
    color:#fff;  
    background-color: #e6255c;  
    border-color: #e6255c #e6255c #e6255c;
}
.grid-list > li {
    position:relative;
    background-color: #fefefe;
    border: 1px solid #eee;
    float: left;
    font-family: "Roboto",sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 10px 25px 10px;
    padding: 10px;
    transition:all 0.5s ease 0s;
}
.grid-list > li:hover {
    border:1px solid #F2AEBF;
    background-color: #FFF2F6;
    border-radius:4px;
    box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
}
.grid-list-300 > li {
    height:300px;
}
.grid-list-200 > li {
    height:200px;
}
.grid-list-160 > li {
    height:160px;
}
.grid-list-bottom{
    position:absolute;
    left:0;
    bottom:10px;
    width:100%;
    text-align:center;
}
.grid-image-holder{
    width:120px;
    height:100px;
    margin:10px auto;
    text-align:center;
    /*border:1px solid #ddd;
    border-radius:4px;*/
}
.grid-image-holder img{
    vertical-align:bottom;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 4px;
}
.grid-list-title-3line{
    width:100%;
    height:60px;
    overflow:hidden;
}
.grid-list-title-2line{
    width:100%;
    height:47px;
    overflow:hidden;
}
.btn-pink {
  background-color: #F23067;
  border-color: #E7245C;
  color: #fff;
}
.btn-pink:hover, .btn-pink:focus, .btn-pink:active, .btn-pink.active, .open .dropdown-toggle.btn-pink {
  background-color: #DD1C53;
  border-color: #D6154C;
  color: #fff;
}
.btn-pink .badge {
  background-color: #fff;
  color: #DD1C53;
}

.product_cat_nav {
  background-color: #fafafa;
  border: 1px solid #ef628a;
  border-radius: 4px;
  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
  padding: 5px;
}
#catmenu{
    padding:5px 10px 5px 5px;
}

.menu_button_seperator{
    background:transparent url('../images/pink_arrow_right.jpg') no-repeat left center;
    width:23px;
    height:23px;
}
.button_breadcrumb .dropdown-menu > li > a {
  clear: both;
  color: #E3265C;
  display: block;
  font-weight: 400;
  line-height: 1.42857;
  padding: 3px 20px;
  white-space: nowrap;
}
.button_breadcrumb .dropdown-menu > li > a:hover, .button_breadcrumb .dropdown-menu > li > a:focus {
  background-color: #E3265C;
  color: #fff;
  text-decoration: none;
}


/*976 width container*/
@media screen and (min-width: 992px) {
    #home_featured .box_rounded{
        width:293px;
        float:left;
    }
    .grid-list > li {
        width:164px;
    }
}

/*750 width container*/
@media screen and (min-width: 768px) and (max-width:991px) {
    #home_featured .box_rounded{
        width:340px;
        float:left;
    }
    .grid-list > li {
        width:154px;
    }
}

/*100% width container for 767 and below*/
@media screen and (max-width: 767px) {
    #home_featured .box_rounded{
        width:90%;
        margin:10px auto;
        float:none;
        min-width:290px;
        height:auto;
    }
    .grid-list > li {
        width:148px;
    }
    .button_breadcrumb .menu_button_seperator{
        display:none;
    }
}