html
{
	width: 100%;
	height: 100%;
}

body
{
	width: 100%;
	height: 100%;
	margin: 0px auto;
	text-align: center;
	font-family: tahoma;
	font-size: 11px;
	background-color: #000000;
}

/* Safari ve Chrome için */
textarea
{
	resize: none;
}

/* Safari ve Chrome için */
input:focus, textarea:focus, img:focus, a
{
	outline: 0px none;
}

/* IE Form */
form
{
	padding: 0px;
	margin: 0px;
}

a
{
	text-decoration: none;
}

/* IE 6, Çok float kullanımında son sütunu aşağı kaydırıyor. Bunu engellemek için gerekli */
div.ie6fix 
{
	display: none; /* Standard tüm tarayıcılarda görüntülemiyoruz */
	_display: block;
	_clear: both;
	_height: 1px;
	_font-size: 1px;
	_overflow: hidden
}

div.clear
{
	clear: both;
}

.nojs
{
	background-color: #ad9c6f;
	color: #000000;
	font: bold 11px Tahoma;
	padding: 10px 5px 10px 5px;
	text-align: center;
}

.loadingbox
{
	border: 3px solid #297aab;
	width: 200px;
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	position: absolute; 
	z-index: 10000;
}

.loadingbox .bd
{
	padding: 0px 0px 15px 15px;
}

.loadingbox .bd .l_ind
{
	float: left;
}

.loadingbox .bd .l_desc
{
	float: left;
	margin: 2px 0px 0px 10px;
	text-align: left;
	padding-bottom: 15px;
}

.loadingbox .hd
{
	display: none;
}

.loadingbox .ft
{
	float: left;
	padding: 5px;
}

.imgbtn
{
	border: none;
	padding: 0px;
	margin: 0px;
	font-size: 1px;
	cursor: pointer;
	_cursor: hand;
}

.pointer
{
	cursor: pointer;
	_cursor: hand;
}

.pager
{
	width: 100%;
	min-width: 960px;
	height: 100%;
	background-color: #000000;
}

.header
{
	width: 100%;
	min-width: 960px;
	height: 76px;
	background-color: #000000;
	_overflow: hidden; /* IE 6 Malesef biraz haylaz :) */
}

.body
{
	width: 100%;
	min-width: 960px;
	height: 716px;
	background: #000000 url("images/bg.jpg") no-repeat center;
}

.footer
{
	width: 100%;
	padding: 10px 0px 10px 0px;
	height: 60px;
	background-color: #000000;
	font-size: 10px;
	color: #bdbdbd;
	text-align: center;
}

.container
{
	clear: both;
	width: 960px;
	margin: 0px auto;
}

ul.navigation
{
	padding: 0px;
	margin: 0px;
	width: 960px;
}

ul.navigation li
{
	list-style-type: none;
	display: inline;
	float: left;
	padding-top: 28px;
}

ul.navigation li a
{
	display: block;
	height: 19px;
	float: left;
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0px 0px;
	text-decoration: none;
}

ul.navigation li a:hover
{
	background-position: 0px -17px;
}

ul.navigation li.pierre a
{
	width: 99px;
	background-image: url("images/pc.gif");
}

ul.navigation li.collection a
{
	width: 95px;
	background-image: url("images/collection.gif");
}

ul.navigation li.pricelist a
{
	width: 97px;
	background-image: url("images/pricelist.gif");
}

ul.navigation li.order a
{
	width: 126px;
	background-image: url("images/order.gif");
}

ul.navigation li.logo
{
	padding: 0px;
}

ul.navigation li.logo a
{
	width: 127px;
	height: 102px;
	background-image: url("images/pierrecarlos.jpg");
	position: relative;
	z-index: 99;
}

ul.navigation li.logo a:hover
{
	background-position: 0px 0px;
}

ul.navigation li.marketting a
{
	width: 97px;
	background-image: url("images/marketting.gif");
}

