@charset "utf-8";

/* Default CSS Document */

html{ height:100%; }

#header{height:100px;}

/** BODY **/
body{
	height:100%;
	margin:0;
	padding:0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:120%;
	text-align:center;
	color:#000000;
	
	
	/*background:url(../../images/main/global_header.gif) 50% 0 no-repeat;
	background-color:#FFF;*/
	
}


a{
   overflow: hidden;
}

img{ border:none; }
a.imglink:hover{ background: url(../images/1px.gif) 0 0 no-repeat; }

p{ margin:0 0 10px 0; padding:0; }

h1,
h2{ margin:0; padding:0; font-size:100%; line-height:120%; }
h3{ margin:0; padding:0; font-size:130%; line-height:140%; font-weight:100; color:#144866; }
h4{ margin:0; padding:0; font-size:90%; line-height:120%; }
h5{ margin:0; padding:0; font-size:100%; line-height:120%; }

ul,
li{ margin:0; padding:0; list-style:none; }

ul.normal{
	padding-left:16px;
}

ul.normal li{
	list-style:disc;
}

.small{ font-size:80%; line-height:110%; }

/** NORMAL ARROW LINK ************************************************************************************************/
a.rightarrow{
	padding-left:16px;
	padding-bottom:2px;
	background: url(../images/btn_arrow_right.gif) 2px 0.2em no-repeat;
}

a.popup{
	padding-left:16px;
	padding-bottom:2px;
	background: url(../images/btn_blank.gif) 2px 0.2em no-repeat;
}


/** LINK COLOR *******************************************************************************************************/
/*a{ padding:0 2px; }*/
a:link{ color: #1e6a99;text-decoration:none; }
a:visited{ color: #5e8399;text-decoration:none; }
a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
a:active{ color: #e58000;text-decoration:none; }



/** WRAPPER **********************************************************************************************************/
* html div#wrapper{
    height:100%;
}
div#wrapper{
	position:relative;
	/*min-height:100%;*/
	width:720px;
	margin:0 auto;
	padding:0;
	text-align:left;
	clear:both;
}
/*body > #wrapper {
        height: auto;
}*/

/** HEADER ***********************************************************************************************************/
div#header{
	width:860px;
	margin:0 auto;
	/*padding:22px 0 20px 0;*/
	padding:0;
	text-align:left;
}


/** LOGO *************************************************************************************************************/
div#logo{
	float:left;
	width:180px;
}

div#logo h1{ float:left; width:105px; }
div#logo h1 a{ padding:0; }
div#logo h1 a:hover{ background: url(../images/1px.gif) 0 0 no-repeat; }


/** GLOBAL MENU ******************************************************************************************************/
div#globalmenu{
	float:right;
	width:700px;
    
    margin-right: -75px;
	text-align:left;
}

div#globalmenu ul,
div#globalmenu li{
	margin:0;
	padding:0;
    padding-top: 20px;
	list-style:none;
}

div#globalmenu li{
	display:inline;
}

div#globalmenu li a{
	display:block;
	float:left;
	height:47px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}

div#globalmenu li a { background-position: 0 0; background-repeat: no-repeat; }

div#globalmenu li#global01 a{ margin-left: 0px; display:inline; width:60px;
                                          background-image: url(../../common/images/globalnavi01.gif); }
div#globalmenu li#global02 a{ width:110px; background-image: url(../../common/images/globalnavi02.gif); }
div#globalmenu li#global03 a{ width:86px; background-image: url(../../common/images/globalnavi03.gif); }
div#globalmenu li#global04 a{ width:60px; background-image: url(../../common/images/globalnavi04.gif); }
div#globalmenu li#global05 a{ width:60px; background-image: url(../../common/images/globalnavi05.gif); }
div#globalmenu li#global06 a{ width:100px; background-image: url(../../common/images/globalnavi06.gif); }
div#globalmenu li#global07 a{ width:70px; background-image: url(../../common/images/globalnavi07.gif); }
div#globalmenu li#global08 a{ width:65px; background-image: url(../../common/images/globalnavi08.gif); }

div#globalmenu li a:hover,
div#globalmenu li a.on{ background-position:0 -47px; }


