@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
@charset "utf-8";

body { margin:0; padding:0 }

.categories { display:block;margin:0 auto;width:1020px; }
.category_box {
	margin:30px 0 0 0;padding:0;
	
	margin-left:auto;margin-right:auto;display:block;
	
	
	height:260px;
	width:1020px;
	display:inline-block;
}
.category_box.organize { border:1px solid #F89C1B;background-color:#fff1de }
.category_box.kids { border:1px solid #ec008b;background-color:#f7d7ea }
.category_box.motivation { border:1px solid #99CA3C;background-color:#f1fcd9 }
.category_box.health { border:1px solid #00adef;background-color:#d5ecf5 }

.category_box * {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.category_image { width:245px;padding:15px 0 0 15px;display:inline-block;vertical-align:text-top; }
.category_image img { width:100%;border-radius:12px; }

.category_products { display:inline-block;width:765px;height:260px;vertical-align:text-top;position:relative;padding-left:15px;overflow:hidden; }


.product { text-align:center;background:#FFF;width:178px;height:258px;margin-right:12px;vertical-align:top;transition:0.2s;-webkit-transition:0.2s;border-top:4px solid transparent }
  .product h3 { font-family:'Oswald', Arial;font-size:22px;margin:0;font-weight:400;line-height:28px; }
  .product p { font-family:'PT Sans', Arial;font-size:17px;color:#888;margin:0;font-style:italic;margin:2px 0 10px 0; }
  .product span { font-family:'PT Sans', Arial;font-size:17px;font-weight:bold;padding:4px 15px;color:#FFF;background-color:#00adef;border-radius:15px; }
  .product span:before { content:"$";font-size:12px;vertical-align:super; }
  .product .image-block { height:140px;width:100%; /* define background-image */ background-position:center;background-size:contain;background-repeat:no-repeat;margin:0 0 10px 0; }

  .product * { text-decoration:none }

  .product:hover { border-bottom:4px solid #99CA3C;border-top:4px solid #99CA3C }

  .product.alt { text-align:center; }
  .product.alt h3 { color:#FFF;font-size:26px;width:100%;height:100%;padding-top:80px }

.organize h3 { color:#f7931d }
.organize span { background-color:#f7931d }

.organize .right-fade {
background: -moz-linear-gradient(left,  rgba(255,241,222,0) 0%, rgba(255,241,222,0.99) 99%, rgba(255,241,222,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,241,222,0)), color-stop(99%,rgba(255,241,222,0.99)), color-stop(100%,rgba(255,241,222,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(255,241,222,0) 0%,rgba(255,241,222,0.99) 99%,rgba(255,241,222,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(255,241,222,0) 0%,rgba(255,241,222,0.99) 99%,rgba(255,241,222,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(255,241,222,0) 0%,rgba(255,241,222,0.99) 99%,rgba(255,241,222,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(255,241,222,0) 0%,rgba(255,241,222,0.99) 99%,rgba(255,241,222,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fff1de', endColorstr='#fff1de',GradientType=1 ); /* IE6-9 */
}

.organize .product.alt { background-color:#f7931d; }
.organize .product:hover { border-bottom:4px solid #f7931d;border-top:4px solid #f7931d }

.kids h3 { color:#ec008b }
.kids span { background-color:#ec008b }

.kids .right-fade {
background: -moz-linear-gradient(left,  rgba(247,215,234,0) 0%, rgba(247,215,234,0.99) 99%, rgba(247,215,234,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(247,215,234,0)), color-stop(99%,rgba(247,215,234,0.99)), color-stop(100%,rgba(247,215,234,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(247,215,234,0) 0%,rgba(247,215,234,0.99) 99%,rgba(247,215,234,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(247,215,234,0) 0%,rgba(247,215,234,0.99) 99%,rgba(247,215,234,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(247,215,234,0) 0%,rgba(247,215,234,0.99) 99%,rgba(247,215,234,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(247,215,234,0) 0%,rgba(247,215,234,0.99) 99%,rgba(247,215,234,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f7d7ea', endColorstr='#f7d7ea',GradientType=1 ); /* IE6-9 */
}

.kids .product.alt { background-color:#ec008b; }
.kids .product:hover { border-bottom:4px solid #ec008b;border-top:4px solid #ec008b }

.motivation h3 { color:#99CA3C }
.motivation span { background-color:#99CA3C }
	
.motivation .right-fade {
background: -moz-linear-gradient(left,  rgba(241,252,217,0) 0%, rgba(241,252,217,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(241,252,217,0)), color-stop(100%,rgba(241,252,217,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(241,252,217,0) 0%,rgba(241,252,217,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(241,252,217,0) 0%,rgba(241,252,217,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(241,252,217,0) 0%,rgba(241,252,217,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(241,252,217,0) 0%,rgba(241,252,217,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f1fcd9', endColorstr='#f1fcd9',GradientType=1 ); /* IE6-9 */
}

.motivation .product.alt { background-color:#99ca3c; }
.motivation .product:hover { border-bottom:4px solid #99ca3c;border-top:4px solid #99ca3c }

.health h3 { color:#00adef }
.health span { background-color:#00adef }

.health .right-fade {
background: -moz-linear-gradient(left,  rgba(213,236,245,0) 0%, rgba(213,236,245,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(213,236,245,0)), color-stop(100%,rgba(213,236,245,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(213,236,245,0) 0%,rgba(213,236,245,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(213,236,245,0) 0%,rgba(213,236,245,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(213,236,245,0) 0%,rgba(213,236,245,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(213,236,245,0) 0%,rgba(213,236,245,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d5ecf5', endColorstr='#d5ecf5',GradientType=1 ); /* IE6-9 */
}

.health .product.alt { background-color:#00adef; }
.health .product:hover { border-bottom:4px solid #00adef;border-top:4px solid #00adef }

.kids .cycle-prev, .kids .cycle-next { background-color:#ec008b }
.motivation .cycle-prev, .motivation .cycle-next { background-color:#99CA3C }
.health .cycle-prev, .health .cycle-next { background-color:#00adef }
	

.cycle-prev { left:2px;padding-left:6px;padding-top:6px; }
.cycle-next { right:5px;padding:6px 0 0 9px; }

.cycle-prev, .cycle-next { transform:translate(0,-50%);position:absolute;top:130px;height:30px;width:30px;border-radius:100%;color:#FFF;font-weight:bold;font-family:Arial,sans-serif;font-size:16px;background-color:#f7931d;text-decoration:none;cursor:pointer; }

.cycle-prev:hover, .cycle-next:hover { opacity:0.75 }

.right-fade { width:30px; height:258px;position:absolute;right:0;top:0; }

.shop-top { margin:0 auto;display:block }

.categories .grid { margin-top:30px; }

h2 { font-family:Oswald, Arial;font-size:26px;font-weight:400;color:#5E3075;margin:10px 0 0 0; }
p { font-family:'PT Sans', Arial; font-size:18px;color:#666;margin:10px 0 15px 0; }


.slideshow_box { height:250px;overflow:hidden; }
.slideshow_box img {
    position: absolute; top: 0; left: 0;
    width: 100%; padding: 0; display: block;z-index:5000
 }
.slideshow_box li { width:100%;height:100%;transition:0.2s;-webkit-transition:0.2s; }
.slideshow_box li:hover { border-bottom:4px solid #99CA3C }
 
.pager { 
    text-align:center; width: 100%;
}
.pager span { 
    font-family: Arial; font-size: 50px;margin-top:-10px;
    display: inline-block; color: #ddd; cursor: pointer; 
}
.pager span.cycle-pager-active { color: #99CA3C;}
.pager > * { cursor: pointer;}



/* Button Stuff */
.button_basic {
	width:100%;max-width:300px;display:inline-block;padding-top:12px;padding-bottom:12px;margin-right:10px;
	border-radius:10px; transition:0.2s;-webkit-transition:0.2s;
	border:2px solid #FFF;
	box-shadow:0 3px 5px rgba(0,0,0,0.15);
	font-family:'PT Sans', Arial, sans-serif;font-size:1.1em;text-align:center;font-weight:700;color:#FFF !important;letter-spacing:1px;line-height:1.2em }
	
.button_basic:hover { opacity:0.8 }

.green .button_basic {
	background: #99ca3c; /* Old browsers */
	background: -moz-linear-gradient(top,  #cfeabb 0%, #99ca3c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfeabb), color-stop(100%,#99ca3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #cfeabb 0%,#99ca3c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #cfeabb 0%,#99ca3c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #cfeabb 0%,#99ca3c 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #cfeabb 0%,#99ca3c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfeabb', endColorstr='#99ca3c',GradientType=0 ); /* IE6-9 */
}
/* Emd pf Button Stuff */