@media print{
 .hide_when_printed{
 display: none !important;
 }
 .show_when_printed{
 display: block !important;
 }
}

/* Riverline Ergonomic
   Updated: 10/16/2009
   Author: Alex Hackbart

/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; } 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */

html { 
	background: #000 url("../images/bg-html.gif") 50% 812px repeat-x;
	overflow-y: scroll;
	}

body { 
	background: url("../images/bg-body.jpg") top center no-repeat;
	text-align:center; 
	font:12px/18px Arial, Helvetica, sans-serif; 
	color:#000;
	}

blockquote { margin: 0 10px 10px; background:#EFEFEF; padding: 10px;}

h1	{ font-size:24px; color:#000; }
h2	{ font-size:1.1em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#676767; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#676767; text-decoration:underline; outline:none; }

input, select {
	padding: 2px 0;
	}

/* ------------------------ global classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("../images/bullet-back-to-top.jpg") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}

.swatch1 {
		color:#222;
}

.hidden{
	display:none;
	}
	
.pad3 td {
	padding: 3px 3px 0;
}

/* ------------------------ form elements ------------------------ */
form {
	}

form br { line-height:0; height:0; font-size: 0; } /* defaults vertical spacing between fields */

input, textarea, select { 
	background-color: #FFF !important; /* to prevent highlighting by Google Toolbar */
	border:1px solid #c2c5c5;
	color:#676767;
	line-height:18px;
	vertical-align: middle;
	margin-bottom:4px; /* sets vertical spacing between fields */
	font-family: Arial, Helvetica, sans-serif; 
	font-size:1.0em;
	}

select { padding:0; } /* same width as form - !important */

textarea { height:90px; overflow:auto; }

.page-forms label {
		display:block;
		float:left;
		width:250px;
		text-align:right;
		margin-right:10px;
	}

/* ------------------------ SPECIFIC ELEMENTS ------------------------ */

#cs-form, #bd-form {
		margin: 20px 0;
}

#cs-submit, #bd-submit {
		margin-left: 260px;
}

#cs-form input:focus, #cs-form textarea:focus, #bd-form input:focus, #bd-form textarea:focus {
	border: 1px solid #73E1EE;
}

/* ------------------------ main contact form ------------------------ */
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.0em;
	}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}

#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

#contact-main label textarea { height:100px; overflow:auto; }

/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:85px 0 0 243px; } /* defines placement of contact-main submit button */

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("../images/btn-submit.jpg");
	width:64px;
	height:20px;
	border:none;
	cursor:pointer;
	}

#prod-attribute-form {
	float: left;
	display: inline;
	margin-top: 20px;
	font-weight: bold;
	font-style: italic;
	color:#525454;
	font-size: 14px;
	width: 237px;
	}
	* html #prod-attribute-form {
		width: 235px;
	}
#prod-attribute-form label {
	width:105px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:3px;
	}
	#prod-attribute-form select {
		width:120px;
		position:absolute; 
		left:110%; 
		top:-2px;
		font-size: 11px;
		}
#prod-add-to-cart {
	border: 0;
	}
	
#prod-attribute-form span {
	background: url("../images/bg-quantity.png") center right no-repeat;
	padding: 3px 0;
	margin-left: 5px;
	}
	#prod-attribute-form span input {
		border: none;
		background: transparent !important;
		font-size: 13px;
		color:#e06a1e;
		font-weight: bold;
		width: 23px;
		text-align: center;
		}
#prod-add-to-cart {
	margin: 0 0 0 71px;
	}

.form-divide {
	height: 10px;
	}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	background:url("../images/bg-wrap.jpg") repeat-y;
	width:1015px;
	margin:0 auto;
	text-align:left;
	}
	#inner-wrap {
		background:url("../images/bg-inner-wrap.gif") center top repeat-y;
		width: 100%;
		clear: both;
		}
		#wide #inner-wrap {
			background:url("../images/bg-inner-wrap-wide.gif") center top repeat-y;
			}

/* ------------------------footer framework ------------------------ */
#meta {
	width:855px;
	margin:0 auto;
	text-align:right;
	padding: 161px 0 0 0;
	font-style: italic;
	}