/** BREAD CRUMB *****************************************************************************************************/
div#breadcrumb{
	height:3em;
	width:720px;
	margin:0 auto 6px auto;
	font-size:70%;
	line-height:120%;
	color:#606060;
	background: url(../images/bg_breadcolumn.gif) 0 100% no-repeat;
}


/** CONTENT *********************************************************************************************************/
div#content{
	/*min-height:100%;*/
	width:720px;
	margin:0 auto;
	/*padding-bottom:120px;*/
	font-size:80%;
	clear:both;
}


/** LEFT NAVIGATION *************************************************************************************************/
div#leftNavigation{
	float:left;
	min-height:100%;
	width:156px;
	padding-bottom:120px;
	background: url(../images/bg_lnavi_top.gif) 0 0 no-repeat;
}

div#lnaviWrapper{
	padding-bottom:4px;
	background: url(../images/bg_lnavi_bottom.gif) 0 100% no-repeat;
}

div#leftNavigation h2{
	padding:11px 0 10px 8px;
	background: url(../images/bg_lnavi_header.gif) 0 0 no-repeat;
}

div#leftNavigation ul{ height:1%; }

div#leftNavigation ul,
div#leftNavigation li{
	margin:0;
	padding:0;
	list-style:none;
}

div#leftNavigation ul{
	padding:0 6px 0 7px;
	background: url(../images/bg_lnavi_middle.gif) 0 0 repeat-y;
}

div#leftNavigation li{
	padding:1px 0;
	line-height:100%;
	border-top:1px dotted #b3b3b3;
}


div#leftNavigation ul li ul{ padding:0; background: url(); }
div#leftNavigation ul li ul li{
	height:1%;
	margin:0;
	padding:1px 0 0 0;
	border:none;
}


/** Bunner Area *********************************************************************************************************/
div.bunnerArea{
	margin-top:25px;
}

div.bunnerArea p{ margin-bottom:5px; }

div.bunnerArea a:hover{ background: url(/common/images/1px.gif) 0 0 no-repeat; }


/** for IE Hack *****************************************************************************************************/
*+html body div#leftNavigation li{ padding:1px 0 0 0; }
* html body div#leftNavigation ul li ul li,
*+html body div#leftNavigation ul li ul li{ padding:0; }

div#leftNavigation li a{
	display:block;
	padding:5px 5px 5px 15px;
	background: url(../images/btn_arrow_right.gif) 1px 0.5em no-repeat;
}

div#leftNavigation ul li ul li a{
	display:block;
	width:108px;
	padding-left:30px;
	background: url(../images/btn_arrow_right_sub.gif) 16px 0.5em no-repeat;
}

div#leftNavigation li a.on,
div#leftNavigation li a:hover{
	background-color:#b2e1ff;
}


/** MAIN ************************************************************************************************************/
div#main{
	float:right;
	width:540px;
	padding-bottom:20px;
}

h3.h3header{ margin-bottom:10px; }

h4.h4headerbg{ background: url(../images/h4_df_l.gif) 0 0 no-repeat; }
h4.h4headerbg2cl{ background: url(../images/h4_df_l2cl.gif) 0 0 no-repeat; }

h4.h4headerbgm{ background: url(../images/h4_df_m.gif) 0 0 no-repeat; }
h4.h4headerbgm2cl{ background: url(../images/h4_df_m2cl.gif) 0 0 no-repeat; }

h4.h4headerbgs{ background: url(../images/h4_df_s.gif) 0 0 no-repeat; }
h4.h4headerbgs2cl{ background: url(../images/h4_df_s2cl.gif) 0 0 no-repeat; }

h4.h4headerbg,
h4.h4headerbgm,
h4.h4headerbgs{ height:22px; margin-bottom:10px; padding:7px 0 0 10px; }

h4.h4headerbg2cl,
h4.h4headerbgm2cl,
h4.h4headerbgs2cl{ height:33px; margin-bottom:10px; padding:7px 0 0 10px; }

h4.h4ptheaderbgl{ background: url(../images/h4_pt_l.gif) 0 0 no-repeat; }
h4.h4ptheaderbgl2cl{ background: url(../images/h4_pt_l2cl.gif) 0 0 no-repeat; }

