/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
================================================== */
body {
	padding:0;
	margin:0;
	background-color:#b66397;
	background-image:url(../img/bg-fade.png);
	background-position:top left;
	background-repeat:repeat-x;
	font-size:14px;
	font-family: 'Open Sans', sans-serif;
	color:#666;
}
a {
	outline:none;
	color:#b66397;
	text-decoration:none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
a.btn {
	background-color: #b66397;
	border: 2px solid #b66397;
	color: #FFFFFF;
	padding: 10px 20px;
	margin: 10px 0;
	display: inline-block; 
	font-weight: bold;
}
a.btn:hover {
	background-color: #FFFFFF;
	border: 2px solid #b66397;
	color: #b66397;
}
h1 {
	font-family: 'Open Sans', sans-serif;
	color:#b66397;
	font-weight:800;
	font-size:29px;
	line-height:1.2em;
	padding:0 10px 0 10px;
	text-align:center;
}
h2 {
	font-family: 'Open Sans', sans-serif;
	color:#b66397;
	font-weight:600;
	font-size:20px;
	line-height:1.6em;
	padding:10px 10px 10px 10px;
	text-align:center;
}
h3 {
	font-family: 'Open Sans', sans-serif;
	color:#b66397;
	font-weight:600;
	font-size:20px;
	line-height:1.2em;
	padding:0 10px 0 10px;
	text-align:center;
	margin:16px 0 16px 0;
}
h4 {
	font-family: 'Open Sans', sans-serif;
	color:#b66397;
	font-weight:800;
	font-size:40px;
	line-height:1.2em;
	padding:0 10px 0 10px;
	text-align:center;
}
strong {
	font-weight:800;
	color:#b66397;
}
.header {
	background-color:#f6f8f9;
	border-top:#b66397 solid 10px;
	height:130px;
	text-align:center;
}
.header img {
	padding-top:15px;
}
.wrapper {
	background-color:#FFF;
	padding:20px 0;
	margin-bottom:40px;
}
.shop {
	background-color:#f8EFF4;
	padding:8px;
	overflow: hidden;
}
.shop p {
	margin:0;
}
.shop .text {
	padding: 10px 0 10px 0;
}
.shop h3 {
	font-family: 'Open Sans', sans-serif;
	color:#b66397;
	font-weight:600;
	font-size:24px;
	line-height:1.2em;
	padding:0;
	text-align:left;
	margin:0;
}
.clear {
	clear:both;
}
.sunday {
	font-weight:bold;
	color:#ed1c24;
}
.flash {
	background-color:#b66397;
	text-align:center;
	margin:0 0 10px 0; 
}
.flash.pink {
	background-color:#c582ad;
}
.flashinner {
	margin:20px; 
}
.flash h1, .flash p {
	color:#FFF;
	font-weight: bold;
}
.returns {
   font-size:80%;
}
.item {
	width: 31%;
	float: left;
	margin: 1%;
}
.item img {
	width: 100%;
}
.item-full {
	width: 98%;
	float: left;
	margin: 1%;
}
.item-onethird {
	width: 31%;
	float: left;
	margin: 1%;
}
.item-half {
	width: 48%;
	float: left;
	margin: 1%;
}
.item-twothirds {
	width: 64%;
	float: left;
	margin: 1%;
}
.item-full img,
.item-half img,
.item-twothirds img,
.item-onethird img {
	width: 100%;
}

.largeitem {
    width: 100%;
    float: left;
    margin: 1%;
}
.largeitem img {
	width: 100%;
}
.dotted-top {
	border-top: 1px dashed #b66397;
}
.dotted-bot {
	border-bottom: 1px dashed #b66397;
	margin-bottom: 20px;
}
.text-center {
	text-align: center;
}
.footer {
	text-align:center;
}
.green{
	color: #dede00  !important;
}		
.darkpurple{
	color: #481832 !important;
}
#owl-demo .item{
margin: 3px;
}
#owl-demo .item img{
display: block;
width: 100%;
height: auto;
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.shop-img {
	width: 98%;
}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
h1 {
	font-size:30px;
}
h2 {
	font-size:16px;
	padding: 10px 20px;
}
.shop {
	padding: 0;
}
.shop-img {
	width: 100%;
}
.shop .text .columns {
	width: 90%;
	padding: 10px 20px;
}
.item {
    width: 48%;
    float: left;
    margin: 1%;
}
	.item-2col {
	width: 98%;
}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.header {
	height: 100px;
}
.header img {
    padding-top: 15px;
    padding-bottom: 15px;
}
h1 {
	font-size:26px;
}
.flash h1 {
	font-size:20px;
}
h2 {
	font-size:14px;
	padding: 10px 20px;
}
.shop {
	padding: 0;
}
.shop-img {
	width: 100%;
}
.shop .text .columns {
	width: 90%;
	padding: 10px 20px;
}
.item {
    width: 98%;
    float: left;
    margin: 1%;
}
		.item-2col {
	width: 98%;
}
.fancybox-inner {
    height: 300px!important;
}
}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/