@charset "utf-8";
/* CSS Document */
body {
	margin:0px;
	padding:0px;
	font:12px/16px Tahoma;
	color:#595959;
	text-decoration:none;
	vertical-align: top;
	width:100%;
	background-color:#FFFFFF;
	background-image: url("bg.jpg");
	background-repeat: repeat-x;
}
/* templates width */

.custom_width { width:1000px; }
#outer { margin:0 auto; position: relative; }
#bg_right { background:url("bg1.jpg") repeat-x; background-position:50% 0; height:400px; position:absolute; top:0; right:0; width:50%; z-index:0; }
#bg_bottom { background:url("bg2.jpg") repeat-x; margin-top:-348px; height:348px; width:100%; }

.clear { clear:both; line-height:0; height:0; }
form, p { margin:0; padding:0; }
h1, h2, h3 { padding:0; margin:0; }
h2 { font-size:16px; }

a { font:12px/16px Tahoma; color:#ff6000; text-decoration:underline; }
a:hover { text-decoration:none; }
a.none { text-decoration:none; }
a.none:hover { text-decoration:underline; }
a:focus { outline:0; }

img { border-width:0px }
/* HEADER */
#hdr_repeat {
	width:100%;
	height:254px;
	background:url("hdr_bg.jpg") repeat-x;
	margin: 0 auto;
}
#hdr_logo {
	float:left;
	width:432px;
	height:147px;
	background:url("hdr_banners1.jpg") no-repeat;
	margin-left: 48px;
}
#hdr_left {
	width:100%;
	height:254px;
	background-image: url("logo_left.gif");
	background-repeat: no-repeat;
	background-position: left;
}
#hdr_right {
	width:100%;
	height:254px;
	background-image: url("hdr_right.jpg");
	background-repeat: no-repeat;
	background-position: right;
}
.hdr_txt1, .hdr_txt1 a {
	color:#FFFFFF;
	font-family: Impact;
	font-size: 28px;
	line-height: 28px;
}
.hdr_txt2 {
	color:#336633;
	font:bold 13px/20px Arial;
}
.hdr_txt3 {
	color:#000000;
	font:bold 13px Arial;
	margin-top: 12px;
	text-align: right;
	text-transform: uppercase;
}
/* MENU */


#menu { height: 35px; margin-left: 320px; }
#menu ul { margin:0; padding:0; }
#menu li {
	list-style-type: none;
	display: block;
	float: left;
	height: 35px;
	background-image: url("but_l_off.jpg");
	background-repeat: no-repeat;
	background-position: left;
	margin-right:1px;
}
#menu ul a {
	display:block;
	text-decoration: none;
	color: #57737b;
	float: left;
	letter-spacing: 1px;
	font-size: 11px;
	height:26px;
	padding: 9px 12px 0 12px;
	font-family:Tahoma;
	background-image: url("but_r_off.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: bold;
	text-transform: uppercase;
}
#menu li:hover, #menu li.hover, #menu li.active  {
	list-style-type: none;
	display: block;
	float: left;
	background-image: url("but_l_on.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 54px;
}
#menu ul a:hover, #menu li.active a {
	color:#FFFFFF;
	text-decoration: none;
	background-image: url("but_r_on.jpg");
	background-repeat: no-repeat;
	background-position: right center;
}
#menu li.last a:hover { background-image: url("red_11.jpg"); }


/* BUTTONS */
.button_eng { width:163px; height:55px; background:url("btn_eng.jpg"); margin: 0 auto 3px auto; }
.button_esp { width:163px; height:55px; background:url("btn_esp.jpg"); margin: 0 auto 3px auto; }
.button_port { width:163px; height:55px; background:url("btn_port.jpg"); margin: 0 auto 3px auto; }
.button_jpn { width:163px; height:55px; background:url("btn_jpn.jpg"); margin: 0 auto 3px auto; }
.button_chi { width:163px; height:55px; background:url("btn_chi.jpg"); margin: 0 auto 3px auto; }
.button_arb { width:163px; height:55px; background:url("btn_arb.jpg"); margin: 0 auto 3px auto; }
.button_ita { width:163px; height:55px; background:url("btn_ita.jpg"); margin: 0 auto 3px auto; }
.button_dutch { width:163px; height:55px; background:url("btn_dutch.jpg"); margin: 0 auto 3px auto; }
.button_french { width:163px; height:55px; background:url("btn_french.jpg"); margin: 0 auto 3px auto; }
.button_ger { width:163px; height:55px; background:url("btn_ger.jpg"); margin: 0 auto 3px auto; }
.button_rus { width:163px; height:55px; background:url("btn_rus.jpg"); margin: 0 auto 3px auto; }
.button_kisw { width:163px; height:55px; background:url("btn_kisw.jpg"); margin: 0 auto 3px auto; }