h4.h4ptheaderbgm{ background: url(../images/h4_pt_m.gif) 0 0 no-repeat; }
h4.h4ptheaderbgm2cl{ background: url(../images/h4_pt_m2cl.gif) 0 0 no-repeat; }

h4.h4ptheaderbgs{ background: url(../images/h4_pt_s.gif) 0 0 no-repeat; }
h4.h4ptheaderbgs2cl{ background: url(../images/h4_pt_s2cl.gif) 0 0 no-repeat; }

h4.h4ptheaderbgl,
h4.h4ptheaderbgm,
h4.h4ptheaderbgs{ height:22px; margin-bottom:10px; padding:7px 0 0 12px; color:#fff; }

h4.h4ptheaderbgl2cl,
h4.h4ptheaderbgm2cl,
h4.h4ptheaderbgs2cl{ height:33px; margin-bottom:10px; padding:7px 0 0 12px; color:#fff; }


/** List Link ******************************************************************************************************/

div#main h4.listlnk,
div#main h4.listlnkOutSide{
	padding-bottom:5px;
	line-height:135%;
	border-bottom:1px solid #bdbdbd;
}

div#main h4.listlnk a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_arrow_right.gif) 2px 0.3em no-repeat;
}

div#main h4.listlnkOutSide a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_blank.gif) 2px 0.3em no-repeat;
}

div#main ul.listlnk li,
div#main ul.listlnkOutSide li{
	height:1%;
	margin-bottom:5px;
	line-height:135%;
}

div#main ul.listlnk a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_arrow_right.gif) 2px 0.3em no-repeat;
}

div#main ul.listlnkOutSide a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_blank.gif) 2px 0.3em no-repeat;
}

div#main p.listlnk a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_arrow_right.gif) 2px 0.4em no-repeat;
}

div#main p.listlnkOutSide a{
	display:block;
	padding:0 0 2px 17px;
	background: url(../images/btn_blank.gif) 2px 0.4em no-repeat;
}

div#main span.listlnk a{
	padding:0 2px 2px 17px;
	background: url(../images/btn_arrow_right.gif) 2px 0.1em no-repeat;
}

div#main span.listlnkOutSide a{
	padding:0 2px 2px 17px;
	background: url(../images/btn_blank.gif) 2px 0.1em no-repeat;
}

div#main .listlnk a:link,
div#main .listlnkOutSide a:link{ color: #1e6a99;text-decoration:none; }
div#main .listlnk a:visited,
div#main .listlnkOutSide a:visited{ color: #5e8399;text-decoration:none; }
div#main .listlnk a:hover,
div#main .listlnkOutSide a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
div#main .listlnk a:active,
div#main .listlnkOutSide a:active{ color: #e58000;text-decoration:none; }


div.innerpagelnk .banner{
	float:left;
	width:115px;
}

div.innerpagelnk .body{
	float:right;
	width:405px;
}

/** PAGETOP LINK COLOR **********************************************************************************************/
div#main .pagetop a:link{ color: #1e6a99;text-decoration:none; }
div#main .pagetop a:visited{ color: #5e8399;text-decoration:none; }
div#main .pagetop a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
div#main .pagetop a:active{ color: #e58000;text-decoration:none; }


div#main .headerimg{
	margin-bottom:20px;
}

div#main .column{
	margin-bottom:10px;
	padding-bottom:10px;
}

div#main .dotborderbottom{
	border-bottom:1px dotted #b3b3b3;
}

div#main .pagetop{
	margin-bottom:15px;
	font-size:87%;
	line-height:140%;
	text-align:right;
}

div#main .pagetop a{
	display:block;
	width:100px;
	margin:0 0 0 auto;
	padding:0 17px 2px 0;
	background: url(../images/btn_arrow_up.gif) 95% 0.35em no-repeat;
}

/** PAGETOP LINK COLOR **********************************************************************************************/
div#main .pagetop a:link{ color: #1e6a99;text-decoration:none; }
div#main .pagetop a:visited{ color: #5e8399;text-decoration:none; }
div#main .pagetop a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
div#main .pagetop a:active{ color: #e58000;text-decoration:none; }