#meta a:link, #meta a:visited { color:#fff; text-decoration: none; }
#meta a:hover, #meta a:active { color:#fff; }

	#meta li { 
		display: inline;
		}

	#meta-home {
		padding-right: 19px;
		}
	#meta-contact {
		padding-right: 22px;
		}
	#meta-account {
		padding-right: 20px;
		}
	#meta-order {
		padding-right: 25px;
		}
	#meta-wish {
		padding-right: 28px;
		}
	#meta-cart {
		padding-right: 20px;
		}
	#meta-checkout {
		padding-right: 35px;
		}
		#meta-checkout {
			padding-right: 28px !ie;
			}

/* ------------------------ masthead framework ------------------------ */
#masthead {
	position:relative;
	background:url("../images/masthead.png") no-repeat;
	height:198px;
	width: 855px;
	margin: 0 auto;
	}
	#masthead-link {
			display:block;
			position: absolute;
			left:0;
			top:30px;
			width:330px;
			height:160px;
			}	
	
	#index-search {
		width: 272px;
		height: 39px;
		padding: 0;
		background:url("../images/search-bg.png") 0 0 no-repeat;
		float:left;
		}
		#index #index-search {
			background:url("../images/search-index.png") 0 0 no-repeat;
			}
		#category #index-search, #product #index-search, #basket #index-search {
			background:url("../images/search-bg.png") 0 0 no-repeat;
			}	
			#ergonomics #index-search, #technology #index-search, #wide #index-search {
				background:url("../images/top-search-ergo.png") 0 0 no-repeat;
				}	
		#index-search input {
			width: 135px;
			background-color: transparent !important; 
			padding: 0 4px 0 0;
			border: none !important;
			margin: 13px 0 0;
			cursor: text;
			}
			*:first-child+html #index-search input {
				margin-top: 10px;
				}
				* html #index-search input {
					margin-top: 10px;
					}
		#index-search #index-search-submit {
			width: 26px;
			padding: 0;
			cursor: pointer;
			}
	
/* ------------------------ column-left framework ------------------------ */
#column-left {
	width:207px;
	float:right;
	padding-bottom: 520px;
	}
	#product #column-left {
		padding-bottom: 580px;
		}
	#ergonomics #column-left {
		padding-bottom: 627px;
		}
	#technology #column-left {
		background: #ddeef3 url("../images/bg-left-tech.png") 0 0 no-repeat;
		width: 206px;
		padding-bottom: 551px;
		}
		
	#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
		margin:0px 0px 10px 0px;
		}

	#column-left form { margin-left:0px; } /* set form margin here */

	/* single column list */
	#column-left ul { padding-left:5px; }
		#column-left ul li { 
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px; /* pushes text to the right to display bg img */
			}

	/* definition list */
	#column-left dl { padding:0 2px; }
		#column-left dl dt a {
			font-weight:bold;
			color: #000;
			text-decoration: none;
			background:transparent url("../images/dt-bg-blue.png") 30px 0 no-repeat;
			display: block;
			height: 22px;
			font-size: 16px;
			font-style: italic;
			padding: 0 0 0 30px;
			margin: 22px 0 0 0;
			}
			#ergonomics #column-left dl, #technology #column-left dl {
				margin-top: 42px;
				}
			#ergonomics #column-left dl dt a, #technology #column-left dl dt a {
				letter-spacing: -1px;
				margin: 0;
				background: none;
				}
				/* * html #ergonomics #column-left dl dt a.current, * html #technology #column-left dl dt a.current {margin-left: 2px;} */
				#ergonomics #column-left dl dt a.current, #technology #column-left dl dt a.current {
					letter-spacing: -1px;
					margin: 0;
					background: #baeaf5;
					}
			#ergonomics #column-left dl dt a, #technology #column-left dl dt a {
				font-size: 15px;
				}
			#column-left dl dt a.current {
				background: #baeaf5 url("../images/dt-bg-blue.png") 30px 0 no-repeat;
				}
			#column-left dl dd.current {
				background: #4dc9e5;
				display:block;
				}
		#column-left dl dd {
			padding:0 30px;  /* pushes text to the right to display bg img */
			margin:0;
			}
			#column-left dl dd a {
				color: #2e2d2d;
				text-decoration: none;
				font-weight: bold;
				font-style: italic;
				}

