@charset "UTF-8";
body{
	background-color: #000;
	color: #7B7B7B;
	font-family: Verdana, sans-serif;
	font-size: 11px;
}.mainContainer{
	width: 501px;
	background: url("../i/mainSiteBackground.jpg") no-repeat;
	margin: 0 auto;
	padding: 0 53px 0 45px;
}.headerContainer{
	clear: both;
	margin: 0;
	padding: 0;
	height: 144px;
}.headerContainer h1{
	clear:both;
	height: 60px;
	padding:35px 0 0 33px;
}h1 a{
	display: block;
	width: 130px;
	height: 60px;
	float: left;
	background: url("../i/formobile.png") no-repeat;
	background-position: right top;
}h1 span{
	display: none;
}h1 img{
	padding-left:91px;
	padding-top:5px;
}h1 a span.clubTitle{
	display: block;
	font-weight: 100;
	color: white;
	font-size: 22px;
	padding-top: 29px;
	margin-left: 95px;
}.headerContainer .branchList{
	float:right;
	margin-top:16px;
	width:363px;
}.branchList li{
	float: left;
	margin-left: 11px;
	height: 23px;
	overflow: hidden;
}.branchList li a{
	display: block;
	width: 105px;
	padding: 3px 5px 3px 0;
	color: white;
	text-align: right;
	font-size: 18px;
	clear: both;
	background: url("../i/branchButtonsBackground.jpg") repeat-x;
}.contentContainer{
	clear: both;
	margin-bottom: 50px;
}.contentBgContainer{
	background: transparent url("../i/contentFooterBg.jpg") no-repeat;
	background-position: bottom right;
	padding-bottom: 175px;
	width: 352px;
	float: left;	
}.leftNavContainer{
	width: 143px;
	float: left;
	margin-right: 6px;
}.leftNavContainer .leftNavBoxes{
	clear: both;
	margin-bottom: 9px;
	border-top: 1px solid white;
}.leftNavBoxes a{
	color: white;
	padding-left: 14px;
}.leftNavFirst{
	background: url("../i/mainLeftNavBackground.jpg") repeat-x;
}.leftNav{
	background-color: #02002F;
	padding: 8px 0;
}.leftNav a{
	display: block;
	color: white;
	font-size: 12px;
	font-weight: bolder;
	padding: 3px 0 1px 14px;
}.leftNav li.break{
	height: 14px;
	clear: both;
}.leftNav a.selectedItem{
	background-color: white;
	color: #02002F;
}.bColorEtiler a.selectedItem{
	background-color: white;
	color: #FF9900;
}.beHillsiderButton{
	background-color: #460003;
	padding: 8px 0;
}.beHillsiderButtonFirst{
	background: #460003 url("../i/but_hillsiderolmakBackground.jpg");
	padding: 8px 0;
	
/* Content Css Definitions */
}.content{
	background-color: white;
	padding: 11px;
}.subPageTitles{
	font-size: 18px;
}.mainPageTitle{
	font-size: 14px;
	color: #E20000;
	text-align: right;
}.paginationContainer{
	clear: both;
	text-align: right;
	margin-top: 1px;
}.smallerPg a.nextPage{
	background: url("../i/nextPageBg.jpg") no-repeat;
	width: 28px;
	height: 12px;
	display: block;
	float: right;
}.smallerPg a.prevPage{
	background: url("../i/prevPageBg.jpg") no-repeat;
	width: 29px;
	height: 12px;
	display: block;
	float: right;
}.smallerPg a span{
	display: none
}.innerPages{
	color: white;
	font-size: 11px;
	font-weight: bolder;
	padding: 3px;
}.innerPages a.nextPage{
	float: right;
	color: white;
}.innerPages a.prevPage{
	float: left;
	color: white;
}.marginBottom{
	margin-bottom: 6px;
}.weekDaysContainer{
	font-size: 12px;
	text-align: left;
	border-bottom: 1px solid #CCC;
	padding: 8px 0;
}

/* Carousel Banner Container - Etiler Main Page */
.bannerContainer{
	float: left;
	width: 300px;
	margin-right: 3px;
}.carouselContainer{
	width: 300px;
	float: left;
	color: black;
}#bannerNav{
	width: 26px;
	float: left;
	overflow: hidden;
}#bannerNav a{
	display: block; 
	margin-bottom: 2px;
}#bannerNav .bannerPrev{
	width: 26px;
	height: 26px;
	clear: both;
	background: url("../i/but_bannerPrev.gif") no-repeat;
	background-position: center center;
}#bannerNav .bannerNext{
	width: 26px;
	height: 26px;
	clear: both;
	background: url("../i/but_bannerNext.gif") no-repeat;
	background-position: center center;
}.carouselContainer li{
	float: left;
	width: 300px;
}.carouselContainer li h2{
	color: black;
	font-size: 18px;
	margin: 5px 0;	
}html body #bannerNav .bColorTrio{
	background-color: #80A902;
}html body #bannerNav .bColorIstinye{
	background-color: #E20A17;
}html body #bannerNav .bColorEtiler{
	background-color: #FE9900;
/* Carousel Ends */
	
}.activeCourse{
	background-color:#65A62E;
	color: white; 
}.activeCourse td{
	border-bottom: 2px solid white;
}.courseStatus{
	clear: both;
	margin-top: 20px;
}.courseStatus span{
	display: block; 
	float: left;
	width: 145px;
	padding: 2px 0 2px 5px;
	margin: 0 3px 7px 0;
	color: black;
}.courseStatus .status_0{
	border-left: 8px solid #FF9900;
}.courseStatus .status_1{
	border-left: 8px solid #65A62E;
}.courseStatus .status_2{
	border-left: 8px solid #D50000;
}.listImage li{
	background:url("../i/listStyleImage.jpg") no-repeat;
	background-position: left 3px;
	padding-left: 15px;
	margin-bottom: 14px;
}div.subTitles h2{
	font-size: 12px;
}.content p{
	margin: 3px 0;
}

