body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #334455;
	padding: 0;
	margin: 0;
	height: auto;
	background-color: #FFFFFF;
}

h1 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	float: right;
	clear: right;
	padding-top: 6px;
	padding-right: 6px;
	color: #CC0000;
}
h1 a{
	color: #CC0000;	
}
h2 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	height: auto;
	padding-top: 6px;
	padding-left: 4px;
	color: #333333;
	border-bottom: 1px solid #CC0000;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 2px;
	margin: 0;
	color: #CC0000;
}
table.Listing h3 {
	font-size: 13px;
	color: #333333;
	background-color: #F0F0F0;
}

h4 {
	font-family: Tahona, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 4px 0px;
}
a{
	color: #041030;
	text-decoration: none;
}
a:hover {
	color: #CC0000;
	text-decoration: none;
}
img {
	border: 0;
}
img.logo {
	margin: 0;
}
img.pic_b {
	margin: 0 0 5px 10px;
	float: right;
}
img.pic_th {
	float: left;
	margin: 4px 4px 2px 4px;
	padding: 0;
}
img.pic_th_r {
	float: right;
	margin: 4px 4px 2px 4px;
	padding: 0;
}

.floatL{
	float: left;
	margin-right: 5px;
	text-align: center;
}
.floatR{
	float: right;
	margin-left: 5px;
	text-align: center;
}
#slide {
	float: right;
	margin: 5px 2px 5px 5px;
	padding: 0;
}
.blinkTxt{
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	color: #CC0000;
	border: 1px dashed #CC0000;
	padding: 2px;
	margin: 10px 2px 2px 2px;
	text-decoration: blink;
}

/* ======================================== */
form {
	padding: 0;
	margin: 0;
}
div.form{
	clear: both;
	padding: 2px;
}
textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
div.form_title{
	font-weight: bold;
	padding: 8px 2px 2px 2px;
	background-color:#EEEEEE;
}
div.form_label{
	width: 150px;
	padding: 2px 4px 0 0;
	float:left;
	text-align: right;
}
span.form_note{
	padding: 2px;
	font-size: 11px;
}
div.form_note{
	padding: 2px;
	font-size: 11px;
}
span.form_required{
	color:#ff3300;
}

div.form_field{
	padding: 8px 2px 2px 2px;
	border-bottom: 1px dashed #CCCCCC;
}
input.form_text{
	width: 40%;
}
div.form_childs {
	width: 70%;
	float: right;
	height: auto;
	padding: 4px; 
}

div.form_submit{
	background-color:#CCCCCC;
	padding: 2px;
	clear: both;
	text-align: right;
}
div.error{
	background-color:#ffddcc;
	padding: 15px;
	margin-bottom: 10px;
}
div.success{
	background-color:#CCDDEE;
	padding: 15px;
}

/*________________________________________________ */
.smallText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