/* ------------------------ column-right framework ------------------------ */
#column-right {
	width:648px;
	float:right;
	background:transparent url("../images/bg-right.jpg") 0 0 no-repeat;
	margin-right: 80px;
	display: inline;
	}
	* html #column-right {
		margin-right: 80px;
		}
	#ergonomics #column-right {
		background:transparent url("../images/bg-right-ergo.png") 0 0 no-repeat;
		}
		* html #ergonomics #column-right {
			margin-right: 78px;
			}
		#technology #column-right {
			background: #ddeef3 url("../images/bg-right-tech.png") 0 0 no-repeat;
			width: 647px;
			margin-right: 81px;
			}

	#column-right p, #column-right h1, #column-right h2, #column-right h3, #column-right ul, #column-right dl {
		margin:0px 0px 10px 0px;
		}
		body.products #column-right {
				padding-bottom:170px;
		}

	#column-right form { margin-left:0px; }

	/* single column list */
	#column-right ul { padding-left:5px; }
		#column-right ul li { 
			background:transparent url("../images/bullet.png") 0px 7px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:12px;  /* pushes text to the right to display bg img */
			}

	/* definition list */
	#column-right dl { padding-left:5px; }
		#column-right dl dt {
			font-weight:bold;
			color:#99CC00;
			}
		#column-right dl dd {
			background:transparent url("../images/bullet.jpg") 0px 6px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:10px;  /* pushes text to the right to display bg img */
			margin-left:5px;
			}

#breadcrumbs {
	color:#6f7d7f;
	float:left;
	font-size: 10px;
	font-style:italic;
	padding: 5px 0 0 57px;
	}
#mini-bask {
	float:right;
	font-size: 10px;
	font-style:italic;
	padding: 5px 40px 0 0;
	}
	#mini-bask span {
		color:#EFAD59;
		font-size: 12px;
		font-weight:bold;
		padding-right: 10px;
		}
	#mini-bask a {
		text-decoration: underline;
		color: #000;
		}
		
#cat-description {
	font-family: "Myriad Pro", "Trebuchet MS", Arial;
	font-weight: bold;
	font-style: italic;
	padding: 0 60px 0 200px;
	font-size: 10px;
	}

#pagination {
	background: #eaf0f1;
	padding-top: 10px;
	font-style: italic;
	font-size: 10px;
	clear: both;
	margin: 0 1px 0 2px;
	}	
	*:first-child+html #pagination { /* this is for IE7s scrollbar bug */
		overflow: visible;
		position: relative;
		}
	#pagination p {
		float: right;
		margin: 0 39px 10px 0;
		display: inline;
		}
		#pagination p span, #pagination p span a, .big-font a {
			color:#EFAD59;
			}
			.big-font {
				font-size: 12px;
				font-weight: bold;
				}
	#pagination form, #pagination form select {
		float:left;
		width: 120px;
		margin: 0 0 0 39px;
		display: inline;
		font-style:normal;
		}
		.left-pagination {
			padding-left: 20px;
			}
		.right-pagination {
			padding-right: 20px;
			}
#cat-prod-list-container {
	margin: 20px 0 20px 180px;
	background:transparent url("../images/bg-cat-prod-list.gif") 0 0 no-repeat;
	}
	#cat-prod-list-container h3 {
		padding: 3px 0 20px 28px;
		color:#e06a1e;
		font-weight: bold;
		font-style: italic;
		font-family: "Myriad Pro", "Trebuchet MS", Arial, sans-serif;
		font-size: 14px;
		}
	.category-product-list {
		float:left;
		text-align: right;
		padding-left: 12px;
		}
		.category-product-list a {
			text-decoration: none;
			font-size: 12px;
			font-weight: bold;
			font-style: italic;
			font-family: "Trebuchet MS", Arial, sans-serif;
			line-height:12px;
			color: #585757;
			}
			.category-product-list a:hover {
				text-decoration: none;
				}
			.prod-name {
				text-transform: uppercase;
				}
			.our-price {
				font-size: 10px;
				}
			.cat-prod-price {
				font-size: 12px;
				color:#e06a1e;
				}
			.cat-msrp, .cat-msrp-price {
				font-size: 10px;
				text-transform: uppercase;
				}
			.cat-you-save {
				color:#e06a1e;
				font-size: 9px;
				}
				
