@charset "utf-8";
/* Ofis&Ofis Style Sheet ~ Powered by Erdem Arslan */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;zoom:1;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
:focus {outline:none;}
div, ul, li {zoom:1;} 
ul ul, ul ul li {zoom:0;}
/******************** Site Layout ********************/
#top {width:100%;height:44px;overflow:hidden;border-top:#d4d4d4 solid 5px;background:#e7e7e7;border-bottom:#c5c5c5 solid 1px;}
	#toplink {width:980px;height:44px;margin:0 auto;}
		#toplink ul {float:left;display:block;width:600px;margin:10px 0;}
			#toplink ul li {float:left;display:inline-block;margin:0 20px;padding-left:10px;background:url(../img/toplinkbullet.png) no-repeat center left;}
				#toplink ul li a {font:normal 9pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#242424;
				text-decoration:none;display:block;padding:5px;text-shadow:1px 1px rgba(255, 255, 255, 0.7);}
				#toplink ul li a.redlink {color:#790000;}
					#toplink ul li a:hover {color:#790000;text-decoration:underline;}
		#toplink #language {float:right;display:block;width:320px;margin:10px 0;text-align:right;text-shadow:1px 1px rgba(255, 255, 255, 0.7);}
			#toplink label {float:left;font:normal 8pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#afafaf;margin:5px 0;}
			#toplink #language select {width:125px;border:#c5c5c5 solid 1px;background:#fff;float:right;
			font:normal 9pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#9f9f9f;}
#container {width:980px;height:auto;margin:0 auto;overflow:hidden;}
  #logotype {width:188px;height:60px;background:url(../img/logotype.png) no-repeat top left;margin:18px 0;display:block;cursor:pointer;float:left;}
  #searchbox {width:240px;height:26px;display:block;float:right;margin:35px 0;}
  	#searchbox input {float:left;display:inline-block;border:none;}
		#searchbox input:focus {border:#5d5d5d solid 1px;}
		#searchbox .searchbox {background:#fff;border:#d4d4d4 solid 1px;width:200px;height:20px;float:left;color:#bbb;
		font:normal 9pt/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;padding:2px;}
		#searchbox .searchbutton {width:29px;height:26px;background:url(../img/searchbuttonbg.png) no-repeat top left;cursor:pointer;float:right;border:none;}
			#searchbox .searchbutton:hover {background-position:bottom left;}
/******************** MainMenu ********************/
#mainmenu {width:979px;height:50px;float:left;display:block;background:#242424;}
#sliderbanner {float:left;display:block;margin:2px 0;width:980px;height:336px;}
#subsliderbanner {float:left;display:block;margin:2px 0;width:980px;height:185px;}
	#subsliderbanner.ssbstyle {background:#242424;}
		#subsliderbanner div.contentouter {width:300px;height:127px;background:url(../img/subpageheadercontentouter.png) no-repeat top left;
		margin:29px 0px 29px 10px;border-right:#0d0d0d solid 1px;float:left;}
		#subsliderbanner div.contentinner {width:635px;height:127px;background:url(../img/subpageheadercontentinner.png) no-repeat top right;
		margin:29px 0px;border-left:#353535 solid 1px;float:left;cursor:pointer;}
