﻿html {
	min-height: 100%;
	height:100%;
}

body
{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    line-height: 1.5em;
    background-color:#333;
    font-family:Arial;
    font-size:12px;
    color:#444;
    background:#fff url(img/bg.jpg) no-repeat center top;
    background-attachment:fixed;
}
.maindiv
{
	width:980px;
	display:inline-table;
	min-height:350px;
	margin:0 auto 20px auto
	}
#maincontainer{
width: 100%; /* Tüm çerçeve */
margin: 0 auto 0 auto; /* Sayfa yerleşimi */
height:100%;
display:table;
position:relative; text-align:center;
top:0;
}
/*#maincontainer a
{
	color:#000;
	}
#maincontainer a:hover
{
	color:#fff;
	text-decoration:none
	}*/
#topsection
{
    height:336px; /* Top yüksekliği */
    width:980px;
    margin:0 auto
}
#topsection .langdiv
{
    background:url(img/header_bg.png);
    padding:5px;
    float:right
    }
#topsection h1{
margin: 0;
}

#contentwrapper{
height:100%;
vertical-align:top;
padding:0;
width:727px;
background:#fff url(img/colbg.gif) repeat-x left top
}
#contentwrapper1{
height:100%;
vertical-align:top;
padding:0;
width:772px;
}

.leftcolumn{
width: 232px; /* Sol sütun genişlik */
 /* maincontainer genişliği kadar uzaklık */
height:100%;
vertical-align:top;
padding:0;
padding-top:5px;
background:#fff url(img/colbg.gif) repeat-x left top
}

.rightcolumn{
width: 212px; /* sağ sütun genişliği */
 /* sağ sütn genişliği kadar uzaklık */
height:100%;
vertical-align:top;
padding:0;
padding-top:5px;
}

#footer{
clear: left;
color:#574621;
text-align: center;
height:100px;
background-color:#fff;
padding:5px
}
#footback{
background-image:url(img/footback.gif);
background-repeat:no-repeat;
background-position:left bottom;
height:25px
}

#footer a{
color: #574621;
min-height:100px;
}
#footer a:hover{
color: #f5e4c3;
text-decoration:underline
}
.innertube{
margin: 0; /* içeriği ortalar */
float:left;
width:716px;
padding:0;
text-align:left;
padding:0 5px 10px 5px;
}
.innertube1{
margin: 0; /* içeriği ortalar */
float:left;
width:738px;
padding:0;
text-align:left;
padding:0 10px 10px 10px;
}
.columninnertube{ /* içeriği ortalar */
height:100%;
width:232px;
float:left;
padding-bottom:10px;
display:inline-table;
}
.columninnertube .box
{
	width:232px;
	display:block;
	height:100%;
	text-align:left;
	}
/*Modüller*/
.leftcolumn h1
{
	padding:8px 0 5px 15px;
	background:url(img/menuheadbg.gif) no-repeat 5px 4px ;
	color:#333;
	height:22px;
	font-size:16px;
	margin:0;
	margin-bottom:5px;
	width:215px;
	text-align:left;
	font-family:Tahoma;
	font-weight:bold
	}
.rightcolumn h1
{
	padding:10px 8px 3px 0;
	background:url(img/righthead.gif) repeat-x left bottom;
	color:#69553a;
	height:22px;
	font-size:16px;
	margin:0;
	margin-bottom:5px;
	width:200px;
	text-align:right;
	font-family:Tahoma;
	font-weight:normal; float:right
	}
/*Modüller Son*/
/* TopMenu and Footer Menu */
#top1
{
	float:left;
	width:980px;
	height:386px;
	}
	
.topmenu1 { margin:0 auto; font:14px Tahoma, Sans-serif; height:23px; float:left; background-color:#feeccd;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
opacity: .4;
filter: alpha(opacity=40); padding-top:10px; width:980px }
.topmenu1:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.topmenu1 ul
{
    width: 100%; padding:0; margin: 0; text-align: center; float:right
    }

.topmenu1 ul li{
display: inline; float:right; padding:0; margin:0 /* float yapılmazsa ortalar */
}

.topmenu1 ul li a
{
    color: #232222; padding:1px 16px; margin: 0; text-decoration: none; border-right: 1px solid #232222
}

.topmenu1 ul li a:hover, .topmenu1 ul li a.selected
{
    color:#00445b
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
font:normal 14px Tahoma;
line-height:18px;
z-index:100;
background-color:#903a01;
visibility: hidden;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
opacity: .8;
filter: alpha(opacity=80);
margin-top:2px;
width:180px;
text-align:left;
display:block;
padding:10px
}

* html .dropmenudiv a{ /*IE only hack*/

}

.dropmenudiv ul
{
    text-align:left; border:dotted 1px #9a4d19; list-style:none; float:left; margin:0; width:170px; padding:5px   }

.dropmenudiv ul li{
padding:0; margin:0; width:100%; display:inline-block; float:left
}

.dropmenudiv ul li a
{
    display:inline-block; color: #fff; padding:4px 0 4px 0; margin: 0; text-decoration: none; border-bottom:dotted 1px #fff; width:100%
}

.dropmenudiv ul li a:hover, .dropmenudiv ul li a.selected
{
    color:#b79d6f;
    border-bottom:dotted 1px #b79d6f
}


#foot_menu
{
	padding-top:15px;
	padding-bottom:15px;
	text-align:right
	}
#foot_menu a,#foot_menu a:visited{
	padding:0 7px 0 7px;
	text-decoration:none;
	color:#574621;
	font-size:12px;
	font-weight:normal;
	letter-spacing:0.025em
}
#foot_menu a:hover{
	color: #1f4433;
	text-decoration:underline
}
/* TopMenu Son */
/* Page (Sayfa Başlıkları ve içerikleri) */
.innertube h1
{
	padding:9px 5px 10px 5px;
	font-weight:normal;
	color:#073820;
	font-size:16pt;
	font-family:Myriad Pro;
	letter-spacing:1.5px;
	margin-top:0px;
	text-align:left;
	margin-bottom:0;
	}
.columninnertube .a
{
	padding:4px 0 3px 18px;
	color:#000;
	font-weight:normal;
	height:20px;
	font-size:14px;
	margin:0 5px 0 5px;
	margin-bottom:2px;	
	display:inline-block;
	text-decoration:none;
	font-weight:normal;
	width:202px;
	background:url(img/pmbg.gif) no-repeat left bottom;
	text-align:left
	}
.columninnertube .a:hover
{
	color:#903a01;
	background:url(img/pmbgh.gif) no-repeat left bottom;
	}
.pagedesc
{
	}
/* Page Son*/
/* Kategoriler */
.columninnertube .box .pcat
{
	padding:4px 0 3px 18px;
	color:#000;
	font-weight:normal;
	height:20px;
	font-size:14px;
	margin:0 5px 0 5px;
	margin-bottom:2px;	
	display:inline-block;
	text-decoration:none;
	font-weight:normal;
	width:202px;
	background:url(img/pmbg.gif) no-repeat left bottom;
	text-align:left
	}
.columninnertube .pcat:hover
{
	color:#903a01;
	background:url(img/pmbgh.gif) no-repeat left bottom;
	}
.columninnertube .pcat1
{
	padding:4px 0 3px 18px;
	color:#000;
	font-weight:normal;
	height:20px;
	font-size:14px;
	margin:0 5px 0 5px;
	margin-bottom:2px;	
	display:inline-block;
	text-decoration:none;
	font-weight:normal;
	width:202px;
	background:url(img/pmbg.gif) no-repeat left bottom;
	text-align:left
	}
.columninnertube .pcat1:hover
{
	color:#903a01;
	background:url(img/pmbgh.gif) no-repeat left bottom;
	}
.pagecat
{
	padding:9px 0 4px 10px;
	color:#333;
	height:22px;
	font-size:16px;
	margin:0;
	margin-bottom:5px;
	text-align:left;
	font-family:Myriad Pro;
	border-bottom:dotted 1px #888
	}
.pagecat a
{
	letter-spacing:0;
	color:#407703;
	}
.pagecat a:hover
{
	letter-spacing:0;
	color:#cc0000;
	}
.currentcat
{
	color:#333; font-weight:bold
	}
.catbody
{
	width:100%;
	margin:0 auto 10px auto;
	text-align:center;
	float:left;
	}
.catbody .subcat a
{
	color:#121d19;
	font-size:14px;
	margin:5px 0 0 15px;
	padding:5px 10px 5px 20px;
	background-image:url(img/pcathead.jpg);
	background-repeat:no-repeat;
	background-position:5px 10px;
	border-left: dotted 1px #66981a;
	display:inline-block;
	text-decoration:none;
	float:left;
	text-align:left
	}
.catbody .subcat a:hover
{
	border-left: dotted 1px #cc0000;
	color:#cc0000
	}
.subtitle
{
	float:left;
	width:96%;
	padding:5px 0 1px 5px;
	margin: 5px;
	color:#cc0000;
	border-bottom:dotted 1px #fee0e0;
	}
/* Product Yerleşim */
.prdrow
{
	width:210px;
	height:225px;
	margin-right:10px;
	margin-top:10px;
	font-size:14px;
	padding:5px;
	padding-top:20px;
	display:inline-block;
	text-align:center;
	font-family:Arial;
	float:left;
	border:solid 1px #ccc;
	}
.prdrow:hover
{
	background-image:url(img/prdbgh.jpg);
	}
.prdimgdiv
{
	width:170px;
	height:128px;
	margin:auto;
	text-align:center;
	padding:5px 5px 5px 5px
	}
.prdimg
{
	height:125px;
	border:0
	}
.prdtitle
{
	text-align:left;
	color:#5a4b38;
	text-align:center;
	padding-top:10px;
	}
.prdtitle1
{
	color:#f43204;
	}
.prdtitle1:hover
{
	color:#cc0000;
	}
.prdtitle a
{
	color:#5a4b38;
	text-decoration:none;
	line-height:25px
	}
.prdtitle a:hover
{
	color:#cc0000;
	}
.prdhead
{
	width:100px;
	color:#c1c0c0;
	float:left;
	text-decoration:none
	}
.prddetail
{
	float:left;
	width:700px;
	padding:10px;
	height:100%;
	font-size:14px
	}
.prddetail1
{
	float:left;
	width:752px;
	padding:5px;
	padding-bottom:0;
	font-size:14px;	
	}
.prddetail .dtimg
{
    
    }
/* Product Yerleşim Son */
/* Kategoriler Son */
/* EmailList */
.emailtitle
{
	margin-left:10px;
	width:192;
	display:block;
	}
.emailtxt
{
	width:210px;
	margin-left:10px;
	border:dotted 1px #cacaca;
	background-color:#fffae6;
	}
.link
{
	color:#903a01;
	text-decoration:none;
	font-weight:bold;
	margin-left:180px
	}
.link:hover
{
	color:#ff7900;
	text-decoration:underline
	}
.emaildesc
{
	margin-left:10px;
	margin-right:10px
	}
.erroremail
{
	margin-left:10px;
	width:100%;
	float:left;
	}
/* EmailList Son */
/* News */
.newsrow
{
	width:200px;
	padding-left:10px
	}
.newsdate
{
    width:200px;
    text-align:right;
	color:#e0612d;
	font-size:10px;
	}
.newsrow a
{
	width:200px;
	float:left;
	display:inline-block;
	color:#606866;
	font-size:12px;
	padding:0 0 3px 10px;
	border-bottom: dotted 1px #cacaca;
	text-decoration:none;
	background-image:url(img/newsok.jpg);
	background-repeat:no-repeat;
	background-position:10px 7px;
	}
.newsrow a:hover
{
	color:#ff6600;
	border-bottom: dotted 1px #e0612d;
	}
/* News Son */
/* pictures */
.sliderwrapper{
position: relative; 
overflow: hidden;
width: 500px;
margin:0 auto 0 auto;
}

.sliderwrapper .contentdiv{
background:#ffffff;
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
text-align:center;
}

.pagination{
width: 400px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
text-align:center;
padding: 5px 10px;
margin:10px auto 0 auto;
}

.pagination a{
padding: 0 5px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}
.dtimg
{
	border:0;
	height:195px;
	}/* photogallery */
.phdiv
{
	float:left;
	padding:5px;
	margin-left:25px;
	margin-bottom:25px;
	text-align:center;
	background-color:#fff4d4
	}
.phdiv:hover{background-color:#fed4d4}
.phimg
{
	width:75px;
	height:56px;
	border:0;
	}
.phheader
{
	color:#cc0000
	}
.phdesc
{
	padding-top:5px;
	}
.noimg
{
	text-align:center;
	color:#333333
	}
/* photogallery son*/


/* Comment */
.cforml
{
	border: dotted 1px #f2f2f2;
	width: 148px;
	text-align: left;
	padding-left: 15px;
	}
.cformm
{
	width: 10px;
	text-align: center;
	}
.cformr
{
	width: 315px;
	text-align: left;
	}
.cformtxt
{
	border: solid 1px;
	border-top-color: #f2f2f2;
	border-right-color:#efefef;
	border-bottom-color: #efefef;
	border-left-color: #f2f2f2;
	background-color: #fafafa;
	width: 222px;
	font-size: 11px;
	font-family: Arial;
	letter-spacing: 1px;
	color: #8c3433;
	filter: alpha(opacity=80);
	padding-left:3px;
	}
.ErrLbl
{
	display:inline-block;
	margin: 5px 10px 20px 10px;
	padding:5px;
	color: #cc0000;
	background-color: #f8e2e2;
	border: dotted 1px #fd4545;
	font-weight:bold;
	width:97%
	}
.ErrLblOk
{
	display:inline-block;
	margin: 5px 10px 20px 10px;
	padding:5px;
	color: #a60e0e;
	border-bottom:dotted 1px #a60e0e;
	font-weight:bold;
	width:97%
	}
a
{
	color:#333333
	}
a:hover
{
	color:#a60e0e
	}
.ciheader
{
	float:left;
	width:248px;
	height:100%;
	color:#438730;
	font-size:16pt;
	font-family:Arial Narrow;
	letter-spacing:1px;
	margin-top:8px;
	margin-left:10px;
	}
.backdiv
{
	width:100%; height:100%; position:absolute; margin:0 auto 0 auto; top:0; background:url(img/header_bg.png) repeat-x center 88px 	}
.backdiv1
{
	z-index:5; width:100%; height:47px; position:absolute; top:0; margin:0 auto 0 auto
	}
.backdiv2
{
	z-index:5; width:100%; height:78px; position:absolute; margin:128px auto 0 auto
	}
.backdiv2logo
{
    position:relative; text-align:left; width:980px; height:78px; display:table; margin:auto; background:url(img/metelogo.png) no-repeat left top
    }
.orta
{
	width:1px;
	background-color:#feeccd;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    opacity: .4;
    filter: alpha(opacity=40);
	}
.malzeme
{
	float:left; text-align:left; padding:5px; margin-left:10px; display:inline-block; width:680px
	}
.pdesc
{
    text-align:justify; float:left; padding:5px; margin-left:10px; display:inline-block; width:680px
    }
.keywords
{
    font-size:12px; color:#cccccc; padding-left:15px; float:left; display:inline-block
    }
.noproduct
{
    padding-left:20px; padding-top:15px; float:left; display:inline-block
    }
.opcolumn{
width: 10px;
background-color:#feeccd;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
opacity: .4;
filter: alpha(opacity=40);

}