#category-header {
	width: 166px;
	text-align: center;
	float:left;
	display:inline;
	margin: 13px 0 0 0;
	}
	
#product-div {
	font-family: "Myriad Pro", "Trebuchet MS", Arial;
	margin: 0 43px 0 0;
	}
	#product-div h1 {
		border-bottom: 2px solid #d3e1e4;
		padding-bottom: 2px;
		margin-bottom: 5px;
		font-style: italic;
		}
	#product-div p {
		margin: 0 43px 0 0;
		}
	#prod-img-container {
		float: left;
		width: 368px;
		height: 237px;
		background:transparent url("../images/bg-prod-img.jpg") 0 0 no-repeat;
		position: relative;
		}
		#product-image {
			position: absolute;
			bottom: 0;
			z-index: 10;
			}
			#prod-overlay {
				position:absolute;
				right: 0;
				top: 0;
				z-index: 20;
				}
		#msrp {
			color:#e06a1e;
			font-size: 16px;
			font-weight: bold;
			font-style: italic;
			}
		#prod-price {	
			font-size: 19px;
			color: #4d5354;
			font-style: italic;
			font-weight: bold;
			}
			#ratings {

				}
			#average-rating {
				font-size: 14px;
				color: #4d5354;
				font-style: italic;
				display: block;
				}

#sub1, #sub2, #sub3, #sub4, #sub5 {
	display:none;

	}

.prod-thumb-swap {
	float:left;
	height: 73px;
	width: 110px;
	text-align: left;
	
	}
	.prod-thumb-swap img {
		height: 73px;
		width: 110px;
		}
	.thumb-swap-middle {
		width: 60px;
		overflow: hidden;
		/* text-indent: -20px; */
		display: block;
		}
	.thumb-swap-middle img {
		margin-left: -20px;
		}

a.orange-link {
	color:#e06a1e;
	}
	
.review-link {
	padding-left: 8px;
	}
#small-prod-buttons {
	margin-left: 34px;
	font-size: 0;
	background:url("../images/small-prod-buttons-5.jpg") 0 0 no-repeat;
	}
	body.product-spyder #small-prod-buttons, body.product-spyderoxford #small-prod-buttons {
		background:url("../images/small-prod-buttons-4.jpg") 0 0 no-repeat;
	}
	#column-right #small-prod-buttons ul {
		list-style:none;
		margin: 0;
		padding: 0;
	}
		#column-right #small-prod-buttons li {
				width: 32px;
				height: 32px;
				margin: 0;
				float: left;
				display: inline;
				background: transparent;
				padding: 0;
		}
		#column-right #small-prod-buttons a {
			display:block;
			width: 32px;
			height: 32px;
		}
#tooltip {
		display: none;
	    background:transparent url(http://flowplayer.org/tools/img/tooltip/black_arrow.png); 
	    font-size:12px; 
	    height:70px; 
	    width:160px; 
	    padding:25px; 
	    color:#fff;    
	    position: relative;
	    z-index:9999;
}
	.qtip-wrapper h2 {
			font-size:11px;
			margin: 0;
			padding: 0;
	}
	.qtip-wrapper p {
			font-size: 9px;
			line-height:10px;
			margin: 0;
			padding: 3px 0 0 0;
	}
	#column-right #small-prod-buttons #spb-2 {
		padding-left: 38px;
	}
	#column-right #small-prod-buttons #spb-3, #column-right #small-prod-buttons #spb-4, #column-right #small-prod-buttons #spb-7, #column-right #small-prod-buttons #spb-8 {
		padding-left: 7px;
	}
		body.product-spyder #column-right #small-prod-buttons #spb-2, body.product-spyderoxford #column-right #small-prod-buttons #spb-2 {
			padding-left: 63px;
		}
		body.product-spyder #column-right #small-prod-buttons #spb-3, body.product-spyder #column-right #small-prod-buttons #spb-4, body.product-spyder #column-right #small-prod-buttons #spb-7, body.product-spyder #column-right #small-prod-buttons #spb-8, body.product-spyderoxford #column-right #small-prod-buttons #spb-3, body.product-spyderoxford #column-right #small-prod-buttons #spb-4, body.product-spyderoxford #column-right #small-prod-buttons #spb-7, body.product-spyderoxford #column-right #small-prod-buttons #spb-8 {
			padding-left: 5px;
		}
