/*********** INFORMATION *****************************

- document:  Tabbed - HTML5 and CSS3 Tabs Pack
- element:   Tabs with all elements preview
- author:    Capelle @ Codecanyon
- profile:   http://codecanyon.net/user/Capelle

*****************************************************/

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,300italic,400italic);
/* Entypo pictograms by Daniel Bruce â€" www.entypo.com */
@charset "UTF-8";
 @font-face {
 font-family: 'GESSTwoMedium-Medium';
 src: url('../fonts/ge_ss_two_medium.eot');
 src: url('../fonts/ge_ss_two_medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/ge_ss_two_medium.woff') format('woff'),  url('../fonts/ge_ss_two_medium.ttf') format('truetype'),  url('../fonts/ge_ss_two_medium.svg#ge_ss_two_medium') format('svg');
 font-weight: normal;
 font-style: normal;
}



.tab_222 { margin:10px 0 0 0}




#tabbed * {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
#tabbed label {
	cursor:pointer
}
#tabbed input[type=radio] {
	display:none;
	visibility:hidden;
	opacity:0
}
#tabbed {
	width:700px;
	position:relative;
	float:right;
	text-align:right;
	-webkit-backface-visibility:hidden
}
#tabbed .wrapper {
    position: relative;
    width: 100%;
    height: auto;
    float: right;
    text-align: right;
    background-color: #FFF;
    border: 1px solid #0000FF;
    margin-top: -1px;
}
#tabbed .wrapper>div {
	position:absolute;
	top:0;
	left:0;
	height:auto;
	width:100%;
	z-index:-1;
	opacity:0;
	visibility:hidden;
	
	float:right;
	background-color: #FFF;
}
 #tabbed input#t-1:checked~.wrapper .tab-1, 
 #tabbed input#t-2:checked~.wrapper .tab-2, 
 #tabbed input#t-3:checked~.wrapper .tab-3, 
 #tabbed input#t-4:checked~.wrapper .tab-4,
 #tabbed input#t-5:checked~.wrapper .tab-5,
 #tabbed input#t-6:checked~.wrapper .tab-6 
 {
position:relative;
float:right;
z-index:10;
opacity:1;
visibility:visible
}
#tabbed label.tabs {
    display: inline-block;
    color: #0000CC;
    font-size: 13px;
    text-align: center;
    padding: 12px 20px 0px 20px;
    height: 34px; /*-webkit-transform:translateY(6px);
	-moz-transform:translateY(6px);
	-ms-transform:translateY(6px);
	-o-transform:translateY(6px);
	
	transform:translateY(6px);*/
    font-family: "GESSTwoMedium-Medium" , "Tahoma";
}
#tabbed input:checked + label.tabs {
    color: #0000FF;
    background-image: url(../images/tab_21.png);
    background-repeat: repeat-x;
    background-position: bottom;
    border-left: #D8C18D 1px solid;
    border-right: #D8C18D 1px solid;
    border-top: #D8C18D 1px solid;
    border-top-color: #000066;
    border-right-color: #000066;
    border-left-color: #000066;
}
#tabbed input:checked+label.tabs, #tabbed label.tabs:focus, #tabbed label.tabs:hover {
	color:#C00;
	background-image: url(../images/tab_21.png);
	background-repeat:repeat-x;
	background-position:bottom;
	
	/*border-left:#D8C18D 1px solid;
	border-right:#D8C18D 1px solid;
	border-top:#D8C18D 1px solid;*/
	
	
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
#tabbed label.tabs:before {
	padding-right:10px
}
#tabbed .row {
	display:block;
	float:right;
	width:100%;
	clear:both
}
#tabbed .cell {
	display:inline-block;
	float:right;
	position:relative;
	
}
#tabbed .cell:last-child {
	margin-right:0
}
#tabbed .cell.w-100 {
	width:100%
}
 #tabbed a, #tabbed input, #tabbed input:checked~.wrapper>div, #tabbed label.tabs, #tabbed select, #tabbed textarea {
-webkit-transition:all ease .2s;
-moz-transition:all ease .3s;
-ms-transition:all ease .3s;
-o-transition:all ease .3s;
transition:all ease .2s
}







