@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_french.jpg) no-repeat; float: right } .searchBoxSpan { width: 546px; height: 59px; padding-right: 69px; background: url(../images/search-bg_french.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:116px;height:13px;margin-top:-1px;font-size:10px;color:#333366;float:left;} #search .searchbutton{float:left;margin-left:10px;font-size:10px;font-weight:bold;width:38px;height:22px;padding-left:15px;padding-top:0px;background:transparent url('assets/images/go.jpg') no-repeat top left; text-align:left; text-indent:5px;} #search .searchbutton a{color:#fff;text-decoration:none; padding-left:2px;} #search .searchbutton_spn{float:left;margin-left:10px;font-size:10px;font-weight:bold;width:38px;height:22px;padding-left:15px;padding-top:0px;background:transparent url('assets/images/go.jpg') no-repeat top left; text-align:left; text-indent:5px;} #search .searchbutton_spn a{color:#fff;text-decoration:none;} #search * html .searchbutton_spn{float:left;margin-left:5px;font-size:10px;font-weight:bold;width:auto;height:22px;padding-left:2px;padding-top:0px;background:transparent url('assets/images/go.jpg') no-repeat top left; text-align:left;} #search *html .searchbutton_spn a{color:#fff;text-decoration:none;} /* IE7 Only */ *:first-child+html {} #search .searchbutton { float:left;margin-left:2px;font-size:10px;font-weight:bold;width:auto;height:22px;padding-left:2px;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 } .ht1 { background:url(../images/green-arrow.jpg) no-repeat; padding-left: 36px; float: left; height: 36px; line-height: 12px } .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; } */