/** FOOTER **********************************************************************************************************/
div#footer{
	/*position:absolute;*/
	/*bottom:-65px;*/
	/*height:120px;*/
	width:100%;
	font-size:70%;
	clear:both;
	/*line-height:125%;*/
	text-align:center;
	/*background:url(../../images/main/global_footer.gif) 50% 0 no-repeat;*/
	padding:0;
	margin:0;
}

div#footer a{
	color:#000;
}
div#footerimage{
	margin:0 auto;
	width:760px;
	/*background:url(../../images/main/footer_center.jpg) no-repeat top;*/
}

/** FOOTER LINK COLOR ***********************************************************************************************/
div#footer a:link{ color: #000; text-decoration:none; }
div#footer a:visited{ color: #000; text-decoration:none; }
div#footer a:hover{ color: #1e6a99; text-decoration:none; background-color: #b2e1ff; }
div#footer a:active{ color: #e58000; text-decoration:none; }

div#footer .pagetop{
	width:520px;
	margin:0 auto;
	padding:26px 0 0 0;
	text-align:right;
}

div#footer .pagetop a{
	display:block;
	width:100px;
	margin:0 0 0 auto;
	padding:0 22px 2px 0;
	background: url(../images/btn_arrow_up.gif) 95% 0.3em no-repeat;
}

/** FOOTER PAGETOP LINK COLOR ***************************************************************************************/
div#footer .pagetop a:link{ color: #000;text-decoration:none; }
div#footer .pagetop a:visited{ color: #000;text-decoration:none; }
div#footer .pagetop a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
div#footer .pagetop a:active{ color: #e58000;text-decoration:none; }

/** FOOTER MENU *****************************************************************************************************/
div#footermenu{
	/*margin:15px 0;*/
	color:#000;
}

div.copyright{
}




/* Remove element */
.rmv{
	display:block;
	position:absolute;
	top:-9999px;
	left:-9999px;
}


/* clear element */
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */

/* reset element */
.reset{
	display:block;
	clear:both;
	width:1px;
	height:1px !important;
	font-size:0%;
	background:none !important;
	overflow:hidden;
}
html>body .reset{overflow:visible;}
/* FOR PRODUCT PAGE */
/** Bunner Area *********************************************************************************************************/
div.bunnerArea{
	margin-top:25px;
}

div.bunnerArea p{ margin-bottom:5px; }

div.bunnerArea a:hover{ background: url(/common/images/1px.gif) 0 0 no-repeat; }


/** Related Area *********************************************************************************************************/
div.relatedArea{
	margin-top:25px;
	font-size:80%
}
div.relatedArea div.boxA{
	border:1px solid #cdcdcd;
	margin-bottom:10px;
}
div.relatedArea div.boxA h3{
	margin-bottom:5px;
	padding:0 5px;
	border-bottom:2px solid #5ba9da;
	color:#1f699a;
	background-color:#ebf8ff;
	font-weight:bold;
}
div.relatedArea div.boxA h3 a{
	color:#1f699a;
}
div.relatedArea div.boxA h3 a:hover{
	color:#1f699a;
	background-color:transparent;
	text-decoration:underline;
}
div.relatedArea div.boxA p.txt{
	margin-bottom:5px;
	padding:0 5px;
	line-height:1.2;
}
div.relatedArea div.boxA p.lnk{
	margin-bottom:5px;
	padding:0 5px;
	text-align:right;
}
div.relatedArea div.boxA p.lnk a{
	padding:2px 0 2px 15px;
	background: url(../images/btn_arrow_right.gif) 1px 50% no-repeat;
	font-weight:bold;
	line-height:21px;
}
div.relatedArea div.boxA p.lnk a:hover{
	background-color:#b2e1ff;
}
/* more CSS hacks because IE sucks balls */
h4{
	font-size:13px;
}
table.bottomMargin{
	font-size:13px;
}
#breadcrumb{
	position:relative;
}
#breadcrumb span{
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
}
#breadcrumb a{
	clear:none;
}
#header a{
	outline:none;
	background:none;
	border:none;
}
.column{
	font-size:13px;
}
p{font-size:13px;}

#footerimage #footerimage{
	background-image:none;
}