/*
	Document's Creator : Volkan Altinbas
	Created Date: 06/10/08
	Modifier : Volkan Altinbas
	Modified Date: 07/10/08
*/

/* #### general definations #### */
body {
	background-color:#FFFFFF;
	color:#656565;
	font:normal 11px Tahoma, sans-serif;
	text-align:center;
}

a {color:#FF7200; text-decoration:none; outline:none}
a:hover {text-decoration:underline}

input, textarea, select {
	color:#4d4d4d;
	font:normal 11px Arial, Helvetica, sans-serif;
}

.formgrp {
	width:100%;
	overflow:hidden;
}

.clear {
	clear:both; 
	overflow:hidden; 
	height:0;
	width:100%;
}

.fl {float:left}
.fr {float:right}

/* #### hack #### */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Page Layout */
#wrapper {
	width:902px;
	margin:0 auto;
	text-align:left;
}

/* ### Header ### */
#header {
	background:url(../images/header_bg.gif) repeat-x;
	height:93px;
	position:relative;
	margin-bottom:1px;
}

/* #header #logo */
#header h1#logo {
	background:url(../images/turkcell_mobil_egitim_logo.gif) no-repeat;
	position:absolute;
	top:36px;
	left:19px;
}

#header h1#logo a {
	display:block;
	height:31px;
	width:260px;
	text-indent:-9999px;
}

/* #header #navigation */
#header #navigation {
	width:512px;
	position:absolute;
	top:34px;
	right:0;
}

#header #navigation li {
	float:left;
}

#header #navigation li a {
	display:block;
	height:38px;
	text-indent:-9999px;
}

#header #navigation li.item1 {
	background:url(../images/navigation.gif) 0 0 no-repeat;
	width:160px;
}

#header #navigation li.item1 a:hover {
	background:url(../images/navigation.gif) 0 -36px no-repeat;
}

#header #navigation li.item2 {
	background:url(../images/navigation.gif) -160px 0 no-repeat;
	width:129px;
}

#header #navigation li.item2 a:hover {
	background:url(../images/navigation.gif) -160px -36px no-repeat;
}

#header #navigation li.item3 {
	background:url(../images/navigation.gif) -289px 0 no-repeat;
	width:82px;
}

#header #navigation li.item3 a:hover {
	background:url(../images/navigation.gif) -289px -36px no-repeat;
}

#header #navigation li.item4 {
	background:url(../images/navigation.gif) -371px 0 no-repeat;
	width:72px;
}

#header #navigation li.item4 a:hover {
	background:url(../images/navigation.gif) -371px -36px no-repeat;
}

#header #navigation li.item5 {
	background:url(../images/navigation.gif) -443px 0 no-repeat;
	width:69px;
}

#header #navigation li.item5 a:hover {
	background:url(../images/navigation.gif) -443px -36px no-repeat;
}

/* #header #top-navigation */
#header #top-navigation {position:absolute; top:10px; right:164px}
#header #top-navigation li {float:left}
#header #top-navigation li a {color:#727272; text-decoration:underline; margin-right:10px}

#header #top-navigation #user-entry {
	background:url(../images/user_entry.gif) no-repeat;
	width:164px;
	position:absolute;
	top:-10px;
	right:-164px;
}

#header #top-navigation #user-entry a {
	display:block;
	height:28px;
	text-indent:-9999px;
}


/* ### Main ### */
#main {
	border:solid 1px #d1d1d1;
	border-top:none;
	margin-bottom:10px;
	margin-top:-1px; /* for border-top space */
	padding-bottom:20px;
}

#main #col-wrapper {
	background:url(../images/main_colwrapper_bg.jpg) 100% 0 no-repeat;
}

.main-page #main #col1 {
	display:inline; /* ie6 double margin problem fix */
	float:left;
	margin-left:24px;
	width:704px;
}

.main-page #main #col2 {
	display:inline; /* ie6 double margin problem fix */
	float:right;
	margin-right:22px;
	margin-top:13px;
}

.sub-page #main #col-wrapper {
	background:url(../images/sub_page_colwrapper_bg.jpg) 100% 46px no-repeat;
	padding-top:15px;
}

.sub-page #main #col1 {
	background-color:#FFFFFF;
	float:left;
	padding:0 10px;
	width:733px;
	position:relative;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:713px;	
}

.sub-page #main #col2 {
	float:right;
	width:167px;
	padding:0 15px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:137px;	
}

/* #main #col1 #intro */
#main #col1 #intro {
	width:640px;
	height:435px;
	margin:0 auto;
} 

#main #col1 #white-tape-for-intro {
	background-color:#FFFFFF;
	width:641px;
	height:46px;
	position:absolute;
	top:0px;
	left:46px;
}

/* #main #col1 #product-features */
#main #col1 #product-features {
	background:url(../images/product_features_bottom_bg.gif) 0 100% no-repeat;
	padding-bottom:5px;
	margin-bottom:20px;
}

#main #col1 #product-features ul {
	background:url(../images/product_features_bg.gif) repeat-y;
}

#main #col1 #product-features ul li {
	float:left;
	padding:12px;
	margin-right:17px;
	width:223px;
	voice-family:"\"}\"";
	voice-family:inherit;
	width:199px;
}

