/**
*	MIIX.e-Commerce: Common Store Styling
*/

/* @group Reset Styles */

/*
	html5doctor.com Reset Stylesheet
	v1.6.1
	Last Updated: 2010-09-17
	Author: Richard Clark - http://richclarkdesign.com
	Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

.add-to-wishlist {
  float: right;
  width: 20px;
  height: 20px;
  white-space: nowrap;
  text-indent: 20px;
  overflow: hidden;
  background: transparent url(/mas_assets/icons-sprite.png) no-repeat 0 -69px;
}

.added-to-wishlist {
  float: right;
  width: 23px;
  height: 20px;
  white-space: nowrap;
  text-indent: 23px;
  overflow: hidden;
  background: transparent url(/mas_assets/icons-sprite.png) no-repeat -1px -90px;
}

body {
    line-height:1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

/* END RESET CSS */

/* @end */



/* @group Popups */

/* Frontend Inline Pop-ups ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
#simplemodal-overlay {
	background: black;
}
div.store-box-spinner {
	width: 100px;
	height: 30px;
	background: url(toolkit/autocomplete/loading/14.gif) no-repeat center center;
}
div.store-box-loading {
	font-size: 11px;
	color: gray;
	background: white url(toolkit/autocomplete/loading/14.gif) no-repeat center 45px;
	padding: 0 10px;
	min-width: 320px;
	min-height: 80px;
	line-height: 60px;
	text-align: center;
	border:3px solid #ccc;
	cursor: default;
}

div.store-box div.error {
	cursor: default;
}

a.modalCloseImg {
	display: block;
	height: 13px;
	line-height:13px;
	width: 14px;
	background: white url(store/close.gif) no-repeat center center; /* 18x15 */
	cursor: pointer;
	position: absolute;
	top: 13px;
	right: 13px;
}

/**
 * KT: use this to hide elements that you do not
 * want to show when a page is opened via ajax
 */

div.store-box .box-ajax-none {
	display: none !important;
}
div.store-box .box-ajax-inline {
	display: inline;
}
div.store-box .box-ajax-invisible {
	display: block;
	background: transparent !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	width: 100% !important;
}
.box-ajax-show {
	display: none;
}
div.store-box .box-ajax-show {
	display: block;
}

/**
 * KT: default styling for inline popups
 */
div.store-box {
	background: white;
	min-width: 640px;
	max-width: 750px;
	padding: 10px;
	text-align: left;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:  5px;
	}

	div.store-box h1.store-box-title {
		font: bold 14px "Trebuchet MS", Tahoma, Verdana, Arial, Sans-Serif;

		background: black;
		color: white;

		-moz-border-radius: 3px;
		-khtml-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius:  3px;

		margin: 0 0 4px;
		line-height: 30px;
		height: 30px;
		overflow: hidden;
		padding: 0 10px;
		cursor: default;
		}

	div.store-box div.store-box-content {
		background: white;
		clear:both;
		padding: 10px;
		border: 1px solid #CCC;
		border-bottom: 1px solid silver;
		max-height: 450px;
		overflow: auto;
		}

