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

.shadetabs{
padding: 0;
margin-left: 0; 
margin-top: 10px; float:right; width:100%;
margin-bottom: 0; /*height:40px;*/
font-size:13px; 
list-style-type: none; direction:rtl;
text-align: center; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{

margin: 0;  float:none; display:inline-block
}

.shadetabs li a{
text-decoration: none;
position: relative; font-size:18px; font-family:'GE_SS_Two_Medium'; 
z-index: 1; float:right; height:38px;
padding: 0 22px; border: 1px solid #fff; line-height:32px; border-radius:15px; 
color: #999;
}



.shadetabs li a:visited{
color: #999;
}

.shadetabs li a:hover{
text-decoration: none;
color:#48a0dc; 

}

.shadetabs li a.selected{ /*selected main tab style */
position: relative; border: 1px solid #48a0dc; background:#ebf1f5; color:#48a0dc
 
} 

.shadetabs li a.selected{ /*selected main tab style */
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.shadetabs li:first-child a.selected
{
  
}


.tabbosszalex {
	padding: 0;
	margin: 12px 0;
	float: right;
	width: 100%; position:relative;
	margin-bottom: 12px;
	font-size: 13px;
	/*list-style-type: none;*/
	direction: rtl; /*border-bottom:2px #ddd solid;*/ 
	text-align: right; /*set to left, center, or right to align the menu as desired*/
}

.tabbosszalex:after { width:100%; height:2px; background:#ddd; content:""; bottom:0; right:0; position:absolute  
}


	.tabbosszalex li {
		margin: 0;
		float: right;
		display: inline-block
	}

		.tabbosszalex li a {
			text-decoration: none;
			position: relative;
			font-size: 18px;
			font-family: 'GE_SS_Two_Medium';
			z-index: 1;
			float: right;
			height: 50px;
			padding: 0 22px;
			border-bottom: 2px solid #ddd;
			line-height: 40px;
			color: #999;
		}



			.tabbosszalex li a:visited {
				color: #999;
			}

			.tabbosszalex li a:hover {
				text-decoration: none;
				color: #48a0dc;
			}

			.tabbosszalex li a.selected { /*selected main tab style */
				position: relative;
				border-bottom: 2px solid #48a0dc;
				color: #48a0dc
			}

			.tabbosszalex li a.selected { /*selected main tab style */
			}

				.tabbosszalex li a.selected:hover { /*selected main tab style */
					text-decoration: none;
				}

		.tabbosszalex li:first-child a.selected {
		}



@media print {
.tabcontent {
display:block !important;
}
}


.tabcontentstyle{ /*style of tab content oontainer*/
 width:100%; margin-bottom: 0; float:right; background:#fff; margin:0; padding: 20px; position:relative; height:440px}

.tabcontent{
display:block; position:absolute; top:25px; right:0; padding:0 15px; height:430px; width:100%; background:#fff; z-index:0 

}
.tabbosszstyle { /*style of tab content oontainer*/
	width: 100%;
	margin-bottom: 0;
	float: right;
	background: #fff;
	margin: 0;
	padding: 20px;
	position: relative;
	height: 300px
}

.tabcontentboss {
	display: block;
	position: absolute;
	top: 25px;
	right: 0;
	padding: 0 15px;
	height: 290px; overflow:hidden;	width: 100%;
	background: #fff;
	z-index: 0
}

.tabcontentcontact {
	display: block;
	position: absolute;
	top: 25px;
	right: 0;
	padding: 0 15px;
	height: 290px;
    width: 100%;
	background: #fff;
	z-index: 0
}





.nocarcultab   { padding:0 !important }
.nocarcultab:after  { position:absolute; width:32px; height:56px; background:#fff; top:150px; right:-35px; content:''}
.nocarcultab:before  { position:absolute; width:32px; height:56px; background:#fff; top:150px; left:-35px; content:''}



@media (max-width: 767px)  
{

	.tabbosszalex li a {
		padding: 0 5px;
		font-size: 15px;
	}
	
	.shadetabs {
		border-bottom: none;
		height: auto;
	}
    .shadetabs li  { width:100%; 
        }
        .shadetabs li a { width:100%; padding:0; text-align:center
        }
}