/* 
 * Sliding Tabs - jQuery Plugin
 * Copyright 2011, Christian André
 *
 * CHANGING THE WIDTH: To change the width of the tabs layout see line 14, 87 and 135.
 *
------------------------------------------------------------------------------------- */

div.st_horizontal { /* The main container */	
	position:relative;	
	z-index:1;
	margin: auto;
	width:992px; /* STEP 1: Changing the tabs width - Set the full width of the tabs */
	height:320px;
}

/* Control buttons
------------------------------------------------------------------------------------- */
div.st_horizontal a.st_prev, 
div.st_horizontal a.st_next { /* Directional buttons (previous/next) */
	position:relative;	
	z-index:110;
	display:none;
	float:left;
	height:38px;
	width:39px;
	border:1px solid #2e2e2e;
	outline:none;
	background:#fff url(../img/btn_arrows.gif) no-repeat;	
}

div.st_horizontal a.st_prev { /* Previous button */
	border-right:0 none;	
	background-position:13px 13px;
	border-top-left-radius:4px;
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
}

div.st_horizontal a.st_prev:hover { /* Previous button hover */	
	background-position:-50px 13px;
	background-color:transparent;
}

div.st_horizontal a.st_next { /* Next button */
	background-position:14px -14px;
	border-top-right-radius:4px;
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
}

div.st_horizontal a.st_next:hover { /* Next button hover */	
	background-position:-49px -14px;
	background-color:#transparent;
}

div.st_horizontal a.st_prev.st_btn_disabled, 
div.st_horizontal a.st_next.st_btn_disabled { /* Previous and next buttons disabled state */
	cursor:default;
	background-color:#f7f7f7;
}

div.st_horizontal a.st_prev.st_btn_disabled { /* Previous button disabled state */
	background-position:-113px 13px;
}

div.st_horizontal a.st_next.st_btn_disabled { /* Next button disabled state */
	background-position:-112px -14px;
}

/* Tabs
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_tabs_container { /* Tabs main container */
	position:relative;
	z-index:100;
	float:left;
	width:100%;
	height:40px;
	margin-bottom:-1px;
	overflow:hidden;
}

div.st_horizontal div.st_slide_container { /* Tabs slide-container */
	position:relative !important; /* The tabs position will be calculated from ul.tabs first parent element with position:relative */
	float:left;
	width:910px; /* STEP 2: Changing the tabs width - The full width (775px) -minus border-left (1px) and the arrow buttons full width (40px + 41px = 81px) */ 
	border-left:1px solid #2e2e2e;
}

div.st_horizontal ul.st_tabs { /* Tabs unordered list */
	width:10000px; /* Set to an arbitrary high value */
	height:40px;
	margin:0px;
	padding:0px;
	list-style:none;
}

div.st_horizontal ul.st_tabs li { /* Tab list elements */
	float:left;
}

div.st_horizontal ul.st_tabs li a { /* Tab links */
	display:block;
	margin:0px;
	padding:10px 20px;
	font-size:1.0em;
	line-height:18px; /* Aligns the tabs to the bottom of the content container */
	color:gray;
	font-weight:bold;
	text-decoration:none;
	outline:none;
	border-top:1px solid #2e2e2e;
	border-right:1px solid #2e2e2e;
	border-bottom:1px solid #2e2e2e;
	background:#1f1f1f url(../img/h_tab_bg.jpg) repeat-x 0px bottom;
}

div.st_horizontal ul.st_tabs a:hover { /* Tabs hover state */
	color:#C86301;
}

div.st_horizontal ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	color:gray;
	border-bottom-color:#0d0d0d;
	background:#0d0d0d;
}

/* Content
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_view_container { /* Main content container */
	position:static;
	z-index:5;
	float:left;
	width:950px; /* STEP 3 (final): Changing the tabs width - The full width (775px) -minus the padding (40px) and borders (2px) */
	height:278px;
	padding:20px; /* Set the padding for the content here */
	border:1px solid #2e2e2e;
	background-color:#0d0d0d;
	overflow:hidden; /* --- hidden ---To make the content scroll if Javascript is disabled, set to: auto */
}

div.st_horizontal div.st_view { /* Slide-container for the content */
	position:relative;
}