/* Footer Container */
.footerContainer{
	clear: both;
	text-align: right;
	width: 266px;
	float: right;
}.footerNav{
	border-top: 1px solid #4D4D4D;
	margin-top: 5px;
	font-size: 9px;
}.footerNav li{
	float: left;
	margin-left: 5px;
	text-align: right;
	padding-top: 3px;
}.footerNav a{
	color: #4D4D4D;
}

/* Contact form */
table{
	color: black;
	font-size: 10px;
	text-align: left;
}tr td.formLabel{
	width: 100px;
	text-align: right;	
	padding-right: 3px;
}input,textarea{
	font-size: 10px;
	color: black;
	border: 1px solid #a1a1a1;
	padding: 2px;
	width: 220px;
	float: left;
}input.smallerText{
	width: 90px;
}.radioBut{
	float:left;
	width:10px;
	border: 0;
	padding: 0;
	margin: 2px;
}.radioGroup{
	float: left;
	width: 43px;
}label{
	display: block;
	float: left;
	padding-top: 1px;
}.submitButton{
	background-color: #403EA3;
	width: 43px;
	height: 16px;
	font-size: 15px;
	color: white;
	border: 0;
	background: url("../i/buttonSubmitBg.jpg") no-repeat;
	margin: 0;
	padding: 0;
	float: right;
	clear: both;
}.addressContainer{
	clear: both;
	color: black;
	font-size: 10px;
	text-align: left;
}.addressContainer p{
	float: left;
	padding:10px 0 0 15px;
	width: 290px;
}.mapButton{
	font-size: 13px;
	font-weight: bolder;
	display: block;
	float: right;
	background: #ccc;
}.clubLogoContainer div.logos {
	margin:0 auto;
	width:345px;
}.clubLogoContainer div.logos div {
	float:left;
	height:30px;
	margin:0 11px 5px 0;
	overflow:hidden;
	text-align:center;
	width:75px;
}.subContentPictures{
	width: 329px;
	overflow: hidden;
	margin: 10px 0;
}.clubSubMenuContainer{
	clear: both;
	height: 96px;
}.clubSubMenuContainer div{
	width: 109px;
	height: 91px;
	padding-top: 2px;
	float: left;
	margin-right: 12px;
	font-size: 10px;
}.clubSubMenuContainer div.etiler{
	background: url("../i/menu_1_bg.png") no-repeat;
	margin-right: 12px;
}.clubSubMenuContainer div.etiler a{
	display: block;
	color: #FF9900;
	text-align: right;
	padding: 2px 5px 1px 0;
	border-bottom: 1px solid #51380A;
}.clubSubMenuContainer div.trio{
	background: url("../i/menu_2_bg.png") no-repeat;
	margin-right: 13px;
}.clubSubMenuContainer div.trio a{
	display: block;
	color: #80A901;
	text-align: right;
	padding: 2px 5px 1px 0;
	border-bottom: 1px solid #263301;
}.clubSubMenuContainer div.istinye{
	background: url("../i/menu_3_bg.png") no-repeat;
	margin-right: 0;
}.clubSubMenuContainer div.istinye a{
	display: block;
	color: #E20A17;
	text-align: right;
	padding: 2px 5px 1px 0;
	border-bottom: 1px solid #440307;
}.mapButton{
	float: right;
	font-size: 11px;
	width: 71px;
	height: 20px;
	text-align: center;
	color: white;
	padding-top: 10px;
}.mapButton a{
	color: white;
}.activityContainer{
	clear: both;
	margin-top: 10px;
}.activityContainer a{
	display: block;
	font-size: 15px;
	color: white;
	background-color: #CCC;
	margin-bottom: 2px;
	padding: 3px;
	
}
/* Branch Button Color Defs */
body .mainContainer .bColorTrio{
	background: #80A902;
}body .mainContainer .bColorIstinye{
	background: #E20A17;
}body .mainContainer .bColorEtiler{
	background: #FE9900;
}body .mainContainer .bColorPurple{
	background: #403EA3;
}body .mainContainer .bColorGrey{
	background: #C6C6C6;
}body .mainContainer .bColorDarkGrey{
	background: #989898;
}

.fColorLightGreen{
	color: #B7DA00;
}.fColorPurple{
	color: #403EA3
}.fColorWhite{
	color: white;
}.fColorEtiler{
	color: #FE9900;
}.fColorBlack{
	color: black;
}.fColorGrey{
	color: #818181
}.blackFont{
	color: black;
}

.font12{
	font-size: 12px;
}.font10{
	font-size: 10px;
}.font18{
	font-size: 18px;
}
/* General hacks */
.floatRight{
	float: right;
	margin-left:5px;
}.floatLeft{
	float: left;
	padding-right: 15px;
	border-right: 1px solid white;
}.alignRight{
	text-align: right;
}a{
	color: black;
	text-decoration: none;
}a img{
	border: 0;
}ul, p, h1, h2, h3, li, form, body{
	padding: 0;
	margin: 0;
}ul{
	list-style: none;
	list-style-type: none;
}ul li{
	list-style: none;
	list-style-type: none;
}.clearfix:after {content:'.';display:block;height:0;clear:both;visibility:hidden}
.clearfix {display:inline-block}
/* \ */
.clearfix {display:block}
/* */