#tabbed2 * {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
#tabbed2 label {
	cursor:pointer
}
#tabbed2 input[type=radio] {
	display:none;
	visibility:hidden;
	opacity:0
}
#tabbed2 {
	width:260px;
	position:relative;
	float:right;
	text-align:right;
	-webkit-backface-visibility:hidden;
	background-color:#F2E9D4;
	border:#D8C18D solid 1px;
	padding-top:9px;
}
#tabbed2 .wrapper {
	position:relative;
	width:100%;
	height:auto;
	float:right;
	text-align:right;
	background-color: #FFF;
	border-top:#D8C18D solid 1px;
}
#tabbed2 .wrapper>div {
	position:absolute;
	top:0;
	left:0;
	height:auto;
	width:100%;
	z-index:-1;
	opacity:0;
	visibility:hidden;
	float:right;
	background-color: #FFF;
}
 #tabbed2 input#t-1:checked~.wrapper .tab-1, 
 #tabbed2 input#t-2:checked~.wrapper .tab-2, 
 #tabbed2 input#t-3:checked~.wrapper .tab-3, 
 #tabbed2 input#t-4:checked~.wrapper .tab-4, 
 #tabbed2 input#t-5:checked~.wrapper .tab-5, 
 #tabbed2 input#t-6:checked~.wrapper .tab-6,
 #tabbed2 input#t-7:checked~.wrapper .tab-7, 
 #tabbed2 input#t-8:checked~.wrapper .tab-8, 
 #tabbed2 input#t-9:checked~.wrapper .tab-9

 
 {
position:relative;
float:right;
z-index:10;
opacity:1;
visibility:visible
}
#tabbed2 label.tabs {
	display:inline-block;
	color:#B08D3E;
	font-size:13px;
	text-align:center;
	padding:10px 25px 7px 25px;

	
	border-top:#D8C18D solid 1px;
	
	border-left:#D8C18D solid 1px;
	border-right:#D8C18D solid 1px;
	
	/*-webkit-transform:translateY(6px);
	-moz-transform:translateY(6px);
	-ms-transform:translateY(6px);
	-o-transform:translateY(6px);
	
	transform:translateY(6px);*/
	
	
	font-family: "GESSTwoMedium-Medium", "Tahoma";
}
#tabbed2 input:checked+label.tabs {
	color:#C00;
	
	
	
}
#tabbed3 input:checked+label.hos {
	 background:url(../images/hos-hover.png) no-repeat	!important
	
	
}
#tabbed3 input:checked+label.most {
	 background:url(../images/most-hover.png) no-repeat	!important
	
	
}
#tabbed2 input:checked+label.tabs, 
#tabbed2 label.tabs:focus, 
#tabbed2 label.tabs:hover {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
#tabbed2 label.tabs:before {
	padding-right:10px
}
#tabbed2 .row {
	display:block;
	float:right;
	width:100%;
	clear:both
}
#tabbed2 .cell {
	display:inline-block;
	float:right;
	position:relative;
	margin:1% 2% 1% 0
}
#tabbed2 .cell:last-child {
	margin-right:0
}
#tabbed2 .cell.w-100 {
	width:100%
}
 #tabbed2 a, 
 #tabbed2 input, 
 #tabbed2 input:checked~.wrapper>div, 
 #tabbed2 label.tabs, 
 #tabbed2 select, 
 #tabbed2 textarea {
-webkit-transition:all ease .2s;
-moz-transition:all ease .3s;
-ms-transition:all ease .3s;
-o-transition:all ease .3s;
transition:all ease .2s
}









#tabbed3 * {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
#tabbed3 label {
	cursor:pointer
}
#tabbed3 input[type=radio] {
	display:none;
	visibility:hidden;
	opacity:0
}
#tabbed3 {
	width:695px;
	position:relative;
	text-align:right;
	
}
#tabbed3 .wrapper {
	position:relative;
	width:100%;
	height:auto;
	text-align:right;
	background:url(../images/ticker-bg.jpg) repeat-x #ffffff
	
}
#tabbed3 .wrapper>div {
	position:absolute;
	top:0;
	left:0;
	height:auto;
	width:100%;
	z-index:-1;
	opacity:0;
	visibility:hidden;
	padding:15px;
	background:url(../images/ticker-bg.jpg) repeat-x #ffffff; border: solid 1px #e1e1e1; border-top:none!important
}
 #tabbed3 input#t-1:checked~.wrapper .tab-1, 
 #tabbed3 input#t-2:checked~.wrapper .tab-2, 
 #tabbed3 input#t-3:checked~.wrapper .tab-3, 
 #tabbed3 input#t-4:checked~.wrapper .tab-4, 
 #tabbed3 input#t-5:checked~.wrapper .tab-5, 
 #tabbed3 input#t-6:checked~.wrapper .tab-6,
 #tabbed3 input#t-7:checked~.wrapper .tab-7, 
 #tabbed3 input#t-8:checked~.wrapper .tab-8, 
 #tabbed3 input#t-9:checked~.wrapper .tab-9

 
 {
position:relative;
z-index:10;
opacity:1;
visibility:visible
}
#tabbed3 label.tabs {
	display:inline-block;
	color:#B08D3E;
	font-size:15px;
	text-align:center;

	
	
	
	/*-webkit-transform:translateY(6px);
	-moz-transform:translateY(6px);
	-ms-transform:translateY(6px);
	-o-transform:translateY(6px);
	
	transform:translateY(6px);*/
	
	
	font-family: 'GESSTwoMedium-Medium';
}
#tabbed3 input:checked+label.tabs {
	color:#000000;
	border-bottom:0
	
	
}
#tabbed3 input:checked+label.tabs, 
#tabbed3 label.tabs:focus, 
#tabbed3 label.tabs:hover {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
#tabbed3 label.tabs:before {
	padding-right:10px
}
#tabbed3 .row {
	display:block;
	float:right;
	width:100%;
	clear:both
}
#tabbed3 .cell {
	display:inline-block;
	float:right;
	position:relative;
	margin:1% 2% 1% 0
}
#tabbed3 .cell:last-child {
	margin-right:0
}
#tabbed3 .cell.w-100 {
	width:100%
}
 #tabbed3 a, 
 #tabbed3 input, 
 #tabbed3 input:checked~.wrapper>div, 
 #tabbed3 label.tabs, 
 #tabbed3 select, 
 #tabbed3 textarea {
-webkit-transition:all ease .2s;
-moz-transition:all ease .3s;
-ms-transition:all ease .3s;
-o-transition:all ease .3s;
transition:all ease .2s
}
.hos { background:url(../images/hos.png) no-repeat!important; width:178px; height:29px; padding:7px 0 0 0; margin:0; z-index:20; position:relative; }
.hos:hover { background:url(../images/hos-hover.png) no-repeat!important; border:none!important;  z-index:20}
.most { background:url(../images/most.png) no-repeat!important;width:165px; height:29px; padding:7px 0 0 0; background:#e1e1e1; z-index:10; border-bottom:0}
.most:hover { background:#e1e1e1; border-bottom:0!important; z-index:10}
.brown {
    width: 8px;
    background: #0000FF;
    height: 29px;
    margin: 1px 0 0 0;
    display: block;
}