/* @override 
	https://realosophy.triacolyte.com:1252/Scripts/SlidingTabs-1.9.0/Themes/Convince/tabs.css
	https://realosophy.triacolyte.com:1252/Scripts/SlidingTabs-1.9.0/Themes/Home/tabs.css
	https://realosophy.triacolyte.com/Scripts/SlidingTabs-1.9.0/Themes/Home/tabs.css?version=634734754411566300
	https://realosophy.triacolyte.com/Scripts/SlidingTabs-1.9.0/Themes/Home/tabs.css?version=635647391111431172
	https://realosophy.triacolyte.com/Scripts/SlidingTabs-1.9.0/Themes/Home/tabs.css?version=635647434521571752
	https://realosophy.triacolyte.com/Scripts/SlidingTabs-1.9.0/Themes/Home/tabs.css?version=635647439291638711
	http://realosophy.triacolyte.com/Scripts/SlidingTabs-1.9.0/Themes/Home/tabs.css?version=635647452922711682
	http://realosophy.triacolyte.com/Scripts/SlidingTabs-1.9.0/Themes/Home/tabs.css?version=635695531890245299
*/

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

div.st_horizontal { /* The main container */	
	position:relative;
	clear: both;
	width: 100%; /* Set the full width */	
	color:#616161;
	height: 520px;
     margin: 0 auto;
}

/*#st_content_1 div.link a.st_ext.btn {
    font-size: 14px;
line-height: 18px;
margin-right: 0;
padding: 6px 1.1em 6px 1em;
  background-color: fuchsia;
  border:  1px solid rgba(227,230,230,1);
  color: #626463;
  position: relative;
  left: 4px;
}*/

/*#st_content_1 div.link a.st_ext.btn span {
font-size: 18px;
  padding-left: 3px;  
}*/


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

div.st_horizontal a.st_prev { /* Previous button */
	left:0px;
	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:#f5f5f5;
}

div.st_horizontal a.st_next { /* Next button */
	right:0px;
	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:#f5f5f5;
}

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;		
	width:100% !important;	
	height:0;
	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 */
}

div.st_horizontal div.st_sliding_active div.st_slide_container { /* The .st_sliding_active class is added to the div.st_tabs_container element when tab sliding is activated */
	margin:0px 40px; /* Adds side margins to make space for the arrow buttons */
}

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; /* Aligns the tabs to the bottom of the content container */
	color:#6a6a6a;
	text-decoration:none;
	outline:none;
	border-top:1px solid #efefef;
	border-right:1px solid #dedede;
	border-bottom:1px solid #d4d4d4;
	background:#fff url(../img/h_tab_bg.jpg) repeat-x 0px bottom;
	font: bold 11px/18px SansRE;
	text-transform: uppercase;
}

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

div.st_horizontal ul.st_tabs li a.st_first_tab {
	font: 18px Sprite;
	width: 148px;
	color: #29c0e5;
	border-top-style: none;
	height: 19px;
} 

div.st_horizontal ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	color:#1ca5ec;
	border-bottom-color:#fff;
	background:#fff;
}

/* Content
------------------------------------------------------------------------------------- */
div.st_horizontal div.st_view_container { /* Main content container */
	position:relative;
	z-index:5;
	height: 520px;
	padding: 0;
	overflow: visible;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

div.st_horizontal div.st_view { /* Slide-container for the content */
	/*position:relative;*/
	height:100%;
	overflow: visible;
  margin-left: auto;
  margin-right: auto;
  width: 940px;
}

div.st_horizontal div.st_tab_view { /* Individual content containers */
	display:none; /* Hides the content when Javascript is disabled */
	width:100%;
	padding: 10px 10px 10px 0;
}

div.st_horizontal div.st_first_tab_view {
	display:block;
	height: 100%;
}

div.st_horizontal div.st_view h2 {
	margin: 0;
	padding:0px;
	font: 20px SansHead;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.st_horizontal div.st_view p {
	/*margin: -74px 0 28px;*/
	padding:0px;
	width: 240px;
  color: #656361;
  font: 18px/1.45em SansLight;
}

div.st_horizontal div.st_view p:nth-child(2) {
  
}

div.text {
  width: 320px;
  padding-left: 60px;
  font: 18px/1.35em SansLight;
}

#pro_slideshow .try .text {
  width: 320px;
  padding-left: 60px;
  font: 18px/1.5em SansHead;
  padding-top: 60px;
  	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

div.link:hover {
	opacity:  1;
}

.try div.link.go {
  padding-top: 396px;
  padding-right: 0;
  width: 89px;
  padding-left: 68px;
}

div.link.go a.st_ext {
	color: #bccacc;
  font-size: 36px;
}

div.link.go a.st_ext:after {
  content: "play again";
  font: 8px SansRE;
  text-align: left;
  text-transform: uppercase;
  display: block;
  float: right;
  position: relative;
  left: 4px;
}

div.st_horizontal div.try h2 span {
  display: none;
}

div.st_horizontal div.try {
	background: #FFFFFF no-repeat 0 14px;
	padding: 0;
  height: 520px;
}

#pro_slideshow .try iframe {
  float: right;
  margin-right: 130px;
  margin-top: 60px;
}

div.st_horizontal div.try div.text {
  float: left;
  width: 340px;
  margin: 20px 0 0;
  padding: 0 40px 0 0;
}

div.st_horizontal div.try div.text span {
  display: block;
  font: 20px SansHead;
  padding-bottom: 18px;
  -webkit-font-smoothing: antialiased;
}

div.st_horizontal div.love {
	background: url(pro-wherever.jpg) no-repeat 420px 40px;
	padding: 0;
  height: 520px;
}

div.st_horizontal div.specific {
	padding: 0;
  height: 520px;
  background: #FAFAFA url() no-repeat 0 10px;
}

div.st_horizontal div.seeitall {
	padding: 0;
  background: url(pro-features.svg) no-repeat 420px 120px;
  height: 520px;
  overflow: visible;
}

div.st_horizontal div.st_first_tab_view {
 background: url(pro-BG1.jpg) no-repeat -20px 6px;
 padding: 0;
  height: 520px;
}



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

/* Bottom aligned tabs
------------------------------------------------------------------------------------- */
div.st_horizontal.align_bottom a.st_prev, 
div.st_horizontal.align_bottom a.st_next { /* Directional buttons (previous/next) */
	border-bottom:1px solid #d4d4d4;
}

div.st_horizontal.align_bottom a.st_prev { /* Previous button */
	/* Reset top borders */
	border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	/* Set bottom borders */
	border-bottom-left-radius:4px;
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
}

div.st_horizontal.align_bottom a.st_next { /* Next button */
	/* Reset top borders */
	border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	/* Set bottom borders */
	border-bottom-right-radius:4px;
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
}

div.st_horizontal.align_bottom div.st_tabs_container { /* Tabs main container */
	position:absolute; /* Absolute position the tabs container at the bottom of the main container */
	bottom:-39px;
	left:0px;
	margin-bottom:0px;
}

div.st_horizontal.align_bottom ul.st_tabs a.st_tab_active { /* Tab active/highlighted state */
	border-top-color:#fff;
	border-bottom-color:#d4d4d4;
}