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

  Theme:   Into the Future
  Version: 2.2.4
  Author:  Catapult
           http://catapultthemes.com

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

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

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

You can adjust the margins for the main menu here */





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

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: "Varela Round", sans-serif;
  font-weight:;
  background-color: #ffffff;
  
  color: #b0b0b0;
  height:100%;
  font-size:90%;
}
p, ul, ol {
  font-size:1em;
  line-height:1.4em;
  margin-bottom:0.5em;
}
a {
  text-decoration:none;
  color: #8c8c8c;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -o-transition: color .25;
  transition: color .25s;
}
a:hover {
  color: #9e0676;
}
em { 
  font-style: italic;
}
strong { 
  font-weight: ;
}
img {
  -ms-interpolation-mode: bicubic;
}
label {
  display:block;
}
button, .button {
  font-family: "Varela Round", sans-serif;
  background:#8c8c8c;
  color:#fff;
  border:none;
  line-height:1.5em;
  padding:2px 8px 2px;
  cursor:pointer;
  -webkit-transition: background .25s;
  -moz-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s;
}
button:hover, .button:hover {
  background:#9e0676;
}
input, textarea {
  font-family: "Varela Round", sans-serif;
  border:1px solid #ccc;
  background:#fff;
  color:#777;
  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: #8c8c8c;
}
#error li {
  list-style: none;
}
#website {
  font-size: 1em;
  padding: 0.15em 0 0.15em 10px;
}
#search-form {
  position:absolute;
  top:10px;
  right:0;
}
#search-form input[type="text"] {
  padding: 2px 2px;
  background: #ffffff;
  line-height:1.3em;
  border:#b0b0b0;
}
#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 {
  font-size:2.75em;
  font-weight:;
}
h2 {
  font-size:1.5em;
  line-height:1.1em;
  font-weight:;
  margin-bottom:0.5em;
}
h3 {
  font-size:1.125em;
  font-weight:;
  padding:0 0 0.2em;
  margin:0.0125em 0 0.2em;
}
#wrapper {
  width:100%;
  min-height:100%;
  height:auto !important;
  height:100%;
  margin:0 auto -3em;
}
#push {
  height:3em;
}
#header {
  position:relative;
  z-index:100;
  background: #6b6b6b;
  border-bottom:1px solid #4a4a4a;
  margin-bottom:3em;
}
#header ul {
  margin:0;
  list-style:none;
}
#header li {
  float:left;
}
#header a {
  color: #b0b0b0;
}
#header a:hover {
  color: #8c8c8c !important;
}
#top-strip {
  background: #1F1F1F;
  color: #e0e0e0;
}
#top-strip a {
  background: #1F1F1F;
  color: #e0e0e0;
}
#headerimg {
  text-align:left;
  padding: 0.75em 0 0.5em;
}
#headerimg h1 {
  font-size:3em;
  font-weight:;
  width:100%;
  float:left;
  text-align:center;
  margin-top:7px;
}
#headerimg a {
  color: #e0e0e0;
}
#headerimg a:hover {
  color: #9e0676;
}
#menu-button {
  display:none;
}
#mobile-page-nav {
  display:none;
  position:absolute;
  top:-5.5em;
  left:0;
  width:300px;
  margin:0 auto;
  z-index:9999;
  font-size:1.25em;
}
.mobile-menu ul {
  margin:0;
}
.cart-menu {
  float:right;
  margin: 1.2em 0 0 0; 
  text-align: left;
  line-height: 1em;
  font-size:1em;
  padding-bottom:0.75em;
}
.cart-menu a {
  padding: 4px 4px;
  background-color: #4a4a4a;
  color:#fff;
  border-radius:2px;
}
.cart-menu a:hover {
  background-color: #1F1F1F;
  color: #e0e0e0 !important;
}
.cart-discount {
	margin: 1em 0;
}
/*************************
Home page
*************************/