div.st_horizontal div.st_tab_view { /* Individual content containers */
	width:100%;
    position: relative;
	margin-bottom:30px;
	background-color:transparent;
}


div.st_tab_view .imagecapture 
{
    margin-top:-45px;
    margin-left:10px;
    margin-bottom:5px;
    width:350px;
    height:247px;
    float: right;
	background: url(./../images/small_imagecapture.jpg) no-repeat;
}
div.st_tab_view .imagecapture:hover {
	background: url(./../images/small_imagecapture_red.jpg) no-repeat;
}

div.st_tab_view .framefocus 
{
    margin-top:-45px;
    margin-left:10px;
    margin-bottom:5px;
    width:350px;
    height:247px;
    float: right;
	background: url(./../images/small_framefocus.jpg) no-repeat;
}
div.st_tab_view .framefocus:hover {
	background: url(./../images/small_framefocus_red.jpg) no-repeat;
}


div.st_tab_view .planetary 
{
    margin-top:-45px;
    margin-left:10px;
    margin-bottom:5px;
    width:350px;
    height:247px;
    float: right;
	background: url(./../images/small_planetary.jpg) no-repeat;
}
div.st_tab_view .planetary:hover {
	background: url(./../images/small_planetary_red.jpg) no-repeat;
}

div.st_tab_view .drift 
{
    margin-top:-45px;
    margin-left:10px;
    margin-bottom:5px;
    width:350px;
    height:247px;
    float: right;
	background: url(./../images/small_drift.jpg) no-repeat;
}
div.st_tab_view .drift:hover {
	background: url(./../images/small_drift_red.jpg) no-repeat;
}

div.st_tab_view .ascom 
{
    margin-top:-45px;
    margin-left:10px;
    margin-bottom:5px;
    width:350px;
    height:247px;
    float: right;
	background: url(./../images/small_ascom.jpg) no-repeat;
}
div.st_tab_view .ascom:hover {
	background: url(./../images/small_ascom_red.jpg) no-repeat;
}



div.st_tab_view .backyardred 
{
    margin-top:-45px;
    margin-left:10px;
    margin-bottom:5px;
    width:350px;
    height:247px;
    float: right;
	background: url(./../images/small_backyardred.jpg) no-repeat;
}
div.st_tab_view .backyardred:hover {
	background: url(./../images/small_backyardred_red.jpg) no-repeat;
}




div.st_horizontal div.st_view p {
	margin:14px 0 0;
	padding:0px;
}


div.st_horizontal div.st_view a {
	margin:14px 0 0;
	padding:0px;
	color:#A8A8A8;	/* 834201 */
	font-size: 1.3em;
	font-weight:bold;		
	text-decoration:underline;
	outline:none;}


div.st_horizontal div.st_view a:hover { /* Tabs hover state */
	color:#C86301;
}



div.st_horizontal div.st_view p.tinyundertextprice
{
    position: relative;
    font-size: 0.8em;
    top: -14px;
    height: 0px;
}


div.st_horizontal div.st_view blockquote {
	float:left;
	width:450px;
	margin:20px 120px 20px 0;
	padding:0 0 0 14px;
	border-left:2px solid #5c5c5c;
	font:italic 17px/21px Georgia, "Times New Roman", Times, serif;
	color:#A8A8A8;
}

div.st_horizontal div.st_view blockquote p {
	font-size:1.1em;
	margin:0px;
}



div.st_view .imgright 
{
    position: fixed;
    margin-top:-50px;
    margin-left:10px;
    margin-bottom:5px;
    float: right;
}

div.st_horizontal div.st_view .horizontal_light{
    width: 100%;
    position: absolute;
    bottom: -25px;}
div.st_horizontal div.st_view .horizontal_light ul{
    margin: 0; padding: 0;
    float: left;}
div.st_horizontal div.st_view .horizontal_light ul li{
    display: inline;}
div.st_horizontal div.st_view .horizontal_light ul li a
{
    float: left;
    text-decoration: none;
    font-size: 1.0em;
    color: #834201;
    padding: 5px 30px 0px 0px;
}
div.st_horizontal div.st_view .horizontal_light ul li a:hover{
    color: #C86301;}