/* ######### CSS for Shade Tabs. Remove if not using ######### */
.shadetabs { }

.shadetabs li {
	float: left;
	margin-right: 2px
}

.shadetabs li a:hover { background-position: top }

.tab-bg {
	background-color: #FFFFFF;
	padding: 10px;
	height: 360px;
	overflow-y: auto;
	width: 260px;
}

.tabcontent { display:none; }
 @media print {

.tabcontent { display:block !important; }
}

.shadetabs li#spec-tab a {
	background-image: url(../models/spec.gif);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	width: 106px;
	background-position: bottom;
}

.shadetabs li#feature-tab a {
	background-image: url(../models/feature.gif);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	width: 72px;
	background-position: bottom;
}

.shadetabs li#option-tab a {
	background-image: url(../models/options.gif);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	width: 72px;
	background-position: bottom;
}

/*
#spec-tab a.selected, #feature-tab a.selected, #option-tab a.selected {background-position: top}
*/

.shadetabs li#spec-tab a:hover, .shadetabs li#feature-tab a:hover, .shadetabs li#option-tab a:hover { background-position: top }

.shadetabs li#spec-tab a.selected, .shadetabs li#feature-tab a.selected, .shadetabs li#option-tab a.selected { background-position: top }

/* IMAGE SLIDER */

.stepcarousel {
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 453px; /*Width of Carousel Viewer itself*/
	height: 64px; /*Height should enough to fit largest content's height*/
	left: 13px;
}

.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0px;
	top: 0;
}

.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0px 4px 0px 3px; /*margin around each panel*/
	width: 109px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel2 {
	position: relative;
	overflow: scroll;
	width: 860px;
	height: 76px;
}

.stepcarousel2 .belt2 {
	position: absolute;
	margin-top: 6px;
	margin-left: 6px;
}

.stepcarousel2 .panel2 {
	float: left;
	overflow: hidden;
	width: 138px;
	margin: 0 5px;
}

.belt2 .panel2 img { border: 1px solid #FFFFFF; }

.belt2 .panel2 img:hover { border: 1px solid #999999; }