/* Original Source: http://meyerweb.com/eric/tools/css/reset/ */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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
	vertical-align: baseline;
	background: transparent;}
	

body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes:none;}blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;}

body {background:#fff;font-size:12px;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;color:#333;margin:0px auto;text-align:center;line-height:16px;}

input[type=text], input[type=password], input[type=email], input[type=tel], select, textarea {border:1px solid #ececec;font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:300;color:#333;font-size:12px;padding:2px 4px;}
input[type=text], input[type=password], input[type=email], input[type=tel] {padding:3px;}
select {padding-right:2px;}
button {
	border:1px solid #ececec;
	-webkit-box-shadow: inset 0px 1px 0px 0px #f5f5f5;
	-moz-box-shadow: inset 0px 1px 0px 0px #f5f5f5;
	box-shadow: inset 0px 1px 0px 0px #f5f5f5;
	color:#000000;
	line-height:20px;
	padding:2px 10px;
	font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:11px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	cursor:pointer;
	background-color: #CCCCCC;
}
button:hover {background:#323232;color:#e4ab10}
button.continue {background:#ff5454;border-color:#ff5454;color:#fff;-webkit-box-shadow: inset 0px 1px 0px 0px #ffa9a9;-moz-box-shadow: inset 0px 1px 0px 0px #ffa9a9;
box-shadow: inset 0px 1px 0px 0px #ffa9a9;font-size:11px;padding:5px 10px;-webkit-transition:background .4s ease;-moz-transition:background .4s ease;-o-transition:background .4s ease;transition:background .4s ease;}
button.continue:hover {background:#333;border-color:#333;color:#fff;-webkit-box-shadow: inset 0px 1px 0px 0px #999;-moz-box-shadow: inset 0px 1px 0px 0px #999;
box-shadow: inset 0px 1px 0px 0px #999;}

a:link, a:visited {color:#000000;}
a:hover {text-decoration:underline;color:#e4ab10;}
a img {border:none;}
strong {font-weight:bold;}
strong2{font-weight:bold;
		text-decoration:underline;
}

yellow {font-weight:bold;
		color:#e4ab10;
	}

.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.wrapper {display:block;text-align:left;width:980px;margin:0px auto;}

header {float:left;margin-top:34px;height:95px;position:relative;width:100%;background:#fff;background: rgba(255, 255, 255, 0.9);}
	header .wrapper {border-bottom:1px solid #ececec;display:inline-block;}
	#brand {float:left;display:block;width:175px;height:60px;background:transparent url(../images/logo.png) no-repeat -0px 0px;overflow:hidden;text-indent:-999em;margin:18px 0px 26px;}
	nav {float:left;margin:0px 0px 0px 0px;width:800px;}
		nav ul {margin:0px;}
		nav li {float:left;list-style:none;position:relative;}
			nav li a:link, nav li a:visited {text-transform:uppercase;text-decoration:none;padding:45px 17px 30px;float:left;font-family: 'Michroma', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:16px;-webkit-transition:background .5s ease;-moz-transition:background .5s ease;-o-transition:background .5s ease;transition:background .5s ease;}
			nav li a:hover, nav li a.current {color:#e4ab10;background:#323232;}
		/* subnav */
		nav ul ul {z-index:20;display:none;position:absolute;top:91px;left:0px;width:160px;z-index:99999 !important;}
			nav ul ul li {min-width:140px;}
			nav ul ul ul {left:100%;top:0;}
			nav ul ul a:link, nav ul ul a:visited {background:#fff;background: rgba(255, 255, 255, 0.9);font-size:1.2em;border-bottom:1px solid #ececec;width:160px;height:auto;padding:5px 18px;-webkit-transition:background .5s ease;-moz-transition:background .5s ease;-o-transition:background .5s ease;transition:background .5s ease;}
			nav ul ul li:hover > a, nav ul ul :hover > a {background:#323232;}
			nav ul li:hover > ul {display:block !important;}
		
#top {
	position:absolute;
	top:0px;
	left:0px;
	height:24px;
	padding:5px 0px;
	width:100%;
	z-index:2;
	background:#000000;
	-webkit-animation: delay 0.5s;
	-moz-animation: delay 0.5s;
}
	
	#top .wrapper {position:relative;}
	#top form {position:absolute;top:0px;right:0px;}
	#top input {float:left;width:200px;}
	#top button {float:left;-webkit-border-top-left-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-bottom-left-radius:0px;width:36px;height:25px;overflow:hidden;text-indent:-999em;background:#ececec url(../images/sprite.png) no-repeat 10px -85px;}
		#top button:hover {background-position:-80px -85px;}
#social li {float:right;padding-right:10px;}
	#social a:link, #social a:visited {display:inline-block;width:24px;height:24px;background:transparent url(../images/sprite2.png) no-repeat 0px 0px;overflow:hidden;text-indent:-999em;}
		#social a:hover {background-position:0px -30px;}
	#social a.twitter:link, #social a.twitter:visited {background-position:-30px 0px;}
		#social a.twitter:hover {background-position:-30px -30px;}
	#social a.youtube:link, #social a.youtube:visited {width:24px;height:24px;background-position:-60px 0px;}
		#social a.youtube:hover {background-position:-60px -30px;}
	#social a.instagram:link, #social a.instagram:visited {width:24px;height:24px;background-position:-90px 0px;}
		#social a.instagram:hover {background-position:-90px -30px;}
	#social a.googleplus:link, #social a.googleplus:visited {width:24px;height:24px;background-position:-120px 0px;}
		#social a.googleplus:hover {background-position:-120px -30px;}
	#social a.pinterest:link, #social a.pinterest:visited {width:24px;height:24px;background-position:-150px 0px;}
		#social a.pinterest:hover {background-position:-150px -30px;}

#action-bar {line-height:24px;position:absolute;top:0px;right:0px;color:#fff;}
	#action-bar a:link, #action-bar a:visited {color:#fff;margin:0px 5px;}

article {display:block;text-align:left;width:980px;margin:0px auto;margin-bottom:100px;clear:both;min-height:1250px;}
	article footer {-webkit-box-shadow:none;-moz-box-shadow: none;box-shadow:none;}

footer {height:80px;margin-top:50;width:100%;display:block;clear:both;padding-top:44px;padding-left:60px;background:#ececec;-webkit-animation: delay 0.5s;-moz-animation: delay 0.5s;-webkit-box-shadow: 0px -10px 30px 0px rgba(180, 160, 145, 0.2);-moz-box-shadow: 0px -10px 30px 0px rgba(180, 160, 145, 0.2);box-shadow: 0px -10px 30px 0px rgba(180, 160, 145, 0.2);}
	footer .logo {display:block;width:180px;height:65px;margin:-30px -50px;overflow:hidden;text-indent:-999em;background:#ececec url(../images/sprite2.png) no-repeat -20px -58px}
	footer a, footer strong {margin-left:10px;}
	
	

/** Home **/
body#home {min-height:100%;min-width:100%;overflow:hidden;}
#home header {z-index:10;border-top:1px solid #fff;border-bottom:1px solid #fff;top:35.6%;left:0;margin-top:0;position:absolute;-webkit-animation: delay 2s;-moz-animation: delay 2s;}
	#home header .wrapper {border:none;}
	#home #brand {-webkit-animation: delay 4.5s;-moz-animation: delay 4.5s;}
	#home nav {-webkit-animation: delay 5s;-moz-animation: delay 5s;}
		#home nav ul ul {top:95px;}
			#home nav ul ul a:link, #home nav ul ul a:visited{border-bottom:1px solid #fff;}
#home article {float:left;width:100%;text-align:center;}
#home img {display: block;height: auto!important;width:100% !important;}
#home footer {z-index:17;position:absolute;left:0;bottom:0;}


/*** Product grid ***/
#breadcrumb {border-bottom:1px solid #ececec;padding:10px 10px;}
#grid header, #grid footer {height:24px;width:950px;margin:0px;padding:10px;background:#fff;background:#ececec;margin-bottom:10px;}
	#grid footer a {margin:0px;}
#grid h1 {display:inline;}
.paging {float:right;line-height:24px;}
#items li {float:left;width:200px;padding:10px;height:333px;position:relative;}
	#items li span {position:absolute;top:20px;right:0px;padding:5px;line-height:normal;text-align:right;color:#fff;background:#e31937;font-family: 'Terminal Dosis', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;-webkit-animation: delay 1.5s;-moz-animation: delay 1.5s;}
	#items a {display:block;text-decoration:none;}
	#items a.title {height:40px;}
		#items a img {width:170px;border:1px solid #fff;-webkit-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.2);-moz-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.2);box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.2);}
		#items a:hover img {-webkit-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.8);-moz-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.8);box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.8);}
	#items strong {border-bottom: 1px solid #ececec;display:block;padding-bottom:5px;}
		#items strong em {float:right;font-weight:normal;font-size:0.833em;}
		
/*** Left Sidebar ***/	

.sbnavmenu {
	float:left;
	position:relative;
	margin: 0px auto;
	font-family: 'Terminal Dosis', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:14px;font-weight:300;
	padding-right: 15px;
	padding-bottom: 50px;
	width: auto;
	height: auto;}

		
		
/*** Main product view ***/
#mainview #breadcrumb {margin-bottom:10px;padding-top:20px;}
#description {float:right;width:360px;padding: 10px 20px 100px;}
	#description h1 {font-family: 'Terminal Dosis', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:26px;font-weight:500; line-height:30px;}
	#description h2 {font-family: 'Terminal Dosis', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:20px;font-weight:500; line-height:24px; color:#666; }
	
	#description .ce {height:20px;width:20px;float:right;background:transparent url(../images/ce.png) no-repeat;margin:0px 5px;}
	
	#description p {
	padding:0px 0px 14px 0px;
	font-size:12px;}
	
	
	#includedparts {padding:0px 0px 0px 10px;font-size:12px;}
	#includedparts a{text-decoration:none;color:#666}
	#includedparts a:hover{text-decoration:none;color:#e4ab10;}
	#price {
	font-size:13px;
	display:block;
	color:#e41a22;
	padding:14px 0px;
}

#upcoming {
	font-size:18px;
	display:block;
	color:#e41a22;
	padding:5px 0px;
}

#components {padding:10px 10px 10px 10px;font-size:12px;border: solid 1px #ececec;background:#f5f5f5;}
	#components a{text-decoration:none;color:#666}
	#components a:hover{text-decoration:none;color:#e4ab10;}
	#components p{padding-left:5px;font-size:11px;color:#666;}
	
		#price span {text-align:right;color:#333;font-size:16px;float:right;}
	#description select {width:160px;margin-right:10px;}
	#description .continue {width:160px;margin-right:10px;}
	#images {float:left;width:300px;height:400px;position:relative;}
	#images2 {float:left;width:150px;height:130px;position:relative;}
	#images3 {float:right;width:150px;height:130px;position:relative;}
		#images div, #images a {float:left;padding-bottom:3px;}
		#images a img {float:left;border:1px solid #fff;-webkit-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.2);-moz-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.2);box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.2);}
			#images a:hover img {-webkit-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.8);-moz-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.8);box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.8);}
		#images2 a img {float:right;margin-left:20px;margin-bottom:20px;border:1px solid #fff;-webkit-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.2);-moz-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.2);box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.2);}
			#images2 a:hover img {-webkit-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.8);-moz-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.8);box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.8);}
		#images3 a img {float:left;margin-left:4px;margin-bottom:20px;border:1px solid #fff;-webkit-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.2);-moz-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.2);box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.2);}
			#images3 a:hover img {-webkit-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.8);-moz-box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.8);box-shadow:0px 0px 5px 0px rgba(180, 160, 145, 0.8);}
	#images p {background:#fff;padding:5px 0px;margin:0px 0px 10px 0px;width:300px;text-align:center;}
	#productthumbs a {margin:0px 10px 10px 0px;}
		#images #productthumbs a img {width:88px;}
		#images #productthumbs a:hover img {border-color:#fff;}
	#images .sale {
	position:absolute;
	top:14px;
	right:5px;
	padding:5px;
	line-height:normal;
	text-align:right;
	color:#fff;
	background:#e41a22;
	font-family: 'Terminal Dosis', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	-webkit-animation: delay 1.5s;
	-moz-animation: delay 1.5s;
}
#images .sale2 {
	position:absolute;
	top:240px;
	right:5px;
	padding:5px;
	line-height:normal;
	text-align:right;
	color:#fff;
	background:#e41a22;
	font-family: 'Terminal Dosis', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	-webkit-animation: delay 1.5s;
	-moz-animation: delay 1.5s;
}
#images3 .sale3 {
	position:absolute;
	top:14px;
	right:5px;
	padding:5px;
	line-height:normal;
	text-align:right;
	color:#fff;
	background:#e41a22;
	font-family: 'Terminal Dosis', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	-webkit-animation: delay 1.5s;
	-moz-animation: delay 1.5s;
}
	#items a {display:block;text-decoration:none;}
	
	#tabs {
	height:auto;padding-bottom:20px;
	}
	

/*
 * jQuery UI Tabs 1.8.13
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {position:relative;padding:50;zoom:1;margin-top:5px;height:700px;margin-top:0px;} /* 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:0;}
.ui-tabs .ui-tabs-nav li {list-style:none;float:left;position:relative;top:1px;margin:0px 0px -1px;padding:0;white-space:nowrap;font-size:11.5px}
.ui-tabs .ui-tabs-nav li a {float:left;padding:10px 16px;text-decoration:none;border:1px solid #ececec;border-left:solid 1px #ececec;font-weight:bold;width:80px;text-align:center;background:#f5f5f5;}
.ui-tabs .ui-tabs-nav li a:hover {color:#e31937}
.ui-tabs .ui-tabs-nav li a.first {border:1px solid #ececec;width:98px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom:0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:text;border-bottom:1px solid #fff;background:#fff;color:#e31937;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected 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:1px solid #ececec;background:#fff;}
.ui-tabs .ui-tabs-hide {display:none!important;}
#tabs section {float:left;clear:left;width:350px;padding:10px 10px;}

/*** View bag ***/
#basket h1 {font-family: 'Terminal Dosis', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:2em;font-weight:300;padding:20px 0px;}
#basket .continue {float:right;clear:right;margin:10px 0px;width:200px;}
table {width:100%;border-bottom:1px solid #ececec;}
th {
	background:#c8c8c8;
	padding:5px;
	font-size:12px;
	border-top:1px solid #ececec;
	border-right: 1px solid #ececec;
}
td {
	border-top:1px solid #ececec;
	padding:5px;
	font-size:12px;
	height:5px;
	border: 1px solid #ececec;
}
	td button {font-weight:normal;text-transform:uppercase;font-size:0.95em;}
.description {width:599px;padding-right:10px;}
th.description {width:599px;}
	.description img {margin-right:10px;width:100px;}
	.description p {width:599px;height:130px;}
	.description p a {font-size:1.167em;width:489px;}
.options {width:230px;padding:10px;}
dl {width:230px;height:128px;}
dt {display:inline-block;width:100px;}
dd {display:inline-block;width:100px;}
.price {width:79px;font-size:1.167em;padding:10px;}
td.description, td.options {border-right:1px dotted #ececec;}
div.right {font-size:1.167em;padding-top:10px;width:350px;}
	div.right strong, div.right select {display:inline-block;width:260px;}
	div.right em {display:inline-block;font-style:normal;width:80px;text-align:right;}
	div.right p {border-top:1px solid #ececec;border-bottom:1px solid #ececec;padding:10px 0px;margin:10px 0px;}
	.safe {float:left;margin:10px 0px;}
	
/*** Login ***/
#login form, #login section {float:left;width:220px;height:200px;margin:10px 0px;padding:49px;border:1px solid #ececec;}
#login section {border-left:none;background:#f5f5f5;padding:69px 49px 29px;}
	#login h1, #login h2 {font-family: 'Terminal Dosis', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:2em;font-weight:300;}
	#login p {margin:16px 0px;}
	#login form label {display:block;}
	#login form input {width:210px;}
	#login form button {float:right;}

/*** Bill & Ship Addresses ***/
#address form, #address section {float:left;width:380px;height:360px;margin:10px 0px;padding:49px;border:1px solid #ececec;}
#address #ship {border-left:none;background:#f5f5f5;padding:79px 49px 19px;}
	#address h1, #address h2 {font-family: 'Terminal Dosis', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;font-size:2em;font-weight:300;}
	#address p {clear:both;margin:10px 0px;}
	#address form p {clear:both;margin:10px 0px 0px;}
	#address label {float:left;width:120px;}
	#address input[type=text], #address input[type=tel], #address input[type=email] {width:210px;}
	#address .continue {width:160px;}
.alert {color:#ff5454;padding-left:5px;}

/*** Control animations ***/
@-webkit-keyframes delay{
	0%   {opacity:0}
    40%  {opacity:0}
    100% {opacity:1}
}
@-moz-keyframes delay {
    0%   {opacity:0}
    40%  {opacity:0}
    100% {opacity:1}
}
