/*------------------------------------------------------------

  Theme:   White Lines
  Version: 1.8
  Author:  Catapult
           http://catapultthemes.com

           Catapult Themes
           Copyright 2012 Catapult Themes
           More info at: http://catapultthemes.com

------------------------------------------------------------*/


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
html { 
  overflow-y:scroll;
  height:100%;
}
ol, ul {
  list-style:inside square;
  margin:0.5em 0;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
table {
  width:100%;
}
table, tbody, tr, td {
  padding:3px 6px;
}
table, td {
}
table p {
  margin-bottom:0;
}
* {
  margin:0;
  padding:0;
}
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/******************************
Styles
******************************/
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight:300;
  background:#ffffff;
  color: #666666;
  height:100%;
  font-size:90%;
}
p, ul, ol {
  font-size:1.125em;
  line-height:1.3em;
  margin-bottom:0.5em;
}
a {
  text-decoration:none;
  color: #f86576;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -o-transition: color .25;
  transition: color .25s;
}
a:hover {
  color: #e05a69;
}
em { 
  font-style: italic;
}
strong { 
  font-weight: bold;
}
img {
  -ms-interpolation-mode: bicubic;
}
label {
  display:block;
}
button, .button {
  background:#f86576;
  color:#fff;
  border:none;
  line-height:1.5em;
  padding:2px 8px 2px;
  cursor:pointer;
  font-family: 'Source Sans Pro', sans-serif;
  -webkit-transition: background .25s;
  -moz-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s;
}
button:hover, .button:hover {
  background:#e05a69;
}
input, textarea {
  border:#e4e4e4 1px solid;
  background:#fff;
  color:#777;
  font-family: 'Source Sans Pro', sans-serif;
  padding:4px 4px;
}
/****************************
IE + full-width styles
****************************/


.last-child {
  border-right:none !important;
}

.container {
  width:95%;
  margin:0 auto;
}
#page-nav {
  display:block;
  font-size:1em;
}
#main {
  width:100%;
  margin-top:0.2em;
}
#error {
  font-size: 1.25em;
  padding: 0.25em 0;
  text-align: center;
  background: #f86576;
}
#error li {
  list-style: none;
}
#website {
  font-size: 1em;
  padding: 0.15em 0 0.15em 10px;
}
.mailchimp-form {
  position:absolute;
  top:20px;
  right:306px;
  font-size:0.9em;
}
#coupon-code {
  position:absolute;
  top:20px;
  right:0;
  background-color: #89e0dd;
  padding:3px 8px 0;
  border-radius:3px;
  text-align:center;
}
#search-form {
  float:right;
  margin-top:10px;
}
#search-form input[type="text"] {
  padding: 4px;
  background: #ffffff;
  line-height:1.3em;
  border:#e4e4e4 1px solid;
}
#search-form .button {
  padding: 2px 2px 0 0 !important;
  background: transparent url(https://s3-eu-west-1.amazonaws.com/catapultdesign/whitelines/search.png) no-repeat !important;
  line-height:1.3em !important;
  border:none !important;
  text-indent:-9999px;
  width:20px;
  margin:0 0 0 2px;
}
#search-form .button {
	padding:0;
}
#footer-credits {
	float:right;
}
/****************************
Headings
****************************/
h1, h2, h3, h4 {
  font-family: 'Source Sans Pro', sans-serif;
}
h1 {
  font-size:2.75em;
  font-weight:300;
}
h2 {
  font-size:1.5em;
  line-height:1.1em;
  font-weight:300;
  margin-bottom:0.5em;
}
h3 {
  font-size:1.125em;
  font-weight:300;
  margin:0.0125em 0 0.2em;
}
#wrap {
  width:100%;
  min-height:100%;
  height:auto !important;
  height:100%;
  margin:0 auto -6em;
}
#push {
  height:6em;
}
#header {
  position:relative;
  z-index:100;
}
#header ul {
  margin:0;
  list-style:none;
}
#header li {
  float:left;
}
#header a {
  color: #666666;
}
#headerimg {
  text-align:left;
  padding:2em 0 1em;
  font-family: 'Source Sans Pro', sans-serif;
}
#headerimg h1 {
  font-size:3em;
  text-transform:uppercase;
  font-weight:700;
  width:100%;
  float:left;
  text-align:center;
}
#headerimg a {
  color: #666666;
}
#headerimg a:hover {
  color: #e05a69;
}
#menu-button {
  display:none;
}
#mobile-page-nav {
  display:none;
  position:absolute;
  top:-250px;
  left:0;
  width:300px;
  margin:0 auto;
  z-index:9999;
  font-size:1.25em;
}
.mobile-menu ul {
  margin:0;
}
.cart-menu {
  margin: 0 0 0 20px;
  padding-left: 19px;
  border-left: 1px solid #CCC;
}
/*************************
Home page
*************************/