.button_category.active, .button_category:hover{background:url("but_category_orange.jpg"/); }
.button_eng:hover, .button_esp:hover, .button_port:hover, .button_jpn:hover, .button_chi:hover{ cursor:pointer;}
 
.button_eng .pad a, .button_eng .pad1 a, .button_esp .pad a, .button_esp .pad1 a, .button_port .pad a, .button_port .pad1 a, .button_jpn .pad a, .button_jpn .pad1 a, .button_chi .pad a, .button_chi .pad1 a, .button_arb .pad a, .button_arb .pad1 a, .button_ita .pad a, .button_ita .pad1 a, .button_dutch .pad a, .button_dutch .pad1 a, .button_french .pad a, .button_french .pad1 a, .button_ger .pad a, .button_ger .pad1 a, .button_rus .pad a, .button_rus .pad1 a, .button_kisw .pad a, .button_kisw .pad1 a {
	padding: 20px 10px 0 63px;
	font:bold 17px/15px Arial;
	color:#255053;
	display:block;
	text-decoration:none;
	color:##595959;
}
.button_eng .pad1 a, .button_esp .padl a, .button_port .pad1 a, .button_jpn .pad1 a, .button_port .chi a, .button_port .chi a { padding: 20px 10px 0 63px; }
.button_eng.active .pad a, .button_esp.active .pad a, .button_port.active .pad a, .button_jpn.active .pad a, .button_chi.active .pad a { color:#000; }

/* FONT */
.orange { color:#ff6000; }
a.orange { color:#ff6000 !important; }
.red { color:#ff0000;}
.blue { color: #90a1a2; }
.black { color:#000; }
/* FOOTER */

#ftr_repeat {
	width:100%;
	background-color: #d8e4e5;
	background-image: url("footer.gif");
	background-repeat: repeat-x;
	background-position: top;
	color: #536162;
}
#ftr_repeat .pad { margin:0 auto; }
#ftr_menu { padding:18px 0 0 0; color:#fff; width:100%; text-align:center; }
#ftr_menu a { font:bold 12px/13px Tahoma, Arial, Geneva, sans-serif; color:#fff; margin:0 12px; text-decoration:none; }
#ftr_menu a:hover { text-decoration:underline; }
#ftr_menu .nolink { margin:0 5px; color:#ED8142; text-decoration:none; }
#ftr_menu a:hover { text-decoration:underline; }

/* tempalte preview */

a:hover { text-decoration:none; }
a { text-decoration:none; }

#interface1 { z-index:1; }
#loader_container {
    text-align:center;
    position:absolute;
    top:40%;
    width:100%}

/*Image Title Styling*/

.title_h2 { padding:12px 0 0 18px; }

h2 {
	font-size:14px;
	padding:0;
	margin:0;
	font-family: "century gothic";
}


* html #menu li {
  scrollbar-face-color: expression(
    runtimeStyle.scrollbarFaceColor = '#fff',
    onmouseover = function() {this.className += ' hover'},
    onmouseout = function() {this.className = this.className.replace(/ hover/g, '')}
  );
}

/* Image scroller*/

/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:224px; height:202px; float:left; }

#outerContainer { width:940px; height:240px; margin:auto; position:relative; }
#imageScroller { width:940px; height:240px; position:relative; }
#viewer { width:940px; height:240px; overflow:hidden; margin:auto; position:relative; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }
#title { color:#ff6000; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
.wrapper { width:224px; padding-top:12px; margin-right:11px; float:left; }