/*	-------------------------------------------------------------
	Marm Assistance
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Tanım:			Ana css belgesi
	Dosya adı:		main.css
	Versiyon:		1.0
	Tarih:			10 Mart 2010
	Kod Yazarı:		Orhan Küçükerman (İkipixel Multimedia)
	-------------------------------------------------------------	*/


/* ------------------------------------------------------------
	Ana Hat Stilleri
------------------------------------------------------------ */

* {margin:0;padding:0;}	
html, body {margin:0;padding:0}
body,div,p,h1,h2,h3,h4,a,img,hr,ul,li,table,tr,td,th,form {border:0;margin:0;padding:0;text-align:left;font-family:"Trebuchet MS";font-size:12px;font-weight:normal;color:#000;line-height:1.5em;}
input,select,option,textarea {font:11px normal Verdana;color:#333333;}

body {padding:0;margin:0;}
a:link, a:visited {color:#d70909;text-decoration:none;outline:none !important;}
a:active, a:hover, a:focus {text-decoration:underline;outline:none !important;}

.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 */

/* --- Ana Çerçevelerin Stilleri --- */

div#wrapper {width:900px;background:#fff url(../tr/images/bg_main.jpg) repeat-y top center;margin:0 auto;padding:0;text-align:center;}
	div#header {clear:both;width:900px;height:80px;margin:0;padding:0;}
	div#flashholder {clear:both;width:900px;margin:0;padding:0;}
	div#container {clear:both;width:900px;margin:0;padding:0;}
		div#content {clear:both;float:left;width:650px;margin:0;padding:10px 20px 10px 20px;text-align:left;background:#f9f9f9;}
		div#column {float:left;width:190px;margin:0;padding:0 20px 0 0;text-align:left;}
	div#footer {clear:both;width:900px;margin:0;padding:0;}


/* ------------------------------------------------------------
	tepe bölümü
------------------------------------------------------------ */

div#header div#logoholder {clear:both;float:left;width:300px;margin:0;padding:0;text-align:left;}
	div#header div#logoholder img {width:244px;height:47px;margin:20px 0 0 0;padding:0;}
div#header div#menucontent {float:left;width:390px;margin:0;padding:35px 0 0 0;}
	div#header div#menucontent ul#mainmenu {float:right;list-style:none;padding:0 20px 0 0;margin:0;}
	div#header div#menucontent ul#mainmenu li{margin:0 0 0 5px;}
	div#header div#menucontent ul#mainmenu li,
	div#header div#menucontent ul#mainmenu li a,
	div#header div#menucontent ul#mainmenu li a span,
	div#header div#menucontent ul#mainmenu li a.current,
	div#header div#menucontent ul#mainmenu li a.current span {display:block;float:left;height:45px;line-height:23px;color:#d70909;cursor:pointer;font-size:16px;}
	div#header div#menucontent ul#mainmenu li a,
	div#header div#menucontent ul#mainmenu li a.current {text-decoration:none;padding:0 0 0 10px;}
	div#header div#menucontent ul#mainmenu li a span,
	div#header div#menucontent ul#mainmenu li a.current span {padding:0 10px 0 0;}
	div#header div#menucontent ul#mainmenu li a:hover,
	div#header div#menucontent ul#mainmenu li a.current {background:url(../tr/images/mainmenu_left.jpg) no-repeat left;}
	div#header div#menucontent ul#mainmenu li a:hover span,
	div#header div#menucontent ul#mainmenu li a.current span {line-height:40px !important;color:#000;background:url(../tr/images/mainmenu_right.jpg) no-repeat right;}
div#header div#shortcuts {float:left;width:190px;margin:0;padding:40px 20px 0 0;position:relative;}
	div#header div#shortcuts ul#shortmenu {float:right;list-style:none;list-style-image:none;margin:0;padding:0;}
	div#header div#shortcuts ul#shortmenu li {float:left;display:inline;list-style:none;list-style-image:none;color:#fff;margin:0;padding:0;font-size:0.9em;}
	div#header div#shortcuts ul#shortmenu li a {font-size:1em;color:#fff;text-decoration:none;margin:0;padding:0;}
	div#header div#shortcuts ul#shortmenu li a:hover {color:#000;}
	div#header div#shortcuts div#language {position:absolute;top:10px;left:136px;}
	div#header div#shortcuts div#language a.english {font-size:0.9em;color:#fff;background:url(../tr/images/icon_english.gif) no-repeat center right;padding-right:20px;}
	div#header div#shortcuts div#language a.turkish {font-size:0.9em;color:#fff;background:url(../tr/images/icon_turkish.gif) no-repeat center right;padding-right:20px;}


/* ------------------------------------------------------------
	tepe bölümü
------------------------------------------------------------ */

div#flashholder div#flashbanner {clear:both;width:880px;height:300px;margin:0;padding:0;}


/* ------------------------------------------------------------
	sağ kolon bölümü
------------------------------------------------------------ */

div#column h1 {clear:both;color:#000;font-size:16px;font-weight:normal;padding:5px 0 4px 0;margin:0 0 15px 0;letter-spacing:0;border-bottom:1px dotted #000;}
div#column p {padding:20px 0 20px 20px;margin:0;color:#fff;font-size:16px;line-height:1.2em;}

/* 1. kat */
div#column ul#rightmenu  {list-style:none;list-style-image:none;margin:0;padding:20px 0;}
div#column ul#rightmenu li {list-style:none;list-style-image:none;color:#fff;margin:0 0 1px 0;padding:0;font-size:1.1em;line-height:1em;}
div#column ul#rightmenu li a {display:block;font-size:1em;line-height:1.2em;height:auto !important;height:1%; /*For IE*/color:#fff;text-decoration:none;margin:0;padding:8px 0 8px 20px;background:#bd0101;}
div#column ul#rightmenu li a:hover {text-decoration:none;background:#9d0202;}
div#column ul#rightmenu li a.on {color:#fff;text-decoration:none;background:#9d0202;}

/* 2. kat */
div#column ul#rightmenu li ul {list-style:none;list-style-image:none;margin:0;padding:6px 0 4px 10px;}
div#column ul#rightmenu li ul li {list-style:none;list-style-image:none;color:#666;margin:0;padding:0 0 3px 8px;font-size:0.9em;border:none;background:url(../tr/images/icon_li_sub.gif) no-repeat 0 4px;}
div#column ul#rightmenu li ul li a {font-size:1em;line-height:1.2em;height:auto !important;height:1%; /*For IE*/color:#666;background:none;text-decoration:none;margin:0;padding:0;}
div#column ul#rightmenu li ul li a:hover {color:#000;text-decoration:none;}
div#column ul#rightmenu li ul li a.on {color:#630b0c;text-decoration:none;}


/* ------------------------------------------------------------
	ana içerikler bölümü
------------------------------------------------------------ */

div#content h1 {clear:both;color:#004080;font-size:20px;font-weight:normal;padding:0 0 5px 0;margin:0;}
div#content h2 {color:#000;font:bold 14px Arial;padding:0 0 2px 0;margin:0;}
div#content h3 {color:#FF3300;font-size:14px;font-weight:normal;padding:0 0 15px 0;margin:0;}
div#content h4 {font: normal 11px "Trebuchet MS";color:#999;border-bottom:1px dotted #cecece;padding:0 0 2px 0;margin:0 0 5px 0;}
div#content h4 a {font: normal 11px "Trebuchet MS";color:#999;text-decoration:none;}
div#content h4 a:hover {color:#000;}
div#content h6 {color:#f00;font-size:10px;font-weight:normal;padding:5px 0 15px 0;margin:0;}

div#content p {margin:0;padding:0 0 15px 0;}
div#content img {margin:0;padding:0;}

div#content ol {line-height:1.8em;margin:0 30px 20px 40px;}	
div#content ol li {margin:0 0 5px 0;padding:0;}

div#content ul {list-style:none;list-style-image:none;margin:0 10px 20px 15px;padding:0;}
div#content ul li {list-style:none;list-style-image:none;margin:0 0 2px 0;padding:0 0 0 10px;background:url(../tr/images/icon_li.gif) no-repeat 0 6px;}
div#content ul li a {text-decoration:none;margin:0;padding:0;}
div#content ul li a:hover {text-decoration:underline;}
div#content ul li i {font-size:0.9em;}
div#content ul li ul {margin:5px 0 5px 15px;padding:0;}
div#content ul li ul li {margin:0;padding:0 0 2px 15px;}
div#content ul li ul li a {text-decoration:none;margin:0;padding:0;}
div#content ul li ul li a:hover {text-decoration:underline;}

div#returnlink {float:right;margin:-40px 0 0 30px;padding:0;font-size:1em;}
div#returnlink a {font-size:0.9em;text-decoration:none;}

div#pagination {width:100%;text-align:center ;}
div#pagination p {text-align:center;padding:10px 0 0 0;color:#666;}

div#content div#googlemap {width:550px;display:none;}

/* --- Ürün Bölümü --- */

div#gallery {clear:both;margin:0;padding:0;}
div#gallery p.pictureexplain {margin:0;padding:0 0 10px 0;}
div#gallery p.picturebox {float:left;width:135px;margin:0;padding:5px 0;}
div#gallery p.picturebox a:link, div#gallery p.picturebox a:visited {color:#000;text-decoration:none;}
div#gallery p.picturebox a:active, div#gallery p.picturebox a:hover {color:#d70909;}
div#gallery p.picturebox img {width:125px;height:95px;border:1px solid #333;}
div#gallery p.picturebox img:hover {border:1px solid #d70909;}
div#gallery p.picturebox span {clear:both;display:block;text-align:center;font:normal 11px tahoma;line-height:1.2em;margin:0;padding:1px 10px 10px 0;}


/* --- Tablo Stilleri --- */

table {clear:both;margin:0;padding:0;}
table tr td {vertical-align:top;text-align:left;margin:0;padding:0;}
table tr td p {margin:0;padding:0;}
table tr td a {margin:0;padding:0;}

table#welcome {clear:both;margin:0;padding:0;}
table#welcome tr td {vertical-align:top;text-align:left;margin:0;padding:0;}
table#welcome tr td img {margin:0;padding:0 5px 0 0 !important;}
table#welcome tr td h1 {color:#000 !important;font:normal 18px Arial, Tahoma, Verdana !important;line-height:48px !important;padding:0;margin:0;}
table#welcome tr td h1 a {font-size:1em;color:#000 !important;font:normal 18px Arial, Tahoma, Verdana !important;line-height:48px !important;padding:0;margin:0;}
table#welcome tr td p {margin:0;padding:0;color:#2c2c2c;line-height:1.3em;}
table#welcome tr td a {margin:0;padding:0;}

table#address {clear:both;float:left;width:320px;margin:0;padding:0;}
table#address tr th {font-size:1em !important;font-weight:bold;width:50px;line-height:1.4em;vertical-align:top;padding:1px 8px 5px 0;}
table#address tr td {font-size:1em !important;line-height:1.4em;vertical-align:top;padding:1px 8px 4px 0;}
table#address tr td h1 {clear:both;color:#004080;font:bold 1.2em Arial, Tahoma, Verdana;padding:0 0 2px 0;margin:0;border-bottom:1px dotted #000;}
table#address tr td img {border:1px solid #666;margin:10px 0 0 10px;}
table#address tr td a {line-height:1.4em;}
table#address tr td p {margin:0;padding:0;}


/* ------------------------------------------------------------
	çeşitli formlar
------------------------------------------------------------ */

form#maillist_form {padding:10px 0;margin:0;text-align:left;}
form#maillist_form p {clear:both;margin:0;padding:0 0 5px 0;color:#000;}
form#maillist_form label {float:left;width:250px;margin:3px 10px 0 0;padding:0;text-align:right;font-weight:normal;color:#000;}
form#maillist_form input {background:#fff;font-size:1em;padding:3px;width:160px;margin:0;border:1px solid #abadb3;}
form#maillist_form input#btnContactForm {cursor:pointer;width:110px;height:26px;padding:0;margin:5px 0 10px 260px;border:none;color:#fff;background:#d70909;}
form#maillist_form input#btnContactForm:hover {background:#000;}


form#contact_form {float:left;width:300px;padding:0 0 0 20px;margin:0;text-align:left;}
form#contact_form p {clear:both;margin:0;padding:0 0 5px 0;color:#000;}
form#contact_form p.fieldinfo {margin:0 20px 15px 15px;padding:0;}
form#contact_form label {float:left;width:95px;margin:3px 10px 0 0;padding:0;text-align:right;font-weight:normal;color:#000;}
form#contact_form input {background:#fff;font-size:1em;padding:3px;width:160px;margin:0;border:1px solid #abadb3;}
form#contact_form textarea {background:#fff;font-size:1em;padding:5px;width:156px;height:130px;font-size:1em;margin:0;border:1px solid #abadb3;}
form#contact_form input#btnContactForm {cursor:pointer;width:110px;height:26px;padding:0;margin:5px 0 10px 105px;border:none;color:#fff;background:#d70909;}
form#contact_form input#btnContactForm:hover {background:#000;}

.required {color:#c00;font-size:1.5em;vertical-align:top;margin-left:10px;}


/* ------------------------------------------------------------
	alt bölüm
------------------------------------------------------------ */

div#footer div#copyright {float:left;width:350px;font-size:0.9em;margin:0;padding:7px 0 20px 20px;text-align:left;color:#666;border-top:1px dotted #ccc;}

div#footer div#quickmenu {float:left;width:290px;font-size:0.9em;margin:0;padding:20px 30px 20px 0;text-align:right;color:#666;border-top:1px dotted #ccc;}
div#footer div#quickmenu a {text-decoration:none;color:#666;font-size:1em;margin:0;padding:0;}
div#footer div#quickmenu a:hover {color:#000;}
div#footer div#quickmenu a.design {color:#000;}

div#footer div#companies {float:left;position:relative;width:180px;background:#fff;font-size:0.9em;color:#666;margin:0 0 0 10px;padding:9px 0 9px 0;text-align:center;}
div#footer div#companies div.groupheader {position:absolute;top:-22px;left:0;}

/* ------------------------------------------------------------
	ıvız zıvırlar bölümü
------------------------------------------------------------ */

div#information {background:#D7F2FF url(../tr/images/icon_information.gif) no-repeat 12px 50%;border:1px solid #1e5f7e;color:#000;margin:0 0 15px 0;padding:10px 10px 10px 55px;text-align:left;}
div#warning {background:#FFECEC url(../tr/images/icon_warning.gif) no-repeat 12px 50%;border:1px solid #f00;color:#000;margin:0 0 15px 0;padding:10px 10px 10px 55px;text-align:left;}
div#success  {background:#e9fec6 url(../tr/images/icon_success.gif) no-repeat 12px 50%;border:1px solid #7dbe10;color:#000;margin:0 0 15px 0;padding:10px 10px 10px 55px;text-align:left;}

embed {border:1px solid #9fabb2;background:url(../tr/images/colorbox_loading.gif) no-repeat center center;}
a img {border:none;}
acronym{cursor:help;}
legend{color:#5e5e5e;font-weight:bold;}
blockquote{background:url(../tr/images/icon_quote.gif) no-repeat 20px 5px;color:#7C7C7C;line-height:1.5em;font-style:italic;font-size:1.1em;margin:15px 10px 20px 50px;padding:0 20px 0 15px;border-left:1px solid #ccc;}
hr, .hide {display:none;}
.show{display:block;}

/* class's */

.ClearBoth {position:relative;clear:both;height:1px;overflow:hidden;margin:0;}
.left {text-align:left !important;}
.right {text-align:right !important;}
.center {text-align:center !important;}
.floatleft {float:left !important;}
.floatright {float:right !important;}
.center {text-align:center !important;}

div#content img.right {float:right;background:none;border:none;margin:5px 10px 20px 20px;padding:0;}
div#content img.left {float:left;background:none;border:none;margin:5px 20px 20px 10px;padding:0;}
div#content img.middle {background:none;border:none;margin:0 0 12px 0;padding:0;}

option.aktif	{color:#004D71;}

object#dynamicContent1 {display:inline;margin:0;padding:0;border:1px solid #dbdbdb;border-left:none;border-right:none;}
object#dynamicContent2 {display:inline;margin:0;padding:0;border:1px solid #dbdbdb;border-left:none;}
object#dynamicContent3 {display:inline;margin:20px 0 0 0;padding:0;}