.divider {
  width: 100%;
  height: 3px;
  background-color: #89e0dd;
}
.category-divider {
  width: 100%;
  height: 1px;
  background-color: #666666;
}
#footer .divider {
	margin:0;
}
#products {
  width:auto;
  margin:0 auto;
}
#products .product {
  width:235px;
  margin:0 auto 2em;
}
.product-wrap {
  position:relative;
}
img.product-img {
  width:231px;
  border:1px solid #fff;
  box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.2);
  -o-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.2);
  margin-bottom:10px;
}
.product:hover img.product-img {
  box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.3);
  -o-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.3);
}
.item-1, .item-2, .item-3, .item-5, .item-6, .item-7, .item-9, .item-10, .item-11, .item-13, .item-14, .item-15, .item-17, .item-18, .item-19, .item-21, .item-22, .item-23, .item-25, .item-26, .item-27, .item-29, .item-30, .item-31, .item-33, .item-34, .item-35, .item-37, .item-38, .item-39, .item-41, .item-42, .item-43, .item-45, .item-46, .item-47, .item-49, .item-50, .item-51, .item-52, .item-53, .item-55, .item-56, .item-57, .item-59, .item-60, .item-61, .item-62, .item-63, .item-65, .item-66, .item-67, .item-69, .item-70, .item-71, .item-73, .item-74, .item-75, .item-77, .item-78, .item-79, .item-81, .item-82, .item-83, .item-85, .item-86, .item-87, .item-89, .item-90, .item-91, .item-93, .item-94, .item-95, .item-97, .item-98, .item-99 {
  margin-right:20px !important;
  width:235px;
}
.item-4,.item-8, .item-12, .item-16, .item-20, .item-24, .item-28, .item-32, .item-36, .item-40, .item-44, .item-48, .item-52, .item-56, .item-60, .item-64, .item-68, .item-72, .item-76, .item-80, .item-84, .item-88, .item-92, .item-96, .item-100 {
  width:235px;    
}
.item-1, .item-5, .item-9, .item-13, .item-17, .item-21, .item-25, .item-29, .item-33, .item-37, .item-41, .item-45, .item-49, .item-53, .item-57, .item-61, .item-65, .item-69, .item-73, .item-77, .item-81, .item-85, .item-89, .item-93, .item-97 {
  clear:left;
}
.product-info {
	text-align:center;
}
h2.product-title, h2.category-title {
  font-size:1em;
  margin-bottom:0;
}
#products h2.product-title, #products h2.category-title  {
  font-size:1em;
  margin-bottom:0;
}
h2.category-title {
  text-align: center;
}
.product-price, .product-status {
  font-size:1em;
}
#social-stuff {
  float: left;
  margin-top: 30px;
}
.fb_edge_widget_with_comment {
  float:left;
  margin-bottom:6px;
  width:120px;
}
.twitter-button, .pinterest-button {
  float:left;
  width:120px;
  margin-bottom:6px;
}
/***********************
Flexslider
***********************/
.flexslider {
  margin: 1px 0 30px;
  background: white;
  border: 0;
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  box-shadow:0;
  -webkit-box-shadow:0 0 0 rgba(0, 0, 0, 0);
  -moz-box-shadow:0 0 0 rgba(0, 0, 0, 0);
  -o-box-shadow:0 0 0 rgba(0, 0, 0, 0);
  zoom: 1;
}
.flexslider .slides > li {
	padding-bottom:1px;
	border-bottom:1px solid #666666;
}
.flex-direction-nav a {
    display: none;
}
/***********************
Products and product
***********************/
.page-title {
  margin:0.5em 0 0.5em;
  text-align:left;
}
#product-page img#product-img {
  width:278px;
  height:auto;
  margin-left: 1px;
  margin-top: 1px;
  border:1px solid #fff;
  box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
  -o-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
}
.images-nav {
  width:280px;
}
ul#images-list li {
  list-style:none;
  float:left;
  margin-top:1px;
}
ul#images-list li {
  width:96px;
  margin-right:6px;
  margin-bottom: 4px;
}
ul#images-list img {
  width:94px;
  border:1px solid #fff;
  margin-left:1px;
  box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
  -moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
  -o-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
}
.ie #product-images {
  float: left;
}
#product-details {
  position:relative;
  float:left;
}
.info {
  float:left;
  width:570px;
}
#product-form {
  margin-top: 1em;
}
#nav-buttons {
  position:fixed;
  right:0;
  top:70%;
}
#previous-product, #next-product {
  display: block;
  float:left;
  margin:2em 20px 0 0;
}
#previous-product a, #next-product a {
  display: block;
  float:left;
  color:#f86576;
}
#previous-product a:hover, #next-product a:hover {
  color:#e05a69;
}
.pagination {
  clear:both;
  height:3em;
  display:block;
}
.previous {
  float:left;
}
.next {
  float:right;
}
.disabled {
 display:none;
}
#inventory li {
  list-style:none;
  margin-bottom:10px;
}
.bar {
  height:10px;
  background:#ccc;
  background-color: #ccc;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
  background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
  background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
  background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.related .product-status {
  text-align:center;
}
/*************************
Footer
*************************/
#footer {
  height:6em;
  position:relative;
  font-size:0.75em;
}
#footer-left {
  float:left;
}
.footer-nav {
  display:none;
  margin-top:10px;
  width:100%;
}
#footer ol, #footer ul {
	margin-top:0;
}
.ie .footer-nav {
    display:block;
  }
