@charset "utf-8";
/* CSS Document */
/*  
Theme Name: Scrapendipity 2014
Description: This HTML5 WordPress theme was custom designed and coded for Scrapendipity, and is NOT freeware. Unauthorized use of this code or graphics is a violation of copyright.
Version: 1.0
Author: Genevieve Sass
Author URI: http://lilaccreative.com/

*/

body{
	margin: 0;
	font-family: Helvetica, Arial, Sans-serif;
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	color: #676767;
}

body, h1, h2, h3, h4, h5, h6, blockquote, p, form{
	margin: 0;
	padding: 0;
}

#sb-site{  background: #eef0e2 url(images/grungeBg.jpg) repeat; }

h1, h2, h4, h5, h6{ font-family: 'Pinafore'; font-weight: normal; }

h3{ font-family: 'garamond'; font-weight: normal; }

h1{
	font-size: 24px;
	padding: 0 0 10px 0;
}

h2.pagetitle{
	font-size: 36px;
	line-height: 36px;
	text-align: center;
	margin: 25px;
}

a:link, a:visited{
	text-decoration: none;
	color: #04c3d9;
}

a:hover{
	color: #ed5239;
}

p{
	padding: 0 0 10px;
}

.clear{
	clear: both;
}

blockquote{
	margin: 15px 25px 0;
	padding: 0 0 0 25px;
}

.amatic{ font-family: 'amatic'; font-weight: normal; }

.pinafore{ font-family: 'pinafore'; font-weight: normal; }

.whitebox{ background: #fff; box-sizing: border-box; -webkit-box-shadow: 1px 1px 7px #000; -moz-box-shadow: 1px 1px 7px #000; box-shadow: 1px 1px 7px #000; margin: 0 auto; width: 100%; }

/* Structure */
#wrapper{
	margin: 0 auto;
	max-width: 1000px;
	text-align: left;
	width: 90%;
}

#full-container{ display: block; margin: 0 auto 40px; max-width: 800px; width: 100%; }

#mainHd{
	height: auto;
	max-width: 1000px;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
}

#mainHd img{ height: auto; margin: 0; max-width: 1000px; width: 100%; }
#mainHd h1{ left: 50%; position: absolute; top: 0; text-indent: -9999px; }

/* Top Navigations */
.sb-toggle-left{ display: none; cursor: pointer; height: 37px; float: left; margin: 0; padding-top: 12px; width: 50px;}
.sb-toggle-left .navicon-line{ display: block; background: #414141; height: 5px; margin: 0 auto 3px; width:25px; }
.sb-toggle-left:hover .navicon-line{ background: #ed5239; }

.socialIcons{ float: left; margin: 10px 0 0; padding: 0; width: 150px; }
.socialIcons ul{ list-style: none; margin: 0; padding: 0; }
.socialIcons ul li{ float: left; height: 25px; list-style: none; margin: 0 3px 0 0; padding: 0; text-indent: -9999px; width: 25px; }
.socialIcons ul li a{ background-position: bottom; background-repeat: no-repeat; display: block; height: 25px; margin: 0; padding: 0; width: 25px; }
.socialIcons ul li a:hover{ background-position: top; }
.socialIcons ul li.fbLink a{ background-image: url(images/iconFB.png); }
.socialIcons ul li.twitterLink a{ background-image: url(images/iconTwitter.png); }
.socialIcons ul li.pinLink a{ background-image: url(images/iconPin.png); }
.socialIcons ul li.etsyLink a{ background-image: url(images/iconEtsy.png); }
.socialIcons ul li.rssLink a{ background-image: url(images/iconRSS.png); }

.acctLinks{ float: right; font-size: 11px; line-height: 11px; text-align: right; margin: 12px 0 0; padding: 0; width: 270px; }

/* Main Navigation */
#mainHd #menu-primary-menu{ background: url(images/divider.png) bottom left no-repeat; font-family: 'amatic'; font-size: 28px; height: 30px; line-height: 28px; list-style: none; margin: -10px 0 20px; padding: 10px 0 13px; width: 100%; z-index: 99; }
#mainHd #menu-primary-menu a{ color: #64ad15; display: block; height: 40px; }
#mainHd #menu-primary-menu a:hover{ color: #02b4c9; }
#mainHd #menu-primary-menu li:first-child{ padding-left: 100px; }
#mainHd #menu-primary-menu li{ float: left; list-style: none; margin: 0 40px 0 0; padding: 0; position: relative; }
#mainHd #menu-primary-menu li:last-child{ margin-right: 0; }
#mainHd #menu-primary-menu li ul{
	display: none;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	width: 200px;
	z-index: 99;
}
#mainHd #menu-primary-menu li:hover ul{ display: block; }
#mainHd #menu-primary-menu li ul li{ float: none; margin: 0; padding: 0; }
#mainHd #menu-primary-menu li ul li a{ background: rgba(63,63,63,.5); color: #fff; display: block; font-size: 20px; height: auto; line-height: 20px; padding: 5px 10px 7px; }
#mainHd #menu-primary-menu li ul li a:hover{ background: rgba(63,63,63,1); }


/* Slidebar Nav */
.sb-slidebar .socialIcons, .sb-slidebar .acctLinks{ clear: both; float: none; list-style: none; padding: 10px 15px; text-align: left; }
.sb-slidebar .socialIcons ul{ padding-bottom: 40px;   }
.sb-slidebar ul.acctLinks, .sb-slidebar #menu-primary-menu-1{ border-bottom: 1px solid #fff; margin: 0; padding: 0; width: 100%; }
.sb-slidebar ul.acctLinks li, .sb-slidebar #menu-primary-menu-1 li{ border-top: 1px solid #545454; box-sizing: border-box; font-family: 'amatic'; font-size: 24px; line-height: 24px; margin: 0; padding: 10px 15px; width: 100%; }

/* Footer */
#mainFoot{
	background: url(images/ftBg-full.png) bottom center no-repeat;
	box-sizing: border-box;
	clear: both;
	margin: 0 auto;
	max-width: 1200px;
	min-height: 159px;
	padding: 20px 0 0;
	position: relative;
	width: 100%;
}