ul.navigation li.coworker a
{
	width: 60px;
	background-image: url("images/coworker.gif");
}

ul.navigation li.client a
{
	width: 144px;
	background-image: url("images/client.gif");
}

ul.navigation li.factory a
{
	width: 86px;
	background-image: url("images/factory.gif");
}

ul.navigation li.factory a, ul.navigation li.contactus a, ul.navigation li.client a
{
	background-position: 20px 0px;
}

ul.navigation li.factory a:hover, ul.navigation li.contactus a:hover, ul.navigation li.client a:hover
{
	background-position: 20px -19px;
}

ul.navigation li.contactus a
{
	width: 88px;
	background-image: url("images/contactus.gif");
}

.spot, .headline
{
	width: 960px;
	height: 520px;
	background-color: #000000;
}

.spot
{
	background-color: #000000;
	margin-top: 5px;
	*margin-top: 5px;
}

.headline .leftnav, .headline .rightnav
{
	width: 39px;
	padding: 10px 0px 0px 18px;
	float: left;
}

.headline .leftnav a.fullscreen
{
	display: block;
	width: 20px;
	height: 18px;
	float: left;
	background: transparent url("images/fullscreen.gif") no-repeat;
}

.headline .leftnav a.prev, .headline .rightnav a.next
{
	display: block;
	width: 20px;
	height: 18px;
	float: left;
	background: transparent url("images/nav_arrows.gif") no-repeat scroll 0px -18px;
	text-decoration: none;
}

.headline .leftnav a.prev
{
	margin-top: 200px;
}

.headline .rightnav a.next
{
	margin-top: 218px;
}

.headline .leftnav a.prev:hover
{
	background-position: 0px 0px;
}

.headline .rightnav a.next
{
	background-position: -18px -18px;
}

.headline .rightnav a.next:hover
{
	background-position: -18px 0px;
}

.headline .pictures_wrapper
{
	width: 846px;
	height: 513px;
	float: left;
	overflow: hidden;
	margin-top: 5px;
	background: url("images/pcurl.gif") no-repeat top center;
	direction: ltr;
}

.headline .pictures
{
	width: 99999px;
	height: 513px;
	float: left;
}

.headline .pictures div
{
	width: 846px;
	height: 513px;
	float: left;
	background-repeat: no-repeat;
	background-position: center center;
}

.frontline
{
	width: 100%;
	height: 140px;
	margin: 0px auto;
	overflow: hidden;
	margin-top: 38px;
	direction: ltr;
}

.frontline .frontlines
{
	width: 9999px;
	height: 140px;
	float: left;
}

.frontline .frontlines div.box
{
	width: 143px;
	float: left;
	margin-left: 30px;
}

.frontline .frontlines div.blankbox, .frontline .frontlines div.blankbox_luquid
{
	width: 143px;
	height: 96px;
	float: left;
	margin-left: 30px;
}

.frontline .frontlines div.blankbox_luquid
{
	width: auto;
}

.frontline .frontlines div.box.firstChild
{
	margin-left: 0px;
}

.frontline .frontlines div.box .img
{
	width: 141px;
	height: 94px;
	float: left;
	border: 2px solid #000000;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #ffffff;
}

.frontline .frontlines div.box .txt
{
	width: 143px;
	color: #000;
	text-align: left;
	font: 8px verdana;
}

a.front_prev, a.front_next
{
	position: absolute;
	display: block;
	width: 14px;
	height: 16px;
	background: transparent url("images/front_arrows.png") no-repeat scroll -14px 0px;
	_background: none;
	z-index: 9999;
	text-decoration: none;
}

a.front_prev
{
	_background: transparent url("images/front_arrow_left.png") no-repeat;
}

a.front_prev:hover
{
	background-position: -14px -16px;
	_background: transparent url("images/front_arrow_left_hover.png") no-repeat;
}

a.front_next
{
	background-position: 0px 0px;
	_background: transparent url("images/front_arrow_right.png") no-repeat;
}