#left-prod-section {
	float: left;
	width: 310px;
	}		
#view-colors {
	background:url("../images/view-colors.gif") 0 0 no-repeat;
	width: 273px;
	padding-top: 35px;
	margin: 12px 0 0 27px;
	}
#view-prod {
	width: 288px;
	background:url("../images/prod-views.gif") 0 0 no-repeat;
	padding: 32px 0 0 10px;
	float:left;
	margin-top: 6px;

	}

h1#ergo {
	background: url("../images/subhead-ergo.jpg") 0 0 no-repeat;
	height: 42px;
	text-indent: -9999px;
	margin: 25px 0 0 50px;
	}
	#column-right #ergo-intro {
		font-family: "Myriad Pro", "Trebuchet MS", Arial;
		font-size: 1.3em;
		line-height: 1.2em;
		font-style: italic;
		margin: 0 95px 0 54px;
		color:#3c4548;
		}
#ergo-middle {
	height: 225px;
	width: 647px;
	}
	#column-right #ergo-middle p {
		color: #222;
		font-family: "Myriad Pro", "Trebuchet MS", Arial;
		font-size: 1.2em;
		line-height: 1.2em;
		font-style: italic;
		padding: 50px 246px 0 101px;
		font-weight: bold;
		margin: 0;
		}
		
#ergo-bottom-text {
	font-size: 1.3em;
	font-style: italic;
	font-family: "Myriad Pro", "Trebuchet MS", Arial;
	margin: 0 95px 0 23px;
	}
	#ergo-bottom-text p {
		margin-bottom: 20px;
		}
	#ergo-middle-text {
		color:#646262;
		padding: 15px 0 0 5px;
		background: url("../images/mid-text-border.jpg") 97px 0 no-repeat;
		}
		#ergo-bottom-text-section {
			padding: 15px 0 15px 36px;
			background: url("../images/mid-text-border-bottom.jpg") 97px 0 no-repeat;
			}
		#push-1 {
			padding-left: 12px;
			}
		#push-2 {
			padding-left: 19px;
			}
		#push-3 {
			padding-left: 14px;
		}
h2#tech-features {
	margin: 585px 0 10px 25px;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color:#6f7779;
	}
	h2#tech-features {
		margin-bottom:11px !ie;
		}
	
#tech-1 {
	clear: both;
	background: url("../images/tech-1.jpg") 0 0 no-repeat;
	height: 168px;
	margin: 0 0 0 81px;
	}
#tech-2 {
	clear: both;
	background: url("../images/tech-2.jpg") 0 0 no-repeat;
	height: 148px;
	margin: 0 0 0 81px;
	}
#tech-3 {
	clear: both;
	background: url("../images/tech-3.jpg") 0 0 no-repeat;
	height: 148px;
	margin: 0 0 0 81px;
	}
#tech-4 {
	clear: both;
	background: url("../images/tech-4.jpg") 0 0 no-repeat;
	height: 148px;
	margin: 0 0 0 81px;
	}
#tech-5 {
	clear: both;
	background: url("../images/tech-5.jpg") 0 0 no-repeat;
	height: 148px;
	margin: 0 0 0 81px;
	}
#tech-6 {
	clear: both;
	background: url("../images/tech-6.jpg") 0 0 no-repeat;
	height: 148px;
	margin: 0 0 0 81px;
	}
