/*
*************************************************

Philadelphia
Whoa Baby
General Screen Styles

Created by the friendly folks at Happy Cog
http://www.happycog.com/

*************************************************

colors: 
borders/buttons: #ff6768 #eb5998
button-hover : #8b9211 #74e8b7
button-text: #fff #ffffff
headings: #666 #4aacc5 
links: #2d5781  #4aacc5 
link hovers: #4c414a  #4aacc5 
*/
/*-------------------------------------------
    Google Fonts
-------------------------------------------*/

/* K4K added additional fonts */
@font-face {
  font-family: 'Cabin Sketch Bold';
  font-style: normal;
  font-weight: 700;
  src: local('CabinSketch Bold'), local('CabinSketch-Bold'), url(http://fonts.gstatic.com/s/cabinsketch/v8/ki3SSN5HMOO0-IOLOj069Hl4twXkwp3_u9ZoePkT564.woff) format('woff');
}
@font-face {
  font-family: 'Delius Swash Caps';
  font-style: normal;
  font-weight: 400;
  src: local('Delius Swash Caps'), local('DeliusSwashCaps-Regular'), url(http://themes.googleusercontent.com/static/fonts/deliusswashcaps/v5/uXyrEUnoWApxIOICunRq70dtE_hqo9Jbz3iVRUjskWg.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzKRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
/*-------------------------------------------
    General Selectors
-------------------------------------------*/
html { background-color: #F5F3ED; }
body { background-color: #fff; color: #666; font: normal 62.5% Helvetica, Arial, sans-serif; }


h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #eb5998; text-decoration: none; }
	h1 a:hover, h1 a:focus, h2 a:hover, h2 a:focus, h3 a:hover, h3 a:focus,  h4 a:hover, h4 a:focus, h5 a:hover, h5 a:focus, h6 a:hover, h6 a:focus { color: #eb5998; text-decoration: underline; }

/* K4K changed default font size to 15px */
p, ul, dl, ol { margin: 0 0 1.5em; font-size: 15px; }

blockquote { margin: 0 0 1.2em; padding: 0.5em 1em 0; }

img { padding:0; border:none; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none; 
	box-shadow: none;
	}
/*-------------------------------------------
    GLobal Combinations
-------------------------------------------*/
 .useful-links li, #cartform th, #cartform td, #search-results ol, .comment-list li,
 .sidebar li, .meta li,.brdr-btm, .post  {  background: url(c5-border.gif) left bottom repeat-x;  }

blockquote 	{  border-left: 1px solid #d6d6d6;  }

.product-container { margin-bottom: 5px; }

/*-------------------------------------------
    Header
-------------------------------------------*/
#header { margin: 0 0 25px 0; padding-top: 14px; }
.home #header { margin: 0 0 8px; }
	#header form { float: right; margin: 0; }
	#header form p { margin: 10px 0 0; }
	#header h1 { margin-bottom: 0;  padding-bottom: 0px; line-height: 1; }
	#header .logo { line-height: 1; }
	#header .logo img { margin: 0; }
	#header #page-title { margin-bottom: 20px; line-height: 1; }
		#header h1 a { display: inline; color: #eb5998; line-height:1; }
			#header h1 a:hover, #header h1 a:focus { color: #74e8b7; text-decoration: none !important; }
		#header h1 a strong { font-weight: normal; position: relative; line-height:1; text-decoration: none !important; top: 10px; }

	#main-nav { font-size: 12px; background: url(c5-v-border.gif) left top repeat-y ; padding-left:3px; } 
	#main-nav li { list-style-type: none; color: #999; position: relative; top: -1px; padding: 0 9px 0 6px; margin: 0; background: url(c5-v-border.gif) right top repeat-y ; }
		#main-nav li a { padding: 21px 24px 21px 22px; position: relative; top: 1px; font-size: 1.35em; line-height:1; letter-spacing:.2em; text-decoration: none; color: #333333; display: inline-block; text-transform:uppercase; text-align: center; 
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			}
		#main-nav li.on > a { 
			background-color: #fded9c; color: #333333; 
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(253, 237, 156)), to(rgb(252, 231, 128)));
			background-image: -webkit-linear-gradient(top, rgb(253, 237, 156), rgb(252, 231, 128));
			background-image: -moz-linear-gradient(top, rgb(253, 237, 156), rgb(252, 231, 128));
			background-image: -o-linear-gradient(top, rgb(253, 237, 156), rgb(252, 231, 128));
			background-image: -ms-linear-gradient(top, rgb(253, 237, 156), rgb(252, 231, 128));
			background-image: linear-gradient(top, rgb(253, 237, 156), rgb(252, 231, 128));
		 }
		#main-nav li a:hover, #main-nav li a:focus { color: #74e8b7; }
		
		#header .with-dropdown ul {  border: 1px solid #eee; border-top: none; background: #fff; margin-left:8px; margin-right:5px; width:90%; padding: 0; } 
		#header .with-dropdown li { background:none; }
		#header .with-dropdown li a { font-family: Helvetica, Arial, sans-serif; font-size: 1em; padding-right:28px; opacity:.9; padding: 15px; }
		#main-nav .with-dropdown a { padding-right: 30px; }
		#main-nav .with-dropdown a:after { content: url(c5-down-arrow.gif); right: 15px; top: 1.2em; }
	
	#utility { position: absolute; right: 0; top: 22px; }
		a.cart { background: url(c5-cart.png) no-repeat 0 0; padding-left: 41px; height: 35px; display: inline-block; text-decoration: none; color: #666; }
			.cart:hover, .cart:focus { color: #333; }
			.cart i, .cart b { padding: 5px 10px; display: inline-block; font-style: normal; font-weight:normal; font-size: 17px; color: #ce4b6b }
			.cart i { font-size:30px; color:#333333; line-height:1; }
			.cart span { display: inline-block; margin-left: 8px;
				}
			.customer { display: inline-block; margin: 0 10px 0 0; }
/*-------------------------------------------
    Footer
-------------------------------------------*/
/* K4K reduced footer font size */
#footer a { font-size: 0.8em; font-weight: bold;  color: #eb5998}

	.useful-links li { padding: 0 6px 10px 0; margin-bottom: 5px;  }
	.payment-methods img { border: none; }

#footer-wrapper { background: #f5f3ed url(c5-footer-ribbon.gif) repeat-x 0 0; }
	#footer { padding-top: 85px; }
	#footer div.sub-floor , .useful-links ul { border: none; }
	#footer h2 { font-size: 12px; letter-spacing: .2em; color: #636363; text-transform: uppercase; margin-bottom: 20px; }
/*-------------------------------------------
    Forms
-------------------------------------------*/


/*-------------------------------------------
    Cart
-------------------------------------------*/
#cartform th { color: #666; text-transform: none; font-size: 14px; }
	.cart-price { color: #040404; }
	#cartform .total { color: #000; }
	#checkout .additional-checkout-buttons p { color: #666; }
	#checkout h3 { color: #666; font-weight: 600;}
	#checkout h3 .checkout-meta { font-style: italic; color: #666; font-weight: normal; }
	
	
	.cart-details h3 { font-size: 2em; }

/*-------------------------------------------
    Search
-------------------------------------------*/

#header #search {  position:relative; margin-top:15px; }
#search #searchtext, #search-2 #searchtext-2 { border: none; width:115px; margin-right:55px; padding-right: 5px; background: none; outline: none; 
		-moz-box-shadow: none; 
		-webkit-box-shadow: none; 
		box-shadow: none;
	}

	#search p, #search-2 p {  background: url(c5-border.gif) left bottom repeat-x;  }
	#search label, #search-2 label  { left:0; top:5px; position:relative; float:left; }
	#searchbutton, #searchbutton-2 { top: -19px; right: -2px;}
	#searchbutton-2 { top:0; }


/*-------------------------------------------
    Blog
-------------------------------------------*/
.comment-author { font-weight: 600; }
.blog-meta .date a { color: #666; }
.article-title {  font-size: 1.4em; }
#comments label { font-size: 1em; }
.article, .aside { margin-top:2em; }
/*-------------------------------------------
    Collection
-------------------------------------------*/

.collection a { padding: 10px; }

/*-------------------------------------------
    Product
-------------------------------------------*/
/* K4K changed product heading font */
.product-container h2 { font-size: 32px; line-height: 34px; color: #000; 
font-family: "Cabin Sketch Bold";
font-size: 48px;
}
	.brand { color: #666; font-size: 1.4em; }
	.desc { margin: 0; clear: both; padding-top: 0; color: #333; line-height: 24px; font-size: 15px; }
		.desc p, .desc div {  line-height: 24px; font-size: 15px; margin-bottom: 30px; }
	.product-container form { clear:both;  margin-bottom: 2.5em; }
	.price { font-size: 36px;  color: #4aacc5;  margin-bottom: 0; }
		.price span { color: #ce4b6b; }
	.product-container .price { float: left; line-height: 1.1; }
	.stock { font-size: 1.4em; float: left; clear: left; }
	.product-type { font-size: 1.4em; }
.gallery-thumbs li a { border: 3px solid #fff; display:block;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	}
	/* K4K changed cursor to indicate zoomable images */
	.gallery-thumbs li a img { margin-bottom: 0; cursor: zoom-in; }
	.gallery-thumbs li a:hover, .gallery-thumbs li a:focus { border: 3px solid #fbe885; }
.product-detail .meta h3 { font-size: 14px; letter-spacing: .1em; color: #898989; text-transform: uppercase; border:none; background: none; }


/*-------------------------------------------
    Slideshow
-------------------------------------------*/
#home-hero .panel { padding-top:0; height:420px; }

/*.hero-callout:before { content:url(c5-tagend.png); position: absolute; bottom: 11px; left: -77px; }
*/
.hero-callout:before { position: absolute; bottom: 11px; left: -77px; }
	.hero-callout{ right: 30px; bottom: 40px; min-height:175px; background: url(c5-tagbg.png) no-repeat 0 50%; width: 314px; padding:0;  
		border-radius: 12px;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
		}
		.hero-callout .inner-wrapper { background: #fff; margin:25px; padding:28px 18px 25px; 
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			}
		.hero-callout p.product-name a { color: #333; font-size: 16px; text-decoration: none; }
	.hero-callout p {  color: #4aacc5; font-size: 16px; padding-left:7px; }
	.hero-callout .act, .cart-desc .act { font-family: Helvetica, Arial, sans-serif; color: #666; font-size: 1em; }
	.hero-callout .price { color: #4aacc5; font-size: 16px; }
	.hero-callout .act { float: left; }

#home-hero .bx-pager { right: 10px; top: 8px; }
/*-------------------------------------------
    General Styles
-------------------------------------------*/

.meta h3 { border-bottom: 2px #eb5998 solid; padding-bottom: 10px; font-size: 1.8em; margin-bottom: 3px; }
/* K4K change sidebar heading font size to 30px */
.sidebar h2 { font-size: 30px; background: url(c5-flags.png) no-repeat 0 0; padding-top: 55px; }
.sidebar li, .meta li { list-style: none; margin: 0; text-transform: uppercase; line-height:24px; padding:2px 0 4px; }
	.sidebar li a, .meta li a { text-decoration: none; color: #666; display: block; padding: 8px 6px 7px 0px; font-size:12px; letter-spacing:.1em; }

.main h2,  .full h2  { font-size: 3em; color: #333; margin-bottom: 25px; }

.cta { line-height: 1; background: #eb5998 url(c5-ctapointer.png) 15px 45% no-repeat; color: #ffffff; text-decoration: none !important; text-transform: uppercase; display: inline-block; font-size: 14px; letter-spacing: .1em; cursor: pointer; border:none; 
	border-radius: 21px; 
	-moz-border-radius: 21px; 
	-webkit-border-radius: 21px; 
	}
	.product-mid .cta { font-size: 34px; background: #eb5998 url(c5-ctapointer.png) 15px 47% no-repeat;
		border-radius: 36px; 
		-moz-border-radius: 36px; 
		-webkit-border-radius: 36px; 
		}
		.product-mid .cta:hover, .product-mid .cta:focus { background-color: #74e8b7; }

.alt-cta { font-weight: bold; }
#cartform .alt-cta { font-weight: normal; text-decoration: underline; }

.product-container { margin-top: 18px; }
.item .product-name a { font-size: 17px; color: #333; text-decoration:none; }
.main .product-name a { text-decoration: none; line-height: 1; font-size: 1.4em; line-height: 1.4; margin-bottom: 10px; color: #333; }
.product-name a * { font-size: .9em; }
.item img, .collection img, #gallery img { 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	}

.product-mid { width: 265px;}  

.caption { font-family: Helvetica, Arial, sans-serif; font-size: 12px !important; }
	
.brdr-btm:last-child { border-bottom: none; }

table { border-left: 1px solid #CCC; border-top: 1px solid #CCC; }
th, td { border-right: 1px solid #CCC; }

/*-------------------------------------------
   Typography
-------------------------------------------*/

 h1,  h3,  h5,  #header h1 a,  
.article-title,  .price,  .brand,  .collection a,  .additional-checkout-buttons p,  .cart-price,  .total,  .cart i, 
 .full h2,  .sidebar h2,  .home .main h2
{ font-family:  'Delius Swash Caps', Georgia, serif; } 

/* K4K change font sizes */
h1 { font-size: 3em; }
h3 { font-size: 24px; }
.cta, .wf-active .cta { padding: 9px 21px 10px 26px;}
 .post .blog-meta h3 a,  .post .blog-meta h2 a { font-size: 1.5em; }
 #header li a,  .cta,  .cart b,  .hero-callout p.product-name a,  .hero-callout p,  .hero-callout .price,  
.sidebar li a,  .meta li a,  .main .product-name a,  h2, .brand,  .price,  .product-name,  .product-detail .meta h3,  .collection a,
 .aside li a,  #cartform th, .wf-active .cta
{ font-family: 'Open Sans Bold', Helvetica, sans-serif;
}
h2.brdr-btm {padding-bottom: 10px; margin-bottom: 10px; font-family: "Cabin Sketch Bold"; font-weight: 700; font-size: 4.5em;}


.product-mid {
    width: 250px;
    float: left;
    margin-bottom: 0px;
}

.shipping {
  	color: #4aacc5;
  	font-size: 22px;
  	line-height: 1;
  	float: right;
  	display: inline;
  	width: 50%;
	font-family: 'Open Sans Bold', Helvetica, sans-serif;
}

#checkout h3 .checkout-meta { display: none; }

/* not sure how broken, but fix font weight for main navigation, collections sidebar and carousel lables 
#main-nav li a { font-weight: bold; }
.sidebar li a { font-weight: bold; }
.hero-callout { font-weight: bold; }
*/
/* instead renamed font-family to opensans bold and used that where open sans was used */