/* Item Reviews Stars ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
.reviews-stars,
.reviews-stars-,
.reviews-stars-0 {
	padding-left: 95px;
	background: url(reviews/stars_0.png) no-repeat left center;
	}
.reviews-stars-1,
.reviews-stars-10 {
	background-image: url(reviews/stars_1.0.png);
	}
.reviews-stars-15 {
	background-image: url(reviews/stars_1.5.png);
	}
.reviews-stars-2,
.reviews-stars-20 {
	background-image: url(reviews/stars_2.0.png);
	}
.reviews-stars-25 {
	background-image: url(reviews/stars_2.5.png);
	}
.reviews-stars-3,
.reviews-stars-30 {
	background-image: url(reviews/stars_3.0.png);
	}
.reviews-stars-35 {
	background-image: url(reviews/stars_3.5.png);
	}
.reviews-stars-4,
.reviews-stars-40 {
	background-image: url(reviews/stars_4.0.png);
	}
.reviews-stars-45 {
	background-image: url(reviews/stars_4.5.png);
	}
.reviews-stars-5,
.reviews-stars-50 {
	background-image: url(reviews/stars_5.0.png);
	}

/* Item Review Voting ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
a.review-vote {
	cursor: pointer;
	color: #4682B4;
	}
a.review-vote-yes {
	font-weight: bold;
	display: inline-block;
	padding: 2px 0 2px 20px;
	background: url(toolkit/icons/thumb_up.png) no-repeat left center;
	}
a.review-vote-yes:hover {
	color: green;
	}
a.review-vote-no {
	padding: 2px 0 2px 20px;
	background: url(toolkit/icons/thumb_down.png) no-repeat left center;
	}
a.review-vote-no:hover {
	color: red;
	}
.review-vote-response {
	padding-left: 4px;
	}
.review-vote-spinner {
	display: inline-block;
	padding-left: 6px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
	background: url(toolkit/autocomplete/loading/3-4.gif) no-repeat center center;
	}

/* KT: Checkout Steps */
table.checkout_steps {
	cursor: default;
	width:100%;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:  5px;
	margin: 0 0 1em;
	}

	table.checkout_steps td {
		color: #444;
		padding: 0 1em;
		height: 45px;
		line-height: normal;
		text-align: center;
		background: url(store/checkout_steps.gif) no-repeat center center;
		vertical-align: top;
		}

		table.checkout_steps td a {
			color: #444444 !important;
			}

	table.checkout_steps td.selected {
		background: url(store/checkout_steps.gif) no-repeat top center;
		}

		table.checkout_steps td.selected a {
			font-weight: bold;
			}

	table.checkout_steps td.current {
		background: url(store/checkout_steps.gif) no-repeat bottom center;
		}

/* States AJAX ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */

/* this class is attached to the parent while waiting for the result */
.ajax-states-loading {
	background: transparent url(toolkit/autocomplete/loading/5.gif) no-repeat left center;
	}

/* this is the class of the span element, which is appended inside the parent while waiting for the result */
.ajax-states-spinner {
	width: 20px;
	display: inline-block;
	background: transparent url(toolkit/autocomplete/loading/5.gif) no-repeat center center;
	}

/* jQuery UI Autocomplete  ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** ** */
ul.ui-autocomplete {
	background: white;
	text-align: left;
	font-size: .8em;
	}
	ul.ui-autocomplete li.ui-menu-item {
		;
		}
.status-ok {}

.status-warning
{
	background-color: khaki !important;
}

#search-types li {
	display: inline-block;
}

#search-types li.selected {
	font-weight: bold;
}

/* Frontend.Preloader */
div#preloader
{
	position: fixed;	/* no scrolling */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

	background-color: #fff;	/* default background color is white */
	z-index: 999999;	/* makes sure it stays on top */

	height: 100vh;
	width: 100%;
}
div#preloader div#preloader-logo
{
	position: absolute;
	left: 50%; /* centers the loading animation horizontally one the screen */
	top: 50%; /* centers the loading animation vertically one the screen */

	width: 200px;
	height: 200px;
	margin: -100px 0 0 -100px; /* is width and height divided by two */

	background-image: url(toolkit/autocomplete/loading/12.gif); /* path to your loading animation */
	background-repeat: no-repeat;
	background-position: center;
}

/* Palmo Loader */
.palmo-loader
{
background: url(toolkit/autocomplete/loading/9.gif) no-repeat center;
background-size: 35px;
height: 100px;
}


.discount-code{
	background: #dedede;
	padding: 2px 10px;
	border-radius: 15px;
	white-space: nowrap;
}
.discount-code .data{font-size: 12px;}
.discount-code a.remove{
	color: #cc0000;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}