.footer-nav li {
  list-style:none;
  float:left;
}
.social {
	width:30px;
	height:30px;
	display:inline-block;
	background-image:url(https://s3-eu-west-1.amazonaws.com/catapultdesign/whitelines/social-sprite.png);
	background-size:330px 60px;
	vertical-align:top;
	margin-right:7px;
	-moz-transition: background-position .25s ease;
	-webkit-transition: background-position .25s ease;
	-o-transition: background-position .25s ease;
	-ms-transition: background-position .25s ease;
	transition: background-position .25s ease;
}
.facebook {
	background-position:0 30px;
}
.facebook:hover {
	background-position:0 0;
}
.flickr {
	background-position:300px 30px;
}
.flickr:hover {
	background-position:300px 0;
}
.google-plus {
	background-position:270px 30px;
}
.google-plus:hover {
	background-position:270px 0;
}
.last-fm {
	background-position:240px 30px;
}
.last-fm:hover {
	background-position:240px 0;
}
.linked-in {
	background-position:210px 30px;
}
.linked-in:hover {
	background-position:210px 0;
}
.pinterest {
	background-position:180px 30px;
}
.pinterest:hover {
	background-position:180px 0;
}
.skype {
	background-position:150px 30px;
}
.skype:hover {
	background-position:150px 0;
}
.twitter {
	background-position:120px 30px;
}
.twitter:hover {
	background-position:120px 0;
}
.tumblr {
	background-position:90px 30px;
}
.tumblr:hover {
	background-position:90px 0;
}
.vimeo {
	background-position:60px 30px;
}
.vimeo:hover {
	background-position:60px 0;
}
.youtube {
	background-position:30px 30px;
}
.youtube:hover {
	background-position:30px 0;
}
.footer-bucket {
  width:225px;
  float:left;
  margin-right:33px;
}
.footer-search {
  margin-right:0;
}
.search-box {
  padding:6px 4px 2px;
  line-height:1.3em;
  -moz-border-radius: 0;
  border-radius: 0;
}
#footer-credits li {
  list-style:none;
  float:left;
}
#search {
  display:none;
}