#main #col1 #product-features ul li.last-item {
	margin:0;
}

#main #col1 #product-features ul li .thumb {
	float:left;
	width:52px;
}

#main #col1 #product-features ul li .content {
	float:right;
	width:142px;
}

#main #col1 #product-features ul li .content a {
	text-decoration:underline;
}

#main #col1 #product-features ul li .content h2 {
	display:none;
}

/* #main #col1 #announcement-bar */
#main #col1 #announcement-bar {
	background:url(../images/announcement_bar_bg.gif) repeat-x;
}
#main #col1 #announcement-bar h2 {
	background:url(../images/text_duyurular.jpg) no-repeat;
	float:left;
	width:101px;
	height:34px;
	text-indent:-9999px;
}
#main #col1 #announcement-bar #announcement-bar-content {
	background:url(../images/announcement_bar_right_corner.gif) 100% 0 no-repeat;
	float:left;
	width:603px;
}

#main #col1 #announcement-bar #announcement-bar-content ul {
	position:relative; 
	height:34px; 
	width:583px;
	overflow:hidden;
}

#main #col1 #announcement-bar #announcement-bar-content .announcement {
	line-height:34px;
	position:absolute;
	top:50px;
	left:10px;
}

/* #main #second-navigation */
#main #second-navigation {
	background:url(../images/second_navigation_bg.gif) repeat-x;
	border-bottom:solid 1px #d1d1d1;
}
#main #second-navigation li {
	background:url(../images/second_navigation_seperator.gif) 100% 0 no-repeat;
	float:left;
	padding:0 24px 0 20px;
}
#main #second-navigation li a {
	color:#7a7a7a;
	font-size:12px;
	font-weight:bold;
	line-height:36px;
}

/* ### Sub Page ### */
.sub-page #main {color:#333333;font-size:12px;line-height:160%}

.sub-page #main p,
.sub-page #main h2,
.sub-page #main h3,
.sub-page #main h4 {margin-bottom:10px}

.sub-page #main h2,
.sub-page #main h3,
.sub-page #main h4 {font-size:13px}

.sub-page #main #col1 h2.page-title {border-bottom:dotted 1px #D1D1D1;color:#FF7200;padding-bottom:5px}
.sub-page #main #col1 h3 {color:#396591}
.sub-page #main #col1 h4 {color:#090986}

.sub-page #main #col2 .pdf {margin-bottom:31px}

.sub-page #main #col2 .pdf a {
	background:url(../images/pdf_icon.jpg) no-repeat;
	display:block;
	color:#727272;
	font-size:11px;
	line-height:16px;
	padding-left:21px;
	text-decoration:underline;
}

/* table template */
.table {margin-bottom:15px}
.table td, .table th{border:solid 1px #cccccc;background-color:#E8E8E8;padding:5px}
.table.temp1 th {background-color:#FFFFFF}
.table.temp2 td, .table.temp2 th {border:solid 1px #ffffff;padding:10px}
.table.temp2 th {text-align:right;}
.table.temp2 .textField {border:solid 1px #dcdcdc;padding:3px}
.table.temp2 .textField.w1 {width:90%}
.table.temp2 .textField.w2 {width:20%}
.table.temp2 textarea.textField.w1 {height:75px}

.tblcontact td{
	padding-bottom:10px
}
th .code{width:30px; margin-left:42px}
.tblcontact th{ color:#171695; vertical-align:top; padding-top:3px}
.tblcontact .textField{
	border:1px solid #a9a9a9;
	height:19px;
	width:220px;
	font-size:12px;
	padding-top:3px
}
.tblcontact .txtarea{ width:307px; height:108px;border:1px solid #a9a9a9;font-size:12px;}
.tblcontact .smallfield{ width:57px}
.tblcontact .normalfield{ width:156px}
.contact-form{
	width:445px;
	margin:30px auto 20px auto;
}
.btn-submit{ background:url(../images/submit-form.gif) no-repeat; width:72px; height:22px; border:none; margin-right:5px; cursor:pointer}
.cr1, .cr2, .cr3, .cr4{ width:12px; height:12px;}
.cr1{ background:url(../images/cr1.jpg) no-repeat;}
.cr2{ background:url(../images/cr2.jpg) no-repeat; }
.cr3{ background:url(../images/cr3.jpg) no-repeat;}
.cr4{ background:url(../images/cr4.jpg) no-repeat;}
.crbottom, .crtop, .crcontent, .crright, .crleft{ background:#f9f9f9; }

.sub-page #main #col1 .crcontent h3{
	color:#ff7200
}
.application .textField{
	border:1px solid #a9a9a9;
	height:15px;
	width:150px;
	font-size:12px;
	padding-top:3px
}
.application select.textField{
	border:1px solid #a9a9a9;
	height:21px;
	width:150px;
	_+width:156px;
	font-size:12px;
	padding-top:3px
}
.application .smallfield{ width:40px}
.application .normalfield{ width:103px}
.app-btn{ text-align:right; padding-right:30px; margin-top:30px}
/* ### Footer ### */
#footer {color:#878787}
#footer .copyright {float:left}
#footer #footer-navigation {display:inline;float:left; margin-left:10px}
#footer #footer-navigation li {float:left; margin-right:2px}
#footer #footer-navigation li a {color:#878787}