/* ===========================================================================
	 $Id: frontpage.css,v 1.29 2010/01/08 13:58:27 Tomas Exp $

	 Products stylesheet
============================================================================== */


/* Redefinition of xhtml elements
------------------------------------------------------------------------------ */


/* Basic elements on the page
------------------------------------------------------------------------------ */

#body-common-begin {
position: absolute;
display:none;
}

#wrapper {
position: static;
width: 100%;
min-width: 980px;
min-height:580px;
height: 100%;
/*background: #ffe none repeat scroll 0 0;*/
}

#menuLv1Box {
position: absolute;
width:100%;
display:block;
float:none;
top:0;
left:0px;
}

#mainBox {
position: absolute;
top:0;
width:100%;
bottom:0;
min-width:980px;
min-height:580px;
}

#sideBox {
position: absolute; 
top: 104px;
min-width: 980px;
width:100%;
}

#sideBoxInner {
position: absolute; 
background:transparent url(/image/menu/side-box-bg.png) repeat scroll 0 0;
padding:12px 10px 10px;
right:12px;
width:200px;
}

#bannersBox {
position: fixed; 
bottom: -130px;
width:100%;
min-width:980px;
background: url(/image/common/transparent-png/black-10.png);
overflow:auto;
}
.zh_CN #bannersBox,
.en_CN #bannersBox {
padding-bottom: 26px;
}

#bannersBox.overflowHidden {
overflow:hidden;
}

#fpFooterBox {
position: fixed; 
right: 0px; 
bottom: 0px;
width: 100%;
background: #ccd;
height: 14px;
}

/* Menu level 1
------------------------------------------------------------------------------ */


#menuLv1BoxInner {
clear:both;
position: absolute;
top:0;
left:0;
width:100%;
min-width: 980px;
height: 75px;
padding: 0;
overflow: hidden;
background: transparent url(/image/menu/menu-lv1-bg2.png) repeat-x;
}

#logo,
.zh_CN #logo,
.en_CN #logo {
top : 9px;
left : 22px;
width : 131px;
height : 54px;
background : url(/image/menu/logo2.png) no-repeat;
}

.zh_CN #logo,
.en_CN #logo {
background:transparent url(/image/menu/logo2_CN.png) no-repeat scroll 0 0;
}

ul#topmenuLv1 {
left:161px;
}

#topmenuLv1-right-box {
right:12px;
padding:10px 0 0;
}

#topmenuLv1 a span {
padding : 41px 20px 0 15px;
height : 34px;
background: transparent url(/image/menu/menu-lv1-itm2.png) no-repeat scroll right top;
}

#topmenuLv1-right-box ul {
padding-right: 0;
}

#topmenuLv1-search {
padding-top:14px;
}

#topmenuLv1-search-box {
margin-right: 0;
background: transparent url(/image/common/transparent-png/white-30.png);
}
#topmenuLv1-search-box input.focus-out {
background: transparent;
color:#999999;
}
#topmenuLv1-search-box a.focus-out {
background:transparent url(/image/buttons/search.gif) no-repeat scroll right top;
}

/* Menu - level 2
------------------------------------------------------------------------------ */


/* Side box
------------------------------------------------------------------------------ */
#sideBox {
color: #605c5d;
}

#sideBox #fpSbContent1 {
padding-bottom: 12px;
}

#sideBox #fpSbContent2 {
padding: 12px 0 12px 0;
/*border-top: 1px solid #DDDDDD;*/
background: url(/image/others/fp-sideBox-line.png) repeat-x top left;
}

#sideBox a {
color: #504c4d;
text-decoration: none;
}

#sideBox div.contentBox {
width:100%;
overflow: auto;
}

#sideBox .contentBox h4 {
font-size: 24px;
font-weight:normal;
padding-bottom:2px;
margin-bottom:0;
line-height:23px;
padding-bottom:6px;
overflow:hidden;
}

#sideBox .contentBox p {
font-size: 11px;
line-height: 13px;
padding-left:2px;
overflow:hidden;
max-height: 40px;
}

#sideBox .contentBox img {
float:right;
display: none;
}

#sideBox #fpSbLogin {
width: 100%;
overflow: auto;
/*border-top: 1px solid #DDDDDD;*/
background: url(/image/others/fp-sideBox-line.png) repeat-x top left;
}

#sideBox #fpSbLogin table {
width: 100%;
}

#sideBox #fpSbLogin table td {
vertical-align: bottom;
}
#sideBox #fpSbLogin table td + td  .login-form-input-box {
float: right;
padding-left: 6px;
}

#sideBox #fpSbLogin .login-form-input-box {
margin: 0;
padding: 10px 0 10px;
font-size: 10px;
width:95px;
overflow:hidden;
}

#sideBox #fpSbLogin .login-form-submit-box {
display: inline-block;
float:right;
margin: 0;
padding:0;
}