#middle {width:980px;height:auto;margin:20px auto auto;display:block;cursor:default;}
/******************** Left ********************/	
	#left {width:280px;height:auto;overflow:hidden;float:left;margin-bottom:50px;}
		#left h2 {font:bold 15pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#790000;}
		#left h3 {font:bold 10pt/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#242424;}
			#left span {color:#790000;}
		.borderbottom {border-bottom:#d4d4d4 solid 1px;}
		#left form .button {width:74px;height:22px;border:none;background:url(../img/button.png) no-repeat top left;color:#fff;
			font:normal 8pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;cursor:pointer;}
		#left form .button:hover {background:url(../img/button.png) no-repeat bottom left;}
		#memberspanel {width:280px;height:auto;display:block;float:left;}
			#memberspanel form {margin:15px 0 0 15px;width:260px;}
			#memberspanel form div {float:left;margin:15px 0 0 30px;}
				#memberspanel form div a {color:#242424;text-decoration:none;font:normal 8pt/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;}
					#memberspanel form div a:hover {color:#790000;text-decoration:underline;}
			#memberspanel form label {display:block;float:left;width:200px;font:normal 9pt/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#5d5d5d;}
			#memberspanel form input {background:#fff;border:#d4d4d4 solid 1px;width:225px;height:20px;float:left;color:#bbb;
			font:normal 9pt/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;padding:2px;margin-bottom:10px;}
			#memberspanel form input:focus {border:#5d5d5d solid 1px;}
		#mycart {width:280px;height:245px;display:block;float:left;margin:22px 0;}
			#mycart #totalprice {font:normal 8pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#5d5d5d;
			padding:5px;margin:10px 7px 0 7px;width:256px;height:15px;text-align:center;background:#f5f5f5;text-shadow:1px 1px rgba(255, 255, 255, 0.9);}
			#mycart form {width:74px;height:22px;float:right;margin:5px 7px 0 0;}
				#mycart #cartbox {width:210px;height:100px;float:left;margin:15px 0 0 25px;background:none;}
					#mycart #cartbox #cartthumb {width:60px;height:100px;float:left;display:block;}
						#mycart #cartbox #cartthumb div {display:block;margin-top:5px;}
							#mycart #cartbox #cartthumb div a {font:normal 7pt/.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
							color:#790000;text-decoration:underline;padding:10px;display:block;width:40px;height:5px;background:#f5f5f5;}
								#mycart #cartbox #cartthumb div a:hover {text-decoration:none;color:#242424;}
					#mycart #cartbox #cartcontent {width:117px;height:100px;display:block;float:left;margin:0 10px;
					font:normal 7pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#5d5d5d;}
						#mycart #cartbox #cartcontent p {margin-bottom:15px;}
							#mycart #cartbox #cartcontent p span {font:bold 9pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;padding:3px;}
					#mycart #cartbox #cancelicon {width:13px;height:13px;display:block;float:left;background:url(../img/cancelicon.png) no-repeat top left;cursor:pointer;}
						#mycart #cartbox #cancelicon:hover {background:url(../img/cancelicon.png) no-repeat bottom left;}
		#productcats {width:280px;height:auto;display:block;float:left;padding-bottom:12px;}
			#productcats ul {margin:10px 0;}
				#productcats ul li {padding-left:15px;text-transform:uppercase;display:block;color:#790000;
				font:bold 10pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;background:url(../img/catbullet.png) no-repeat top left;}
				#productcats ul li li {color:#242424;background:none;
				font:normal 10pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
					#productcats ul li li a.bordertop {border-top:#ececec dashed 1px;}
						#productcats ul li a {color:#242424;text-decoration:none;display:block;width:230px;padding:2px 10px;border-bottom:#ececec dashed 1px;}
							#productcats ul li a:hover {background:#eee;color:#790000;text-shadow:1px 1px rgba(255, 255, 255, 0.9);}
		#campaignbox {width:280px;height:190px;display:block;float:left;padding:10px 0;}
			#campaignbox ul {margin:15px;}
				#campaignbox ul li {text-transform:uppercase;display:block;color:#790000;font:bold 10pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
				#campaignbox ul li a.bordertop {border-top:#ececec dashed 1px;}
						#campaignbox ul li a {color:#242424;text-decoration:none;display:block;width:230px;border-bottom:#ececec dashed 1px;padding:5px 0 5px 15px;}
							#campaignbox ul li a:hover {background:#eee;color:#790000;text-shadow:1px 1px rgba(255, 255, 255, 0.9);}
