/*-------------------------------------------------------------------------------------------*/
/* 7. WOOCOMMERCE SPECIFICS */
/*-------------------------------------------------------------------------------------------*/

/* 7.1 Demo store notice */
p.demo_store {
	position: fixed;
	top:0;
	left: 0;
	right:0;
	background: #ffd9c8;
	text-align: center;
	padding:8px 0;
	z-index: 999999;
	border-bottom:2px solid #f0baa2;
}

/* 7.2 Star Ratings */

.star-rating {
	float: right;
	width: 80px;
	height: 16px;
	background: url(images/star.png) repeat-x left 0;
}

.star-rating span {
	background: url(images/star.png) repeat-x left -32px;
	height: 0;
	padding-top: 16px;
	overflow: hidden;
	float: left;
}

p.stars {
	overflow: hidden;
	zoom: 1;
}

p.stars span {
	width: 80px;
	height: 16px;
	position: relative;
	float: left;
	background: url(images/star.png) repeat-x left 0;
}

p.stars span a {
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 0;
	padding-top: 16px;
	overflow: hidden;
}

p.stars span a:hover, p.stars span a:focus {
	background: url(images/star.png) repeat-x left -16px;
}

p.stars a.active {
	background: url(images/star.png) repeat-x left -32px;
}

p.stars span a.star-1 { width: 16px; z-index: 10; }
p.stars span a.star-2 { width: 32px; z-index: 9; }
p.stars span a.star-3 { width: 48px; z-index: 8; }
p.stars span a.star-4 { width: 64px; z-index: 7; }
p.stars span a.star-5 { width: 80px; z-index: 6; }

ul.products .star-rating {
	float: none;
	margin:0 auto .5em;
}

/* Sidebar / footer stars */

#sidebar .star-rating, #footer-widgets .star-rating {
	width: 60px;
	height: 12px;
	background: url(images/star-small.png) repeat-x left 0;
	margin-top:2px;
	float:none;
}

#sidebar .star-rating span, #footer-widgets .star-rating span {
	background: url(images/star-small.png) repeat-x left -24px;
	padding-top: 12px;
}

#sidebar p.stars span, #footer-widgets p.stars span {
	width: 60px;
	height: 12px;
	background: url(images/star-small.png) repeat-x left 0;
}

#sidebar p.stars span a, #footer-widgets p.stars span a {
	width: 12px;
	padding-top: 12px;
}

/*#sidebar p.stars span a:hover, #sidebar p.stars span a:focus {
	background: url(images/star-small.png) repeat-x left -12px;
}

#sidebar p.stars a.active {
	background: url(images/star-small.png) repeat-x left -24px;
}

#sidebar p.stars span a.star-1 { width: 12px; z-index: 10; }
#sidebar p.stars span a.star-2 { width: 24px; z-index: 9; }
#sidebar p.stars span a.star-3 { width: 36px; z-index: 8; }
#sidebar p.stars span a.star-4 { width: 48px; z-index: 7; }
#sidebar p.stars span a.star-5 { width: 60px; z-index: 6; }*/