#tech-7 {
	clear: both;
	background: url("../images/tech-7.jpg") 0 0 no-repeat;
	height: 167px;
	margin: 0 0 0 81px;
	}

#tech-1 h2, #tech-2 h2, #tech-3 h2, #tech-4 h2, #tech-5 h2, #tech-6 h2, #tech-7 h2 {
	font-size: 18px;
	text-transform: uppercase;
	color: #FFF;
	font-family: "Arial Narrow", Arial;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0px;
	}
#tech-1 p, #tech-2 p, #tech-3 p, #tech-4 p, #tech-5 p, #tech-6 p, #tech-7 p {
	font-size: 15px;
	text-transform: uppercase;
	color: #404242;
	font-family: "Arial Narrow", Arial;
	font-weight: bold;
	letter-spacing: -1px;
	margin-top: 0;
	}
	#tech-1 h2 {
		padding: 75px 0 0 250px;
		}
		
		#tech-1 p, #tech-2 p, #tech-3 p, #tech-4 p, #tech-5 p, #tech-6 p, #tech-7 p {
			padding: 5px 200px 0 250px;
			}
	#tech-2 h2 {
		padding: 51px 0 0 250px;
		}
	#tech-3 h2, #tech-6 h2 {
		padding: 36px 0 0 250px;
		}
	#tech-4 h2 {
		padding: 42px 0 0 250px;
		}
	#tech-5 h2 {
		padding: 32px 0 0 250px;
		}
	#tech-7 h2 {
		padding: 22px 0 0 250px;
		}
#technology h2 span {
	display: inline;
	font-size: 14px;
	}
#page-content {
	margin: 40px 30px 0;
	}
			
/* ------------------------ product tabs ------------------------ */

#tabA0 {
	background: url("../images/tab-details.png") 0 0 no-repeat;
	width: 129px;
	height: 26px;
	float: left;
	display: block;
	margin: 0 0 0 27px;
	padding: 0;
	}
#tabA1 {
	background: url("../images/tab-review.png") 0 0 no-repeat;
	width: 122px;
	height: 26px;
	margin-left: 27px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	}
#tabA2 {
	background: url("../images/tab-shipping.png") 0 0 no-repeat;
	width: 330px;
	height: 26px;
	margin-left: 27px;
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	}
	
	
/* PRODUCT TAB STYLING */
.tabMachine{
	clear:both;
	padding-left:10px;
	height:27px;
	text-indent: -9999px;
	}
	.tabMachine a{
	color:#000;
	}
	.tabMachine a:hover{
	color:#000;
	cursor: pointer;
	}
	.tabMachineTabOn{
	background-position: 0 -26px !important;
	}
.prod_container{
	height:350px;
	margin:-1px 13px 10px -10px;
	padding:0px 10px 20px 20px;
	overflow:auto;
	line-height:1.5em;
	clear:both;
	}

#prod-details, #prod-reviews, #prod-shipping {
	font-family: "Trebuchet MS", Arial;
	font-size: 10px;
	font-style: italic;
	width: 581px;
	background: url("../images/bg-details.png") 0 0 no-repeat;
	margin-left: 27px;
	clear: both;
	}
	#prod-reviews, #prod-shipping {
		width: 541px;
		padding: 10px 20px;
		}
#details-features {
	width: 170px;
	float: left;
	margin-left: 57px;
	display:inline;
	}
	#details-features li {
		padding-right: 5px;
		}
	#details-benefits {
		width: 335px;
		background: url("../images/details-ul-bg.png") left center no-repeat;
		float: left;
		display:inline;
		}
		#column-right #details-benefits ul li {
			padding-left: 24px;
			background: url("../images/bullet.png") 11px 6px no-repeat;
			}
#column-right #prod-details ul {
	padding: 0;
	}
		
#column-right #details-features ul .grey-li {
	background: url("../images/grey-li.gif") right top no-repeat;
	}
	
#column-right #details-benefits ul .blue-li {
	background: url("../images/blue-li.gif") 2px 0px no-repeat;
	}
	
#column-right #details-benefits ul .red-li {
	background: url("../images/red-li.gif") 2px 0px no-repeat;
	}
	