/******************** Content ********************/
	#content {width:676px;height:auto;float:right;}
		#quicklink {width:676px;height:117px;}
			#quicklink .quicklinkbox {width:203px;height:87px;float:left;background:url(../img/quicklinkbg.png) no-repeat top left;
			padding:15px 10px;margin-left:3px;}
			#quicklink .quicklinkbox h2 {font:bold 13pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#242424;}
			#quicklink .quicklinkbox span {color:#790000;}
			#quicklink .img {width:90px;height:90px;float:left;}
			#quicklink .moreicon {width:22px;height:22px;float:left;background:url(../img/quicklinkicon.png) no-repeat top left;margin:10px;cursor:pointer;}
			#quicklink .moreicon:hover {background:url(../img/quicklinkicon.png) no-repeat top right;}
				#quicklink .nomargin {margin:0;}
		#ContentPanel {width:674px;height:auto;float:right;display:block;border:1px solid #d4d4d4;padding:0 0 40px 0;margin:22px 0;}
			#splitter {width:666px;height:26px;background:url(../img/contentpanel/splitter.png) repeat-x top left;padding:4px;margin-bottom:22px;
			font:normal 8pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;border-bottom:1px solid #d4d4d4;}
			#splitter .pathway {margin:7px 0 0 15px;display:block;}
				#splitter .pathway a {color:#790000;text-decoration:none;padding:2px;}
					#splitter .pathway a:hover {color:#000;text-shadow:0px 1px rgba(255, 255, 255, 0.5);}
				#splitter label {float:left;color:#790000;margin:7px;}
			#splitter select {width:80px;height:22px;border:#c5c5c5 solid 1px;background:#fff;float:left;margin-top:3px;padding:1px;
			font:normal 8pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#9f9f9f;}
			#splitter #option {float:right;margin:7px;color:#242424;}
				#splitter #option a {color:#790000;text-decoration:none;}
					#splitter #option a:hover {color:#bd0802;}
						#splitter #option #viewing span, #splitter #option #sorting span {margin-right:10px;}
				#splitter #viewing {display:inline;margin-right:25px;}
				#splitter #sorting {display:inline;}
		#ContentPanel #ProductPanel {width:666px;height:auto;margin:10px auto;}
		#Panel1,#Panel2,#Panel3 {width:626px;height:370px;float:left;padding:10px;margin:10px;display:block;}
		#Panel1 h3,#Panel2 h3,#Panel3 h3 {border-bottom:1px solid #d4d4d4;padding:5px 0;width:626px;
		font:bold 10pt/2em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#242424;}
		#Panel1 h3 span,#Panel2 h3 span,#Panel3 h3 span {color:#790000;}
		div.overflow {width:626px;height:320px;}
			div.overflow ul li {width:200px;height:270px;border-top:#ccc solid 1px;display:block;float:left;margin:10px 0 0 10px;
			border-left:#ccc solid 1px;border-bottom:#999 solid 1px;border-right:#999 solid 1px;text-align:center;padding:15px 0 0;
			font:normal 8pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;}
			div.overflow ul li.nomargin {margin-left:0;}
			div.overflow ul li div {margin:0 auto;color:#242424;height:210px;line-height:1.6em;}
			div.overflow ul li div.bordertop {border-top:#ccc dashed 1px;width:190px;height:60px;}
			div.overflow ul li div span.color {color:#790000;background:none;text-shadow:1px 1px rgba(0, 0, 0, 0.3);}
			div.overflow ul li div span {margin:0 auto;}
			div.overflow ul li div span a {text-decoration:none;color:#fff;padding:2px 3px;background:#790000;color:#fff;
			text-shadow:1px 1px rgba(0, 0, 0, 0.7);-moz-border-radius:3px;-wekit-border-radius:3px;border-radius:3px;}
			div.overflow ul li div span a:hover {background:#5d5d5d;color:#000;text-shadow:0px 1px rgba(255, 255, 255, 0.5);}
		#Services {width:646px;height:auto;margin:10px auto;padding:10px;}
			#Services h1 {font:bold 12pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#242424;}
			#Services h4 {font:bold 8pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#242424;margin-bottom:22px;}
				#Services h1 span {color:#790000;}
			#Services p {font:normal 10pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#242424;}
		#Services .boxtall {width:626px;height:auto;overflow:hidden;display:block;margin:20px 10px;background:#ececec;
		border-top:#eee solid 1px;border-left:#eee solid 1px;border-bottom:#ccc solid 1px;border-right:#ccc solid 1px;
		-moz-border-radius:.5em;-webkit-border-radius:.5em;border-radius:.5em;text-shadow:1px 1px rgba(255, 255, 255, 0.9);}
		
		#Services .boxtall #collapsedivs {display:block;float:left;margin:25px 0 0;width:620px;}
		#Services .boxtall #collapsedivs a {display:block;margin:5px 5px 0 5px;padding:5px 5px 5px 20px;
		font:normal 10pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;cursor:pointer;float:left;width:580px;
		text-decoration:none;color:#242424;background:#ccc url(../img/arrow.gif) no-repeat center left;border-bottom:#999 solid 1px;}
		#Services .boxtall #collapsedivs div {display:block;margin:0 5px 15px 5px;padding:5px;background:#999;float:left;width:595px;
		font:normal 9pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;text-shadow:1px 1px rgba(0, 0, 0, 0.5);}
		#Services .boxtall #collapsedivs div img {display:block;float:left;margin:2px 10px 5px 5px;}
		
		#Services .boxtall #orderform {display:block;float:left;margin:12px;width:600px;background:#fdfdfd;border:#ddd solid 1px;
		-moz-border-radius:.5em;-webkit-border-radius:.5em;border-radius:.5em;}
		#Services .boxtall #orderform label {display:block;margin:10px;text-align:center;font:normal 9pt/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif}
		#Services .boxtall #orderform input {background:#fff;border:#d4d4d4 solid 1px;width:400px;height:20px;float:left;color:#bbb;
		font:normal 9pt/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;padding:2px;margin:10px 10px 10px 90px;}
		
		#Services .boxtallprofil {width:606px;height:auto;overflow:hidden;display:block;margin:0 10px;padding:10px;
		font:normal 9pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
			#Services .boxtall h2 {margin:10px 15px;text-shadow:1px 1px rgba(255, 255, 255, 0.7);}
				#Services .boxtall ul {display:block;float:left;margin:10px;width:606px;}
				#Services .boxtall ul li {margin:7px 5px;}
				#Services .boxtall ul li a {font:normal 9pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
				background:url(../img/toplinkbullet.png) no-repeat center left;padding:2px 15px;display:block;color:#242424;text-decoration:underline;}
				#Services .boxtall ul li a:hover {color:#790000;text-decoration:none;}
				#Services .boxtall p {display:block;float:left;margin:0;width:553px;font:normal 9pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;}
				#Services .boxtall .boxtallproject {width:32px;height:28px;background:url(../img/hizmetboxicon.png) no-repeat;
				background-position:0 0;margin:0 15px;float:left;}
				#Services .boxtallprofil .profilimg {width:150px;height:150px;margin:4px 20px 0 0;float:left;background:url(../img/dummyimage.png) no-repeat top left;}
				#Services .boxtallprofil .text {width:auto;height:auto;display:block;float:left;margin:0;}
				#Services .boxtallprofil ul {display:block;float:left;width:300px;}
				#Services .boxtallprofil ul li {display:block;margin:3px;font:normal 8pt/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;text-transform:lowercase;
				background:url(../img/toplinkbullet.png) no-repeat center left;padding:3px 10px;}
				#Services .boxtallprofil ul li:hover {background:#eee url(../img/toplinkbullet.png) no-repeat center left;}
				#Services .boxtallprofil ul li:first-letter {text-transform:uppercase;}
				
						#Services .boxtalliletisim .logoimg {width:188px;height:60px;margin-bottom:25px;}
						#Services .boxtalliletisim p strong {color:#790000;}
						#Services .boxtalliletisim .maparea {width:606px;height:300px;margin-top:25px;}
						#Services .boxtalliletisim .iletisimform {width:606px;height:480px;margin:25px 0;padding:10px 0;display:block;}
						#Services .boxtalliletisim .iletisimform #cf .button {width:74px;height:22px;border:none;
						background:url(../img/button.png) no-repeat top left;color:#fff;
						font:normal 8pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;cursor:pointer;}
						#Services .boxtalliletisim .iletisimform #cf .button:hover {background-position:bottom left;}
					
					#Services .boxtallprofil .refslider {width:606px;height:auto;display:block;margin-top:15px;float:left;}
					#Services .boxtallprofil .refslider-content {width:auto;height:auto;display:block;}
						#Services .boxtallprofil .refslider-content div {display:block;float:left;width:150px;height:175px;}
						#Services .boxtallprofil .refslider-content div span {float:left;display:block;width:150px;height:25px;text-aling:center;}
						#Services .boxtallprofil .refslider .refslider-paging {width:300px;height:31px;display:block;float:right;margin:20px 5px 0 5px;background:#d4d4d4;
						-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
						#Services .boxtallprofil .refslider .refslider-paging ol {display:block;width:300px;height:29px;margin:0 auto;}
							#Services .boxtallprofil .refslider .refslider-paging ol li {float:left;}
							#Services .boxtallprofil .refslider .refslider-paging ol li a {text-decoration:none;font-size:8pt;color:#242424;display:block;
							width:18px;height:19px;text-align:center;margin:4px;padding:2px;background:url(../img/ref-slider-paging-bg.png) no-repeat top right;}
							#Services .boxtallprofil .refslider .refslider-paging ol li a:hover {color:#fff;text-shadow:1px 1px rgba(0, 0, 0, 0.7);
							background:url(../img/ref-slider-paging-bg.png) no-repeat top left;}
							#Services .boxtallprofil .refslider .refslider-paging ol li a.active {color:#fff;text-shadow:1px 1px rgba(0, 0, 0, 0.7);
							background:url(../img/ref-slider-paging-bg.png) no-repeat top left;}
							
				#Services .boxtall .boxtallonline {width:32px;height:31px;background:url(../img/hizmetboxicon.png) no-repeat;
				background-position:0 -32px;margin:0 15px;float:left;}
				#Services .boxtall .boxtallmontage {width:32px;height:32px;background:url(../img/hizmetboxicon.png) no-repeat;
				background-position:0 -68px;margin:0 15px;float:left;}
				
				#Services .boxtall .boxtallteslim {width:32px;height:31px;background:url(../img/musterihizmetboxicon.png) no-repeat;
				background-position:0 0;margin:0 15px;float:left;}
				#Services .boxtall .boxtallgaranti {width:32px;height:32px;background:url(../img/musterihizmetboxicon.png) no-repeat;
				background-position:0 -32px;margin:0 15px;float:left;}
				#Services .boxtall .boxtalliade {width:32px;height:32px;background:url(../img/musterihizmetboxicon.png) no-repeat;
				background-position:0 -68px;margin:0 15px;float:left;}
				
				#Services .boxtall .boxtallsss {width:32px;height:32px;background:url(../img/sss.png) no-repeat top left;margin:0 15px;float:left;}
				
				#Services .boxtall .boxtallsiparistakibi {width:32px;height:32px;background:url(../img/siparistakibi.png) no-repeat top left;margin:0 15px;float:left;}
				
		#ProjectContent {width:646px;height:auto;margin:10px auto;overflow:hidden;padding:10px;}
			#ProjectContent h1 {font:bold 12pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#242424;}
				#ProjectContent h1 span {color:#790000;}
			#ProjectContent h4 {font:bold 8pt/1.5em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#242424;margin-bottom:22px;}
			#ProjectContent .boxes {width:160px;height:160px;padding:12px;margin:14px;float:left;display:block;border:#eee solid 1px;outline:#ccc solid 1px;cursor:pointer;}
				#ProjectContent .boxes:hover {border:#999 solid 1px;outline:#eee solid 1px;background:#f6f6f6;}
			#ProjectContent div img {border:#000 solid 1px;}
						#ProjectContent div.projectslider-paging {width:300px;height:31px;display:block;float:right;margin:20px 5px 0 5px;background:#d4d4d4;
						-moz-border-radius:15px;-webkit-border-radius:15px;border-radius:15px;}
						#ProjectContent div.projectslider-paging ol {display:block;width:300px;height:29px;margin:0 auto;}
							#ProjectContent div.projectslider-paging ol li {float:left;font:normal 8pt/1.8em "Trebuchet MS", Arial, Helvetica, sans-serif;}
							#ProjectContent div.projectslider-paging ol li a {text-decoration:none;font-size:8pt;color:#242424;display:block;
							width:18px;height:19px;text-align:center;margin:4px;padding:2px;background:url(../img/ref-slider-paging-bg.png) no-repeat top right;}
							#ProjectContent div.projectslider-paging ol li a:hover {color:#fff;text-shadow:1px 1px rgba(0, 0, 0, 0.7);
							background:url(../img/ref-slider-paging-bg.png) no-repeat top left;}
							#ProjectContent div.projectslider-paging ol li a.active {color:#fff;text-shadow:1px 1px rgba(0, 0, 0, 0.7);
							background:url(../img/ref-slider-paging-bg.png) no-repeat top left;}
		/******************** Footer ********************/
#footer {width:100%;height:101px;overflow:hidden;background:url(../img/footerbg.png) repeat-x top left;}
	#footercontext {width:980px;height:auto;margin:0 auto;overflow:hidden;}
		#footerlogo {margin-top:32px;background:url(../img/logotypethumb.png) no-repeat top left;width:134px;height:42px;display:inline-block;float:left;}
		#footertext {width:800px;height:auto;margin-top:26px;float:left;}
			#footertext p {display:block;text-align:right;font:normal 9px/2em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#fff;}
				#footer p a {color:#fff;text-decoration:underline;}
					#footer p a:hover {color:#d4d4d4;text-decoration:none;}