a.front_next:hover
{
	background-position: 0px -16px;
	_background: transparent url("images/front_arrow_right_hover.png") no-repeat;
}

.content_wrapper
{
	text-align: left;
	width: 846px;
	float: left;
	color: #ffffff;
}

.aboutus, .pricelist_wrapper, .ordering, .news, .client_wrapper, .factory_wrapper, .marketting_wrapper
{
	width: 846px;
	float: left;
	padding-top: 50px;
	font-family: verdana;
}

.ordering
{
	padding-top: 13px;
}

.aboutus .content
{
	width: 370px;
	float: left;
	text-align: justify;
	color: #bfbfbf;
	font: 11px Verdana;
}

.aboutus .right
{
	width: 453px;
	padding-left: 23px;
	float: left;
}

.aboutus .right .rightimage
{
	width: 453px;
	height: 389px;
	float: left;
	background: url("images/pc.jpg") no-repeat right;
}

.aboutus .right .address
{
	width: 453px;
	float: left;
	text-align: center;
	font-family: tahoma;
	color: #ffffff;
	padding-top: 4px;
}

.pricelist_wrapper
{
	padding-top: 30px;
}

.pricelist_wrapper .content, .ordering .content, .client_wrapper .content
{
	width: 300px;
	_width: 270px;
	float: left;
}

.ordering .content
{
	padding-top: 20px;
}

.marketting_wrapper .content
{
	width: 270px;
	float: left;
	padding-left: 30px;
}

.client_wrapper .content, .marketting_wrapper .content
{
	padding-top: 10px;
}

.pricelist_wrapper .content .context
{
	padding-top: 15px;
	color: #ffffff;
	font: 11px tahoma;
}

.pricelist_wrapper .rightimage
{
	width: 518px;
	height: 512px;
	padding-left: 28px;
	float: left;
	background: url("images/pl.jpg") no-repeat right;
}

.client_wrapper .address
{
	width: 210px;
	padding-right: 90px;
	padding-top: 15px;
	padding-bottom: 40px;
	font: 10px Tahoma;
}

.pricelist_wrapper .ft
{
	padding-top: 15px;
}

.orderlink
{
	display: block;
	width: 51px;
	height: 16px;
	float: left;
	background: url("images/orderlink.gif") no-repeat;
}

.ordering .rightimage
{
	width: 511px;
	height: 517px;
	float: left;
	background: url("images/o.jpg") no-repeat top right;
}

.ordering .title, .ordering .form, .client_wrapper .form
{
	width: 300px;
	float: left;
	margin-top: 5px;
}

.client_wrapper .subtitle
{
	font: bold 11px Tahoma;
	margin: 10px 0px 10px 0px;
	background: url("images/sf.gif") no-repeat scroll 0px 1px;
	padding-left: 6px;
}

.client_wrapper .note
{
	font: 10px Tahoma;
	margin-top: 8px;
}

.client_wrapper .ft
{
	width: 210px;
	padding-top: 20px;
	font: 11px Tahoma;
}

.client_wrapper .right, .client_wrapper .right .subtitle, .marketting_wrapper .right
{
	width: 546px;
	float: left;
}

.client_wrapper .right .image, .marketting_wrapper .right .image
{
	margin-top: 8px;
	width: 538px;
	height: 382px;
	border: 4px solid #3f3e3e;
	background: url("images/pcc.jpg") no-repeat center center;
	float: left;
}

.client_wrapper .right .subtitle
{
	float: left;
}

.client_wrapper .right .map
{
	width: 538px;
	height: 382px;
	floaT: left;
	border: 4px solid #3f3e3e;
}

.ordering .form .row, .client_wrapper .form .row
{
	width: 280px;
	float: left;
	padding-right: 30px;
	margin-top: 5px;
	font: 10px Tahoma;
	color: #ffffff;
}

.submitbtn
{
	width: 46px;
	height: 16px;
	background: url("images/submitbtn.gif") no-repeat;
	float: right;
	margin-right: 26px;
}