.ftBox{ margin: 0; padding: 0; position: absolute; width: 300px; text-align: center; font-size: 12px; line-height: 15px; }
.ftBox h2{ font-size: 24px; line-height: 24px; }

#ftSocial{ left: 50%; margin-left: -380px; }
#ftSocial h2{ color: #04c3d9; }
#ftSocial .socialIcons{ margin: 0 auto; width: 300px; }
#ftSocial .socialIcons ul li.fbLink a{ background-image: url(images/ftFB.png); }
#ftSocial .socialIcons ul li.twitterLink a{ background-image: url(images/ftTwitter.png); }
#ftSocial .socialIcons ul li.pinLink a{ background-image: url(images/ftPin.png); }
#ftSocial .socialIcons ul li.etsyLink a{ background-image: url(images/ftEtsy.png); }
#ftSocial .socialIcons ul li.rssLink a{ background-image: url(images/ftRSS.png); }
#ftSocial .socialIcons ul li{ height: 53px; margin: 0 5px 0 0; width: 53px; }
#ftSocial .socialIcons ul li a{ height: 53px; width: 53px; }

#newsletterSignup{ right: 50%; margin-right: -410px; }
#newsletterSignup h2{ color: #64ad15; }
#newsletterSignup input[type=email]{ background: #cff266; border: 1px solid #64ad15; float: left; height: 35px; width: 75%; }
#newsletterSignup input[type=submit]{ background: #64ad15; border: none; font-family: 'pinafore'; font-size: 18px; height: 35px; float: left; width: 24%; }
#newsletterSignup input[type=submit]:hover{ background: #4a8905; }

#mainFoot p{
	line-height: 18px;
}

p.copy{ font-size: 10px; line-height: 10px; padding: 10px 0; text-align: center; width: 100%; }
p.copy a{ color: #979797; }
p.copy a:hover{ color: #000; }

/* Homepage */
#slider{ height: auto; margin-bottom: 10px; max-width: 1000px; width: 100%; }

#homeProducts{ margin-bottom: 10px; position: relative; width: 100%; }
#homeProducts h2{ 
	background: url(images/bannerNewShop.png) top left no-repeat;
	height: 62px;
	left: 50%;
	margin: 0 0 0 -169px;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	top: 0;
	width: 338px;
	z-index: 99;
}

#homeProducts .product.whitebox{ 
	float: left;
	height: auto;
	margin: 35px 2.6% 0 0;
	max-width: 350px;
	padding: 0;
	width: 23%;
}
#homeProducts .product.whitebox:nth-child(4n+1){ margin-right: 0; }
#homeProducts .product a{ display: block; height: auto; margin: 0; padding: 0; width: 100%; }
#homeProducts .product a img{ height: auto; width: 100%; }

