#options-slider-box {
	float:right;
	width:704px;
	margin-top:35px;
	margin-bottom:35px;
}

#options-wrap { 
	width: 704px;
}

/* Generic Utility */
.hide { 
	position: absolute; 
	top: -9999px; 
	left: -9999px; 
}


/* Specific to example one */

#options-box { 
background: #fff; 
}

#options-box .nav { 
	overflow: hidden;
	position:relative;
	z-index:100;  
}

#options-box .nav li { 
	width: 131px; 
	float: left;
	list-style:none; 
}

#options-box .nav li.last { 
margin-right: 0; 
}

#options-box .nav li a { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:26px;
	color:#808080;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	float:left;
	height:27px;
	width: 131px; 
	background-image: url(../images/tech-tabs-narrow.png); background-repeat:no-repeat;
	display:block; 
}

#options-box .nav li a:hover, a:active, a:selected, a:visited { 
	background-position: 0 -27px;
	outline:none;
	border:none;
}

#options-box .nav li a.red { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:26px;
	color:#808080;
	text-transform:uppercase;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	float:left;
	height:27px;
	width: 131px; 
	background-image: url(../images/tech-tabs-narrow-red.png); background-repeat:no-repeat;
	display:block; 
}

#options-box .nav li a.red:hover, a.red:active, a.red:selected, a.red:visited { 
	background-position: 0 -27px;
	outline:none;
	border:none;
}

#options-box ul { 
list-style: none; 
}

#options-box ul li a { 
display: block; 
}

#options-box ul li a:hover {  
color: #000; 
}

#options-box ul li:last-child a { 
border: none; 
}

#options-box ul li.nav-one a.current, #options-box ul.featured li a:hover { 
background-position: 0 -54px;
}

#options-box ul li.nav-two a.current, #options-box ul.core li a:hover { 
background-position: 0 -54px; 
}

#options-box ul li.nav-three a.current, #options-box ul.jquerytuts li a:hover { 
background-position: 0 -54px; 
}

#options-box ul li.nav-four a.current, #options-box ul.classics li a:hover { 
background-position: 0 -54px; 
}

#options-box ul li.nav-five a.current, #options-box ul.classics li a:hover { 
background-position: 0 -54px; 
}

#main-content-surround {
	float:left;
	width:704px;
}

#options-box #top {
	margin-top:-1px;
	float:left;
	width:704px;
	height:10px;
	background-image:url(../images/tech-box-top.png); background-repeat:no-repeat;
}

#options-box #main-wrap {
	float:left;
	width:664px;
	background-image:url(../images/tech-box-edges.png); background-repeat:repeat-y;
	padding: 10px 20px 10px 20px;
}

#prod-pics-box {
	float:left;
	width:664px;
	text-align:center;
}

.prod-pic-container {
	display:inline-block;
	height:157px;
}

.prod-pic {
	float:left;
	max-width:250px;
}

.prod-pic-space {
	float:left;
	height:157px;
	width:1px;
	background-image:url(../images/prod-pic-space.jpg); background-repeat:no-repeat;
	margin: 0 15px 0 15px;
}

#downloads {
	float:left;
	width:664px;
	text-align:center;
}

#downloads #downloads-container {
	display:inline-block;
	height:57px;
}

.downloads-text { 
	float:left;
	width:140px;
	height:57px;
}

.downloads-text p { 
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#808080;
}

.downloads-text a.get-pdf  {
	height:36px;
	width: 34px;
	margin-top:8px;
	margin-left:53px;
	margin-right:53px; 
	background-image:url(../images/pdf-icon.png); background-repeat:no-repeat;
	background-position: 0 0px;
	display:block;
	text-indent:-9999px;
}

.downloads-text a.get-pdf:hover, a.get-pdf:focus {	
	background-position: 0 -40px;
}

.downloads-text a.get-word  {
	height:40px;
	width: 39px;
	margin-top:8px;
	margin-left:50px;
	margin-right:50px; 
	background-image:url(../images/msword-icon.png); background-repeat:no-repeat;
	background-position: 0 0px;
	display:block;
	text-indent:-9999px;
}

.downloads-text a.get-word:hover, a.get-word:focus {	
	background-position: 0 -40px;
}

.downloads-space {
	float:left;
	height:57px;
	width:1px;
	background-image:url(../images/dload-spacer.jpg); background-repeat:no-repeat;
	margin: 0 15px 0 15px;
}

.aread-box { 
	float:left;
	width:140px;
	height:57px;
}

.aread-box p { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#808080;
}

.aread-box a.get-reader  {
	height:22px;
	width: 91px;
	margin-top:8px;
	margin-left:24px;

	margin-right:24px; 
	background-image:url(../images/aread-icon.png); background-repeat:no-repeat;
	background-position: 0 0px;
	display:block;
	text-indent:-9999px;
}

.aread-box a.get-reader:hover, a.get-pdf:focus {	
	background-position: 0 -22px;
}

#accessories {
	float:left;
	width:664px;
	text-align:center;
}

.accessories-container {
	display:inline-block;
	height:133px;
}

.accessories-box {
	float:left;
	max-width:140px;
	margin:0 auto;
}

.accessories-pic {
	max-width:140px;
	margin-top:17px;
}

.accessories-text { 
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
}

.accessories-text p { 
	font-weight:bold;
	font-size:12px;
	color:#808080;
	text-align:center;
	text-decoration:none;
}

.accessories-text p a { 
	color:#808080;	
	text-decoration:none;
}

.accessories-text p a:hover { 
	text-decoration:underline;
}

.accessories-space {
	float:left;
	height:133px;
	width:1px;
	background-image:url(../images/accessory-spacer.jpg); background-repeat:no-repeat;
	margin: 0 15px 0 15px;
}

#options-box #base {
	float:left;
	width:704px;
	height:10px;
	background-image:url(../images/tech-box-base.png); background-repeat:no-repeat;
}


/* == Pricing Box == */

#prices {
	float:left;
	width:664px;
	text-align:center;
}

table.pricetable {
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	border:1px;
}

table.pricetable th {
	height:16px;
	font-size:9px;
	border-bottom: 1px dotted;
	padding: 0px 10px 0px 10px;
	border-color: #d7d6e5;
	background-color: #d7d6e5;
}

table.pricetable th.blank-top {
	border-bottom: 1px dotted;
	border-color: #d7d6e5;
	background-color: #fff;
}

table.pricetable td {
	height:26px;
	max-width:200px;
	font-size:10px;
	color: #808080;	
	border-bottom: 1px dotted;
	padding: 3px 10px 3px 10px;
	border-color: #d7d6e5;
	background-color: #ffffff;
}

table.pricetable td.bold-price {
	font-size:12px;
	font-weight:bold;
	color: #ff0000;
}

table.pricetable td.cart {
	height:20px;
	width:109px;
	color: #ff0000;
}

table.pricetable td.cart a  {
	float:left;
	height:20px;
	width:59px; 
	background-image:url(../images/cart-button.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-left:25px;
	margin-right:25px;
	
}

table.pricetable td.cart a:hover, a:focus {	
	background-position: 0 -20px;	
}