#sideBox #fpSbLogin a {
display: inline-block;
float:right;
margin: 0 0 4px 0;
height: 30px;
padding-left: 17px;
background: url(/image/buttons/rounded-btn-11-l-bg.png) no-repeat top left;
text-transform: uppercase;
font-size: 11px;
outline : none;
}
.tr_TR #sideBox #fpSbLogin a {
text-transform:none;
}
#sideBox #fpSbLogin a:hover {
background-position : 0 -30px;
}

#sideBox #fpSbLogin a span {
display: block;
height: 22px;
padding: 8px 17px 0 0;
background: url(/image/buttons/rounded-btn-11-r-bg.png) no-repeat top right;
white-space: nowrap;
}
#sideBox #fpSbLogin a:hover span {
background-position : right -30px;
}

#sideBox #fpSbLogin .login-form-input-box label {
display:block;
font-weight:bold;
font-size: 10px;
line-height:10px;
padding-bottom:4px;
}
#sideBox #fpSbLogin .login-form-input-box input#lf-distributorNr,
#sideBox #fpSbLogin .login-form-input-box input#lf-password {
display:block;
height: 20px;
width: 95px;
margin-top: 1px;
border: 0 none transparent;
border-top: 1px solid #999;
background: transparent url(/image/common/transparent-png/white-60.png) repeat scroll 0 0;
font-size: 12px;
padding: 2px 2px 0;
}


#sideBox .login-disabled {
padding: 16px 12px 24px 12px;
}
#sideBox .login-disabled h4 {
font-size: 16px;
font-weight: normal;
}
#sideBox .login-disabled h5 {
margin-top: 8px;
font-size: 11px;
font-weight: bold;
}
#sideBox .login-disabled p {
font-size: 11px;
}



/* Menu - ft
------------------------------------------------------------------------------ */


/* Content
------------------------------------------------------------------------------ */

#fpTextsArea {
padding: 131px 500px 20px 22px;
position: absolute;
top: 0;
left: 0;
}

#mainBox h1 {
padding-bottom:12px;
margin-bottom:0;
}

#mainBox h2 {
padding-bottom:12px;
margin-bottom:0;
}

#mainImg {
display:block;
}

#mainBox .incl-flash-alt {
padding: 56px 500px 20px 75px;
}

#mainBox .incl-flash-alt h4 {
padding-bottom:12px;
margin-bottom:0;
font-size: 24px;
}

#mainBox .incl-flash-alt h5 {
padding-bottom:12px;
margin-bottom:0;
font-size: 16px;
}

#mainBox .incl-flash-alt p {
padding-bottom:1em;
margin-bottom:0;
}


/* Banners
------------------------------------------------------------------------------ */

#bannersBox #bannersBoxBtn {
width: 100%;
height: 12px;
}

#bannersBox table {
width: 100%;
}

#bannersBox table td {
vertical-align: top;
}

#bannersBox #moveBtnL_td div,
#bannersBox #moveBtnR_td div {
width: 35px;
height: 89px;
display:inline-block;
}
#bannersBox #moveBtnL_td div:hover,
#bannersBox #moveBtnR_td div:hover {
cursor:pointer;
background-position: 10px -50px;
}
#bannersBox #moveBtnL_td div {
background: url(/image/buttons/stripBtnL.png) no-repeat 10px 50px;
}
#bannersBox #moveBtnR_td div {
background: url(/image/buttons/stripBtnR.png) no-repeat 10px 50px;
}
#bannersBox #moveBtnL_td div a,
#bannersBox #moveBtnR_td div a {
width: 30px;
height: 50px;
display:inline-block;
padding: 0;
}
/*
#bannersBox td.bannerBoxItem_td div.hiddenBannerLeft {
display: none;
}
#bannersBox td.bannerBoxItem_td div.hiddenBannerRight {
display: none;
}
#bannersBox td.bannerBoxItem_td div.visibleBanner {
display: inline-block;
}
*/
#bannersBox td.bannerBoxItem_td div {
width: 180px;
margin: 0 10px;
display: inline-block;
}

#bannersBox table td a {
display: block;
color: #ffffff;
text-transform: uppercase;
text-align: center;
font-size: 12px;
}
.tr_TR #bannersBox table td a {
text-transform:none;
}

#bannersBox table td a.bannerTitle {
padding: 0 0 5px;
height: 20px;
overflow: hidden;
}

#bannersBox table td a.bannerImg {
padding: 0 0 10px;
height: 120px;
overflow: hidden;
}

#bannersBox #bannersBoxSkipRight {
background: url(/image/common/transparent-png/white-80.png);
bottom:0;
height:100px;
position:fixed;
right:0;
width:30px;
}


/* Footer
------------------------------------------------------------------------------ */

#footerBox {
display:none;
}

.zh_CN #frontpageFooterBox,
.en_CN #frontpageFooterBox {
display : block;
position : fixed;
bottom: 0;
padding-left: 20px;
padding-top: 5px;
width: 100%;
height: 21px;
font-size: 10px;
font-weight: normal;
background: #fff;
}
.zh_CN #frontpageFooterBox a,
.en_CN #frontpageFooterBox a {
color: #999;
}


/* Miscelaneous
------------------------------------------------------------------------------ */
/* force a scroll bar - canceled on the frontpage */
html { overflow-y:auto; }