/***********************
The cart
***********************/
.item-qty input {
  width:20px;
}
#cart-footer {
  margin:1em 0;
  text-align:right;
}
#cart-footer h3 {
  font-size:1.25em;
  margin:0.25em 0 0;
}
#cart-footer p {
  font-size:0.875em;
}
.cart-shipping {
  margin:1em 0;
}
.cart-shipping select {
  margin-top:1em;
}
a.continue-btn {
  display:block;
  text-align:center;
  float:left;
  margin:5px 20px 0 0;
  background: white;
  border: 1px solid #F7F7F7;
  padding: 8px 16px;
  cursor: pointer;
  font-family: 'Source Sans Pro', sans-serif;
  -webkit-transition: background .25s;
  -moz-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s;
}
button#product-addtocart {
  background:#f86576;
  color:#fff;
  font-size:1em;
  width:150px;
  height:40px;
  margin:0.75em 0 0 0;
}
button#product-addtocart:hover {
  background:#e05a69;
}
.item-thumb {
  display:none;
}
button.checkout-btn {
  background:#f86576;
  color:#fff;
}
button.checkout-btn:hover {
  background:#e05a69;
}

/***********************
Contact form
***********************/
#contact-form {
  margin-bottom:2em;
}
#contact-form label {
 display:block;
 font-size:0.875em;
}
#contact-form input, #contact-form textarea {
 width:262px;
}
#captcha-div {
  margin-bottom:0.25em;
}
input#captcha {
  width:115px;
}
textarea#message {
  height:200px;
}
/* Damn you IE */
.ie #headerimg h1 {
    font-size:3em;
    text-transform:uppercase;
    font-weight:700;
    width:30%;
    float:left;
	text-align:left;
  }
.ie #menu-button, #category-button {
	display:none;
  }
.ie ul#page-nav {
    display:block;
	float:right;
    font-size:1em;
	padding:0;
	margin-top: 97px;
  }
.ie ul#page-nav li {
	margin:0 0 0 40px;
	line-height:1em;
  }
.ie li.cart-menu {
    margin: 0 0 0 20px !important;
    padding-left: 19px;
    border-left: 1px solid #CCC;
	font-weight:700;
  }
.ie ul#page-nav li a:hover {
    color: #e05a69;
  }
.ie ul#category-nav {
    display:table;
    font-size:1em;
    margin:0 auto;
    padding: 0 0 7px;
    position:relative;
  }
.ie ul#category-nav li {
    margin:0.5em auto 0;
    padding:0 40px 1px;
    text-align:center;
    border-right: 1px solid #ffffff;
    line-height: 1em;
  }
.ie ul#category-nav li a:hover {
    color:#e05a69;
  }
.ie .last-child {
    border-right:none !important;
  }
.ie ul.sub-menu {
    opacity:0;
    display:block;
    top:-5000px;
    position:absolute;
    font-size:1em;
    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
  }
.ie ul#category-nav li:hover > ul.sub-menu {
    opacity:1;
    top:21px;
    padding-top:10px;
    width:170px;
  }
.ie ul.sub-menu li {
    width:170px;
    padding:0 !important;
    background-color:#fff;
    text-align:left !important;
    border-bottom:1px solid #ffffff;
    border-left: none;
    border-right: none !important;
    box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.05);
    margin:0 !important;
  }
.ie ul.sub-menu li a {
    display:block;
    width:160px;
    padding:4px 0 4px 10px;
    background-color:#fff;
    color:#666666;
    -webkit-transition: background-color .25s;
    -moz-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;	 
  }
.ie ul.sub-menu li a:hover {
    color:#e05a69 !important;
  }
.ie .category-divider {
    display:block;
  }
.ie .flex-direction-nav a {
    width: 39px;
    height: 70px;
    margin: -20px 0 0;
    display: block;
    background: url(https://s3-eu-west-1.amazonaws.com/catapultdesign/whitelines/arrows.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 1;
    -webkit-transition: all .3s ease;
	z-index:9999;
  }
.ie .flex-direction-nav .flex-prev {
    background-position: 0 -70px;
  }
.ie .flex-direction-nav .flex-next {
    background-position: 0 0;
    right: -36px;
  }
.ie .container {
    width:1000px;
  }
.ie #main {
    width:100%;
	margin-top:0.1em;	
  }
.ie  #product-content {
    background: #fff;
    overflow: hidden;
    width: 1000px;
	margin:0 auto 3em;
  }
.ie #products .product {
    float:left;
    margin-bottom:2em;
    width:235px;
  }
.ie .images-nav {
    float: left;
    display: block;
    width: 100px;
    margin-left: 5px;
  }
.ie .info {
    float:left;
    width:570px;
  }

