@charset "utf-8";

/* Aress Software Typography Styles

   Updated: Thu 17.03.08 @ 9:30 p.m.

   Author:     Aress Software

   ----------------------------------------------------*/



body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background: url(../images/pg-bg.jpg) repeat-x }



.mainFrame { width: 930px; margin: 0px auto }



.clear { clear: both }



img { border: 0px solid #fff }



.black { color: #000 }



a.black { color: #000; text-decoration: none }



.black a:hover{ color: #000; text-decoration: none }



/****** TOP ******/

.topLines { height: 19px; background: url(../images/top-lines.jpg) repeat-y }



.topBox { padding-top: 7px; }



.logo { width: 197px; height: 59px; float: left }



.searchBox { width: 546px; height: 59px; padding-right: 69px; background: url(../images/search-bg.jpg) no-repeat; float: right }



.searchBoxSpan { width: 546px; height: 59px; padding-right: 69px; background: url(../images/search-bg.jpg) no-repeat; float: right }



#search{float:right;display:block;height:36px;width:179px;}

#search form{padding:0;margin-top:20px;margin-left:2px;}

#search .cleartext{border: solid #fff 1px;width:126px;height:13px;margin-top:-1px;font-size:10px;color:#333366;float:left;}

#search .cleartext1{border: solid #fff 1px;width:115px;height:13px;margin-top:-1px;font-size:10px;color:#333366;float:left;}

#search .searchbutton{float:left;margin-left:10px;font-size:13px;font-weight:bold;width:38px;height:22px;padding-left:5px;padding-top:0px;background:transparent url('assets/images/go.jpg') no-repeat top left;}

#search .searchbutton a{color:#fff;text-decoration:none;}



#search .searchbutton_spn{float:left;margin-left:10px;font-size:13px;font-weight:bold;width:auto;height:22px;padding-left:5px;padding-top:0px;background:transparent url('assets/images/go.jpg') no-repeat top left;}

#search .searchbutton_spn a{color:#fff;text-decoration:none;}





/* IE7 Only */

*:first-child+html {} #search .searchbutton {

float:left;margin-left:5px;font-size:13px;font-weight:bold;width:38px;height:22px;padding-left:3px;padding-top:0px;background:transparent url('assets/images/go.jpg') no-repeat top left;

}







.navBox { background: url(../images/nav-bg.jpg); height: 36px }



.nav { padding-right: 69px; text-align: right; color: #fff; font-size: 12px; padding-top: 11px; letter-spacing: 2px; }



.nav a{ color: #fff; text-decoration: none }



.nav a:hover{ color: #000; text-decoration: none }



.navBottom { height: 49px; background: url(../images/sub-pg-bg.jpg); }



.navBottomIn { height: 25px; background: url(../images/sub-pg-bg.jpg); }



.homecontentBox { background: url(../images/home-main-bg.jpg) repeat-y }



.homeContent { width: 846px; margin: 0px auto }



.transproBox { height: 297px }





/****** PRODUCT DISPLAY ******/

.content {

	width: 208px;

	height: 272px;

	text-align: center;

	background-color: #F2F2F2;

	padding: 0px;

	border: 0px solid #CCC;

}

#example {

	position: relative;

	border: 0px solid #F2F2F2;

	width: 208px;

	height: 272px;

}







#example1 {

	position: relative;

	border: 0px solid #F2F2F2;

	width: 208px;

	height: 272px;

}





#example1 a {

  display:block;

  width:100%;

  height:100%;

  text-decoration:none;

}









#example2 {

	position: relative;

	border: 0px solid #F2F2F2;

	width: 208px;

	height: 272px;

}



#example3 {

	position: relative;

	border: 0px solid #F2F2F2;

	width: 208px;

	height: 272px;

}





.slide-image {

	position: absolute;

	top: 0;

	left: 0;

	padding: 0px;

	width: 208px;

	height: 272px;

	background-color: #FFF;

	background-position: center center;

	background-repeat: no-repeat 

}

code {

	font-family: monospace;

	font-size: 1.2em;

}



.pagetitle { color: #365595; font-size: 36px }



.pagetitle-grey { color: #3f3f3f; font-size: 36px }



.pagetitle-red { color:#fe0000; font-size: 36px }



.textlink {font: bold 12px/17px Arial, Helvetica, sans-serif; text-decoration:none; color:#0000ff;}



.textblk {font:normal 12px/17px Arial, Helvetica, sans-serif; text-decoration:none; color:#0000ff;}





.pagetitle-green { color:#009901; font-size: 36px }



.blackbold { font-size: 11px; font-weight: bold }



.space { height: 17px }



*:first-child+html .space { height: 14px } 



* html .space { height: 14px } 









/****** LANGUAGES ******/

.boxcloser { background: url(../images/box-closer.jpg); height: 34px }



.languageBox { padding: 26px 0 7px 0; }



.languageSelect { border-top: solid #c9c9c9 1px; border-bottom: solid #c9c9c9 1px; width: 799px; margin: 0px auto; text-align: center; padding: 5px 0 5px 0; font-size: 14px; font-family: Tahoma; letter-spacing: 2px }



.flagBox { width: 640px; margin: 0px auto; text-align: center; padding: 10px 0 10px 0; }



* html .flagBox { width: 660px; margin: 0px auto; text-align: center; padding: 10px 0 10px 0; font-size: 14px; }



.flagbase { border-top: solid #c9c9c9 1px; width: 799px; margin: 0px auto;}



/****** FLAG ******/

.flag {

	float: left;

	width: 52px;

	height: 63px;

	margin-left: 14px;

	margin-right: 14px;

	margin-bottom: 0px;

	margin-top: 0px;

	font-family: Arial, Helvetica, sans-serif;

	font-size: 11px;

	text-align: center

}





.flag img{

	padding: 0px;

	margin: 0px;

	border: 1px solid #c9c9c9;

}

.flag img:hover {

	border: 1px solid #000;

	padding: 0px;

	margin: 0px;

	cursor: hand

}







.flagright{

	float: right;

}

.flagclear {

	clear: both;

}





/****** FOOTER ******/

.footer { width: 846px; margin: 0px auto; font-size: 14px; color: #777; text-align: center; padding-bottom: 20px }



.footer a{ color: #777; text-decoration: none }





.appli { background:url(../images/blue-arrow.jpg) no-repeat; padding-left: 36px; float: left; height: 24px; line-height: 24px }



.ht { background:url(../images/green-arrow.jpg) no-repeat; padding-left: 36px; float: left; height: 36px; line-height: 12px; padding-top:5px;}



.ht1 { background:url(../images/green-arrow.jpg) no-repeat; padding-left: 36px; float: left; height: 36px; line-height: 13px }



.pf { background:url(../images/red-arrow.jpg) no-repeat; padding-left: 36px; float: left; height: 36px; line-height: 12px }



.pf1 { background:url(../images/red-arrow.jpg) no-repeat; padding-left: 36px; float: left; height: 36px; line-height: 12px }



.ht_german { background:url(../images/green-arrow.jpg) no-repeat; padding-left: 36px; float: left; height: 44px; line-height: 15px }



.pf_german{ background:url(../images/red-arrow.jpg) no-repeat; padding-left: 36px; float: left; height: 36px; line-height: 12px }



.rv { background:url(../images/grey-arrow.jpg) no-repeat; padding-left: 36px; float: left; height: 24px; line-height: 24px }



.greytable { padding: 14px 9px 11px 9px }





* html .greytable { padding: 14px 9px 9px 9px }



*:first-child+html .greytable { padding: 14px 9px 9px 9px }



.lovely { margin:0px; padding-left:15px;  }

.lovely ul li{ text-align:left;}



* html .lovely { padding-left: 0px; margin-left: 20px }



/*

a {

  font: italic 100%/1.0 Georgia, serif;

}

a:link { 

  color: #0000FF;

}

a:visited {

  color: #FF0000;

}

a:hover {

  background: #FFFF00;

}

a:active { 

  color: #00FF66;

}

*/

<!--



.textnormal {font: normal 12px/17px Arial, Helvetica, sans-serif; text-decoration:none; color:#000000;}