@font-face {
  font-family: 'Titillium Web';
  font-style: normal;
  font-weight: 400;
  src: url('../../addons/fonts/titillium-web/titillium-web-v8-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Titillium Web Regular'), local('TitilliumWeb-Regular'),
       url('../../addons/fonts/titillium-web/titillium-web-v8-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../../addons/fonts/titillium-web/titillium-web-v8-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../../addons/fonts/titillium-web/titillium-web-v8-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../../addons/fonts/titillium-web/titillium-web-v8-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../../addons/fonts/titillium-web/titillium-web-v8-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
}
html,body{height:100%;}
body{font:13px/1.231 'Titillium Web', clean, sans-serif;color:#333333;background:#fff;*font-size:small;*font:x-small;}
.header,.content,.footer,.webcontent, .external_page{position:relative;width:900px;margin:0 auto;padding:0;}
.header{height:70px; padding:5px 0;}
.header .cat_link{text-decoration:none;color:#be1522;}
.header .catalogue{position:absolute;bottom:10px;right:215px;font-size:90%;letter-spacing:1px;}
.header .select-language{position:absolute;bottom:10px;right:15px;font-size:90%;letter-spacing:1px;}
.header #main_title{position:absolute;bottom:10px;left:0px;width:221px;height:53px;background:url(../images/company_logo.png) no-repeat 0 100%;overflow:hidden;}
.header #main_title a{display:block;width:221px;height:53px;padding:0 300px 0;}
.content{width:898px;height:372px;background:url(../images/login/image.jpg) no-repeat 0 0;border:1px solid #be1522;}
.content h2 {position:relative;color:#be1522;font-size:200%;font-weight:bolder;margin:0;padding:25px;}
.content .login-box, .content .login-box-social{float:right;width:31%;height:342px;background:url(../images/login/bg_login.png) repeat 0 0;padding:15px 0; margin:0 20px;}
.content #login_confirm{margin:20px 28px;padding:0;}
.content #login_confirm label {font-size:90%;font-weight:bold;margin:0 10px 4px 0;}
.content #login_confirm input.textfield {font-size:100%;font-weight:normal;margin:4px 0;padding:2px;width:218px;border:1px solid #be1522;}
.content #login_confirm input#login{background:#be1522;border:0px none;color:#ffffff;font-size:100%;font-weight:bold;padding:3px 18px;margin:6px 0;}
.content #social_login{float:right;zoom:1;margin-right:10px;}
.content #social_login span{ font-weight: bold; }
.content #social_login a{ margin: 0 4px;}
.content #social_login img{ height: 22px; }
.content #service_msg{font-size:90%;position:relative;width:100%;}
.content .logout{display:block;padding:3px 18px;background:url(../images/login/bg_login.png) repeat 0 0;}
.content .login_failed{display:block;color:#ffffff;background:#EE1111;padding:3px 18px;-khtml-opacity:.80; -moz-opacity:.80; -ms-filter:"alpha(opacity=80)"; filter:alpha(opacity=80); opacity:.80; }
.content .homecatalogue{position:absolute;top:15px;left:25px;font-size:90%;letter-spacing:1px;padding:5px;background-color:#be1522}
.content .homecatalogue a{text-decoration:none;color:#ffffff}
.content .homecatalogue a:hover{text-decoration:underline;}
.footer{background:#be1522;height:21px;font-size:90%;clear:both}
.footer #link{margin-top:3px;padding:3px 16px 4px;}
.footer a{text-decoration:none;color:#fff;}
.footer a:hover{text-decoration:underline;}
.footer #link a.first{font-weight:bold;padding:0 6px 0 0;margin:0 3px 0 0;border-right:1px solid #ffffff;}
.footer .copyright{position:absolute;bottom:4px;right:16px;color:#fff;}
.footer .ownedby{color:#fff;}
.webcontent .box {margin:10px 5px;}
.webcontent h3 {margin:0 0 10px;padding:0;font-size:140%;color:#be1522;}
.webcontent p {margin:0 0 6px;}
/* XXX:register class ======================================*/
.reg_note{font-weight:bold;margin:1em 0 0;padding:0.20em;}
.reg_form{padding:0.40em;}
.reg_title_privacy{margin:24px auto 4px;padding:0.20em;width:70%;color:#ffffff;;font-weight:bold;}
.privacy_box{margin:0 auto;padding:0.40em;width:90%;max-height:150px;overflow:auto;background:#ffffff;border:1px solid #be1522;}
.reg_form_button{text-align:right;margin:0 auto;padding:0.40em;}
.reg_button{cursor:pointer;font-weight:bold;}
ul.reg_instruction{margin:0.20em 0.20em 1em;padding:4px 12px 4px 24px;}
ul.reg_instruction li{list-style-type:square;margin:2px;}
.reg_err_data{margin:0.40em;padding:0.40em;color:#ff0000;font-weight:bold;border:1px solid #ff0000;}
.reg_success{margin:0.40em;padding:0.40em;;border:1px solid #ffffff;}
.lostpwd_box{margin:1em;padding:0.60em 0.60em 0 0.60em;}
.lostpwd_logo{margin:0 0.40em;padding:0;}
.lostpwd_box span{font-weight:bold;}
.form_right{margin:0.60em 0 0 0;padding:0.40em;text-align:right;color:#ffffff;font-weight:bold;background:#be1522;}
.form_right .textfield{margin:0 14px; width:auto; padding:0; border:1px solid #4180ac;}
/* external page management ======================================*/
.external_page{background:#be1522;}
.external_page ul#main_menu{position:relative;left:0px;padding:10px 25px;font-size:0.8em;}
.external_page ul#main_menu li{display:inline;margin:0 0 0 10px;border-right:1px solid #fff;}
.external_page ul#main_menu li.last{border:0px none;}
.external_page ul#main_menu li a{margin:0 10px 0 0;color:#fff;font-weight:normal;text-decoration:none;}
.external_page ul#main_menu li a.odd{color:#003466;}