.ie .contact-left {
    float:left;
	width:45%;
	margin-right:5%;
  }
.ie .contact-right {
    float:left;
	width:50%;
  }
  
.ie .footer-nav {
    display:block;
  }
.ie .footer-nav li {
    list-style:none;
  }
.ie .footer-bucket {
    width:225px;
  }
.ie .hidden {
    display:inline;
  }
.ie  #ZoomImage {
    background-color: white;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
	border: 10px solid rgba(255, 255, 255, 0.8);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
  }
.ie .item-1, .ie .item-2, .ie .item-3, .ie .item-5, .item-6, .ie .item-7, .ie .item-9, .ie .item-10, .ie .item-11, .ie .item-13, .ie .item-14, .ie .item-15, .ie .item-17, .ie .item-18, .ie .item-19, .ie .item-21, .ie .item-22, .ie .item-23, .ie .item-25, .ie .item-26, .ie .item-27, .ie .item-29, .ie .item-30, .ie .item-31, .ie .item-33, .ie .item-34, .ie .item-35, .ie .item-37, .ie .item-38, .ie .item-39, .ie .item-41, .ie .item-42, .ie .item-43, .ie .item-45, .ie .item-46, .ie .item-47, .ie .item-49, .ie .item-50, .ie .item-51, .ie .item-52, .ie .item-53, .ie .item-55, .ie .item-56, .ie .item-57, .ie .item-59, .ie .item-60, .ie .item-61, .ie .item-62, .ie .item-63, .ie .item-65, .ie .item-66, .ie .item-67, .ie .item-69, .ie .item-70, .ie .item-71, .ie .item-73, .ie .item-74, .ie .item-75, .ie .item-77, .ie .item-78, .ie .item-79, .ie .item-81, .ie .item-82, .ie .item-83, .ie .item-85, .ie .item-86, .ie .item-87, .ie .item-89, .ie .item-90, .ie .item-91, .ie .item-93, .ie .item-94, .ie .item-95, .ie .item-97, .ie .item-98, .ie .item-99 {
    margin-right:20px !important;
  }
  .ie .item-4,.item-8, .ie .item-12, .ie .item-16, .ie .item-20, .ie .item-24, .ie .item-28, .ie .item-32, .ie .item-36, .ie .item-40, .ie .item-44, .ie .item-48, .ie .item-52, .ie .item-56, .ie .item-60, .ie .item-64, .ie .item-68, .ie .item-72, .ie .item-76, .ie .item-80, .ie .item-84, .ie .item-88, .ie .item-92, .ie .item-96, .ie .item-100 {
    margin-right:0 !important; 
  }
.ie .images-nav {
    float: left;
    display: block;
    width: 100px;
    margin-left: 5px;
  }
.ie #product-details {
    position:relative;
    float:left;
	margin-top:0;
  }
.ie #product-details h3.price {
    font-weight: 300;
    font-size: 2.5em;
	margin:0.5em 0 0.5em;
  }
.ie #product-image {
    float:left;
  }
.ie #product-images {
    float:left;
    width:410px;
    margin-right:20px;
  }
.ie #product-page img#product-img {
    width: 298px;
    height: auto;
    margin-left: 1px;
    margin-top: 1px;
	border:1px solid #fff;
    box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
    -o-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
  }
.ie ul#images-list li {
    width:96px;
    margin-bottom: 4px;
  }
.ie ul#images-list img {
    width:94px;
	border:1px solid #fff;
	margin-left:1px;
    box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
    -o-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
  }