.news
{
	padding-top: 10px;
}

.news .content
{
	width: 445px;
	float: left;
	padding-top: 30px;
}

.news .content .news_wrapper
{
	padding: 30px 5px 5px 20px;
}

.news .content .news_wrapper .newstitle
{
	background: url("images/h.gif") no-repeat scroll 0px 1px;
	padding-left: 20px;
	font: bold 11px Tahoma;
	color: #3d586d;
	text-align: justify;
}

.news .content .news_wrapper .context
{
	padding-top: 5px;
	padding-left: 20px;
	text-align: justify;
	font: 11px Tahoma;
}

.news .rightimage
{
	padding-left: 31px;
	width: 370px;
	height: 515px;
	float: left;
	background: url("images/n.jpg") no-repeat;
}

.row .cells
{
	padding: 0px;
	margin: 0px;
	width: 300px;
	_width: 270px;
}

.row .cells .cell1, .row .cells .cell2
{
	display: inline;
	float: left;
	list-style-type: none;
}

.row .cells .cell1
{
	width: 130px;
}

.row .cells .cell1 .input li.i input
{
	width: 119px;
	*width: 117px;
}

.row .cells .cell2
{
	width: 300px;
}

.row .cells .cell2 .input li.i input
{
	width: 249px;
	*width: 247px;
}

.row .cells .cell1 .select li.s
{
	width: 108px;
}

.ordering .ft
{
	margin-top: 15px;
	font: 10px tahoma;
	color: #ffffff;
}

.factory_wrapper
{
	padding-top: 20px;
}

.factory_wrapper .fpictures, .frow
{
	width: 415px;
	float: left;
}

.factory_wrapper .context
{
	width: 400px;
	float: left;
	padding-left: 23px;
	padding-top: 8px;
}

.frow
{
	margin-top: 10px;
}

.frow .fcells
{
	padding: 0px;
	margin: 0px;
	width: 415px;
}

.frow .fcells .fcell
{
	display: inline;
	float: left;
	list-style-type: none;
	width: 205px;
}

.frow .fcells .fcell .img
{
	width: 190px;
	height: 125px;
	border: 3px solid #8c8c8c;
}

.frow .fcells .fcell .txt
{
	font: 10px Tahoma;
}



/****************** Input, Textarea, Select *****************************/
.textarea
{
	margin: 0px;
	padding: 0px;
	width: 300px;
	float: left;
}

.textarea li, .input li
{
	list-style-type: none;
	display: inline;
	float: left;
}

.textarea li.l, .textarea li.r
{
	width: 2px;
	height: 86px;
	background: transparent url("images/tbg.gif") no-repeat scroll 0px 0px;
	font-size: 1px;
}

.textarea li.r
{
	background-position: -2px 0px;
}

.textarea li.t
{
	background-color: #bdbdbd;
	padding: 2px;
}

.textarea li.t textarea
{
	width: 245px;
	*width: 243px;
	height: 80px;
	*height: 78px;
	overflow: auto;
	background-color: #bdbdbd;
	border: 0px none;
	font: 11px tahoma;
	_position: relative;
}

.input, .select
{
	margin: 0px;
	padding: 0px;
	float: left;
	text-align: left;
}

.input li, .select li
{
	list-style-type: none;
	display: inline;
	float: left;
}

.input li.l, .input li.r, .select li.l, .select li.r
{
	width: 2px;
	height: 16px;
	background: transparent url("images/selectionbg.gif") no-repeat scroll 0px 0px;
	font-size: 1px;
}

.input li.r, .select li.r
{
	background-position: 0px -16px;
}

.input li.i
{
	background-color: #bdbdbd;
	height: 14px;
	padding-top: 2px;
	*height: 15px;
	*padding-top: 1px;
	color: #262626;
}

.select li.s
{
	background-color: #bdbdbd;
	height: 14px;
	padding-top: 2px;
	color: #262626;
	font-size: 10px;
}