.divider {
  width: 100%;
  height: 1px;
  background-color: #4a4a4a;
}
.category-divider {
  width: 100%;
  height: 1px;
  background-color: #ffffff;
}
#footer .divider {
	margin:0;
}
#products {
  width:auto;
  margin:0 auto;
}
#products .product {
  width:235px;
  margin:0 auto 2em;
  position:relative;
}
.product-wrap {
  position:relative;
}
img.product-img {
  width:300px;
  border:10px 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);
}
#products img.product-img {
  width:215px;
}
.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-53, .item-54, .item-55, .item-57, .item-58, .item-59, .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 {
  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:left;
}
.product-info {
	text-align:center;
	margin-top:-5px;
}
h2.product-title, h2.category-title {
  font-size:1.35em;
  margin-bottom:0;
}
#products h2.product-title, #products h2.category-title  {
  font-size:1.35em;
  margin-bottom:0;
}
h2.category-title {
  text-align: center;
}
.product-price, .product-status {
  font-size:1em;
}
.product-status, .product-on-sale {
  background-color: #1F1F1F;
  color:#fff;
  line-height:1em;
  text-align:center;
  padding:8px 15px;
  opacity:0.8;
  position:absolute;
  top:10px;
  left:10px;
}
.product-on-sale {
  top:11px;
  left:11px;
  z-index:9999;
}
.sold-out img {
  opacity:0.5;
}
#social-stuff {
  float: left;
  margin-top: 30px;
}
.fb_edge_widget_with_comment {
  float:none;
  margin-bottom:6px;
}
.twitter-button, .pinterest-button {
  float:none;
  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:1px 0;
	border-top:1px solid #4a4a4a;
	border-bottom:1px solid #4a4a4a;
}
.flex-direction-nav a {
    display: none;
}
/***********************
Products and product
***********************/
.page-title {
  margin:0.5em 0 0.5em;
  text-align:left;
}
.product .page-title {
  display:none;
}
#product-page img#product-img {
  height:auto;
  width:300px;
  border:10px 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);
}
.images-nav {
  float: left;
  display: block;
  width: 324px;
  margin-left: 1px;
}
ul#images-list li {
  list-style:none;
  float:left;
  margin-top:1px;
  width:96px;
  margin-right:12px;
  margin-bottom: 4px;
}
ul#images-list img, .related img {
  width:92px;
  border:5px solid #fff;
  margin-left:1px;
  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);
}
.related img {
  margin-bottom:2px !important;
}
.related .product {
  margin:10px auto;
  text-align:center;
}
.related a, .product a {
  color: #b0b0b0;
}
.related a:hover, .product a:hover {
  color: #8c8c8c;
}
.related p {
  margin-bottom:2px;
}
#product-details {
  position:relative;
  float:left;
}
.info {
  float:left;
}
#product-details h3.price {
  font-weight: ;
  font-size: 2.5em;
  margin:0.75em 0 0.75em;
}
#product-form {
  margin-top: 1em;
}
#product-addtocart {
  margin:0;
}
#nav-buttons {
  position:fixed;
  right:0;
  top:70%;
}
#previous-product, #next-product {
  display: block;
  float:right;
  margin:14px 5px 0 0;
}
#previous-product a, #next-product a {
  display: block;
  background-color: #b0b0b0;
  color:#fff;
  border-radius:4px;
  padding:4px 8px;
  -moz-transition: background-color .25s ease;
  -webkit-transition: background-color .25s ease;
  -o-transition: background-color .25s ease;
  -ms-transition: background-color .25s ease;
  transition: background-color .25s ease;
}
#previous-product a:hover, #next-product a:hover {
  background-color: #8c8c8c;
  color:#fff;
}
.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;
}
/*************************
Sidebar
*************************/
#sidebar {
  width:118px;
  padding:1.5em 10px;
  float:right;
  background: #6b6b6b;
  border:1px solid #4a4a4a;
  margin-bottom:2em;
}
/*************************
Footer
*************************/
#footer {
  padding-bottom: 2em;
  position:relative;
  font-size:0.75em;
  background: #6b6b6b;
  border-top:1px solid #4a4a4a;
  overflow:hidden;
}
#footer a {
  color: #b0b0b0;
}
#footer-nav {
  display:none;
}
#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 {
  float:right;
}
#footer-credits ul {
  margin-top:15px;
}
#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-shipping {
  margin:1em 0;
}
.cart-shipping select {
  margin-top:1em;
  border:1px solid #ccc;
}
#cart-footer h3 {
  font-size:1.25em;
  margin:0.25em 0 0;
}
#cart-footer p {
  font-size:0.875em;
}
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;
  -webkit-transition: background .25s;
  -moz-transition: background .25s;
  -o-transition: background .25s;
  transition: background .25s;
}
button#product-addtocart {
  background:#8c8c8c;
  color:#fff;
  font-size:1em;
  width:150px;
  height:40px;
  border-radius:4px;
}
button#product-addtocart:hover {
  background:#9e0676;
}
.item-thumb {
  display:none;
}
button.checkout-btn {
  background:#8c8c8c;
  color:#fff;
}
button.checkout-btn:hover {
  background:#9e0676;
}

