/*
 * HTML5 Boilerplate
 *
 * Inner Balance Wellness - www.ib-wellness.com
 * Designed by jonsessa design - jonsessa.com
 *
 */


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block;}
audio, canvas, video {display:inline-block; *display:inline; *zoom: 1;}
audio:not([controls]) {display:none;}
[hidden] {display:none;}



/* =============================================================================
   Base
   ========================================================================== */

html {height:100%; font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; overflow:auto;}
html, button, input, select, textarea {font-family:'CartoGothicProLight', sans-serif;}
body {min-width:1024px; height:100%; margin:0; font-size:1em; line-height:1.4; background:url('../img/body-bg.jpg') 0 0 repeat #eee; overflow:auto;}

::-moz-selection {background:#aaa; color:#fff; text-shadow:none;}
::selection {background:#aaa; color:#fff; text-shadow:none;}



/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] {border-bottom:1px dotted;}
b, strong {font-weight:bold;}
blockquote {margin:1em 40px;}
dfn {font-style:italic;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
ins {background:#ff9; color:#000; text-decoration:none;}
mark {background:#ff0; color:#000; font-style:italic; font-weight:bold;}
pre, code, kbd, samp {font-family:monospace, serif; _font-family: 'courier new', monospace; font-size:1em;}
pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word;}
q {quotes:none;}
q:before, q:after {content:""; content:none;}
small {font-size:85%;}
sub, sup {font-size:75%; line-height:0; position:relative; vertical-align:baseline;}
sup {top:-0.5em;}
sub {bottom:-0.25em;}



/* =============================================================================
   Links
   ========================================================================== */

a 				{color:#7f1e18; text-decoration:none;}
a:visited {color:#7f1e18;}
a:hover 	{color:#7f1e18; text-decoration:underline;}
a:focus 	{outline:none;}
a:hover		{outline:0;}
a:active 	{outline:0;}



/* =============================================================================
   Lists
   ========================================================================== */

ul, ol 					{margin:0; padding:0; list-style:none;}
dd 							{margin:0;}
nav ul, nav ol 	{list-style:none; list-style-image:none; margin:0; padding:0;}



/* =============================================================================
   Embedded content
   ========================================================================== */

img 						{border:0; -ms-interpolation-mode:bicubic; vertical-align:middle;}
svg:not(:root) 	{overflow:hidden;}
figure 					{margin:0;}



/* =============================================================================
   Forms
   ========================================================================== */

form {margin:0;}
fieldset {border:0; margin:0; padding:0;}
legend {border:0; *margin-left:-7px; padding:0;}
button, input, select, textarea {font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle;}
button, input {line-height:normal; *overflow:visible; outline:none;}
table button, table input {*overflow:auto;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; -webkit-appearance:button;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;}
input[type="search"] {-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;}
input[type="search"]::-webkit-search-decoration {-webkit-appearance:none;}
button::-moz-focus-inner, input::-moz-focus-inner {border:0; padding:0;}
textarea {overflow:auto; vertical-align:top; resize:vertical;}
input:valid, textarea:valid {  }
input:invalid, textarea:invalid {background-color:#d15454;}



/* =============================================================================
   Tables
   ========================================================================== */

table {border-collapse:collapse; border-spacing:0;}
td 		{vertical-align:top;}



/* =============================================================================
   Imported Typefaces
   ========================================================================== */

@font-face {
	font-family: 'CartoGothicProBook';
	src: url('../fonts/CartoGothicPro-Book-webfont.eot');
	src: local('☺'), url('../fonts/CartoGothicPro-Book-webfont.woff') format('woff'), url('../fonts/CartoGothicPro-Book-webfont.ttf') format('truetype'), url('../fonts/CartoGothicPro-Book-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'CartoGothicProLight';
	src: url('../fonts/CartoGothicPro-Light-webfont.eot');
	src: local('☺'), url('../fonts/CartoGothicPro-Light-webfont.woff') format('woff'), url('../fonts/CartoGothicPro-Light-webfont.ttf') format('truetype'), url('../fonts/CartoGothicPro-Light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'open_sansregular';
	src: url('../fonts/OpenSans-Regular-webfont.eot');
	src: local('☺'), url('../fonts/OpenSans-Regular-webfont.woff') format('woff'), url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Regular-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'open_sanslight';
	src: url('../fonts/OpenSans-Light-webfont.eot');
	src: local('☺'), url('../fonts/OpenSans-Light-webfont.woff') format('woff'), url('../fonts/OpenSans-Light-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Light-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'open_sanssemibold';
	src: url('../fonts/OpenSans-Semibold-webfont.eot');
	src: local('☺'), url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'), url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'), url('../fonts/OpenSans-Semibold-webfont.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}


/* =============================================================================
   Common Page Elements and Styles
   ========================================================================== */

body {min-width:980px; font-family:'CartoGothicProLight', sans-serif; font-size:14px; line-height:17px; color:#8e8e8e; }

header {width:940px; height:70px; margin:5px auto 25px auto;}
	
#ib-logo 				{width:210px; height:50px; margin:0 0 5px 16px; background:url('../img/css-sprites.png') 0 0 no-repeat; float:left;}
	#ib-logo h1  	{width:100%; height:100%; margin:0; display:block;}
	#ib-logo h1 a {width:100%; height:100%; display:block;}
	#ib-logo a 		{width:100%; height:100%; display:block;}

#cart-link a 								{width:35px; height:35px; margin:10px 20px 0 0; background:url('../img/css-sprites.png'); background-position:-500px -70px; display:block; float:right;}
	#cart-link a:hover 				{background-position:-540px -70px;}

ul#main-nav 								{width:930px; margin:20px auto; list-style:none; clear:both;}
	ul#main-nav li a 					{margin:0 10px; background:url('../img/css-sprites.png'); float:left;}
		ul#main-nav li a:hover 	{cursor:pointer;}

	ul#main-nav li#zero-gravity a 				{width:102px; height:35px; background-position:-235px 0;}
		ul#main-nav li#zero-gravity a:hover {background-position: -235px -35px;}
	ul#main-nav li#massage a 							{width:77px; height:35px; background-position:-337px 0;}
		ul#main-nav li#massage a:hover 			{background-position:-337px -35px;}
	ul#main-nav li#ergo-office a 					{width:94px; height:35px; background-position:-414px 0;}
		ul#main-nav li#ergo-office a:hover 	{background-position:-414px -35px;}
	ul#main-nav li#promotions a 					{width:101px; height:35px; background-position:-508px 0;}
		ul#main-nav li#promotions a:hover 	{background-position:-508px -35px;}
	ul#main-nav li#about-us a 						{width:78px; height:35px; background-position:-609px 0;}
		ul#main-nav li#about-us a:hover 		{background-position:-609px -35px;}
	ul#main-nav li#get-in-touch a 				{width:106px; height:35px; background-position:-687px 0;}
		ul#main-nav li#get-in-touch a:hover {background-position:-687px -35px;}
		
	ul#main-nav li#massage-ch a 					{width:130px; height:35px; background-position:-793px 0;}
		ul#main-nav li#massage-ch a:hover 	{background-position:-793px -35px;}
	ul#main-nav li#massage-ac a 					{width:176px; height:35px; background-position:-923px 0;}
		ul#main-nav li#massage-ac a:hover 	{background-position:-923px -35px;}



#category-nav {width:100%; min-width:940px; height:80px; background:#fff; box-shadow:0 0 3px #bbb; -moz-box-shadow:0 0 3px #bbb; -webkit-box-shadow:0 0 3px #bbb; position:relative;}
 	
 	#category-nav ul 									{list-style:none;}
 		#category-nav ul#zero-gravity 		{width:152px; margin:0 auto 0 auto;}
 		#category-nav ul#massage 			{width:800px; margin:0 auto 0 auto;}
 			#category-nav ul#massage li 	{margin:7px 5px 0 5px;}	
 		#category-nav ul#massage-chairs 	{width:602px; margin:0 auto 0 auto;}
 		#category-nav ul#massage-acc 		{width:452px; margin:0 auto 0 auto;}
 		#category-nav ul#promotions 		{width:302px; margin:0 auto 0 auto;}
 		#category-nav ul#ergo-office		{width:152px; margin:0 auto 0 auto;}

	#category-nav li 					 	 {margin:7px 15px 0 15px; float:left; position:relative;}
		#category-nav li a 				 {width:120px; height:65px; background:url('../img/category-nav.jpg');}
			#category-nav li#j6800   a {background-position:0 0;}
			#category-nav li#j5800   a {background-position:-120px 0;}		
			#category-nav li#j5600   a {background-position:-240px 0;}
			#category-nav li#mc660   a {background-position:-360px 0;}
			#category-nav li#zg571   a {background-position:-480px 0;}
			#category-nav li#zg551   a {background-position:-600px 0;}
			#category-nav li#aero7   a {background-position:-720px 0;}
			#category-nav li#fm120   a {background-position:-840px 0;}
			#category-nav li#sm100   a {background-position:-960px 0;}
			#category-nav li#pm100   a {background-position:-1080px 0;}
			#category-nav li#hm100   a {background-position:-1200px 0;}
			#category-nav li#mc-s120 a {background-position:-1320px 0;}
			#category-nav li#mc735   a {background-position:-1440px 0;}
			#category-nav li#mc730   a {background-position:-1560px 0;}
			#category-nav li#jin     a {background-position:-1680px 0;}
			
		#category-nav li.nav-div 	 {width:1px; height:60px; margin:10px 0 0 0; padding:0 7px 0 0; border-left:1px solid #ccc;}

	.active-arrow {width:35px; height:20px; background:url('../img/css-sprites.png') -370px -75px no-repeat; position:absolute; bottom:-27px; left:42px; z-index:5;}

	
.intro-text {margin:0 auto; padding:18px 0 0 0; font-size:18px; line-height:22px; text-align:center; font-style:italic;}
	.intro-text-one-line {margin:0 auto; padding:29px 0 0 0; font-size:18px; line-height:22px; text-align:center; font-style:italic;}

.promo-intro {width:938px; height:30px; margin:16px auto 17px auto; font-size:16px; line-height:30px; text-align:center;}


#product-nav {width:920px; margin:40px auto 5px auto; text-align:right;}
	
	.product-name {margin:0; padding:0; float:left; font-size:20px; color:#999; text-shadow:0 1px 0 #fff; line-height:15px;}
	
	#product-nav 			{font-size:15px; line-height:15px;}
		#product-nav li {margin:0 0 0 25px; color:#999; display:inline;}
		#product-nav a 	{color:#999; text-shadow:0 1px 0 #fff; text-decoration:none; }
			#product-nav a.current 					{color:#333;}
				#product-nav a.current:hover 	{color:#333;}
			#product-nav a:hover 						{color:#7f1e18;}

#product-info {overflow:hidden;}
	.bg-image {margin:0; z-index:1; position:absolute; left:0; bottom:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}


footer 							{width:940px; margin:10px auto 10px auto; text-align:center;}
	footer a 					{color:#8e8e8e;}
	footer a:visited 	{color:#8e8e8e;}



/* =============================================================================
   Body/Section Elements and Styles
   ========================================================================== */

section {width:940px; min-height:440px; margin:10px auto 5px auto; padding:0; position:relative; background: #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px #bbb;}

	section p 					{padding:0;}
		section p.heading {width:100%; margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #e4e4e4; font-size:20px;}
	section ul 					{}
		section li 				{margin:0 0 5px 0;}
	
	section .full-col 									{width:920px; margin:0 0 10px 0; float:right; z-index:5; position:relative;}
		section .full-col p 							{margin:0 20px 10px 0; text-align:left;}
			section .full-col p.heading 		{margin:25px 0 5px 0;}
		section .full-col ul 							{list-style:disc; margin:0 0 10px 50px;}
			section .full-col li 						{margin:0; padding:0;}		
		section .full-col ol.alpha 				{list-style:upper-alpha; margin:10px 20px 0 30px;}
			section .full-col ol.alpha li 	{margin:10px 0 0 0;}
		section .full-col ol.numeric 			{list-style:decimal; margin:10px 20px 0 30px;}
			section .full-col ol.numeric li {margin:0 0 5px 0;}
		
	section .left-col 							{width:300px; margin:20px 0 10px 0; float:left; z-index:5; position:relative;}
		section .left-col p 					{margin:0 0 25px 20px; text-align:right;}
		section .left-col p.heading 	{margin:0 0 5px 0;}

	section .right-col 							{width:300px; margin:20px 0 10px 0; float:right; z-index:5; position:relative;}
		section .right-col p 					{margin:0 20px 25px 0; text-align:left;}
		section .right-col p.heading	{margin:0 0 5px 0;}
	
	section .half-col 							{width:610px; margin:15px 0 10px 0; float:right; z-index:5; position:relative;}
		section .half-col p 					{margin:0 20px 15px 0; text-align:left;}
		section .half-col p.heading 	{margin:0 0 5px 0;}
			
	#tall {height:590px;}
	#custom-height {height: 650px;}
	#promotion-category-listing {margin:16px auto 5px auto; min-height:150px;}
	
	.price-box {font-size:16px; margin:0 20px 5px 0;}
		.price-box .regular-price {margin:0 0 10px 0;}
		.price-box .old-price {margin:0 0 10px 0;}
		.price-box .special-price {color:#7f1e18; margin:0 0 20px 0;}
	
	.add-to-cart {margin:0 0 25px 0;}
		.add-to-cart input {width:40px; margin:0 25px 0 0;}

	.centered-content {width:940px; margin:20px auto 20px auto; position:relative;}



/* =============================================================================
   Interior Page Navigation
   ========================================================================== */

.landing-page-nav {
	width:938px; height:30px; margin:16px auto 17px auto; font-size:16px; line-height:30px;
	
	border:1px solid #cbcbcb;
	
	border-radius:					3px;
	-moz-border-radius:			3px;
	-webkit-border-radius:	3px;
	
	box-shadow:         inset 0 1px 3px #ddd, 0 1px 0 #fff;
	-moz-box-shadow:    inset 0 1px 3px #ddd, 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 3px #ddd, 0 1px 0 #fff;
  
 	background-color: #f3f3f3;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3));
	background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
	background-image:    -moz-linear-gradient(top, #ffffff, #f3f3f3);
	background-image:     -ms-linear-gradient(top, #ffffff, #f3f3f3);
	background-image:      -o-linear-gradient(top, #ffffff, #f3f3f3); 
}

	.landing-page-nav ul 							{list-style:none; margin:0; padding:0;}
	.landing-page-nav li 							{margin:0; padding:0; text-align:center; display:inline-block; *display:inline; float:left;}
		.landing-page-nav li a 					{color:#a0a0a0; width:100%; height:100%; display:block;}
			.landing-page-nav li a:hover 	{color:#7f1e18; text-decoration:none}
		
		.landing-page-nav li.active {
			color:#fff; text-shadow:0 1px 0 #777;
		
			border-bottom:1px solid #838383;
		
			box-shadow:         inset 0 1px 3px #888;
			-moz-box-shadow:   	inset 0 1px 3px #888;
  		-webkit-box-shadow: inset 0 1px 3px #888;
  	  
 			background-color: #838383;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b1b1b1), to(#838383));
			background-image: -webkit-linear-gradient(top, #b1b1b1, #838383);
			background-image:    -moz-linear-gradient(top, #b1b1b1, #838383);
			background-image:     -ms-linear-gradient(top, #b1b1b1, #838383);
			background-image:      -o-linear-gradient(top, #b1b1b1, #838383);
		}

	#one-page li {width:100%;}	
	#two-pages li {width:469px;}
	#three-pages li {width:312px; border-left:1px solid #cbcbcb;}
		#three-pages li.first {width:313; border-left:0;}
	#four-pages li {width:233px; border-left:1px solid #cbcbcb;}
		#four-pages li.first {width:236; border-left:0;}



/* =============================================================================
   Homepage Elements and Styles
   ========================================================================== */

#home-image 				{height:500px; width:100%; background:url('../img/home/main-background.jpg') center center no-repeat #fff; position: relative;}
	#home-image h2  		{width:100%; height:100%; margin:0; display:block;}
		#home-image h2 a 	{width:100%; height:100%; display:block;}
	#home-shoe 				{width:92px; height:45px; position:absolute; bottom:-25px; right:-30px; z-index:10;}

#home-video-box {width: 235px; padding:10px; margin:0 auto; background-color: rgba(162, 180, 180, 0.45); left:-230px; top:175px; position: relative;

	border-radius:			10px;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	}
	
	#home-video-box p {font-family:'open_sanslight'; font-size:19px; color:#7e1e18; margin:10px 5px 0; line-height:24px;}
	#home-video-box span.opensansregular {font-family:'open_sansregular';}

	#home-video 	  {opacity:0.7;} 
	#home-video:hover {opacity:1.0;}

#home-company-info 										{width:960px; margin:35px auto 0 auto; text-align:center;}
	#home-company-info p 								{margin:0; padding:0;}
		#home-company-info p.home-heading {width:280px; height:35px; margin:0 auto 0 auto; background:url('../img/css-sprites.png') 0 -75px no-repeat;}
	#home-company-info ul 							{list-style:none; margin:3px auto; text-shadow:none;}
		#home-company-info li 						{display:inline;}

#campus-image 						{width:940px; height:100px; margin:15px auto 0 auto; background:url('../img/home/jht-campus.jpg') 0 0 no-repeat; border-bottom:1px solid #fff; position:relative;}
	#campus-image .caption 	{width:195px; text-align:right; position:absolute; left:0; bottom:10px;}		



/* =============================================================================
   Buttons
   ========================================================================== */

.button {
	color:#fff; text-shadow:0 -1px 0 #7a1d17; text-align:center; text-decoration:none; outline:none; cursor:pointer;   

	border:1px solid #7f1e18;
	
	border-radius:					3px;
	-moz-border-radius:			3px;
	-webkit-border-radius:	3px;
	
	box-shadow:         inset 0 1px 0px #da837e, 0 1px 3px #999;
	-moz-box-shadow:    inset 0 1px 0px #da837e, 0 1px 3px #999;
  -webkit-box-shadow: inset 0 1px 0px #da837e, 0 1px 3px #999;

	background-color: #8a221c;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c85048), to(#8a221c));
	background-image: -webkit-linear-gradient(top, #c85048, #8a221c);
	background-image:    -moz-linear-gradient(top, #c85048, #8a221c);
	background-image:     -ms-linear-gradient(top, #c85048, #8a221c);
	background-image:      -o-linear-gradient(top, #c85048, #8a221c);
}
	.button:visited {color:#fff;}
	.button:hover {
		color:#fff; text-decoration:none;
		
		box-shadow:         inset 0 1px 0px #da837e, 0 1px 3px #999;
		-moz-box-shadow:    inset 0 1px 0px #da837e, 0 1px 3px #999;
  	-webkit-box-shadow: inset 0 1px 0px #da837e, 0 1px 3px #999;
		
		background-color: #a0332c;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d45850), to(#a0332c));
		background-image: -webkit-linear-gradient(top, #d45850, #a0332c);
		background-image:    -moz-linear-gradient(top, #d45850, #a0332c);
		background-image:     -ms-linear-gradient(top, #d45850, #a0332c);
		background-image:      -o-linear-gradient(top, #d45850, #a0332c);
	}
	
	.button:active {
		color:#fff; text-decoration:none;
		
		box-shadow:         inset 0 1px 3px #7f1e18;
		-moz-box-shadow:    inset 0 1px 3px #7f1e18;
		-webkit-box-shadow: inset 0 1px 3px #7f1e18;
 
 		background-color: #ae443d;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a0332c), to(#ae443d));
		background-image: -webkit-linear-gradient(top, #a0332c, #ae443d);
		background-image:    -moz-linear-gradient(top, #a0332c, #ae443d);
		background-image:     -ms-linear-gradient(top, #a0332c, #ae443d);
		background-image:      -o-linear-gradient(top, #a0332c, #ae443d); 	
	}


.grey-button {
	color:#fff; text-shadow:0 -1px 0 #808080; text-align:center; text-decoration:none; outline:none; cursor:pointer;   

	border:1px solid #808080;
	
	border-radius:					3px;
	-moz-border-radius:			3px;
	-webkit-border-radius:	3px;
	
	box-shadow:         inset 0 1px 0px #cccccc, 0 1px 3px #ccc;
	-moz-box-shadow:    inset 0 1px 0px #cccccc, 0 1px 3px #ccc;
  -webkit-box-shadow: inset 0 1px 0px #cccccc, 0 1px 3px #ccc;

	background-color: #8c8c8c;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbbbbb), to(#8c8c8c));
	background-image: -webkit-linear-gradient(top, #bbbbbb, #8c8c8c);
	background-image:    -moz-linear-gradient(top, #bbbbbb, #8c8c8c);
	background-image:     -ms-linear-gradient(top, #bbbbbb, #8c8c8c);
	background-image:      -o-linear-gradient(top, #bbbbbb, #8c8c8c);
}
	.grey-button:visited {color:#fff;}
	.grey-button:hover {
		color:#fff; text-decoration:none;
		
		box-shadow:         inset 0 1px 0px #dedede, 0 1px 3px #999;
		-moz-box-shadow:    inset 0 1px 0px #dedede, 0 1px 3px #999;
  	-webkit-box-shadow: inset 0 1px 0px #dedede, 0 1px 3px #999;
		
		background-color: #8c8c8c;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cccccc), to(#8c8c8c));
		background-image: -webkit-linear-gradient(top, #cccccc, #8c8c8c);
		background-image:    -moz-linear-gradient(top, #cccccc, #8c8c8c);
		background-image:     -ms-linear-gradient(top, #cccccc, #8c8c8c);
		background-image:      -o-linear-gradient(top, #cccccc, #8c8c8c);
	}
	
	.grey-button:active {
		color:#fff; text-decoration:none;
		
		box-shadow:         inset 0 1px 3px #999;
		-moz-box-shadow:    inset 0 1px 3px #999;
		-webkit-box-shadow: inset 0 1px 3px #999;
 
 		background-color: #bbbbbb;
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#8c8c8c), to(#bbbbbb));
		background-image: -webkit-linear-gradient(top, #8c8c8c, #bbbbbb);
		background-image:    -moz-linear-gradient(top, #8c8c8c, #bbbbbb);
		background-image:     -ms-linear-gradient(top, #8c8c8c, #bbbbbb);
		background-image:      -o-linear-gradient(top, #8c8c8c, #bbbbbb); 	
	}

#zg-video {font-size:18px; padding:1% 3%;}

#product-nav #buy-now {padding:2px 8px 2px 8px; font-size:15px; color:#fff; text-shadow:0 -1px 0 #808080;}

.centered-button {float:left; position:relative; left:50%;}

#send-form-button {margin:10px 0 10px 0; padding:2px 8px 2px 8px; font-size:18px; float:left; position:relative; left:-50%;}


/* =============================================================================
   Promotional Section Styles
   ========================================================================== */

#product-nav.promo {width:940px; margin:20px auto 5px auto !important; text-align:right;}

#promotional-price-box {
	width:938px; height:30px; margin:20px auto 0 auto; font-size:16px; line-height:30px; overflow:hidden;
	
	border:1px solid #cbcbcb;
	
	border-radius:					3px;
	-moz-border-radius:			3px;
	-webkit-border-radius:	3px;
	
	box-shadow:         inset 0 1px 3px #ddd, 0 1px 0 #fff;
	-moz-box-shadow:    inset 0 1px 3px #ddd, 0 1px 0 #fff;
  -webkit-box-shadow: inset 0 1px 3px #ddd, 0 1px 0 #fff;
  
 	background-color: #f3f3f3;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3));
	background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
	background-image:    -moz-linear-gradient(top, #ffffff, #f3f3f3);
	background-image:     -ms-linear-gradient(top, #ffffff, #f3f3f3);
	background-image:      -o-linear-gradient(top, #ffffff, #f3f3f3); 
}

	#promotional-price-box ul 	{list-style:none; margin:0; padding:0;}
	#promotional-price-box li 	{width:469px;margin:0; padding:0; text-align:center; display:inline-block; *display:inline; float:left;}
		
		#promotional-price-box li#promo-price {
			color:#fff; text-shadow:0 1px 0 #661e1a;
		
			border-bottom:1px solid #661e1a;
		
			box-shadow:         inset 0 1px 3px #661e1a;
			-moz-box-shadow:   	inset 0 1px 3px #661e1a;
  		-webkit-box-shadow: inset 0 1px 3px #661e1a;
  	  
 			background-color: #8a221c;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c85048), to(#8a221c));
			background-image: -webkit-linear-gradient(top, #c85048, #8a221c);
			background-image:    -moz-linear-gradient(top, #c85048, #8a221c);
			background-image:     -ms-linear-gradient(top, #c85048, #8a221c);
			background-image:      -o-linear-gradient(top, #c85048, #8a221c);
		}


/* =============================================================================
   Contact Form Styles
   ========================================================================== */

.contact-form-container {width:460px; margin:20px 80px 0 0; float:right;}
	.form-heading 				{margin:0; padding:0; font-size:20px; text-align:center;}
	.form-footer 					{font-size:16px; text-align:center;}

#contact-form {margin:10px 0 0 0; padding:10px 15px 0 15px; position:relative; background:#eeeeee; border:1px solid #bdbdbd; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:inset 0 0 2px #bbb; -moz-box-shadow:inset 0 0 2px #bbb; -webkit-box-shadow:inset 0 0 2px #bbb;}
	
	#contact-form p 								{margin:0; padding:0; position:relative;}
	#contact-form label 						{margin:0 0 0 5%; color:#333;}
	#contact-form input 						{width:90%; margin:0 0 10px 5%; border:1px solid #c3c3c3; background-color:#fff; height:18px;}
		#contact-form input:focus 		{border:1px solid #333; background-color:#fff; box-shadow:none; outline:none;}
	#contact-form textarea 					{width:90%; height:100px; margin:0 0 0 5%; border:1px solid #c3c3c3; background-color:#fff; resize:none; overflow:auto;}
		#contact-form textarea:focus 	{border:1px solid #333; background-color:#fff; box-shadow:none; outline:none;} 
	#contact-form input.error 			{background-color:#fae4e2;}
		#contact-form textarea.error 	{background-color:#fae4e2;}
		#contact-form label.error 		{color:#7f1e18; position:absolute; right:5%; top:0; font-size:13px; font-style:italic;}



/* =============================================================================
   Flexslider for Image Gallerys and Slideshows
   ========================================================================== */

#flexslider-container {width:940px; height:590px; margin:10px auto 5px auto; padding:0; position:relative; background: #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px #bbb;}

#small-flexslider 								{width:100%; height:440px; margin:0; padding:0; overflow:hidden;}
	#small-flexslider .slides 			{width:940px; height:440px; margin:0; padding:0;}
	#small-flexslider .slides > li 	{display:none; position:relative;}
	#small-flexslider .slides img 	{display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.flexslider 											{width:100%; height:100%; margin:0; padding:0; overflow:hidden;}
	.flexslider .slides 						{width:940px; height:590px; margin:0; padding:0;}
	.flexslider .slides > li 				{display:none; position:relative;}
	.flexslider .slides img 				{display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.flexslider-gallery 								{width:100%; height:100%; margin:0; padding:0; overflow:hidden;}
	.flexslider-gallery .slides 			{width:940px; height:590px; margin:0; padding:0;}
	.flexslider-gallery .slides > li 	{display:none; position:relative;}
	.flexslider-gallery .slides img 	{display:block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}

.flex-control-nav 								{width: 100%; position: absolute; bottom:8px; text-align: center;}
	.flex-control-nav li 						{margin: 0 1px 0 1px; display:inline-block; *display: inline;}
	.flex-control-nav li a 					{width: 17px; height: 18px; display: block; background: url(../img/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
		.flex-control-nav li a:hover 	{background-position: 0 -18px;}
		.flex-control-nav li a.active {background-position: 0 -36px; cursor: default;}

/* Clearfix for the .slides element */
.slides:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
	html[xmlns] .slides {display:block;}
	* html .slides {height: 1%;}
	
/* No JavaScript Fallback */
.no-js .slides > li:first-child {display: block;}

/* Caption style */
.flex-caption {width:340px; padding:0; margin:0; position:absolute;}
	.flexslider .flex-caption p {margin:0; padding:0;}
		.flex-caption p.left {margin:0 0 0 20px;}
		.flex-caption p.right {margin:0 20px 0 0;}
	.flex-caption p.heading {width:100%; margin:0 0 5px 0; padding:0 0 8px 0; border-bottom:1px solid #e4e4e4; font-size:22px;}
		#zg-s1-caption {text-align:right; left:0; top:140px;}
		#zg-s2-caption {text-align:right; left:0; top:140px;}
		#zg-s3-caption {text-align:right; left:0; top:140px;}
		#zg-s4-caption {text-align:right; left:0; top:140px;}
		
		#mc-s1-caption {text-align:right; left:0; top:25px; color:#333;}
		#mc-s2-caption {text-align:left; right:0; top:25px; color:#333;}
		#mc-s3-caption {text-align:left; right:0; top:25px; color:#333;}
		#mc-s4-caption {text-align:right; left:0; top:25px; color:#333;}
		#mc-s5-caption {text-align:right; left:0; top:25px; color:#fff;}
		
		#j6800-f1-caption {text-align:right; left:0; top:20px;}
		#j6800-f2-caption {text-align:left; right:0; top:100px;}
		#j6800-f3-caption {text-align:right; left:0; top:20px;}
		#j6800-f4-caption {text-align:left; right:0; top:40px;}
		#j6800-f5-caption {text-align:left; right:0; top:120px;}
		
		#jin-f1-caption {text-align:right; left:0; top:40px;}
		#jin-f2-caption {text-align:left; right:0; top:30px;}
		#jin-f3-caption {text-align:right; left:0; top:160px;}
		#jin-f4-caption {text-align:right; left:0; top:40px;}

		#j5800-f1-caption {text-align:right; left:0; top:20px;}
		#j5800-f2-caption {text-align:left; right:0; top:60px;}
		#j5800-f3-caption {text-align:right; left:0; top:100px;}
		#j5800-f4-caption {text-align:left; right:0; top:100px;}
		
		#j5600-f1-caption {text-align:right; left:0; top:40px;}
		#j5600-f2-caption {text-align:left; right:0; top:60px;}
		#j5600-f3-caption {text-align:right; left:0; top:100px;}
		#j5600-f4-caption {text-align:left; right:0; top:40px;}
				
		#mc735-f1-caption {text-align:left; right:0; top:20px;}
		#mc735-f2-caption {text-align:left; right:0; top:20px;}
		#mc735-f3-caption {text-align:left; right:0; top:20px;}
		#mc735-f4-caption {text-align:left; right:0; top:40px;}

		#mc660-f1-caption {text-align:left; right:0; top:20px;}
		#mc660-f2-caption {text-align:left; right:0; top:55px;}
		#mc660-f3-caption {text-align:right; left:0; top:80px;}
		#mc660-f4-caption {text-align:right; left:0; top:100px;}
				
		#zg571-f1-caption {text-align:right; left:0; top:25px;}
		#zg571-f2-caption {text-align:left; right:0; top:50px;}
		#zg571-f3-caption {text-align:right; left:0; top:25px;}
		#zg571-f4-caption {text-align:left; right:0; top:50px;}
		
		#zg551-f1-caption {text-align:right; left:0; top:25px;}
		#zg551-f2-caption {text-align:left; right:0; bottom:80px;}
		#zg551-f3-caption {text-align:left; right:0; top:50px;}
		#zg551-f4-caption {text-align:left; right:0; top:140px;}
		
		#aero7-f1-caption {text-align:right; left:0; top:80px;}
		#aero7-f2-caption {text-align:left; right:0; top:60px;}
		#aero7-f3-caption {text-align:right; left:0; top:40px;}
		#aero7-f4-caption {text-align:left; right:0; top:50px;}

/* Menu Bar Slide Controler Nav */
.features-nav {
	width:900px; height:30px; margin:0; padding:0; font-size:15px; line-height:30px; color:#a0a0a0; position:absolute; left:20px; bottom:15px;
	
	border:1px solid #cbcbcb;
	
	border-radius:					3px;
	-moz-border-radius:			3px;
	-webkit-border-radius:	3px;
	
	box-shadow:         inset 0 1px 3px #ddd;
	-moz-box-shadow:    inset 0 1px 3px #ddd;
  -webkit-box-shadow: inset 0 1px 3px #ddd;
  
 	background-color: #f3f3f3;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f3f3f3));
	background-image: -webkit-linear-gradient(top, #ffffff, #f3f3f3);
	background-image:    -moz-linear-gradient(top, #ffffff, #f3f3f3);
	background-image:     -ms-linear-gradient(top, #ffffff, #f3f3f3);
	background-image:      -o-linear-gradient(top, #ffffff, #f3f3f3); 
}

	.features-nav ul {list-style:none; margin:0; padding:0;}
	.features-nav li {margin:0; padding:0; text-align:center; display:inline-block; *display:inline; float:left; border-left:1px solid #cbcbcb; color:#a0a0a0; cursor:pointer;}
		.features-nav li:hover {color:#7f1e18; text-decoration:none}
		.features-nav li.active {
			color:#fff; text-shadow:0 1px 0 #777;
		
			border-bottom:1px solid #838383;
		
			box-shadow:         inset 0 1px 3px #888;
			-moz-box-shadow:   	inset 0 1px 3px #888;
  		-webkit-box-shadow: inset 0 1px 3px #888;
  	  
 			background-color: #838383;
			background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b1b1b1), to(#838383));
			background-image: -webkit-linear-gradient(top, #b1b1b1, #838383);
			background-image:    -moz-linear-gradient(top, #b1b1b1, #838383);
			background-image:     -ms-linear-gradient(top, #b1b1b1, #838383);
			background-image:      -o-linear-gradient(top, #b1b1b1, #838383);
		}
		
		#four li {width:224px;}
			#four li.first {border:0; width:225px;}
		#five li {width:179px;}
			#five li.first {width:180px; border:0;}		
		
		

/* =============================================================================
   Retailer Resources Log In Section
   ========================================================================== */

#vertical-logo 			{width:153px; height:110px; margin:15px auto 35px auto; background:url('../../../../../resources/img/resources-sprites.png') -562px 0 no-repeat;}
	#vertical-logo a 	{width:100%; height:100%; display:block;}
	
	#login-title 			{width:304px; height:35px; margin:15px auto 5px auto; background:url('../../../../../resources/img/resources-sprites.png') 0 -75px no-repeat;}

	.login-form {width:300px; margin:5px auto 15px auto; padding:10px 10px 0 10px; position:relative; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px #bbb;}

	.login-form p 						{margin:0; padding:0; position:relative;}
	.login-form label 				{margin:0 0 0 5%; color:#333;}
	.login-form input 				{width:90%; margin:0 0 10px 5%; border:1px solid #c3c3c3; background-color:#fff; height:18px;}
		.login-form input:focus {border:1px solid #333; background-color:#fff; box-shadow:none; outline:none;}
	.login-form select 				{width:90%; margin:0 0 10px 5%; border:1px solid #c3c3c3; background-color:#fff; height:18px;} 
	#login-form-button 				{margin:5px 0 10px 0; padding:2px 8px 2px 8px; font-size:18px; float:left; position:relative; left:-50%;}
	
	.login-box-error {text-align:center; margin:0 0 5px 0;}

ul#resources-nav 								{width:250px; margin:20px 0 0 0; list-style:none; float:right;}
	ul#resources-nav li a 				{margin:0 0 0 25px; background:url('../../../../../resources/img/resources-sprites.png'); float:left;}
		ul#resources-nav li a:hover {cursor:pointer;}

	ul#resources-nav li#homepage a 					{width:120px; height:35px; background-position:-235px 0;}
		ul#resources-nav li#homepage a:hover 	{background-position: -235px -35px;}
	ul#resources-nav li#admin a 						{width:120px; height:35px; background-position:-355px 0;}
		ul#resources-nav li#admin a:hover 		{background-position:-355px -35px;}
	ul#resources-nav li#logout a 						{width:78px; height:35px; background-position:-475px 0;}
		ul#resources-nav li#logout a:hover 		{background-position:-475px -35px;}

.admin-title {margin:40px 0 10px 0; text-align:center; font-size:22px;}

.retailer-product-name {width:920px; height:15px; margin:20px auto 5px auto; text-align:left; padding:0; font-size:20px; color:#999; text-shadow:0 1px 0 #fff; line-height:15px;}

.retailer-image-container {width:940px; min-height:150px; margin:10px auto 5px auto; padding:0 0 20px 0; position:relative; background: #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px #bbb;}

	.retailer-image-container ul 						{height:135px; padding:20px 0 0px 0; list-style:none;}
		.retailer-image-container li 					{width:200px; height:133px; margin:0 0 0 28px; float:left;}
		.retailer-image-container li a 				{width:100%; height:100%; display:block; border:1px solid #ccc;}
		.retailer-image-container li a:hover 	{border:1px solid #7f1e18;}

.ftp-info 		{width:400px; margin:35px auto 0 auto; text-align:center;}
	.ftp-info p {margin:0; padding:0;}
	
#ftp-information-title 						{width:202px; height:35px; margin:20px auto 0 auto; background:url('../../../../../resources/img/resources-sprites.png') -310px -75px no-repeat;}
.ftp-information 									{width:600px; margin:0 auto 10px auto; padding:0; text-align:center;}
	.ftp-information p 							{margin:5px 0 5px 0;}
	.ftp-information table 					{margin:10px auto 10px auto; background:#ddd; box-shadow:inset 0 0 3px #999; color:#888; border-spacing:5px; border-collapse:separate; border-radius:3px;}
	.ftp-information td.left-cell 	{text-align:right; padding:0 10px 0 20px;}
	.ftp-information td.right-cell 	{text-align:left; padding:0 20px 0 0;}

table#registered-users {background:white; margin:0 auto 40px auto; border-color:#ccc;}

.footer-divider {width:940px; margin:5px auto 5px auto; border-top:1px solid #ccc; border-bottom:1px solid #fff;}



/* =============================================================================
   Shopping Cart 
   ========================================================================== */   

.cart-empty 							{text-align:center;}
.cart-empty ul 						{width:960px; margin:15px auto 0 auto; list-style:none;}
	.cart-empty li 					{width:220px; height:220px; margin:5px; padding:5px; float:left;}
	.cart-empty li a 				{width:100%; height:100%; display:block;background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;   box-shadow:0 0 4px #bbb;}
		.cart-empty li#zg a 	{background:url('../img/cart/zg.jpg') 0 0 no-repeat;}
		.cart-empty li#mc a 	{background:url('../img/cart/mc.jpg') 0 0 no-repeat;}
		.cart-empty li#eo a 	{background:url('../img/cart/eo.jpg') 0 0 no-repeat;}
		.cart-empty li#pr a 	{background:url('../img/cart/pr.jpg') 0 0 no-repeat;}
	.cart-empty li a:hover 	{box-shadow:0 0 4px #7f1e18;}


.cart {width:940px; min-height:440px; margin:20px auto 0 auto; padding:0 0 10px 0; position:relative; background: #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px #bbb;}

	.cart input 									{padding:2px; border:1px #bfbebe solid; background-color:#fff;}
		.cart input:focus 					{border:1px #7f1e18 solid;}
		.cart-table input.input-qty {width:20px; height:14px; margin:0 15px 0 0;}
		
	.cart .table-spacer {margin:0 10px 15px 10px; border-top:1px solid #ffffff;}
		
	.cart-table 			{width:730px; margin:10px auto 0 auto;}
		.cart-table th 	{margin:0; padding:5px 10px 0 10px; border-bottom:1px #dfdfdf solid; text-align:left; font-size:15px; color:#838383; font-weight:normal;}

		.cart-table td 								{padding:10px; text-align:left; vertical-align:middle; border-bottom:1px #dfdfdf solid;}
			.cart-table .product-image	{width:100px; height:100px; padding:0;}
			.cart-table .product-name 	{font-size:18px; line-height:26px;}
			.cart-table .remove-link 		{line-height:18px;}
			.cart-table .item-msg 			{margin:5px 0; font-size:11px; font-weight:bold; color:#df280a; }
			
			.cart-table dl.item-options dt {float:left; margin:0 5px 0 0; clear:both;}
			.cart-table dl.item-options dd {float:left;}
		
	.cart .shipping 									{width:350px; margin:10px 0 0 105px; padding:0 15px 0 0; float:left; border-right:1px solid #dfdfdf;}
		.cart .shipping p.heading 			{text-align:center; margin:0; padding:0; font-size:15px; line-height:15px; color:#838383;}
		.cart .shipping p.ship-heading 	{text-align:center; margin:0 0 10px 0; padding:10px 0 0 0; font-size:15px; color:#838383; border-top:1px solid #dfdfdf;}
	
		.cart .shipping label 					{margin:5px 0 0 50px; padding:0; font-size:13px;}
		
		.cart .shipping input 					{width:250px; height:15px; margin:0 0 0 50px; padding:2px; border:1px #bfbebe solid; background-color:#fff;}
			.cart .shipping input:focus 	{border:1px #7f1e18 solid;}
		
		.cart .shipping input.radio 		{width:15px; height:15px; margin:0 5px 10px 50px; padding:0; border:0; float:left; clear:left;}
			.cart .shipping .radio-label 	{margin:0; padding:0; border:0; line-height:15px; float:left; clear:none;}
		
		.cart .shipping select 					{width:250px; margin:0 0 0 50px;}
	
		.cart .shipping .form-divider 	{width:100%; height:0px; margin:20px auto 15px auto; border-top:1px #dfdfdf solid; border-bottom:1px #ffffff solid; clear:both;}
		.cart .shipping .quote-button 	{margin:15px 50px 15px 0; float:right;}

	.cart .discount 											{width:710px; clear:both; border-top:1px solid #dfdfdf; margin:10px auto 0 auto; padding:10px 0 10px 10px;}
		.cart .discount label 							{float:left; line-height:24px; margin:0 10px 0 5px;}
		.cart .discount input 							{float:left; margin:0 10px 0 0;}
		.cart .discount button 							{float:left;}
		.cart .discount .validation-advice 	{display:none !important; }

	.cart .totals 															{width:375px; margin:10px 85px 0 0; padding:0; float:right;}
		#shopping-cart-totals-table .left-col 		{text-align:right; width:195px; padding:0 10px 0 0; line-height:25px;}
		#shopping-cart-totals-table .right-col 		{text-align:left; width:115px; margin:0; padding:0 0px 0 10px; line-height:25px;}
		#shopping-cart-totals-table .left-col-gt 	{text-align:right; width:195px; padding:0 10px 0 0; line-height:25px;}
		#shopping-cart-totals-table .right-col-gt {text-align:left; width:115px; margin:0; padding:0 0px 0 10px; line-height:25px;}

		.cart .totals .checkout-button			 			{margin:15px 25px 15px 0; float:right;}
		.cart .totals .continue-shopping-button 	{margin:15px 15px 15px 0; float:right;}

		.cart .totals th 		{text-align:right; padding:0 10px 0 0; font-weight:normal;}
			.cart .totals td 	{padding:0 10px 0 10px;}


.cart-popup 							{}
.cart-popup ul 						{width:960px; margin:0 auto 0 auto; list-style:none;}
	.cart-popup li 					{width:220px; height:220px; margin:5px; padding:5px; display:inline-block;}
	.cart-popup li a 				{width:100%; height:100%; display:block; background:#fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px #bbb;}
		.cart-popup li#zg a 	{background:url('../img/cart/zg.jpg') 0 0 no-repeat;}
		.cart-popup li#mc a 	{background:url('../img/cart/mc.jpg') 0 0 no-repeat;}
		.cart-popup li#eo a 	{background:url('../img/cart/eo.jpg') 0 0 no-repeat;}
		.cart-popup li#pr a 	{background:url('../img/cart/pr.jpg') 0 0 no-repeat;}
	.cart-popup li a:hover 	{box-shadow:0 0 4px #7f1e18;}
		

/* =============================================================================
   One Page Checkout Styles and Form
   ========================================================================== */

.opc { position:relative; }
	
.opc button {float:right; margin:0 20px 10px 0;}
.opc li.section {clear:both;}

	
ol.opc {background:#fff; width:620px; background: #fff; box-shadow:0 0 4px #bbb; float:right;}

.opc .col-1 {margin:0 20px 0 20px;}



.opc label {margin:10px 0 0 0; }
	.opc input {padding:2px; border:1px #bfbebe solid; background-color:#fff;}
	.opc input:focus {border:1px #7f1e18 solid;}


.opc p.required {font-size:12px; margin:0 10px 0 0;}

.opc dl {margin:0 0 0 20px;}
.opc .indented {margin:20px 0 10px 20px;}

.opc dl.sp-methods {margin:0 10px 0 10px;}
.opc dl#shipping-methods {margin:0 0 0 20px;}
.opc dl.sp-methods dt {margin:0 0 0 10px;}	

	.opc .step-title {border:1px solid #ddd; border-top-color:#fff; background:#eee; padding:4px 8px 6px 8px; text-align:right; height:15px;}
		.opc .step-title .number {float:left; background:#fff; border:1px solid #fff; padding:0 3px; margin:0 5px 0 0; font:normal 11px/12px arial, helvetica, sans-serif; color:#444; }
		.opc .step-title h2 { float:left; margin:0; font:bold 12px/14px Arial, Helvetica, sans-serif; color:#999; }
		.opc .step-title a {margin:0 10px 0 0; display:none; float:right; font-size:12px; line-height:25px;}

	.opc .allow .step-title {height:25px; margin:0; padding:0; border-bottom:1px solid #666; border-left:1px solid #666; border-right:1px solid #666; border-top:1px solid #aaaaaa; color:#fff; cursor:default; background-color:#939393;}
		.opc .allow .step-title .number {width:14px; height:14px; margin:4px 6px 0 6px; padding:0; border:1px solid #000000; background-color:#ffffff; font-size:11px; line-height:15px; text-align:center;}
		.opc .allow .step-title h2 {font-family:'CartoGothicProLight', Arial, sans-serif; font-size:14px; font-weight: normal; color:#fff; line-height:25px; text-shadow: #000000 0 1px 0;}
		.opc .allow .step-title a { display:block; font-size:10px; color:#fff; text-transform:uppercase; }

	.opc .active .step-title {height:25px; margin:0; padding:0; border:1px solid #5d110c; border-top:1px solid #b75a55; color:#fff; cursor:default;
		background-color:#9c241d;	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c241d', endColorstr='#811e18');
		background:-webkit-gradient(linear, left top, left bottom, from(#9c241d), to(#811e18));
		background:-moz-linear-gradient(top, #9c241d, #811e18);}

		.opc .active .step-title .number 	{width:14px; height:14px; margin:4px 6px 0 6px; padding:0; border:1px solid #5d110c; background-color:#ffffff; font-size:11px; line-height:15px; text-align:center;}
		.opc .active .step-title h2 			{font-family:'CartoGothicProLight', Arial, sans-serif; font-size:14px; font-weight:normal; color:#fff; line-height:25px; text-shadow: #5d110c 0 1px 0;}
		.opc .active .step-title a 				{display:none;}


.sidebar 															{float:left;}
.opc-block-progress 									{width:300px;}
	.opc-block-progress .block-title 		{margin:0 0 10px 0; font-size:20px; text-align:center;}

	.opc-block-progress .block-content 	{background: #fff; box-shadow:0 0 4px #bbb;}
		.opc-block-progress dt 						{padding:5px; background:#eee; border-top:1px solid #fff; border-bottom:1px solid #ccc;}
		.opc-block-progress dd.complete 	{margin:10px;}
		

#checkout-review-table 				{width:600px; margin:10px auto 0 auto;}
	#checkout-review-table th 	{margin:0; padding:0 10px 5px 10px; border-bottom:1px #dfdfdf solid; text-align:left; font-size:15px; color:#838383;}

	#checkout-review-table td 							{padding:10px; text-align:left; vertical-align:middle; border-top:1px solid #ffffff; border-bottom:1px #dfdfdf solid;}
		#checkout-review-table .product-name 	{font-size:18px; line-height:18px; margin:0 15px 0 0; float:left;}

	#checkout-review-table tfoot 									{}
		#checkout-review-table tfoot .left-col 			{float:none; text-align:right; border:0; font-weight: bold;}
		#checkout-review-table tfoot .right-col 		{float:none;  }
		#checkout-review-table tfoot .left-col-gt 	{float:none; text-align:right; border:0; font-weight: bold;}
		#checkout-review-table tfoot .right-col-gt 	{float:none;  border:0;}


.form-list 						{width:535px; margin:0 auto;}
	.form-list textarea {width:254px; height:10em;}
	.form-list select 	{width:260px; margin:0 0 15px 0;}
	.form-list li 			{margin:0 0 6px;}
	
	.form-list li.fields	{margin-right:-15px;}
	
	.form-list li.control label 						{float:none;}
		.form-list li.control input.radio,
		.form-list li.control input.checkbox 	{margin-top:-1px; margin-right:4px;}
		.form-list li.control .input-box 			{clear:none; display:inline; width:auto;}

.form-list label 								{float:left; color:#555; position:relative; z-index:0;}
	.form-list label.required 		{}
	.form-list label.required em	{float:right; font-style:normal; color:#eb340a; position:absolute; top:0; right:-7px;}

.form-list .input-box {display:block; clear:both; width:260px;}
.form-list .field {float:left; width:275px;}
.form-list input.input-text {width:254px;}

.form-list li.wide .input-box 				{width:535px;}
	.form-list li.wide input.input-text {width:529px;}
	.form-list li.wide textarea 				{width:529px;}
	.form-list li.wide select 					{width:535px;}

.form-list li.additional-row 								{border-top:1px solid #ccc; margin-top:10px; padding-top:7px;}
	.form-list li.additional-row .btn-remove 	{float:right; margin:5px 0 0;}

.form-list .input-range input.input-text { width:74px; }

.form-list-narrow li  												{margin-bottom:0;}
	.form-list-narrow li .input-box 						{margin-bottom:6px;}
	.form-list-narrow li.wide .input-box 				{width:260px;}
	.form-list-narrow li.wide input.input-text,
	.form-list-narrow li.wide textarea 					{width:254px;}
	.form-list-narrow li.wide select 						{width:260px;}

.form-list .name-prefix 										{width:65px;}
	.form-list .name-prefix select 						{width:55px;}
	.form-list .name-prefix input.input-text 	{width:49px;}

.form-list .name-suffix 										{width:65px;}
	.form-list .name-suffix select 						{width:55px;}
	.form-list .name-suffix input.input-text 	{width:49px;}

.form-list .name-middlename 										{width:70px;}
	.form-list .name-middlename input.input-text	{width:49px;}

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
	.form-list .customer-name-prefix-middlename .name-firstname 												{width:140px;}
	.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
	.form-list .customer-name-prefix-middlename .name-firstname input.input-text 				{width:124px;}
	.form-list .customer-name-prefix-middlename-suffix .name-lastname 									{width:205px;}
	.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text 	{width:189px;}

.form-list .customer-name-prefix-suffix .name-firstname 										{width:210px;}
	.form-list .customer-name-prefix-suffix .name-lastname 										{width:205px;}
	.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
	.form-list .customer-name-prefix-suffix .name-lastname input.input-text 	{width:189px;}

.form-list .customer-name-prefix-suffix .name-firstname 										{width:210px;}
	.form-list .customer-name-prefix-suffix .name-lastname 										{width:205px;}
	.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
	.form-list .customer-name-prefix-suffix .name-lastname input.input-text 	{width:189px;}

.form-list .customer-name-prefix .name-firstname,
	.form-list .customer-name-middlename .name-firstname {width:210px;}

.form-list .customer-name-suffix .name-lastname,
	.form-list .customer-name-middlename .name-firstname,
	.form-list .customer-name-middlename-suffix .name-firstname,
	.form-list .customer-name-middlename-suffix .name-lastname 		{width:205px;}

.form-list .customer-name-prefix .name-firstname input.input-text,
	.form-list .customer-name-suffix .name-lastname input.input-text,
	.form-list .customer-name-middlename .name-firstname input.input-text,
	.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
	.form-list .customer-name-middlename-suffix .name-lastname input.input-text 	{width:189px;}

.form-list .customer-dob .dob-month,
	.form-list .customer-dob .dob-day,
	.form-list .customer-dob .dob-year 										{float:left; width:85px;}
	.form-list .customer-dob input.input-text 						{display:block; width:74px;}
	.form-list .customer-dob label											 	{font-size:10px; font-weight:normal; color:#888;}
	.form-list .customer-dob .dob-day,
	.form-list .customer-dob .dob-month 									{width:60px;}
	.form-list .customer-dob .dob-day input.input-text,
	.form-list .customer-dob .dob-month input.input-text 	{width:46px;}
	.form-list .customer-dob .dob-year 										{width:140px;}
	.form-list .customer-dob .dob-year input.input-text 	{width:134px;}


.buttons-set 									{clear:both; margin:4em 0 0; padding:8px 0 0; border-top:1px solid #e4e4e4; text-align:right;}
	.buttons-set p.required 		{margin:0 0 10px;}
	.buttons-set .back-link 		{float:left; margin:0;}
	.buttons-set button.button 	{float:right; margin-left:5px;}

.buttons-set-order 								{margin:10px 0 0;}
	.buttons-set-order .please-wait {padding:5px 7px 0 0;}

.fieldset 					{margin:0 10px 25px;}
	.fieldset .legend {margin:0 -10px 12px; background:#f1f1f1; padding:2px 10px; font-size:13px; line-height:1.25;}


/* Form Validation */
.validation-advice 	{clear:both; min-height:13px; margin:3px 0 0; padding-left:13px; font-size:11px; line-height:13px; color:#eb340a;}
.validation-failed 	{border:1px solid #eb340a !important; background:#faebe7 !important;}
.validation-passed 	{}
p.required 					{font-size:11px; text-align:right; color:#EB340A;}


/* Expiration date and CVV number validation fix */
.v-fix 											{float:left;}
	.v-fix .validation-advice {display:block; width:12em; margin-right:-12em; position:relative;}


/* Global Messages  */
.success 	{color:#3d6611; font-weight:bold;}
.error 		{color:#df280a; font-weight:bold;}
.notice 	{color:#e26703;}


#order-success {width:900px; margin:10px auto 5px auto; padding:10px 20px 10px 20px; position:relative; background: #fff; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; box-shadow:0 0 4px #bbb;}



/* =============================================================================
   Lightbox Styles
   ========================================================================== */

.avgrund-popin {
	position:absolute; background:url('../img/body-bg.jpg') 0 0 repeat #eee; padding:10px 10px 45px 10px; overflow: hidden; visibility: hidden; opacity:0; filter:alpha(opacity=0); top:50%; left:50%; z-index:1000;
	
	box-shadow:0 1px 10px 0 rgba(0, 0, 0, .5);

	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8);
}

.avgrund-overlay {
	background:#000; position:absolute; width:100%; height:100%; top:0; left:0; z-index:101; visibility:hidden; opacity:0; filter:alpha(opacity=0);
}

body.avgrund-ready, 
.avgrund-ready .avgrund-popin, 
.avgrund-ready .avgrund-overlay {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;

	-webkit-transition: 0.3s all ease-out;
	-moz-transition: 0.3s all ease-out;
	-ms-transition: 0.3s all ease-out;
	-o-transition: 0.3s all ease-out;
	transition: 0.3s all ease-out
}

body.avgrund-active {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
}

.avgrund-active .avgrund-popin {
	visibility:visible; opacity:1; filter:alpha(opacity=100);

	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.avgrund-active .avgrund-overlay {
	visibility:visible; opacity:0.5; filter:alpha(opacity=50);
}

.avgrund-popin.stack {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
}

.avgrund-active .avgrund-popin.stack {
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	-ms-transform: scale(1.0);
	-o-transform: scale(1.0);
	transform: scale(1.0);
}

.avgrund-active .avgrund-blur {
	-webkit-filter: blur(1px);
	-moz-filter: blur(1px);
	-ms-filter: blur(1px);
	-o-filter: blur(1px);
	filter: blur(1px);
}

.avgrund-close {float:right; margin:0 10px 0 0;}



/* =============================================================================
   Helper Classes
   ========================================================================== */

.ir 			{display:block; border:0; text-indent:-999em; overflow:hidden; background-color:transparent; background-repeat:no-repeat; text-align:left; direction:ltr; *line-height:0;}
	.ir br 	{display:none;}

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
	.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
	.clearfix:after { clear: both; }
	.clearfix { *zoom: 1; }

.clear {clear:both;}