#latest{ clear: both; margin-bottom: 30px; width: 100%; }

#newBlog{ float: left; margin: 0 2% 0 0; padding: 0; position: relative; width: 49%; }
#newBlog h2.sectionTitle{ 
	background: url(images/bannerBlog.png) top left no-repeat;
	height: 70px;
	left: 50%;
	margin: 0 0 0 -150px;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	width: 300px;
	z-index: 99;
}
#newBlog article.post, #newTut article.post{ margin-top: 35px; }

#newTut{ float: left; margin: 0; padding: 0; position: relative; width: 49%; }
#newTut h2.sectionTitle{ 
	background: url(images/bannerTut.png) top left no-repeat;
	height: 66px;
	left: 50%;
	margin: 0 0 0 -150px;
	padding: 0;
	position: absolute;
	text-indent: -9999px;
	width: 300px;
	z-index: 99;
}

/* Post Content */
#main{
	float: right;
	margin-right: -280px;
	width: 100%;
}

#container{ display: block; margin: 0 280px 0 0;  }

.post{
	margin: 0 0 30px; 
	padding: 0;
}

.post .attachment-blogThumb{ height: auto; max-width: 720px; margin: 0; padding: 0; width: 100%; }

.post .title-block{ margin: 0 0 15px; padding: 0; }
.post .title-block h2{ font-size: 28px; line-height: 28px; margin: 0; padding: 0; }
.post .title-block p{ color: #a8a7a7; font-size: 12px; line-height: 14px; margin: 0; padding: 0;}
.post .title-block p.date{ float: left; width: 30%; }
.post .title-block p.commCount{ float: right; text-align: right; width: 30%; }
.post .title-block p.commCount a{ color: #a8a7a7; }
.post .title-block p.commCount a:hover{ color: #02b4c9; }

.post .postmeta, h2.pageTitle, #newBlog .post .postmeta{ background: url(images/blue.gif) repeat; box-sizing: border-box; color: #414141; padding: 0; width: 100%; }
h2.pageTitle{ color: #fff; font-size: 30px; line-height: 36px; text-align: center; padding: 10px; }
.post .postmeta a, #newBlog .postmeta a{ color: #fff; }
.post .postmeta p.cat{ float: left; font-size: 20px; line-height: 24px; padding: 5px 0 5px 15px; width: 70%; }


.entry{
	clear: both;
	padding: 20px;
}

.post .postmeta .socialSharing{ float: right; width: 120px; padding-top: 5px; }
.post .postmeta .socialSharing p{ float: left; font-size: 20px; line-height: 24px; padding: 3px 5px 0 0; }


/* General In-Post Styles */
.entry img{ height: auto; max-width: 100%; }
.entry ol, .entry ul{
	list-style-position: inside;
	margin: 0 0 15px;
	padding: 0 35px;
}

.entry ol li, .entry ul li{
	margin: 0 0 5px;
}

.entry ul{
	list-style: disc;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	line-height: 24px;
	margin: 15px 0 10px;
}

.entry h1{
	font-size: 32px;
	line-height: 36px;
}

.entry h2{
	font-size: 30px;
	line-height: 28px;
}

.entry h3{
	font-size: 28px;
	line-height: 32px;
}

.entry h4{
	font-size: 24px;
	line-height: 28px;
}

.entry h5{
	font-size: 18px;
}

.entry h6{
	font-size: 18px;
}

/* Pagination */
.navigation{
	margin: 0;
	padding: 25px 0;
	text-align: center;
}

p.prev{
	float: left;
	padding: 0;
}

p.next{
	float: right;
	padding: 0;
	text-align: right;
}

.pagination{
	margin: 0;
	padding: 25px 0;
	text-align: center;
}

/* Blue Stuff */
.post a, #newBlog a{ color: #02b4c9; }
.post a:hover, #newBlog .post a:hover{ color: #00a1b3; }

.post .postmeta, h2.pageTitle, #newBlog .post .postmeta{ background: url(images/blue.gif) repeat; box-sizing: border-box; color: #414141; padding: 0; width: 100%; }
h2.pageTitle{ color: #fff; font-size: 30px; line-height: 36px; text-align: center; padding: 10px; }
.post .postmeta a, #newBlog .postmeta a{ color: #fff; }

.post .postmeta p.cat a:hover{ color: #00a1b3; }
.post .postmeta p.more, #newBlog .postmeta p.more{ float: right; margin: 0; padding: 0; width: 130px; }
.post .postmeta p.more a, #newBlog .postmeta p.more a{ background: #02b4c9; display: block; font-size: 24px; line-height: 24px; margin: 0; padding: 5px 10px; text-align: center; }
.post .postmeta p.more a:hover, #newBlog .postmeta p.more a:hover{ background: #00a1b3; }

/* Red Stuff */
.post:nth-child(3n) a, .red a, #newTut .post a{ color: #ed5239; }
.post:nth-child(3n) a:hover, .red a:hover, #newTut .post a:hover{ color: #b62a13; }
.post:nth-child(3n) .title-block p.commCount a:hover{ color: #b62a13; }

.post:nth-child(3n) .postmeta, #newTut .postmeta{ background: url(images/red.gif) repeat; }
.red h3{ background: url(images/red.gif) repeat; box-sizing: border-box; color: #fff; font-family: 'pinafore'; font-size: 28px; line-height: 28px; margin: 0; padding: 5px 0 5px 10px; width: 100%; }
.post:nth-child(3n) .postmeta p.cat a{ color: #fff; }
.post:nth-child(3n) .postmeta p.cat a:hover{ color: #b62a13; }
.post:nth-child(3n) .postmeta p.more a, #newTut .post .postmeta p.more a{ background: #dc3e24; color: #fff; }
.post:nth-child(3n) .postmeta p.more a:hover, #newTut .post .postmeta p.more a:hover{ background: #b62a13; }

/* Green Stuff */
.post:nth-child(3n-1) a, .green a{ color: #85c11d; }
.post:nth-child(3n-1) a:hover, .green a:hover{ color: #62a41b; }
.post:nth-child(3n-1) .title-block p.commCount a:hover{ color: #62a41b; }

.post:nth-child(3n-1) .postmeta{ background: url(images/green.gif) repeat; }
.green h3{ background: url(images/green.gif) repeat; box-sizing: border-box; color: #fff; font-family: 'pinafore'; font-size: 28px; line-height: 28px; margin: 0; padding: 5px 0 5px 10px; width: 100%; }
.post:nth-child(3n-1) .postmeta p.cat a{ color: #fff; }
.post:nth-child(3n-1) .postmeta p.cat a:hover{ color: #62a41b; }
.post:nth-child(3n-1) .postmeta p.more a{ background: #85c11d; color: #fff; }
.post:nth-child(3n-1) .postmeta p.more a:hover{ background: #62a41b; }

/* Sidebar */
.sidebar{
	float: left;
	width: 280px;
	margin: 0 auto;
	padding: 0;
}

.sidebar ul{
	list-style-type: none;
	margin: 0;
	padding: 0 10px 0 0;
}

.sidebar ul li{
	padding: 10px 0 10px 0;
}

.sidebar ul li h2{
	background: url(images/blueTag.png) top left no-repeat;
	box-sizing: border-box;
	color: #fff;
	height: 68px;
	font-size: 30px;
	line-height: 30px;
	padding: 13px 0 0 25px;
	width: 270px;
	-ms-transform: rotate(-2deg); /* IE 9 */
    -webkit-transform: rotate(-2deg); /* Chrome, Safari, Opera */
    transform: rotate(-2deg);
}
.sidebar ul li:nth-child(4n-2) h2{
	background: url(images/greenTag.png) top left no-repeat;
	box-sizing: border-box;
	height: 70px;
	padding: 25px 0 0 25px;
	-ms-transform: rotate(1deg); /* IE 9 */
    -webkit-transform: rotate(1deg); /* Chrome, Safari, Opera */
    transform: rotate(1deg);
}
.sidebar ul li:nth-child(4n-1) h2{
	background: url(images/yellowTag.png) top left no-repeat;
	box-sizing: border-box;
	height: 67px;
	padding: 22px 0 0 25px;
	-ms-transform: rotate(-3deg); /* IE 9 */
    -webkit-transform: rotate(-3deg); /* Chrome, Safari, Opera */
    transform: rotate(-3deg);
}
.sidebar ul li:nth-child(4n) h2{
	background: url(images/redTag.png) top left no-repeat;
	box-sizing: border-box;
	height: 78px;
	padding: 27px 0 0 25px;
	-ms-transform: rotate(1.5deg); /* IE 9 */
    -webkit-transform: rotate(1.5deg); /* Chrome, Safari, Opera */
    transform: rotate(1.5deg);
}

.sidebar ul ul{ padding: 0 0 0 20px; }
.sidebar ul div{ padding: 0 20px;}
.sidebar ul select{ margin: 0 0 0 20px; }
.sidebar ul ul a{ color: #414141; }
.sidebar ul ul a:hover{ color: #676767; }
.sidebar ul ul li{
	padding: 0;
}

.sidebar div img{ height: auto; max-width: 100%; }

table#wp-calendar{
	width: 100%;
}

/* Comments */
.comments-template #commentlist{ margin-bottom: 30px; }

.comments-template #commentlist article{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template #commentlist article:last-child{ border-bottom: none; padding: 0; }
.commAuth{ float: left; margin: 0; padding-bottom: 10px; width: 50%; }
.commAuth strong{ color: #64ad15; }
.commDate{ float: right; margin: 0; padding-bottom: 10px; text-align: right; width: 50%; }
.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-size: 12px;
}

/* Comments Form */
#respondBox p{ padding: 0; }
#respondBox .entry{ box-sizing: border-box; width: 100%; }
#respondBox .entry .inputBoxes{ display: block; box-sizing: border-box; float: left; padding: 0 15px 0 0; width: 50%; }
#respondBox .entry .textBox{ display: block; box-sizing: border-box; float: left; margin: 0; width: 50%; }
#respondBox p.submitButton{ clear: both; }

/* General Form Styles */
input[type=text], input[type=email], input[type=url], input[type=password]{
	background: #d8d8d8;
	border: none; 
	box-sizing: border-box;
	height: 40px;
	margin: 0 0 15px;
	padding: 10px 15px;
	width: 100%;
}
textarea{
	background: #d8d8d8;
	border: none; 
	box-sizing: border-box;
	height: 150px;
	margin: 0 0 15px;
	padding: 10px 15px;
	width: 100%;
}

input[type=submit]{
	background: #ed533a;
	border: none;
	color: #fff;
	font-family: 'amatic';
	font-size: 30px;
	line-height: 30px;
	height: 40px;
	text-align: center;
	width: 100px;
}
input[type=submit]:hover{ background: #cf2e14; }

/* WP Image-in-Post Alignment */

img.alignleft, div.alignleft {
display: block;
float:left;
margin:0 0.5em 0.5em 0;
}

img.alignright, div.alignright {
display: block;
float:right;
margin:0 0 0.5em 0.5em;
}

img.aligncenter, div.aligncenter {
display: block;
text-align:center;
margin:0 auto;
}

/* Responsive Slides */
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

/* Splash */
#splash{ margin-top: 40px; }
#splash h1{ color: #04c3d9; font-size: 48px; line-height: 48px; margin: 0; padding: 30px 0; text-align: center; }

/* WooCommerce Misc */
nav.woocommerce-breadcrumb{ font-size: 12px; line-height: 12px; }
#shopSlider{ margin-bottom: 30px; }

.woocommerce-result-count{ display: none; }
.page-title{ font-size: 30px; line-height: 30px; }

.title a.edit{ padding-top: 25px; }
.title a.edit:after{ clear: both; }

#shopSidebar .widget_shopping_cart .total{ border-color: #505050; }
.sidebar ul.cartLinks{ padding: 10px 5px 0; }
.sidebar ul.cartLinks a{ color: #505050; }
.sidebar ul.cartLinks a:hover{ color: #000; }

#shopSidebar .widget_recently_viewed_products .product_list_widget li img, #blogSidebar .widget_top_rated_products .product_list_widget li img{ display: block; height: auto; margin: 0 5%; max-width: 350px; width: 90%; }
#shopSidebar .widget_recently_viewed_products .product_list_widget li, #blogSidebar .widget_top_rated_products .product_list_widget li{ text-align: center; }

/* Shop Index */
#shopSlider{ height: auto; max-width: 720px; width: 100%; }
#shopSlider img{ height: auto; width: 100%; }
#main #container .products{ list-style: none; margin: 0; width: 100%;}
#main #container .products li.product{
	float: left;
	list-style: none;
	max-width: 350px;
	margin: 0 2% 15px 0;
	padding: 0;
	position: relative;
	width: 32%;
}
#main #container .products li.product:nth-child(3n){ margin-right: 0; }
#main #container .products li.product img{ height: auto; max-width: 350px; width: 100%; }
#main #container span.onsale{ background: url(images/saleBadge.png) top left no-repeat; box-sizing: border-box; color: #fff; font-size: 14px; box-shadow: none; line-height: 14px; font-weight: bold; text-align: center; padding: 13px 10px 0; position: absolute; top: 5px; right: 5px; z-index: 99; width: 58px; height: 58px; }
#main #container .products li.product .entry{ box-sizing: border-box; width: 100%; height: 115px; padding: 10px 10px 35px; position: relative; }
#main #container .products li.product .entry h3{ display: block; font-size: 20px; line-height: 24px !important; margin: 0 0 5px; max-height: 75px; overflow: hidden; padding: 0; height: auto;}
#main #container .products li.product .entry .price{ position: absolute; bottom: 0px; left: 10px; color: #414141; font-weight: bold; font-size: 16px; line-height: 16px;}
#main #container .products li.product .entry .price ins{ background: transparent; color: #ed5239; }
#main #container .products li.product .entry a.add_to_cart_button{ background: #04c3d9 url(images/cartButton.png) center no-repeat; border: none; position: absolute; right: 0; bottom: 0; height: 35px; width: 54px; text-indent: -9999px; }
#main #container .products li.product .entry a.add_to_cart_button:hover{ background-color: #04a7ba; }
#main #container .products li.product .entry a.added_to_cart{ display: none; }
#main #container .products li.product .entry a.add_to_cart_button.added{ background: #04c3d9 url(images/addedButton.png) center no-repeat; }

/* Product Page */
#productInfo{ position: relative; padding: 20px 20px 40px; margin-bottom: 30px;  }
#productInfo span.onsale{ -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg); }
.woocommerce div.product div.summary{ box-sizing: border-box; padding: 0;}
.woocommerce div.product div.summary h1{ color: #04c3d9; font-size: 28px; line-height: 32px; }
.woocommerce div.product div.summary h3.addon-name{ color: #04c3d9; font-size: 22px; line-height: 24px; }
.woocommerce div.product div.summary .product-addon-customizable-options label{ font-size: 12px; line-height: 18px; }
.woocommerce div.product .images{ margin: 0; padding: 0; height: auto; }
.woocommerce div.product .images .wp-post-image{ box-shadow: none; max-width: 100%; height: auto; }
.woocommerce div.product .images .thumbnails{ margin: 0; padding: 0;}
.woocommerce div.product .images .thumbnails a{ margin: 0; padding: 0; }
.woocommerce div.product .images .thumbnails img{ box-shadow: none; box-sizing: border-box; border: 1px solid #414141; height: auto; margin: 0; padding: 0; }
.woocommerce div.product div.summary .product_meta{ background: url(images/blue.gif) repeat; position: absolute; height: 40px; left: 0; bottom: 0; width: 100%; }

.woocommerce div.product div.summary .product_meta .cat{ float: left; font-size: 20px; line-height: 24px; padding: 5px 0 5px 15px; width: 70%; }
.woocommerce div.product div.summary .product_meta .cat a{ color: #fff; }
.woocommerce div.product div.summary .product_meta .cat a:hover{ color: #f3634b; }
.woocommerce div.product div.summary .product_meta .socialSharing{ float: right; width: 120px; padding-top: 5px; }
.woocommerce div.product div.summary .product_meta .socialSharing p{ float: left; font-size: 20px; line-height: 24px; padding: 3px 5px 0 0; }
.sku_wrapper{ display: none; }




#productTabs{ clear: both; }
#productTabs h3{ 
	background: url(images/green.gif) repeat; 
	box-sizing: border-box; 
	color: #fff;
	font-family: 'pinafore'; 
	font-size: 30px; 
	line-height: 30px;
	margin: 0; 
	padding: 5px 15px; 
	width: 100%; 
}
#product-tabs.woocommerce-tabs .panel{ padding-top: 0 30px 30px !important; }
#product-tabs.woocommerce-tabs .panel .entry{ padding: 0 30px 30px; }
#productTabs .entry h2:first-child{ display: none; }

.related.products h2{  
	background: url(images/red.gif) repeat;
	-webkit-box-shadow: 1px 1px 7px #000; -moz-box-shadow: 1px 1px 7px #000; box-shadow: 1px 1px 7px #000; 
	box-sizing: border-box; 
	color: #fff;
	font-family: 'pinafore'; 
	font-size: 30px; 
	line-height: 30px;
	margin: 30px 0 15px; 
	padding: 5px 15px; 
	width: 100%; 
}

/* Cart Page */

.cart_table .coupon, .cart_table .cart_buttons{ float: left; width: 50%; }
.shop_table.cart .coupon label{ display: block; font-weight: bold; margin: 0; }
.shop_table.cart .coupon input#coupon_code{ width: 150px !important; }

/* Woocommerce Buttons */
.summary .cart button.single_add_to_cart_button{ padding: 3px 15px; }
.summary .cart button.single_add_to_cart_button, .shop_table.cart .coupon input[type=submit], .shop_table.cart .cart_buttons input[type=submit], #payment .place-order input[type=submit]{ background: #04c3d9; border: none; box-shadow: none; border-radius: 0; color: #fff; font-family: 'pinafore'; font-size: 24px; font-weight: normal; line-height: 24px; text-shadow: none; width: auto; }
.summary .cart button.single_add_to_cart_button:hover, .shop_table.cart .coupon input[type=submit]:hover, .shop_table.cart .cart_buttons input[type=submit]:hover{ background: #01a3b6; }

.shop_table.cart .cart_buttons input.checkout-button[type=submit], #payment .place-order input[type=submit]{ background: #f3634b; }
.shop_table.cart .cart_buttons input.checkout-button[type=submit]:hover, #payment .place-order input[type=submit]:hover{ background: #d43e25; }

/* Gallery */
#gallery{ box-sizing: border-box; padding: 0 0 20px 20px; width: 100%; }
.gallery_item{ box-sizing: border-box; float: left; height: auto; max-width: 350px; padding: 0 20px 20px 0; width: 25%; }
.gallery_item img{ box-shadow: 0 0 4px #414141; height: auto; max-width: 350px; width: 100%; }

/* Gallery Overlay */
#modal, #mask{
display:none;
width: 100%;
height: 100%;
position:fixed;
top:0px;
left:0px;
z-index: 99998;
}
#mask{ background: #000; }

.modal_window{
display:none;
position: absolute;
top: 0; 
right: 0; 
left: 0; 
bottom: 0;
z-index: 99999;
}
.modal_window .loader{ background: url(images/loader_gallery.gif) no-repeat center; }

.controls{
display:none;
width: 100%;
height: 100%;
position: relative;
z-index: 999999;
}
.controls span{ 
position: absolute;
display: block; 
width: 50px; 
height: 50px; 
text-transform: uppercase;
font-size: 20px;
color: #081940;
line-height: 50px; 
text-align: center; 
vertical-align: top; 
background: #fff;
overflow: hidden;
}
.controls .close_modal{ bottom: 0; left: 50%; margin-left: -25px; }
.controls .next_btn, .controls .prev_btn{ font-size: 25px; line-height: 45px; top: 50%; margin-top: -25px; right: 0; }
.controls .next_btn{ right: 0; }
.controls .prev_btn{ left: 0; }
.controls .disabled{ display: none; }
.controls span a{ display: block; color: #081940; width: 50px; height: 50px; cursor: pointer; }
.controls span a:hover{ color: #6b7385; text-decoration: none; }