/* 7.3 Single Product Page */
.single-product .type-product { clear: left; position: relative; }
.single-product ul.products .type-product { clear:none; }
.single-product ul.products .type-product.first { clear:both; }
.single-product .product del { color:#ccc; }
.single-product .product ins { text-decoration: none; }
.single-product .product .images, .single-product .product .summary { margin-bottom:20px; }
.single-product .product .images { width:180px; float: left; }
.single-product .product .images img { width:160px; height: auto; padding: 9px; border:1px solid #e6e6e6; margin-bottom:12px; }
.single-product .product .images .thumbnails { overflow: hidden; zoom:1; }
.single-product .product .images .thumbnails img { padding:0; border:0; width:30.75%; float: left; margin-right:3.8%; margin-bottom:8px; }
.single-product .product .images .thumbnails .first { clear: left; }
.single-product .product .images .thumbnails .last img { margin-right:0; }
.single-product .product .summary { width:300px; float:right; }
.single-product .product .summary h1.product_title { color:#333; padding:0 0 5px; margin:0; }
.single-product .product .summary p { margin-bottom:10px; }
.single-product .product .summary .price { color:#222;font-weight: normal; padding:10px 0; }
.single-product .product .summary .stock { padding-left:25px; margin:5px 0 15px; background: url(images/ico-tick.png) no-repeat left 2px; }
.single-product .product .summary .stock.out-of-stock { background: url(images/ico-alert.png) no-repeat left 2px; }
.single-product .product .summary form.cart { margin-bottom:.618em; overflow: hidden; zoom:1; padding-top:.618em; border-top:1px solid #e6e6e6; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGUlEQVQIHWP4//8/AwgDgSScARVgkITJAgBsFBI6bme1aQAAAABJRU5ErkJggg==) top repeat-x; /* diagonal texture */ }
.single-product .product .summary form.cart .quantity { float: left; }
.single-product .product .summary form.cart .button { float: right; margin:0; }
.single-product .product .summary form.cart table.variations {  border:0;}
.single-product .product .summary form.cart table.variations td { vertical-align: middle; border:0; padding-left:0; }
.single-product .product .summary .single_variation .stock { border-bottom:1px solid #e6e6e6; padding-bottom:10px; margin-bottom:10px; }
.single-product .product .summary .single_variation .price { display: block; padding:0 0 .618em; font-size:1.30769em; }
.single-product .product .product_meta { font-size:0.8751em; }
.single-product .product .summary .group_table { border:0; margin-bottom:10px; }
.single-product .product .summary .group_table td, .single-product .product .summary .group_table th { padding:0 8px 8px 0; border: 0; }
.single-product .product .summary .group_table .quantity { min-width: 74px; }
.single-product .product .summary .group_table td.price { padding:0 8px 8px 0; min-width: 80px; }
.single-product .product .summary .group_table td.price .stock { display: none; margin-bottom:0; }
.single-product .product .summary .group_table td.price .stock.out-of-stock { display: block; background: url(images/ico-cross-small.png) left no-repeat; padding-left:16px; margin-top:0 !important; }
.single-product .product .shop_attributes th { width:175px; }
.single-product .product .shop_attributes p { margin:0 !important; }

.single-product .product #tabs { clear: both; }

.upsells ul { margin-left:0; }

/* 1 column single product */
.single-product.layout-full .images { width:336px; }
.single-product.layout-full .images img { width:326px; }
.single-product.layout-full .summary { width:514px; }
.single-product.layout-full .related, .single-product.layout-full .upsells { width:48%; }
.single-product.layout-full .related { float: left; }
.single-product.layout-full .upsells { float: right; }
/*.single-product.layout-full #comments .commentlist li.comment .comment-text { width:822px; }*/

/* 7.3.1 Reviews */
.single-product #comments { margin-top:0; padding:0; border-top:0; }
.single-product .hreview-aggregate .star-rating { margin-top:1.618em; background: url(images/star.png) repeat-x left 0; }
.single-product #comments .commentlist li.comment { overflow: hidden; zoom:1; background: none !important; border:0 !important; clear: left; margin-bottom:1em; }
.single-product #comments .commentlist li.comment p { margin-bottom:1em; }
.single-product #comments .commentlist li.comment p.meta { border-bottom:1px solid #e6e6e6; border-top:1px solid #e6e6e6; padding:6px 0; }
.single-product #comments .commentlist li.comment img { width:11.45%; padding:1%; background: #fff; margin:1px 0 0 2px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,0.2); box-shadow:0 1px 2px rgba(0,0,0,0.2); height: auto; float: left; }
.single-product #comments .commentlist li.comment .comment-text { width:82.7%; float: right; }
.single-product #comments .commentlist li.comment .comment-text .star-rating { margin-top:7px; }
#fancybox-content #review_form { padding:30px; background:#eef2f5; }
#fancybox-content #respond { margin-top:0; }
#fancybox-content #respond label { display: block; font-weight: bold; }
#fancybox-wrap table { background: none; }

/* 7.4 Quantity Incrementer */
.quantity .plus, .quantity .minus, .quantity input { margin:0; border:0; padding:3px 6px; }
.quantity .plus, .quantity .minus { background:#DFDFDF; border:1px solid #ccc; -webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); box-shadow:inset 0 0 0 1px rgba(255,255,255,0.3); cursor: pointer; }
.quantity .plus:hover, .quantity .minus:hover { background-position: top; }
.quantity .minus { -webkit-border-top-right-radius:0; -webkit-border-bottom-right-radius:0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-radius:3px 0 0 3px; }
.quantity .plus { -webkit-border-top-left-radius:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-radius:0 3px 3px 0; }
.quantity .qty { border-top:1px solid #ccc; border-bottom:1px solid #ccc; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; width:16px; text-align: center; min-width: 30px; }
/* Disable input[type=number] buttons until the world is ready */
	input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
		display:none;
	}

/* 7.5 User Account Section */
header.title { overflow: hidden; zoom:1; }
header.title h3 { float: left; padding:0; }
header.title a { float: right; }
.addresses address { clear: both; }
.required { color: red; }
.woocommerce-account table { font-size:0.8751em; }
.woocommerce-account h2 { margin-bottom:0; }
.woocommerce-account .shop_table .button { margin:0; }

/* 7.5.1 Order tracking */
ol.commentlist.notes { padding-left:0; }
ol.commentlist.notes li.note { list-style: none; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #eee; }
ol.commentlist.notes li.note:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
ol.commentlist.notes li.note p.meta { font-weight: bold; }

/* 7.6 Cart */
table.cart, .shop_table { margin-bottom:40px; }
table.cart img { padding:0; width:32px; height:auto; }
table.cart td.actions { text-align: right; }
table.cart td.actions .coupon { float: left; }
table.cart td.actions .coupon label { display: none; }
table.cart dl.variation { overflow: hidden; zoom:1; }
.shop_table dl.variation dt, .shop_table dl.variation dd { float: left; margin-right:2px; }
.shop_table dl.variation dt { }
.shop_table dl.variation dd { margin-right:18px; font-style: italic; }
.cart-collaterals .cross-sells, .cart-collaterals .cart_totals, .cart-collaterals .shipping_calculator { width:48%; }
.cart-collaterals .cross-sells { float: left; }
.cart-collaterals .cart_totals { float: right; }
.cart-collaterals .shipping_calculator { float:right; clear: right; }
.cart-collaterals .shipping_calculator .col2-set { clear: left; overflow: visible; }
.cart-collaterals .shipping_calculator .col2-set .form-row:first-child { width:48%; }
.cart-collaterals .cart_totals table small { display: block; }
.cart-collaterals .cross-sells ul.products { margin:0; padding:0; }
.cart-collaterals .cross-sells ul.products li { width:48%; list-style: none; }
.cart_totals select { width:100%; }

/* 7.7 Checkout */
.woocommerce-checkout form.login { overflow:hidden; zoom:1; margin-bottom:20px; border-bottom:1px solid #e6e6e6; }
.woocommerce-checkout form.login button { margin-left:0; }
#shiptobilling { float: right; margin-top:2.3em; margin-bottom:0; }
#shiptobilling input { float: left; width: auto; }
.form-row.notes { width:100%; }
.checkout .create-account { clear: left; }
.checkout .form-row.vat-number { width:100%; }
ul.payment_methods { margin-left:0; padding:0; list-style: none; }
ul.payment_methods li { list-style: none; margin-bottom:10px; }
ul.payment_methods li img { padding:0; border: 0; vertical-align: bottom; margin-left:6px; }
ul.payment_methods .payment_box { padding: 12px; border:1px solid #e6e6e6; background: #f6f6f6; margin-bottom:20px; margin-top:10px; }
ul.payment_methods .payment_box p { margin:0; }

.payment_box fieldset { margin-bottom:0; }
.payment_box .form-row .woocommerce-select { width:30.75%; float: left; margin-right:3.8%; }

ul.payment_methods + .form-row { width:100%; }
ul.payment_methods + .form-row label { display: inline; }
ul.payment_methods + .form-row input { width:auto; float: left; }
#place_order { float: right; }

/*-------------------------------------------------------------------------------------------*/
/* 8. UNIFORM JS */
/*-------------------------------------------------------------------------------------------*/


/* Global Declaration */

div.selector,
div.selector span,
div.checker span,
div.radio span,
div.uploader,
div.uploader span.action,
div.button,
div.button span {
  background-image: url(images/sprite.png);
  background-repeat: no-repeat;
  -webkit-font-smoothing: antialiased;
}

.selector,
.radio,
.checker,
.uploader,
.button,
.selector *,
.radio *,
.checker *,
.uploader *,
.button *{
  margin: 0;
  padding: 0;
}



/* SPRITES */

/* Select */

div.selector {
  background-position: -483px -130px;
  line-height: 26px;
  height: 26px;
}

div.selector span {
  background-position: right 0px;
  height: 26px;
  line-height: 26px;
}

div.selector select {
  /* change these to adjust positioning of select element */
  top: 0px;
  left: 0px;
}

div.selector:active,
div.selector.active {
  background-position: -483px -156px;
}

div.selector:active span,
div.selector.active span {
  background-position: right -26px;
}

div.selector.focus, div.selector.hover, div.selector:hover {
  background-position: -483px -182px;
}

div.selector.focus span, div.selector.hover span, div.selector:hover span {
  background-position: right -52px;
}

div.selector.focus:active,
div.selector.focus.active,
div.selector:hover:active,
div.selector.active:hover {
  background-position: -483px -208px;
}

div.selector.focus:active span,
div.selector:hover:active span,
div.selector.active:hover span,
div.selector.focus.active span {
  background-position: right -78px;
}

div.selector.disabled {
  background-position: -483px -234px;
}

div.selector.disabled span {
  background-position: right -104px;
}

/* Checkbox */

div.checker {
  width: 19px;
  height: 19px;
}

div.checker input {
  width: 19px;
  height: 19px;
}

div.checker span {
  background-position: 0px -260px;
  height: 19px;
  width: 19px;
}

div.checker:active span,
div.checker.active span {
  background-position: -19px -260px;
}

div.checker.focus span,
div.checker:hover span {
  background-position: -38px -260px;
}

div.checker.focus:active span,
div.checker:active:hover span,
div.checker.active:hover span,
div.checker.focus.active span {
  background-position: -57px -260px;
}

div.checker span.checked {
  background-position: -76px -260px;
}

div.checker:active span.checked,
div.checker.active span.checked {
  background-position: -95px -260px;
}

div.checker.focus span.checked,
div.checker:hover span.checked {
  background-position: -114px -260px;
}

div.checker.focus:active span.checked,
div.checker:hover:active span.checked,
div.checker.active:hover span.checked,
div.checker.active.focus span.checked {
  background-position: -133px -260px;
}

div.checker.disabled span,
div.checker.disabled:active span,
div.checker.disabled.active span {
  background-position: -152px -260px;
}

div.checker.disabled span.checked,
div.checker.disabled:active span.checked,
div.checker.disabled.active span.checked {
  background-position: -171px -260px;
}

/* Radio */

div.radio {
  width: 18px;
  height: 18px;
}

div.radio input {
  width: 18px;
  height: 18px;
}

div.radio span {
  height: 18px;
  width: 18px;
  background-position: 0px -279px;
}

div.radio:active span,
div.radio.active span {
  background-position: -18px -279px;
}

div.radio.focus span,
div.radio:hover span {
  background-position: -36px -279px;
}

div.radio.focus:active span,
div.radio:active:hover span,
div.radio.active:hover span,
div.radio.active.focus span {
  background-position: -54px -279px;
}

div.radio span.checked {
  background-position: -72px -279px;
}

div.radio:active span.checked,
div.radio.active span.checked {
  background-position: -90px -279px;
}

div.radio.focus span.checked, div.radio:hover span.checked {
  background-position: -108px -279px;
}

div.radio.focus:active span.checked,
div.radio:hover:active span.checked,
div.radio.focus.active span.checked,
div.radio.active:hover span.checked {
  background-position: -126px -279px;
}

div.radio.disabled span,
div.radio.disabled:active span,
div.radio.disabled.active span {
  background-position: -144px -279px;
}

div.radio.disabled span.checked,
div.radio.disabled:active span.checked,
div.radio.disabled.active span.checked {
  background-position: -162px -279px;
}

/* Uploader */

div.uploader {
  background-position: 0px -297px;
  height: 28px;
}

div.uploader span.action {
  background-position: right -409px;
  height: 24px;
  line-height: 24px;
}

div.uploader span.filename {
  height: 24px;
  /* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
  line-height: 24px;
}

div.uploader.focus,
div.uploader.hover,
div.uploader:hover {
  background-position: 0px -353px;
}

div.uploader.focus span.action,
div.uploader.hover span.action,
div.uploader:hover span.action {
  background-position: right -437px;
}

div.uploader.active span.action,
div.uploader:active span.action {
  background-position: right -465px;
}

div.uploader.focus.active span.action,
div.uploader:focus.active span.action,
div.uploader.focus:active span.action,
div.uploader:focus:active span.action {
  background-position: right -493px;
}

div.uploader.disabled {
  background-position: 0px -325px;
}

div.uploader.disabled span.action {
  background-position: right -381px;
}

div.button {
  background-position: 0px -523px;
}

div.button span {
  background-position: right -643px;
}

div.button.focus,
div.button:focus,
div.button:hover,
div.button.hover {
  background-position: 0px -553px;
}

div.button.focus span,
div.button:focus span,
div.button:hover span,
div.button.hover span {
  background-position: right -673px;
}

div.button.active,
div.button:active {
  background-position: 0px -583px;
}

div.button.active span,
div.button:active span {
  background-position: right -703px;
  color: #555;
}

div.button.disabled,
div.button:disabled {
  background-position: 0px -613px;
}

div.button.disabled span,
div.button:disabled span {
  background-position: right -733px;
  color: #bbb;
  cursor: default;
}

/* PRESENTATION */

/* Button */

div.button {
  height: 30px;
}

div.button span {
  margin-left: 13px;
  height: 22px;
  padding-top: 8px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-left: 2px;
  padding-right: 15px;
}

/* Select */
div.selector {
  width: 190px;
  font-size: 12px;
}

div.selector select {
  min-width: 190px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  border: solid 1px #fff;
}

div.selector span {
  padding: 0px 25px 0px 2px;
  cursor: pointer;
}

div.selector span {
  color: #666;
  width: 158px;
  text-shadow: 0 1px 0 #fff;
}

div.selector.disabled span {
  color: #bbb;
}

/* Checker */
div.checker {
  margin-right: 5px;
}

/* Radio */
div.radio {
  margin-right: 3px;
}

/* Uploader */
div.uploader {
  width: 190px;
  cursor: pointer;
}

div.uploader span.action {
  width: 85px;
  text-align: centre;
  text-shadow: #fff 0px 1px 0px;
  background-color: #fff;
  font-size: 11px;
  font-weight: bold;
}

div.uploader span.filename {
  color: #777;
  width: 82px;
  border-right: solid 1px #bbb;
  font-size: 11px;
}

div.uploader input {
  width: 190px;
}

div.uploader.disabled span.action {
  color: #aaa;
}

div.uploader.disabled span.filename {
  border-color: #ddd;
  color: #aaa;
}
/*

CORE FUNCTIONALITY

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector,
.checker,
.button,
.radio,
.uploader {
  display: -moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
}

.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
  outline: 0;
}

/* Button */

div.button a,
div.button button,
div.button input {
  position: absolute;
}

div.button {
  cursor: pointer;
  position: relative;
}

div.button span {
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  text-align: centre;
}

/* Select */

div.selector {
  position: relative;
  padding-left: 10px;
  overflow: hidden;
}

div.selector span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

div.selector select {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity:0);
  height: 25px;
  border: none;
  background: none;
}

/* Checker */

div.checker {
  position: relative;
  float: left;
}

div.checker span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: centre;
}

div.checker input {
  opacity: 0;
  filter: alpha(opacity:0);
  display: inline-block;
  background: none;
}

/* Radio */

div.radio {
  position: relative;
}

div.radio span {
  display: -moz-inline-box;
  display: inline-block;
  text-align: centre;
}

div.radio input {
  opacity: 0;
  filter: alpha(opacity:0);
  text-align: centre;
  display: inline-block;
  background: none;
}

/* Uploader */

div.uploader {
  position: relative;
  overflow: hidden;
  cursor: default;
}

div.uploader span.action {
  float: left;
  display: inline;
  padding: 2px 0px;
  overflow: hidden;
  cursor: pointer;
}

div.uploader span.filename {
  padding: 0px 10px;
  float: left;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: default;
}

div.uploader input {
  opacity: 0;
  filter: alpha(opacity:0);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  float: right;
  height: 25px;
  border: none;
  cursor: default;
}


/*-------------------------------------------------------------------------------------------*/
/* 9. IE Fixes */
/*-------------------------------------------------------------------------------------------*/


/* IE6 */
.ie6 .nav .sf-sub-indicator { display:none; }
.ie6 .nav li a:hover { text-decoration:none; }
.ie6 .nav li a.sf-with-ul { padding-right:10px; }
.ie6 .button, .ie6 .button:visited { margin:0; color:#555 !important; font-weight:normal; } .reply a {  color:#555 !important; }
.ie6 .slide-content { background: #000; }

/* IE7 */
.ie7  { overflow-x: hidden; }
.ie7 * { overflow-x:visible; }
.ie7 .nav li a {_height: 0;zoom: 1;} /* IE7 Fix */
.ie7 .button, .ie7 .button:visited {  padding:7px 6px; margin:0; }
.ie7 .slide-content { background: #000; }
.ie7 #featured-products ul.featured-products li.flipper .back { display: none; }
.ie7 a.button, .ie7 .button.alt, ie7 .button, .ie7 input.button, .ie7 button.button, .ie7 a.comment-reply-link, .ie7 #commentform #submit, .ie7 #featured-products ul.products .button { padding:4px 10px; }
.ie7 .page-template-onecolumn-page-php #main, .ie7 .layout-full #main  { padding-left:0; }
.ie7 .form-row input.input-text, .ie7 .form-row textarea { width:auto; min-width:70%; max-width: 94%; }
.ie7 div.selector { width:180px; padding-right:10px; }


/* IE8 */
.ie8 .button:visited {  padding:10px 15px; margin:0; }
.ie8 .slide-content { background: #000; }
.ie8 .cart-collaterals .cross-sells h3 { margin-top:0; }
.ie8 #featured-products ul.featured-products li.flipper .back { display: none; }

/* All */
.ie8 #navigation, .ie7 #navigation, .ie6 #navigation, .ie8 #footer, .ie7 #footer, .ie7 #footer {
	background:transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000,endColorstr=#50000000); /* alpha channel is the first pair in the value of HEX */
	zoom: 1;
}