#top-sellers {
	background: url("../images/top-title.png") 0 0 no-repeat;
	padding-left: 175px;
	clear:both;
	}

/* ------------------------ index framework ------------------------ */

#index-top-div {
	background:url("../images/index-top-div.jpg") center top no-repeat;
	height: 281px;
	width: 855px;
	margin-left: 80px;
	clear:both;
	}
	#index-tech {
		display: block;
		float: left;
		width: 540px;
		height: 281px;
		}
		#index-six-inch {
			display: block;
			float: left;
			width: 315px;
			height: 281px;
			}
	
#index-center-div {
	background:url("../images/index-center-div.jpg") center top no-repeat;
	height: 284px;
	width: 855px;
	margin-left: 80px;
	}
	#index-eight-inch {
		display: block;
		float: left;
		width: 297px;
		height: 284px;
		}
		#index-wellington {
			display: block;
			float: left;
			width: 281px;
			height: 284px;
			}
		#index-shoes {
			display: block;
			float: left;
			width: 277px;
			height: 284px;
			}
	
#index-bottom-div {
	background:url("../images/index-bottom-div.jpg") center top no-repeat;
	height: 292px;
	color: #FFF;
	font-weight: bold;
	font-style: italic;
	font-size: 13px;
	position: relative;
	
}
	#index-bottom-div h2 {
			padding: 50px 525px 15px 170px;
			color:#292929;
			}
	#index-bottom-div p {
			padding: 0px 525px 0 170px;
			line-height: 14px;
			margin: 0 0 10px 0;
	}
	#index-bottom-more {
			font-size: 17px;
			color:#fe4a0a;
			position:absolute;
			left: 430px;
			bottom: 30px;
		}


/* ------------------------ header framework ------------------------ */
#header-graphic { height:300px; background:url("../images/header-index.jpg"); }

	body#category #header-graphic { background:url("../images/header-category.jpg"); } /* delete if same sitewide */


/* ------------------------ bottom-wrap framework ------------------------ */
/* ------------ must have below column-left and column-right to clear the float ------------ */
#bottom-wrap {
	background:url("../images/footer.png"); /* delete if not needed */
	width:855px; /* fix for Safar */
	height:101px;
	clear:both; /* important - do not remove */
	font-size: 10px;
	margin: 0 auto;
	}
	#bottom-wrap a:link, #bottom-wrap a:visited, #bottom-wrap a:hover, #bottom-wrap a:active { color:#676767; text-decoration: none; }

#bottom-wrap ul {margin: 0; text-align: center;}
	#bottom-wrap li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 1px 0 1px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #676767;
		}
	#bottom-wrap li.first { border: none; }
	
#bottom-guy {
	background:url("../images/bottom-guy.png") center bottom no-repeat;
	width: 100%;
	}
	*:first-child+html #bottom-guy { /* this is for IE7s scrollbar bug */
		overflow: visible;
		position: relative;
		}
	#product #bottom-guy {
		background:url("../images/bottom-guy-product.png") center bottom no-repeat;
		}
	#ergonomics #bottom-guy {
		background:url("../images/bottom-guy-ergo.png") center bottom no-repeat;
		}
		
	#technology #bottom-guy {
		background: none;
		}
	.six-inch-boots #bottom-guy {
		background:url("../images/bottom-guy-six.png") center bottom no-repeat;
		}
	.eight-inch-boots #bottom-guy {
		background:url("../images/bottom-guy-eight.png") center bottom no-repeat;
	}

/* ------------------------footer framework ------------------------ */
#footer {
	width:855px;
	margin:0 auto;
	text-align:center;
	font-weight: bold;
	font-size: 10px;
	color:#676767;
	}

#footer p {
	margin-bottom:10px;
	}

#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color:#676767; text-decoration: none; }

#footer ul {margin: 0 10px 0px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #676767;
		}
	#footer li.first { border: none; }
	
#ergo-button {
	display: block;
	background:url("../images/ergo-button.png") no-repeat; 
	width: 99px;
	height: 155px;
	position: absolute;
	right: 0;
	top: 300px;
	margin-top: -77px;
	}

