/* Sliders */
.slider {
	position: relative;
	margin:1px;
	height: 15px;
	width:170px;
	background: url("../../images/bar.png") no-repeat center center;
	-moz-user-focus: normal;
	-moz-user-select: none;
	cursor: default;
}

.slider-input {
	position: absolute;
	font-size: 1px;
	overflow: hidden;
	-moz-user-select: none;
	cursor: pointer;
	width: 31px;
	height: 15px;
	background-image: url("../../images/handle.png");
}

.slider_style {
	color:			#444;
	font-family:	arial,sans-serif;
	font-size:		8pt;
	letter-spacing: 1px;
	margin:			0px 10px 5px 0px;
}


/* Auto Complete */
.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
	z-index: 999; /* because infinity-billion was taken. */
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_results em {
	font-style: normal;
	color: #6087b7;
}

.ac_loading {
	background : Window url('../../images/indicator.gif') right center no-repeat;/* Missing */
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}


/* Pagination */
.pagination {
	font-family:		arial,sans-serif;
	font-size:			8pt;
	line-height:		16pt;
	color:				#999;
	padding:			5px;
}

.pagination a:link,
.pagination a:visited {
	color:				#666;
	background: 		#f9f9f9;
	border:				1px solid #e0e0e0;
	padding:			5px;
	text-decoration:	none;
}

.pagination a:link.selected,
.pagination a:visited.selected {
	color:				#666;
	background: 		#e9e9e9;
	border:				1px solid #ccc;
	font-weight:		bold;
	padding:			5px;
	text-decoration:	none;
}

.pagination a:hover,
.pagination a:hover.selected  {
	color:				#fff;
	background: 		#89afdb;
	border:				1px solid #668ab5;
	padding:			5px;
	text-decoration:	none;
}


#index {
	margin:				15px 0px 0px 0px;
}

#index .filter-nav {
	width:				186px;
}

#index .filter {
	width:				186px;
	margin-bottom:		25px;
	margin-right:		0px;
}

#index .filter .header {
	background:			#fff;
	background-repeat:	no-repeat;
	color:				#fff;
	font-size:			1px;
	line-height:		1px;
	font-weight:		bold;
	padding:			0px;
	margin:				0px;
	width:				181px;	
}

#index .filter .content {
	background: 		#f4f4f4;
	border-left:		1px solid #ccc;
	border-right:		1px solid #ccc;
	border-bottom:		1px solid #ccc;
	margin:				0px;
	padding:			10px 0px 5px 5px;
}

#index .filter .content select {
	width:				175px;
	clear:				both;
	font-family:		tahoma,sans-serif;
	font-size:			8.5pt;
	padding:			0px;
}

#index .filter .body_style {
	width:				150px;
}


#index .filter .color {
	cursor:				pointer;
}

#index .filter .selected {
	cursor:				pointer;
}

#index .filter .zip  {
	padding:			3px;
	border:				1px solid #ccc;
}

#index #homepage-box {
	margin-bottom:		15px;
	margin-left:		12px;
}

#index #homepage-box .wrapper {
	background:			#63799d url('../../images/homepage/bg.png');
}

#index #homepage-box .copy {
	background:			url('../../images/homepage/left.png');
	background-repeat:	no-repeat;
	width:				328px;
	padding:			10px 0px 10px 10px;	
}

#index #homepage-box .copy .text {
	padding:			7px 5px 5px 5px;
	font-family:		arial,sans-serif;
	font-size:			1px;
	color:				#fff;
}

#index #homepage-box .copy .button {
	text-align:			center;
}

#index #homepage-box .video {
	background:			url('../../images/homepage/right.png');	
	background-repeat:	no-repeat;
	width:				402px;
	line-height:		0px;
	padding:			16px 16px 18px 16px;
}

#index #homepage-box .video iframe {
	background:			#000;
}

#index .homepage-link {
	margin-bottom:		10px;
	padding-right:		5px;
	cursor:				pointer;
	font-size:			8pt;
	color:				#999;
}


#index #product-list {
	width:				770px;
	margin-left:		14px;
}