.input li.i input
{
	font: 9px tahoma;
	border: 0px none;
	background-color: #bdbdbd;
	color: #262626;
	_position: relative;
}

.select li.d
{
	background-color: #bdbdbd;
	width: 11px;
	height: 14px;
	padding-top: 2px;
}

.select li.d img
{
	_position: relative;
}
/****************** Input, Textarea, Select Sonu *****************************/


.orderbtn
{
	width: 65px;
	height: 16px;
	background: url("images/orderbtn.gif") no-repeat;
	float: right;
	margin-right: 26px;
}

.selection-dom 
{ 
	width: 121px; 
	border: 1px solid #c7c8c8; 
	border-top: none;  
	background-color: #bdbdbd; 
	position: absolute; 
	z-index: 9999;
	_padding-right: 5px;
}

.selection-dom .selection, .selection-dom .selection-selected, .selection-dom .selection-hover
{
	padding: 4px; 
	font: 10px Tahoma; 
	cursor: pointer; 
	_cursor: hand;
	margin-top: 1px;
	background-color: #bdbdbd; 
	color: #000000;
	text-align: left;
}

.selection-dom .selection-hover
{
	background-color: #000000;
	color: #61a0c2;
}

.footer_wrapper
{
	width: 960px;
	margin: 0px auto;
}

.yoncalogo
{
	float: right;
	margin-top: 20px;
}

.yoncalogo a
{
	display: block;
	width: 61px;
	height: 31px;
	background: url("images/yoncalogo.gif") no-repeat scroll 0px 0px;
}

.yoncalogo a:hover
{
	background-position: 0px -31px;
}

.email
{
	width: 220px;
	margin: 0px auto;
}

.email .email_wrapper
{
	padding: 0px;
	margin: 0px;
	width: 220px;
}

.email .email_wrapper .inputcell, .email .email_wrapper .btn
{
	display: inline;
	float: left;
	list-style-type: none;
}

.email .email_wrapper .inputcell .input li.i input
{
	width: 180px;
}

.email .email_wrapper .btn
{
	width: 30px;
}

.email .email_wrapper .inputcell
{
	width: 190px;
}

.copyright
{
	width: 400px;
	margin: 0px auto;
	padding: 5px 0px 5px 0px;
	font-size: 10px;
}

.addbtn
{
	width: 30px;
	height: 16px;
	background: url("images/insertbtn.gif") no-repeat;
}

.footer .address
{
	width: 600px;
	margin: 0px auto;
	color: #ffffff;
	padding: 5px 0px 5px 0px;
}

.message
{
	width: 400px;
	margin: 70px auto;
}

.message .txt
{
	font-family: Tahoma;
	color: #ffffff;
	font-size: 10pt;
}

.message .redirect
{
	padding: 5px;
}

.langs
{
	width: 162px;
	*width: 960px;
	margin-top: 35px;
	*margin-top: 6px;
	font-size: 1px;
	float: right;
	*float: none;
}

.langs ul
{
	width: 162px;
	padding: 0px;
	margin: 0px;
	*float: right;
}

.langs ul li
{
	display: inline;
	list-style-type: none;
	float: left;
	font-size: 1px;
}

.langs ul li.int
{
	width: 58px;
	padding-top: 4px;
	height: 5px;
	background: transparent url("images/int.png") no-repeat scroll 0px 4px;
	_margin-top: 4px;
}

.langs ul li.flag
{
	margin-left: 5px;
}

.langs ul li.flag a
{
	display: block;
	width: 17px;
	height: 11px;
	border: 2px solid #2a3139;
	background: transparent url("images/flags.gif") no-repeat scroll 0px 0px;
}

.langs ul li.flag a.us
{
	background-position: 0px -11px;
}

.langs ul li.flag a.th
{
	background-position: 0px -22px;
}

.langs ul li.flag a.as
{
	background-position: 0px -33px;
}