div.page {
	width: 800px;
	height: auto;
	margin: 0 auto 0 auto;
}
div.spacer {
  clear: both;
}
div.spacerL {
  clear: left;
}
div.spacerR {
  clear: right;
}
div.content {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

div.column_right {
	width: 205px;
	font-size: 11px;
	float: left;
	padding-bottom: 350px;
	background-image: url(caffeeService/arabica.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}

div.column_right div.note,
div.homeNote{
	background-image: url(caffeeService/fal.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div.column_right div.note{
	margin: 10px 0 10px 0;
}
div.homeNote{
	margin: 0 0 0 4px;
	padding: 0 10px 0 0;
	float: left;
}
div.home div.pageContent{
	padding: 15px 4px 0 4px;
}
div.locationBar {
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px 2px 4px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #333333;
	background-color: #CC0000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}
div.locationBar a{
	color: #000000;
}
div.locationBar a:hover{
	color: #FFFFFF;
}
div.languageBox {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
}
div.home {
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0;
}
/* */
div.anime {
	width: auto;
	height: auto;
	padding: 0;
	color: #FFFFFF;
	font-size: 11px;
	background-color: #000000;
	background-image: url(caffeeService/anime_back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border-bottom: 1px solid #FFFFFF;
}
div.anime img.pic_th{
	margin: 3px 3px 2px 3px;
}
div.anime ul{
	width: 250px;
	height: 236px;
	padding: 4px 5px 4px 0;
	margin: 0;
	float: right;
	background-color: #999999;
	background-image: url(caffeeService/anime_back2.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
div.anime ul li{
	height: 31px;
	list-style-type: none;
	margin: 0 2px 0 0;
	padding: 0 2px 0 2px;
	clear: both;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #000000;
}
li.bnrPass{
	color: #000000;
}
li.bnrAct{
	color: #999999;
	background-color: #000000;
}
div.anime a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
li.bnrPass a{
	color: #FFFFFF;
}
li.bnrAct a{
	color: #FFFFFF;
}
/* */
div.meddle {
	width: 584px;
	height: auto;
	padding: 0;
	margin: 0;
	float: right;
	border-bottom: 1px solid #FFFFFF;
}
div.pageImage {
	width: auto;
	height: auto;
	margin: 0 0 5px 10px;
	float: right;
	border-left: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
}
div.pageContent {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 4px 4px 4px;
}
div.slideContent {
	width: 400px;
	float: left;
}
div.slideContentR {
	width: 140px;
}
div.pageProps{
	width: 240px;
	height: auto;
	margin: 10px 0 10px 0;
	padding: 1px;
	border: 1px solid #EEEEEE;
}
ul.props{
	margin: 0;
	padding: 0;
}
ul.props li{
	background-color:#F7F7F7;
	padding: 2px 1px 1px 2px;
	list-style-type: none;
}
ul.props li ul{
	margin: 1px 0 2px 5px;
	padding: 0;
}
ul.props li ul li{
	background-color:#FFFFFF;
	border-bottom: 1px solid #EEEEEE;
}
span.lv0{
	font-weight:bold;
}
span.lv2{
	font-weight:bold;
}
#prLi_261{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	border: 1px dashed #CC0000;
	color: #CC0000;
	padding: 4px;
	margin: 4px;
}
#prLi_261 li{
	text-align: right;
}

/*________*/
div.slideContentR div.pageListing{
	margin: 0;
}
div.pageListing {
	width: auto;
	height: auto;
	margin: 5px 0 10px 0;
	padding: 0 2px 0 0; 
}
ul.pageListing {
	list-style-type: none;
	margin: 10px 0 10px 0;
	padding: 0 2px 0 5px; 
}
div.pageTop {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	background-color: #F7F7F7;
}
div.pageTop a{
	color: #666666;
}

div.prevNext {
	width: auto;
	height: auto;
	margin: 5px 0 0 0;
	padding: 0 2px 0 2px; 
	float: right;
}
div.newsNhot {
	width: 382px;
	height: auto;
	float: right;
	clear: both;
	margin-right: 2px;
}
div.news {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: auto;
	height: auto;
	padding: 0 4px 0 4px;
	margin-bottom: 15px;
}
div.hot {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: auto;
	height: auto;
	margin-bottom: 5px;
}

div.featured {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 382px;
	height: auto;
	margin-left: 4px;
	margin-bottom: 25px;
}
div.featuredLeft {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: auto;
	height: auto;
	margin: 5px 0 0 0;
}

div.column_right div.featured {
	width: auto;
	height: auto;
	margin: 4px 0 4px 0;
}
/*__*/
div.header {
	width: 800px;
	height: auto;
	margin: 10px auto 0 auto;
	background-color: #000000;
	background-image: url(caffeeService/head_line.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

div.headerHead {
	width: auto;
	height: auto;
	margin: 0;
	font-size: 9px;
}
div.headerMusic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 5px;
	float: right;
	margin: 15px 10px 0 0;
	background-image: url(caffeeService/semi-transp.gif);
	border: 1px solid #FFFFFF;
}
div.headerMusic a{
	color: #FFFFFF;
}
div.headerMusic a:hover{
	color: #CC0000;
}
div.footer {
	width: 800px;
	height: auto;
	margin: 0 auto 20px auto;
	background-color: #000000;
	background-image: url(caffeeService/footer.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}

div.footerHead {
	width: auto;
	height: auto;
	margin: 0;
	padding: 5px 0 5px 0;
	color: #999999;
	font-size: 9px;
	text-align: center;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #000000;
}
div.footerHead a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}
div.subFooter {
	width: auto;
	height: auto;
	margin: 0;
	padding: 3px 0 2px 0;
	font-size: 9px;
	text-align: center;
	color: #CCCCCC;
	border-top: 1px solid #FFFFFF;
}
div.subFooter a{
	color: #FFFFFF;
}
ul.feeds{
	margin: 0;
	padding: 2px 2px 10px 2px;
}
ul.feeds li{
	margin: 0;
	padding: 2px;
	float:right;
	list-style-type: none;
}

.listCotNum {
}
.listPgNum {
	float: right;
}

/* NAVI */
/*-----------*/
div.naviTop {
	height: auto;
	width: auto;
	margin: 0;
	clear: both;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
ul.navi_top{
	float: right;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.navi_top li {
	float:left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	background-color: #000000;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #000000;
	border-left: 1px solid #CCCCCC;
}
ul.navi_top li a {
	padding: 3px 6px 3px 6px;
	margin: 0;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
}
ul.navi_top li.act a {
	margin: 0;
	display: block;
	text-decoration: none;
}
ul.navi_top li a:hover {
	display: block;
	color: #FFFFFF;
	background-color: #000000;
}
ul.navi_top li.act {
	background-color: #CC0000;
}

/*_________*/
div.navi {
	padding: 2px 0 2px 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000000;
}
/* 1. kademe yer */
ul.navi{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.navi li {
	list-style-type: none;
	margin: 1px 0px 1px 0px;
	padding: 0;
	font-weight: bold;
}
ul.navi li.act {
	font-weight:bold;
}
/* 2. kademe yer */
ul.navi li ul{
	margin: 0 0 0 5px;
	padding: 0;
	border: none;
}
ul.navi li ul li {
	background-color: #CCCCCC;
}
ul.navi li ul li.act {
	background-color: #CC0000;
}
/* 3. kademe yer */
ul.navi li ul li ul li{
	background-color: #FFFFFF;
	font-weight: normal;
}
ul.navi li ul li ul li.act {
	background-color: #CC0000;
	font-weight: normal;
}
/* 1. kademe renk*/
ul.navi li a {
	display: block;
	color: #CCCCCC;
	padding: 2px;
	text-decoration: none;
}
ul.navi li.act a {
	color: #FFFFFF;
}
ul.navi li a:hover {
	color: #FFFFFF;
	background-color: #000000;
}
/* 2. kademe renk*/
ul.navi li.act ul li a {
	color: #000000;
}
ul.navi li ul li a {
	color: #000000;
}
ul.navi li.act ul li a:hover {
	color: #FFFFFF;
}
ul.navi li.act ul li.act a {
	color: #FFFFFF;
}
ul.navi li.act ul li.act a:hover {
	color: #FFFFFF;
}
/* 3. kademe */
ul.navi li.act ul li.act ul li a {
	color: #CC0000;
}
ul.navi li.act ul li.act ul li.act a {
	color: #FFFFFF;
}
/* ======================================== */
table.Listing{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
table.Listing ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
table.Listing li{
	border-bottom: 1px dashed #CCCCCC;
	margin: 2px;
	padding: 2px;
}
table.Listing tr.even{
}
table.Listing tr.odd{
}

table.Listing tr td.box1,
table.Listing tr td.box2, 
table.Listing tr td.box3{
	padding: 0;
	padding-bottom: 4px;
	border-top: 1px solid #F8F8F8;
	border-right: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
	border-left: 1px solid #F8F8F8;
}
div.boxText{
	padding: 6px 4px 2px 2px;
}
#page_Intenso div.column_right{
	padding-bottom: 280px;
	background-image: url(caffeeService/Intenso_ah.jpg);
}
#page_Gimoka div.column_right{
	padding-bottom: 220px;
	background-image: url(caffeeService/Gimoka_v2.jpg);
}

div.boxIntenso,
div.boxGimoka,
div.boxSpinel,
div.boxSGL,
div.boxZanussi,
div.boxDAI,
div.boxMelitta,
div.boxSiemens,
div.boxKampanya
{
	padding: 18px 4px 2px 2px;
	min-height: 60px;
	background-repeat: no-repeat;
	background-position: right top;
}
div.boxIntenso{
	background-image: url(caffeeService/Intenso.gif);
}
div.boxGimoka{
	background-image: url(caffeeService/Gimoka.gif);
}
div.boxSpinel{
	background-image: url(caffeeService/Spinel.gif);
}
div.boxSGL{
	background-image: url(caffeeService/SGL.gif);
}
div.boxZanussi{
	background-image: url(caffeeService/Zanussi.gif);
}
div.boxDAI{
	background-image: url(caffeeService/DAI.gif);
}
div.boxMelitta{
	background-image: url(caffeeService/Melitta.gif);
}
div.boxSiemens{
	background-image: url(caffeeService/Siemens.gif);
}
div.boxKampanya{
	background-image: url(caffeeService/Kampanya.gif);
}

td.box1{
	width: 100%;
}
td.box2{
	width: 50%;
}

td.box3{
	width: 33%;
}
/* ======================================== */
table.ModList{
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #CCCCCC;
}
table.ModList tr td{
	padding: 2px 4px 2px 4px;
	font-family: Tahoma, Vardana, sans-serif;
	font-size: 11px;
}
table.ModList tr.rowTitle{
	background-color:#CC0000;
	color: #FFFFFF;
	font-weight:bold;
	font-size: 12px;
}
table.ModList tr.rowEven{
	background-color:#FFFFFF;
}
table.ModList tr.rowOdd{
	background-color:#F0F0F0;
}
table.ModList tr td.cell_1{
	width: 90px;
	text-align: right;
}
table.ModList tr td.cell_2{
	width: 90px;
	text-align: right;
}
/*_________________________________________ */
table.FeatureList{
	margin: 0;
	padding: 0;
	width: 100%;
	border: 1px solid #CCCCCC;
}
table.FeatureList tr td{
	padding: 2px 4px 2px 4px;
	font-family: Tahoma, Vardana, sans-serif;
	font-size: 11px;
}
table.FeatureList tr.rowTitle{
	background-color:#CC0000;
	color: #FFFFFF;
	font-weight:bold;
	font-size: 12px;
}
table.FeatureList tr.rowEven{
	background-color:#FFFFFF;
}
table.FeatureList tr.rowOdd{
	background-color:#F0F0F0;
}
table.FeatureList tr td.cell_1{
}
table.FeatureList tr td.cell_2{
	text-align: right;
}


/* ======================================== */
table.contact{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}
table.contact tr td{
	border-bottom: 1px dashed #CCCCCC;
}
table.contact tr td.error{
	background-color:#FF3300;
	padding: 15px;
}
table.contact tr td.success{
	background-color:#00AA00;
	padding: 15px;
}
table.contact tr td.label{
	width: 33%;
}
table.contact tr td.input{
	width: 67%;
}
table.contact tr td.submit{
	width: 100%;
	text-align: right;
}

table.list{
	border: 0;
}
table.list tr td{
	margin: 0;
	padding: 3px 4px 1px 2px;
	border-right: 1px dashed #CCCCCC;
	border-bottom: 1px dashed #CCCCCC;
}