/* ------------------------ MAIN NAVIGATION FRAMEWORK ------------------------ */

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url("../images/nav-inside.png") no-repeat; 
	width:583px; 
	height:39px; 
	margin:0;
	padding:0; 
	float: left;
	display: inline;
	margin-left: 80px;
	}
	#index #nav {
		background:url("../images/nav-index.png") no-repeat;
		}
	#category #nav, #product #nav, #basket #nav {
		background:url("../images/nav-inside.png") no-repeat;
		}
		#ergonomics #nav, #technology #nav, #wide #nav {
			background:url("../images/top-nav-ergo.png") no-repeat;
			}

#nav a { text-indent: -9999px; }

#nav li, #nav a { height:39px; display:block; } /* change height here also */

#nav li { float:left; list-style:none; _display:inline; position:relative; }

#nav-01 { width: 94px;}
#nav-02 { width: 157px;}
#nav-03 { width: 117px;}
#nav-04 { width: 124px;}
#nav-05 { width: 91px;}

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

#preloader-div {
	display: none;
	}

/* =WIDE PAGE
   ----------------------------------------------------*/
   
#column-wide {
	width: 855px;
	margin: 0 auto;
	background:url("../images/bg-wide.jpg") center top no-repeat; 
	padding: 65px 0;
	min-height:320px;
	}
	* html #column-wide { height:320px; }
	#column-wide ul li { 
			background:transparent url("../images/bullet.png") 0px 7px no-repeat; /* 0px = horizontal position for left, 6px = vertical position from top */
			padding-left:12px;  /* pushes text to the right to display bg img */
			}

/* =LOGN PAGE
   ----------------------------------------------------*/
#logn_left{
width:330px;
margin:0px 0 25px 80px;
display:inline;
float:left;
}
#logn_right{
width:330px;
margin:2px 75px 25px 0;
display:inline;
float:right;
}
.logn_wrappers{
width:280px;
height:180px;
border:1px solid #73E1EE;
background:#eee;
padding:20px;
margin-top:5px;
font:normal 12px Arial, Helvetica, sans-serif;
line-height:1.5em;
}
	.logn_wrappers form input{
	margin:3px 0;
	font:normal 14px Arial, Helvetica, sans-serif;
	}
	.logn_wrappers p{
	font:normal 10px Arial, Helvetica, sans-serif;
	text-align:center;
	margin:0;
	clear:both;
	}
	.logn_wrappers a{
	text-decoration:underline;
	}
	
.input_btn{
vertical-align:top;
text-align:center;
border:1px solid #6F6868;
background:#09f url(../images/bg_blue_input_btn.gif) repeat-x center bottom;
color:#fff;
font:normal 12px Helvetica, Arial, sans-serif;
padding:1px 10px;
margin:0;
cursor:pointer;
overflow:visible;
}

.checkout_headers {
	margin: 40px auto;
	}
	 .checkout_headers .selected {
  font:bold 10px Helvetica, Arial, sans-serif;
  color:#000;
  }
 .checkout_headers .unselected {
  font:bold 10px Helvetica, Arial, sans-serif;
  color: #bfbfbf;
 }
 
 .basket {
 	width: 90%;
	margin: 0 auto;
	}
	.basket td { 
		padding: 3px;
		}
	#prod_image {
		width: 120px;
		}
#calc-ship-form { margin: 0 30px 20px 0; }		
#calc-ship-form select {
	width: 130px;
	}
	
	
	
	
/************************************************************
******************** ACLN STYLES*****************************
*************************8/12/10****************************/

#ACLN-images ul li{
	list-style-type: none;	
	background: none;
	float: left;
	margin: 25px;
	padding-bottom: 265px;
}

#ACLN-images ul{
	width: 450px;
}

#ACLN-logout{
	background: url("../images/bg_blue_input_btn.gif") repeat-x scroll center bottom #0099FF;
	padding: 5px;
	color: #FFF;
	margin: 20px 0 0 25px;
}

#ORHL-form{
	margin: 50px 0 250px 150px;	
}

#ORHL-table td{
		margin-left: 10px;
}


#verisign-logo{float: right; margin-right: 14px;}