#index .product {
	float:				left;
	background:			#f0f0f0;
	width:				364px;
	margin-bottom:		1px;
	margin-right:		1px;
	padding:			10px;
}

#index .product .image {
	float:				left;
	width:				120px;
	height:				90px;
	margin:				0px 5px 0px 0px;
	line-height:		0pt;
}

#index .product .image img {
	width:				120px;
	height:				90px;
}

#index .product .title {
	font-size:			9pt;
	font-weight:		bold;
	margin-top:			5px;
}

#index .product .title a:link,
#index .product .title a:visited {
	color:				#000;
	text-decoration:	none;
	padding:			3px;
}

#index .product .title a:hover {
	color:				#fff;
	text-decoration:	none;
	background:			#6087b7;
	padding:			3px;
}

#index .product .details {
	float:				left;
	margin-top:			5px;
}

#index .product .description {
	color:				#444;
	font-size:			8pt;
	margin-top:			4px;
}

#index .product .price {
	font-size:			9pt;
	color:				#444;
	margin-top:			10px;
	padding:			3px;
}

#index .product .info {
	color:				#444;
	font-size:			9pt;
	margin-top:			5px;	
	padding:			3px;
}

#index .product .community {
	color:				#aaa;
	float:				left;
	font-size:			8pt;
	width:				175px;
	text-align:			right;
}

#index .product .community a:link,
#index .product .community a:visited {
	color:				#6087b7;
	text-decoration:	underline;
}


#index .product .questions a:hover {
	color:				#000;
	text-decoration:	underline;
}

#index .product .expanded {
	margin-top:			5px;
	padding:			10px;
}

#index .product .expanded .header {
	background:			#ddd;
	padding:			5px;
	font-weight:		bold;
	font-size:			8pt;
}

#index .product .expanded .copy {
	color:				#444;
	padding:			5px;
	font-size:			8pt;
	line-height:		16pt;
	letter-spacing: 	1px;
	margin-bottom:		15px;
}

#index .product .expanded .links {
	border-top:			1px dotted #999;
	padding-top:		3px;
	color:				#666;
	font-size:			8pt;
	letter-spacing: 	1px;
	line-height:		16pt;
}

#index .product .expanded .readings {
	float:				left;
	width:				580px;
}

#index .product .expanded .groups {
	float:				left;
	width:				150px;
}

#index .pagination {
	margin-left:		0px;
}

#index #product-list {
	min-height:			150px;
}

#index #product-list .text {
	line-height:		16pt;
	padding:			10px;
}

#index #community {
	width:				200px;
	margin-left:		20px;
}

#index .news {
	margin-top:			10px;
	margin-left:		10px;
}

#index .news .title {
	background:			#62789c;
	color:				#fff;
	font-weight:		bold;
	padding:			5px;
}

#index .news .link {
	background:			#f4f4f4;
	color:				#666;
	margin-bottom:		1px;
	padding:			5px;
}

#index .news .source {
	font-size:			8pt;
	font-style:			italic;
}

td.shadow {
	background-image: url("../../images/shadow.gif"); 
	background-repeat: repeat-x; 
	padding: 0px; 
}

td.menu {
	background-image: url("../../images/menubg.gif");
	background-repeat: repeat-x;
	padding: 8px 8px 8px 0px;
}

td.menu2 {
	font-size: 10pt;
	font-family: tahoma, \"Trebuchet Ms\", verdana, serif;
	line-height: normal;
}

td.menu3 {
	font-size:			8pt;
	letter-spacing:		1px;
	font-family:		arial, sans-serif;
	line-height: 		normal;
	color:				#aaa;
}

a.menu:link { color: #FFFFFF; text-decoration: none; }
a.menu:visited { color: #FFFFFF; text-decoration: none; }
a.menu:hover { color: #DEDEDE; text-decoration: underline; }

a.menu3:link { color: #fff; text-decoration: underline; }
a.menu3:visited { color: #fff; text-decoration: underline; }
a.menu3:hover { color: #6087b7; text-decoration: underline; }