/***********************
up to 750px
***********************/
@media only screen and (min-width: 100px) {
	img {
		max-width:100%;
	}
	.container {
	  width:280px;
	  margin:0 auto;
	  position:relative;
	}
	.mailchimp-form {
	  margin-top:20px;
	  position:relative;
	  top:auto;
	  right:auto;
	  font-size:0.9em;
	}
	#coupon-code {
	  margin-top:20px;
	  position:relative;
	  top:auto;
	  right:auto;
	  background-color: #89e0dd;
	  padding:3px 8px 0;
	  border-radius:3px;
	  text-align:center;
	}
	#search-form {
	  float:right;
	  margin-top:10px;
	}
	ul#page-nav, ul#category-nav, .category-divider {
	  display:none;
	}
	#menu-button, #category-button {
	  display:block;
	}
	#menu-button {
	  display: block;
      padding: 0.125em 8px 0;
      position: absolute;
      top: 20px;
      left: 0;
      line-height: 1.35em;
      text-align: center;
      background:#666666;
      color: white;
	  cursor:pointer;
	}
	#menu-button:hover {
	   background:#f86576;
	}
	ul.mobile-menu  li {
	  list-style:none;
	}
	ul.mobile-menu  li a {
	  width:260px;
	  color:#fff;
	  background: #212121;
	  border:1px solid #000;
	  border-width:0 0 1px 0;
	  padding:10px 10px;
	  display:block;
	}
	#main {
	  width:280px;
	}
	#slider {
	  display:none;
	}
	.pod {
	  width:225px;
	  margin:0 auto 2em;
	}
	#product-details {
	  width:280px;
	  margin-top:20px;
	}
	ul#images-list {
	  margin-top:0;
	}
	ul#images-list li {
	  width:31%;
	  margin-right:2%;
	}
	.info {
	  width:240px;
	}
	.hidden {
      display:none;
    }
}
/***********************
750px and up
***********************/
@media only screen and (min-width: 750px) {
  select {
    height:2em;
    padding:0 3px;
    font-family: 'Source Sans Pro', sans-serif;
    color:#777;
    background:transparent;
    border:none;
    line-height:2em;
  }
  .container {
    width:750px;
  }
  .mailchimp-form {
      margin-top:0;
	  position:absolute;
	  top:20px;
	  right:306px;
	  font-size:0.9em;
	}
	#coupon-code {
	  margin-top:0;
	  position:absolute;
	  top:20px;
	  right:0;
	  background-color: #89e0dd;
	  padding:3px 8px 0;
	  border-radius:3px;
	  text-align:center;
	}
	#search-form {
	  float:right;
	  margin-top:10px;
	}
  #headerimg h1 {
    font-size:3em;
    text-transform:uppercase;
    font-weight:700;
    width:20%;
    float:left;
	text-align:left;
  }
  #menu-button, #category-button {
	display:none;
  }
  ul#page-nav {
    display:block;
	float:right;
    font-size:1em;
	padding:0;
	margin-top:97px;
  }
  ul#page-nav li {
	margin:0 0 0 40px;
	line-height:1em;
  }
  li.cart-menu {
    margin: 0 0 0 20px !important;
    padding-left: 19px;
    border-left: 1px solid #CCC;
	font-weight:700;
  }
  ul#page-nav li a:hover {
    color: #e05a69;
  }
  ul#category-nav {
    display:table;
    font-size:1em;
    margin:0 auto;
    padding: 0 0 7px;
    position:relative;
  }
  ul#category-nav li {
    margin:0.5em auto 0;
    padding:0 40px 1px;
    text-align:center;
    border-right: 1px solid #ffffff;
    line-height: 1em;
  }
  ul#category-nav li a:hover {
    color:#e05a69;
  }
  .last-child {
    border-right:none !important;
  }
  ul.sub-menu {
    opacity:0;
    display:block;
    top:-5000px;
    position:absolute;
    font-size:1em;
    -webkit-transition: opacity .25s;
    -moz-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
  }
  ul#category-nav li:hover > ul.sub-menu {
    opacity:1;
    top:21px;
    padding-top:10px;
    width:170px;
  }
  ul.sub-menu li {
    width:170px;
    padding:0 !important;
    background-color:#fff;
    text-align:left !important;
    border-bottom:1px solid #ffffff;
    border-left: none;
    border-right: none !important;
    box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.05);
    -o-box-shadow:1px 1px 1px 1px rgba(0, 0, 0, 0.05);
    margin:0 !important;
  }
  ul.sub-menu li a {
    display:block;
    width:160px;
    padding:4px 0 4px 10px;
    background-color:#fff;
    color:#666666;
    -webkit-transition: background-color .25s;
    -moz-transition: background-color .25s;
    -o-transition: background-color .25s;
    transition: background-color .25s;	 
  }
  ul.sub-menu li a:hover {
    color:#e05a69 !important;
  }
  .category-divider {
    display:block;
  }
  .flex-direction-nav a {
    width: 39px;
    height: 70px;
    margin: -20px 0 0;
    display: block;
    background: url(https://s3-eu-west-1.amazonaws.com/catapultdesign/whitelines/arrows.png) no-repeat 0 0;
    position: absolute;
    top: 50%;
    cursor: pointer;
    text-indent: -9999px;
    opacity: 0;
    -webkit-transition: all .3s ease;
  }
  .flex-direction-nav .flex-prev {
    background-position: 0 -70px;
  }
  .flex-direction-nav .flex-next {
    background-position: 0 0;
    right: -36px;
  }
  #main {
    width:750px;
    padding:0;
    background:none;
  }
  #main-content {
    padding:0 !important;
  }
  #products .product {
    float:left;
    margin-bottom:2em;
    width:235px;
  }
  a.product-desc  {
    color:#fff !important;
  }
  .product-insert-content p {
	font-size:1em !important;
  }
  #related_products .product {
    margin-bottom:0;
  }
  .item-1, .item-2, .item-4, .item-5, .item-7, .item-8, .item-10, .item-11, .item-13, .item-14, .item-16, .item-17, .item-19, .item-20, .item-22, .item-23, .item-25, .item-26, .item-28, .item-29, .item-31, .item-32, .item-34, .item-35, .item-37, .item-38, .item-40, .item-41, .item-43, .item-44, .item-46, .item-47, .item-49, .item-50, .item-52, .item-53, .item-55, .item-56, .item-58, .item-59, .item-61, .item-62, .item-64, .item-65, .item-67, .item-68, .item-70, .item-71, .item-73, .item-74, .item-76, .item-77, .item-79, .item-80, .item-82, .item-83, .item-85, .item-86, .item-88, .item-89, .item-91, .item-92, .item-94, .item-95, .item-97, .item-98, .item-100 {
    margin-right:22px !important;
    width:235px;
  }
  .item-3,.item-6, .item-9, .item-12, .item-15, .item-18, .item-21, .item-24, .item-27, .item-30, .item-33, .item-36, .item-39, .item-42, .item-45, .item-48, .item-51, .item-54, .item-57, .item-60, .item-63, .item-66, .item-69, .item-72, .item-75, .item-78, .item-81, .item-84, .item-87, .item-90, .item-93, .item-96, .item-99 {
    margin-right:0 !important;
    width:235px;    
  }
  .item-1, .item-5, .item-9, .item-13, .item-17, .item-21, .item-25, .item-29, .item-33, .item-37, .item-41, .item-45, .item-49, .item-53, .item-57, .item-61, .item-65, .item-69, .item-73, .item-77, .item-81, .item-85, .item-89, .item-93, .item-97 {
    clear:none;
  }
  .item-4, .item-7, .item-10, .item-13, .item-16, .item-19, .item-22, .item-25, .item-28, .item-31, .item-34, .item-37, .item-40, .item-43, .item-46, .item-49, .item-52, .item-55, .item-58, .item-61, .item-64, .item-67, .item-70, .item-73, .item-76, .item-79, .item-82, .item-85, .item-88, .item-91, .item-94, .item-97, .item-100 {
    clear:left;
  }
  .images-nav {
    float: left;
    display: block;
    width: 100px;
    margin-left: 5px;
  }
  #product-details {
    position:relative;
    float:left;
	margin-top:0;
  }
  #product-details h3.price {
    font-weight: 300;
    font-size: 2.5em;
	margin:0.75em 0 0.75em;
  }
  #product-image {
    float:left;
  }
  #product-images {
    float:left;
    width:410px;
    margin-right:20px;
  }
  #product-page img#product-img {
    width: 298px;
    height: auto;
    margin-left: 1px;
    margin-top: 1px;
	border:1px solid #fff;
    box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
    -o-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
  }
  ul#images-list li {
    width:96px;
    margin-bottom: 4px;
  }
  ul#images-list img {
    width:94px;
	border:1px solid #fff;
	margin-left:1px;
    box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
    -o-box-shadow:0 0 1px 1px rgba(0, 0, 0, 0.4);
  }
  .info {
	 width:320px;
  }
  #product-options {    
    width:230px;
    height:28px;
    line-height:28px;
    padding:0;
    border:1px solid #ccc;
    -moz-border-radius:4px;  
    border-radius:4px;
    background:#f7f7f7 url(http://catapultdesign.s3.amazonaws.com/horizons/dropdown-arrow.png) no-repeat 204px 7px;
    overflow:hidden;
  }
  #product-options select {
    width:260px;
    cursor:pointer;
     -webkit-appearance: none;
  }
  #col-thumb {
    width:100px;
  }
  #cart-content table td {
    vertical-align:middle !important;
    text-align:left;
    padding:5px 0;
  }
  #cart-content thead {
    font-weight:700;
    text-align:left;
    margin-bottom:1em;
  }
  #cart-content th {
    height:2em;
    vertical-align:middle;
    text-align:left;
  }
  #cart-content tr {
    border-bottom:1px solid #ddd;
  }
  .item-thumb {
    display:block;
    width:70px;
  }
  .item-qty input {
    width:40px;
  }
  .cart-total {
    margin:1.5em 0;
  }
  button.checkout-btn {
    font-size:1.25em;
  }
  .footer-nav {
    display:block;
  }
  .footer-bucket {
    width:215px;
  }
}
/***********************
1000px
***********************/
@media only screen and (min-width: 1000px) {

  .container {
    width:1000px;
  }
  #headerimg h1 {
    width:30%;
  }
  #main {
    width:100%;
	margin-top:0.1em;	
  }
  #product-content {
    background: #fff;
    overflow: hidden;
    width: 1000px;
	margin:0 auto 3em;
  }
  .images-nav {
    float: left;
    display: block;
    width: 100px;
    margin-left: 5px;
  }
  .info {
    float:left;
    width:570px;
  }
  .item-1, .item-2, .item-3, .item-5, .item-6, .item-7, .item-9, .item-10, .item-11, .item-13, .item-14, .item-15, .item-17, .item-18, .item-19, .item-21, .item-22, .item-23, .item-25, .item-26, .item-27, .item-29, .item-30, .item-31, .item-33, .item-34, .item-35, .item-37, .item-38, .item-39, .item-41, .item-42, .item-43, .item-45, .item-46, .item-4, .item-49, .item-50, .item-51, .item-52, .item-53, .item-55, .item-56, .item-57, .item-59, .item-60, .item-61, .item-62, .item-63, .item-65, .item-66, .item-67, .item-69, .item-70, .item-71, .item-73, .item-74, .item-75, .item-77, .item-78, .item-79, .item-81, .item-82, .item-83, .item-85, .item-86, .item-87, .item-89, .item-90, .item-91, .item-93, .item-94, .item-95, .item-97, .item-98, .item-99 {
    margin-right:20px !important;
  }
  .item-4,.item-8, .item-12, .item-16, .item-20, .item-24, .item-28, .item-32, .item-36, .item-40, .item-44, .item-48, .item-52, .item-56, .item-60, .item-64, .item-68, .item-72, .item-76, .item-80, .item-84, .item-88, .item-92, .item-96, .item-100 {
    margin-right:0 !important; 
  }
  .item-4, .item-7, .item-10, .item-13, .item-16, .item-19, .item-22, .item-25, .item-28, .item-31, .item-34, .item-37, .item-40, .item-43, .item-46, .item-49, .item-52, .item-55, .item-58, .item-61, .item-64, .item-67, .item-70, .item-73, .item-76, .item-79, .item-82, .item-85, .item-88, .item-91, .item-94, .item-97, .item-100 {
    clear:none;
  }
  .item-1, .item-5, .item-9, .item-13, .item-17, .item-21, .item-25, .item-29, .item-33, .item-37, .item-41, .item-45, .item-49, .item-53, .item-57, .item-61, .item-65, .item-69, .item-73, .item-77, .item-81, .item-85, .item-89, .item-93, .item-97 {
    clear:left;
  }
  .footer-nav {
    display:block;
	float:left;
  }
  .footer-nav li {
    list-style:none;
  }
  .footer-bucket {
    width:225px;
  }
  .hidden {
    display:inline;
  }
  #ZoomImage {
    background-color: white;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
	border: 10px solid rgba(255, 255, 255, 0.8);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
  }
}
/* TABS */
/*! jQuery UI - v1.9.2 - 2012-11-23
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* Copyright 2012 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; }
.ui-helper-clearfix:after { clear: both; }
.ui-helper-clearfix { zoom: 1; }
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }



.ui-tabs { position: relative; padding:0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }


/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(images/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(images/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); } /* For IE8 - See #6059 */

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(images/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }