* {
margin:0;
padding:0;
}
.clearfix {
clear:both;
}
#wrapper {
width:998px;
font-family:Arial, Helvetica, sans-serif;
}
#top {
width:100%;
height:84px;
}
#top h1 {
float:left;
width:290px;
height:73px;
background-image:url(../images/WN_Logo_neu.jpg);
text-indent:-3000px;
cursor:pointer;
}

/* SAG UST NAVIGASYON*/
#topnav {
margin-top:5px;
float:right;
list-style-type:none;
}
#topnav li {
float:left;
display:inline;
}
#topnav li a {
display:block;
padding:0px 5px 0px 20px;
float:left;
text-align:center;
text-decoration:underline;
color:#888888;
font-size:11px;
line-height:16px;
}
#topnav li a:hover {
color:#000000;
}
.topnav {
padding:3px 0px 3px 5px;
}
.topnav, .topnav a {
font-size:11px;
color:#999999;}
.topnav a {
text-decoration:underline;
}
.topnav a:hover {
color:#333333;
}
.topnav p{
padding:3px 15px 3px 3px;
float: right;
}

.topnav p a {
font-size:11px;
color:#000063;
}
.topnav p a:hover {
color:#6e6e6e;
text-decoration:underline;
}

/* SAG UST NAVIGASYON IKONLARI */
.sitemap {
background:url(../images/sitemap.gif) no-repeat;
}
.contact {
background:url(../images/contact.gif) no-repeat;
}
.help {
background:url(../images/help.gif) no-repeat;
}
/* MENU */
#menubar {
width:100%;
height:28px;
background:url(../images/menubg.gif) repeat-x;
}
#menu
{	
	float:right;
	margin: 0;
	padding-right:200px;
	z-index: 30;
	}

#menu li {	
list-style: none;
float: left;
}

#menu li a
{	display: block;
	padding: 6px 25px 5px 25px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size:13px;
	border-left:1px solid #CCCCCC;}

#menu li a:hover
{	background:url(../images/menubghover.gif) repeat-x;
}

#menu li ul
{	position: absolute;
	visibility: hidden;
	width:150px;
	height:auto;
	background: #CCCCCC;
	border: 1px solid #333333;
	text-align: left;
	z-index:999;
	}

#menu li ul li a
{	position: relative;
	width:129px;
	padding: 5px 10px;
	text-align: left;
	text-decoration: none;
	background: #CCCCCC;
	color: #000066;
	font-size: 11px;
	}

#menu li ul li a:hover
{	
background:url(../images/menubghover.gif) repeat-x;
color: #FFF;
}

input.enter {
display:block;
width:100%;
padding:2px;
color:#FFFFFF;
font-weight:bold;
background-color:#000066;
border:1px ridge #fff;
}
input.enter:hover {
background-color:#afafaf;
}

.jumper select{
margin-left:15px;
color:#FF0000;
background-color:#DBDBDB;
font-size: 11px;
font-family: arial;
}

/* SIDEBAR */
#sidebar {
float:left;
width:159px;
background-color:#e2e2e2;
padding:15px 20px;
border-right:1px solid #FFFFFF; 
min-height:400px;
height:auto !important;
height:400px;
overflow:visible;

}
input.search {
display:block;
width:100%;
padding:2px;
color:#FFFFFF;
font-weight:bold;
background-color:#afafaf;
border:1px ridge #fff;
}
input.search:hover {
background-color:#9b9b9b;
}
#sidebar ul {
display:block;
width:154px;
padding-left:5px;
margin-top:15px;
list-style-image:url(../images/arrow.gif);
list-style-position:inside;
}
#sidebar ul li {
margin-bottom:3px;
height:22px;
}
#sidebar ul li a {
font-size:12px;
line-height:14px;
color:#000000;
text-decoration:none;
}
#sidebar ul li a:hover {
color: #666699;
}
#main {
float:left;
width:598px;
background-color:#F6F6F6;
height:auto;
min-height:500px;
}
* html #main {
height: 500px;
}
#mainprods {
float:left;
width:598px;
background-color:#F6F6F6;
height:auto;
min-height:500px;
}
* html #mainprods {
height: 500px;
}

#main h2 {
display:block;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#00004f;
padding:5px 5px 3px 5px;
border-bottom:1px solid #899694;
margin: 0px 5px 3px 5px;
}
.mainh3 {
display:block;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#00004f;
padding:5px 5px 3px 5px;
margin: 0px 5px 3px 5px;
}

.mainh3 a{
display:block;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#00004f;
padding:5px 5px 3px 5px;
margin: 0px 5px 3px 5px;
}

#main p {
font-size:12px;
padding:5px 5px 3px 5px;
margin: 0px 5px 3px 5px;

}
.firmsbox, .contactbox {
border-bottom:1px solid #d5e2f0;
margin:10px 10px 0px 10px;
padding-bottom:10px;
}
.firmsbox h3, .contactbox h3, .map h3 {
display:block;
font-size:14px;
color:#004A95;
padding-bottom:3px;
}
.firmsbox p, .contactbox p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.contactbox a {
color:#000000;
text-decoration: none;
}
.contactbox a:hover {
color:#00376f;
text-decoration: underline;

}

.map {
padding:0px 8px 8px 8px;
}
.map a img {
border:1px solid #CFCFCF;
}

.searchbox {
margin:10px 10px 0px 10px;
padding-bottom:10px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;

}
.searchbox p {
margin-bottom:8px;
line-height:18px;
}

.searchbox span {
display: block;
float: left;
width:100px;
line-height:18px;
}


.searchlist {
margin:10px 10px 0px 10px;
}
.searchlist ul li a {
color:#000000;
text-decoration: none;
font-size:12px;

}
.searchlist ul li a:hover {
color:#00376f;
text-decoration: underline;

}

.searchlist li {
padding-top:0px;
padding-bottom:8px;
border-bottom:1px solid #d5e2f0;
color:#00376f;
padding-left: 10px;
list-style-image:url(../images/arrow.gif);
margin-top: 5px; 

}

.aboutus {
padding:8px;
}
.aboutus p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
margin-bottom:8px;
line-height:18px;
}
.aboutus img {
float:right;
padding:0px 0px 8px 8px;
}
.kilavuz {
padding-left:25px;
list-style-type:disc;
padding-right:5px;
}
.kilavuz li {
padding-top:0px;
padding-bottom:8px;
border-bottom:1px solid #d5e2f0;
font-size:12px;
color:#00376f;
padding-left: 10px;
list-style-image:url(../images/book.gif);
margin-top: 5px; 

}
.kilavuz li ul {
padding-top:5px;
padding-left:5px;
list-style-type:none;
}
.kilavuz li ul li {
padding:0;
border:none;
line-height:20px;
color:#004A95;
list-style-image:none;

}
.kilavuz li ul li a {
color:#000000;
text-decoration: none;
}
.kilavuz li ul li a:hover {
color:#00376f;
text-decoration: underline;

}
#productdetails {
width:585px;
font-size:12px;
color:#000000;
padding:5px;
}

.prodcontrol {
background:#ffffff;
padding:3px 5px 3px 5px;
margin-bottom:5px;
}

.prodcontrol  p {
text-align:justify;
padding: 0px 0px 3px 0px;
}

.maincontentimg {
float: right;
border:0px solid #ccc;
padding: 3px 3px 3px 3px;
margin-left: 15px;
margin-bottom: 10px;
}
/* PRODUCTS */
#products {
width:589px;
padding-bottom:15px;
border-left:8px solid #F6F6F6;
}
#products h2 {
display:block;
padding:3px 3px 3px 10px;
font-size:14px;
background-image:url(../images/h2bg.jpg);
color:#fff;
margin-top:5px;
margin-bottom:5px;
margin-right:10px;
}
.prodbox {
position:relative;
float:left;
width:130px;
border:1px solid #CCCCCC;
background-color:#FFFFFF;
margin-top:5px;
margin-right:15px;
margin-bottom:5px;
text-align:center;
cursor:pointer;
}
.prodbox:hover {
background-color:#abb2c7;
border:1px solid #064B84;
}
.prodbox:hover .open{
background-color:#abb2c7;
border-left:1px solid #064B84;
border-right:1px solid #064B84;
border-bottom:1px solid #064B84;
}
.prodbox h3 {
font-size:11px;
margin-top:5px;
margin-bottom:5px;
color:#333333;
}

.prodbox img {
margin-top:5px;
}

.open {
position:absolute;
width:130px;
background-color:#fff;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding-bottom:0px;
top:90px;
left:-1px;
overflow:hidden;
}
.open:hover {
background-color:#fcfcfc;
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
}
.open ul {
text-align:left;
width:130px;
list-style-type:none;
}
.open ul li {
display:block;
line-height:15px;
padding-bottom:2px;
margin-left:2px;
border-bottom:1px solid #ced7f0;
}
.open ul li a {
display:block;
font-size:10px;
text-decoration:none;
color:#000066;
}
.open ul li a:hover {
color: #e3e6f0;
background:url(../images/ok.gif) no-repeat;
background-position:100% 50%;
}
#products table {
width:96%;

}
#products table tr td{
padding:4px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border-bottom:1px solid #d5e2f0;
}
#products table tr td a{
color:#006699;
text-decoration:none;
}
#products table tr td a:hover {
text-decoration:underline;
color:#000000;
}
/* CATEGORIES*/

.catlist {
display:block;
list-style-type:none;
font-size:12px;
margin-top:15px;
margin-left:10px;


}
.catlist li {
padding-left:10px;
background:url(../images/ok.gif) no-repeat;
background-position:0% 50%;
}
.catlist li a {
text-decoration:none;
color:#666666;
line-height:16px;
}
.catlist li a:hover {
color:#7777b2;
text-decoration:underline;
}
/* NEWS */
.news_inside {
margin-top:5px;
}
.news_inside h2 a{
font-size:14px;
text-decoration:none;
color:#006699;
}
.news_inside h2 a:hover {
color:#638ea3;
text-decoration:none;

}
.news_inside p {
display:block;
padding:5px;
font-size:12px;
}
.kaynak {
padding:0px 10px 0px 10px;
font-size:9px;
color:#666666;
margin-right: 10px;
}
.kaynakt {
padding:0px 10px 0px 10px;
font-size:8px;
color:#666666;
margin-right: 10px;
text-align:right;
}
.news_inside a{
font-size:12px;
text-decoration:none;
color:#006699;
}
.news_inside a:hover {
color:#638ea3;
text-decoration:underline;
}

#rightbar {
float:right;
width: 200px;
background-color:#535f5d;
}
#footer {
display:block;
height:20px;
font-family:Arial, Helvetica, sans-serif;
padding-top:5px;
padding-left:10px;
font-size:12px;
color:#999999;
width:100%;
clear:both;
border-top:1px dotted #CCCCCC;
background-color:#fff;
margin-top:5px;
}

#footerlinks a {
color:#999999;
text-decoration: none;
font-size: 11px;

}
#footerlinks a:hover {
color:#000063;
text-decoration: underline;
}


.sub_title {font-family:Arial; font-size:12px; color:#437cbd; text-decoration:none; font-weight:bold; line-height:13px}
#SendBtn{font:90% Tahoma;padding:0em 0.2em;position:relative;top:1px;margin-left:6px;width:7.6em;}

/* Page Numbers */

.pages {
padding: 0px 0px 5px 5px;
margin: 1em 0;
clear: left;
font-size: 11px;
}
.pages a, .pages span {
display: block;
float: left;
padding: 0.2em 0.5em;
margin-right: 0.1em;
border: 1px solid #fff;
background: #fff;
}

.pages span.current {
border: 1px solid #666699;
font-weight: bold;
background: #666699;
color: #fff;
}

.pages a {
border: 1px solid #ccc;
text-decoration: none;
color: #2f4ea7;
}

.pages a:hover {
border-color: #2E6AB1;
}
.pages a.nextprev {
font-weight: bold;
}
.pages span.nextprev {
color: #666;
}
.pages span.nextprev {
border: 1px solid #ddd;
color: #999;
}
.pages .nextprev-next {
float: right;
}

.newsmain {
font-size: 12px;
margin:12px 14px 10px 14px;
border-bottom:1px solid #e3e3e3;
}

.newsmain h3, .newsmain h3 a{
font-size: 13px;
color: #666666;
text-decoration: none;
}
.newsmain a {
font-size: 10px;
color: #666666;
text-decoration: none;

}

.newsmain h3 a:hover, .newsmain a:hover{
color: #5d6191;
text-decoration: underline;
}

.urun {
margin:12px 14px 10px 14px;
padding: 5px 5px 5px 5px;
width:566px;
text-align:left;

}

.urun p{
font-size:12px;
margin-top: 8px;
}

.urun img {
float: right;
border:1px solid #fff;
padding:4px 4px 4px 4px;

}

.urun img:hover {
border:1px solid #ececec;
}
.urun p a{
font-size:12px;
color:#000;
text-decoration:none;
}

.urun p a:hover {
color:#000066;
text-decoration:underline;

}
.urun h3 a{
display: block;
margin-bottom: 8px;
font-size:12px;
color:#000;
text-decoration:none;
border-bottom:1px dotted #e3e3e3;

}

.urun h3 a:hover {
color:#000066;
}
/* SITE MAP */
.sitemap_c {
float:left;
width:165px;
padding:5px 10px;
}
.sitemap_c ul {
display:block;
width:154px;
padding-left:5px;
margin-top:15px;
list-style-image:url(../images/arrow.gif);
list-style-position:inside;
}
.sitemap_c ul li {
margin-bottom:3px;
height:22px;
}
.sitemap_c ul li a {
font-size:12px;
line-height:14px;
color:#000000;
text-decoration:none;
}
.sitemap_c ul li a:hover {
color: #666699;
}


.author {
float:right;
margin: 0px 5px 3px 60px;
width: 82px;
height: 24px;
text-decoration: none;
background-image:url(../images/bu_interactive.gif);
}

.author:hover {
background-position:0% -24px;
}

/* lýghtbox */
/* LIGHTBOX  */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev {
	left: 0;
	float: left;
}
#lightbox-nav-btnNext {
	right: 0;
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px;
	color: #666;
}
#lightbox-container-image-data #lightbox-image-details {
	width: 70%;
	float: left;
	text-align: left;
}
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}
#lightbox-secNav-btnClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}




.htitle {
display:block;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
margin:0px 0px 0px 16px;
}

.hprotitle {
display:block;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
color:#303183;
margin:5px 0px 5px 16px;
}

.imgwhtbox {
padding:2px;
border:1px solid #ffffff;
}

.homenewprod {
float:left;
width:175px;
background:url(../images/homenewboxbg.gif) no-repeat;
height:220px;
margin-bottom:10px;
margin-left:15px;
margin-top:8px;
padding-bottom:10px;
}

.homenewprod h4 {
font-family:Arial, "Times New Roman", Times, serif;
font-weight:100;
color:#d10018;
font-size:12px;
padding:8px 8px 8px 8px;
height:50px;
}

.homenewprod p{
text-align:left;
padding:10px 3px 5px 5px;
font-family:Arial;
color:#000000;
font-size:12px;
}

.homenewprod a{
color:#535d5c;
text-decoration:none;
}

.homenewprod a:hover{
color:#d10019;
text-decoration:none;
border-bottom:1px dotted #d10019;
}

.homenewprod img{
text-align:center;
padding:3px 20px 3px 20px;
}

.comparetbl {
font-family:Arial;
color:#000000;
font-size:12px;
padding:3px 5px 3px 5px;

}
.comparetbl a{
font-family:Arial;
color:#535d5c;
font-size:12px;
text-decoration:none;
}
.comparetbl a:hover{
font-family:Arial;
color:#d10018;
font-size:12px;
text-decoration:underline;
}