/***********************
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;
  font-weight:;
  width:300px;
  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: 60px;
}
.ie ul#page-nav li {
  margin:0 0 0 40px;
  line-height:1em;
}
.ie ul#category-nav {
  display:block;
  float:left;
  padding: 0.75em 0;
  position:relative;
  z-index:9999;
}
.ie ul#category-nav li {
  margin:0.5em 40px 0 0;
  text-align:left;
  line-height: 1em;
}
.ie ul#category-nav li a:hover {
  color:#9e0676;
}
.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:31px;
  padding-top:15px;
  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:#b0b0b0;
    -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:#9e0676 !important;
  }
.ie .category-divider {
    display:block;
  }

.ie .container {
    width:1000px;
  }
.ie #main {
  width:100%;
  margin-top:0.1em;	
}
.ie #products .product {
  float:left;
  margin-bottom:2em;
  width:235px;
}
.ie  #product-content {
	margin:0 30px 3em 0;
	float:left;
	position:relative;
  }
.ie #product-images {
  float:left;
  width:320px;
  margin-right:20px;
}
.ie .images-nav {
  float: left;
  display: block;
  width: 324px;
  margin-left: 1px;
}
.ie #product-details {
  width: 490px;
  position: relative;
  float: left;
  margin-top: 0;
}
.ie .info {
    float:left;
  }
.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; 
  }
/***********************
up to 750px
***********************/
@media only screen and (min-width: 100px) and (max-width: 749px) {
	#search-form {
		display:none;
	}
}
@media only screen and (min-width: 100px) {
	img {
		max-width:100%;
	}
	.container {
	  width:320px;
	  margin:0 auto;
	  position:relative;
	}	
	ul#page-nav, ul#category-nav, .category-divider {
	  display:none;
	}
	#menu-button, #category-button {
	  display:block;
	}
	#menu-button {
	  z-index:9999;
	  display: block;
      padding: 4px 8px;
      position: absolute;
      top: 12px;
      left: 0;
      line-height: 1em;
      text-align: center;
      background:#b0b0b0;
      color: white;
	  cursor:pointer;
	  border-radius:2px;
	}
	#menu-button:hover {
	   background:#8c8c8c;
	}
	ul.mobile-menu  li {
	  list-style:none;
	}
	ul.mobile-menu li a, #mobile-search-form {
	  width:260px;
	  color:#fff;
	  background: #212121;
	  border:1px solid #000;
	  border-width:0 0 1px 0;
	  padding:10px 10px;
	  display:block;
	}
	#main {
	  width:320px;
	}
	#slider {
	  display:none;
	}
	.pod {
	  width:225px;
	  margin:0 auto 2em;
	}
	#product-details {
	  margin-top:20px;
	}
	.hidden {
      display:none;
    }
	#sidebar {
      width:118px;
      padding:1.5em 10px;
      float:none;
	  clear:left;
      background: #6b6b6b;
      border:1px solid #4a4a4a;
      margin:2em auto;
    }
	#mobile-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;
	}
}
/***********************
750px and up
***********************/
@media only screen and (min-width: 750px) {
  select {
    height:2em;
    padding:0 3px;
    color:#777;
    background:transparent;
    border:none;
    line-height:2em;
  }
  .container {
    width:750px;
  }
  #headerimg h1 {
    font-size:3em;
    font-weight:;
    width:30%;
    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: 60px;
  }
  ul#page-nav li {
	margin:0 0 0 40px;
	line-height:1em;
  }
  ul#page-nav li a:hover {
    color: #9e0676;
  }
  ul#category-nav {
    display:block;
    float:left;
    padding: 0.75em 0;
    position:relative;
	z-index:9999;
  }
  ul#category-nav li {
    margin:0.5em 40px 0 0;
    text-align:left;
    line-height: 1em;
  }
  ul#category-nav li a:hover {
    color:#9e0676;
  }
  .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:31px;
    padding-top:15px;
    width:170px;
  }
  ul.sub-menu li {
    width:170px;
	line-height:1.5em;
    padding:4px 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:#b0b0b0;
    -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:#9e0676 !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-grey.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: 324px;
    margin-left: 1px;
  }
  #product-details {
	width:260px;
    position:relative;
    float:left;
	margin-top:0;
  }
  #product-image {
    float:left;
  }
  #product-images {
    float:left;
    width:320px;
    margin-right:20px;
  }
  #product-page img#product-img {
    width: 300px;
    height: auto;
    margin-left: 1px;
    margin-top: 1px;
	width:300px;
    border:10px 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-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:;
    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;
  }
  #sidebar {
    width:118px;
    padding:1.5em 10px;
    float:right;
    background: #6b6b6b;
    border:1px solid #4a4a4a;
    margin-bottom:2em;
	margin-top:0;
	clear:none;
  }
  #footer-nav {
    display:block;
  }
  .footer-bucket {
    width:215px;
  }
}
/***********************
1000px
***********************/
@media only screen and (min-width: 1000px) {

  .container {
    width:1000px;
  }
  #main {
    width:100%;
	margin-top:0.1em;	
  }
  #product-content {
	margin:0 30px 3em 0;
	float:left;
	position:relative;
  }
  .images-nav {
    float: left;
    display: block;
    width: 324px;
    margin-left: 1px;
  }
  .info {
    float:left;
  }
  .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-54, .item-55, .item-57, .item-59, .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;
  }
  #product-details {
	width:490px;
  }
  #footer-nav {
    display:block;
  }
  #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;
  }
}