﻿/* GENEREL */
html, body, form, input, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address, dd {margin:0px;padding:0px;}
html, body, #hpx_master {height:100%;}


/* PAGE */
#hpx_page_front {position:relative;width:850px;}
#hpx_page_front div {text-align:left;}
#hpx_page_front #hpx_page_content {position: relative;padding:33px 0 19px 0;}

#hpx_page_default {position:relative;width:850px;}
#hpx_page_default div  {text-align:left;}
#hpx_page_default #hpx_page_content {position: relative;min-height:383px;padding:33px 0 19px 0;}

#hpx_page_popup {position:relative;width:450px;}
#hpx_page_popup div  {text-align:left;}
#hpx_page_popup #hpx_page_content {position: relative;padding:103px 0 19px 0;}

#hpx_page_toplogo {position:absolute;left:0;top:22px;}
#hpx_page_tagline {position:absolute;left:206px;top:28px;}
#hpx_page_tagline p {color:#FFFFFF;font-size:11px;}
#hpx_page_bottomlogo {position:absolute;right:10px;bottom:0;}



/* PARAGRAPHSETUP */
#hpx_page_default #hpx_page_content .hpx_setup_2 {background:url(/Files/System/Graphic/ECO_delimiter_content.gif) no-repeat 306px 0;}
#hpx_page_default #hpx_page_content .hpx_setup_2 .hpx_col_1 {width:298px;float:left;margin:0 30px 0 0;display:inline;}
#hpx_page_default #hpx_page_content .hpx_setup_2 .hpx_col_2 {width:430px;float:left;padding:40px 0 0 0;display:inline;}

#hpx_page_front #hpx_page_content .hpx_setup_2 {background:url(/Files/System/Graphic/ECO_delimiter_front.gif) no-repeat 425px 0;min-height:120px;}
#hpx_page_front #hpx_page_content .hpx_setup_2 .hpx_col_1 {width:385px;float:left;margin:0 20px;display:inline;}
#hpx_page_front #hpx_page_content .hpx_setup_2 .hpx_col_2 {width:385px;float:left;padding:0 20px;display:inline;}



/* PARAGRAPH */
.hpx_paragraphdefault ul {margin-left:15px;}
.hpx_paragraphdefault ul li {margin-bottom:10px;}
.hpx_paragraphdefault ol {margin-left:15px;list-style-type:square;}
.hpx_paragraphdefault ol li {margin-bottom:2px;}
.hpx_paragraphdefault img {border:5px solid #FFFFFF;}



/* Front navi */
#hpx_page_front #hpx_page_navi {padding:370px 0 0 0;}
#hpx_page_front #hpx_page_navi .subnavi {float:left;margin:0 7px 0 0;min-height:238px;}
#hpx_page_front #hpx_page_navi .box1 {background:url(/Files/System/Graphic/ECO_box_1.png) no-repeat 0 0;}
#hpx_page_front #hpx_page_navi .box2 {background:url(/Files/System/Graphic/ECO_box_2.png) no-repeat 0 0;}
#hpx_page_front #hpx_page_navi .box3 {background:url(/Files/System/Graphic/ECO_box_3.png) no-repeat 0 0;}
#hpx_page_front #hpx_page_navi .box4 {background:url(/Files/System/Graphic/ECO_box_4.png) no-repeat 0 0;}
#hpx_page_front #hpx_page_navi ul {margin:107px 0 0 0;width:203px;padding: 0;}
#hpx_page_front #hpx_page_navi ul li {display: inline;}
#hpx_page_front #hpx_page_navi ul a {padding:0 10px 6px 10px;width:183px;display: block;background:none;text-align: center;text-decoration: none;color: #231f20;}
#hpx_page_front #hpx_page_navi ul a:hover { background-color: none;color:#771069;}

/* Default navi */
#hpx_page_default #hpx_page_navi {padding:80px 0 0 0;}
#hpx_page_default #hpx_page_navi a.L1 {float:left;list-style-type:none;margin:0 30px 0 0;padding:25px 14px 23px 14px;}
#hpx_page_default #hpx_page_subnavi {position:absolute;left:328px;top:172px;z-index:10;}
#hpx_page_default #hpx_page_subnavi li {float:left;list-style-type:none;}
#hpx_page_default #hpx_page_subnavi li a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;margin-right:18px;}
#hpx_page_default #hpx_page_subnavi li a:hover {color:#771069;}
#activeitem {font-weight:bold;}

/* extra navi */
#hpx_page_extranavi {padding:7px 0;border-top:1px solid #b2b2b3;margin:0 14px;}
#hpx_page_extranavi li {list-style-type:none;float:left;}
#hpx_page_extranavi li a {font-size:9px;color:#a7a9ac;text-decoration:none;margin-right:10px;padding-right:13px;background:url(/Files/System/Graphic/ECO_delimiter_extranavi.gif) no-repeat 100% 3px;}
#hpx_page_extranavi li a:hover {color:#771069;}
#hpx_page_extranavi li a.lastitem {background:none;}
#hpx_page_extranavi ul {margin:0;}


/* clearfix */
.clearfix:after {content: ".";display:block;height:0;clear: both;visibility:hidden;}
.clearfix {display: inline-block;} /*ie7 b*/
.clearfix {display:block;} /*opera & safari */
/*ie6 and no IE mac*/
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


@media print {
  /* style sheet for print goes here */
}




