@charset "utf-8";

/* Default CSS Document */

html{ height:100%; }

/** BODY ***************************************************************************************************************/
body{
	height:100%;
	margin:0;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
	line-height:120%;
	text-align:center;
	color:#333;
	background: #FFFFFF url(/images/bg_globalheader.jpg) no-repeat scroll 50% 0;
}

body.home {
	background:#000000 url(/images/index/bg_top.jpg) repeat-y fixed 50% 0;
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:100%;
	height:100%;
	line-height:120%;
	margin:0 auto;
	padding:0;
	position:relative;
	text-align:center;
}

a{
/*\*/
   overflow: hidden;
/**/
}

img{ border:none; }
a img { display: block; }
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%; color:#144866}
h3.h3header {
font-weight:bold;
margin-bottom:10px;
}
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; }
a:link{ color: #1e6a99;text-decoration:none; }
a:visited{ color: #5e8399;text-decoration:none; }
a:hover{ color: #1e6a99;text-decoration:none; background-color: #b2e1ff; }
#wwsite a:link {
color:#FFFFFF;
text-decoration:none;
}
a:active{ color: #e58000;text-decoration:none; }



/** WRAPPER **********************************************************************************************************/
* html div#wrapper{
    height:100%;
}
* html div#wrapperhome{
    height:100%;
}

div#wrapperhome{
	margin:0 auto;
	min-height:100%;
	padding:0;
	position:relative;
	text-align:left;
	width:100%;
	background:url(/images/index/bg_globalheaderhome.jpg) 50% 0 no-repeat;
}
div#wrapper{
	position:relative;
/*	min-height:100%;*/
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	/*background:#fff url(/images/bg_globalheader.gif) 50% 0 no-repeat;*/
}
body > #wrapper {
        height: auto;
}

body.home #wrapper {
    height: auto;
	/*background: #fff url(/images/bg_globalheader.gif) 50% 0 no-repeat;*/
}


/** HEADER ***********************************************************************************************************/
div#header{
	width:760px;
	margin:0 auto;
	padding:17px 0 49px 0;
	text-align:left;
}


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

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

/** GLOBAL MENU ******************************************************************************************************/
div#globalmenu{
	float:right;
	width:543px;
	text-align:left;
	padding:0;
}

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

div#globalmenu li{
	display:inline;
}

div#globalmenu li#global01 a,
div#globalmenu li#global02 a,
div#globalmenu li#global03 a,
div#globalmenu li#global04 a,
div#globalmenu li#global05 a{
	display:block;
	float:left;
	height:36px;
	margin:0 5px 0 0;
	padding:0;
	text-indent:-9999px;
}

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

div#globalmenu li#global01 a{ width:69px; background: url(/images/globalnavi01.gif) 0 0 no-repeat; }
div#globalmenu li#global02 a{ width:112px; background: url(/images/globalnavi02.gif) 0 0 no-repeat; }
div#globalmenu li#global03 a{ width:85px; background: url(/images/globalnavi03.gif) 0 0 no-repeat; }
div#globalmenu li#global04 a{ width:64px; background: url(/images/globalnavi04.gif) 0 0 no-repeat; }
div#globalmenu li#global05 a{ width:70px; background: url(/images/globalnavi05.gif) 0 0 no-repeat; }
div#globalmenu li#global06 a{ width:98px; background: url(/images/globalnavi06.gif) 0 0 no-repeat; }

#wrapperhome div#globalmenu li#global01 a{ width:69px; height:47px; background: url(/images/index/globalnavi01.gif) 0 0 no-repeat; }
#wrapperhome div#globalmenu li#global02 a{ width:112px; height:47px; background: url(/images/index/globalnavi02.gif) 0 0 no-repeat; }
#wrapperhome div#globalmenu li#global03 a{ width:85px; height:47px; background: url(/images/index/globalnavi03.gif) 0 0 no-repeat; }
#wrapperhome div#globalmenu li#global04 a{ width:64px; height:47px; background: url(/images/index/globalnavi04.gif) 0 0 no-repeat; }
#wrapperhome div#globalmenu li#global05 a{ width:70px; height:47px; background: url(/images/index/globalnavi05.gif) 0 0 no-repeat; }
#wrapperhome div#globalmenu li#global06 a{ width:98px; height:47px; background: url(/images/index/globalnavi06.gif) 0 0 no-repeat; }

div#globalmenu li#global01 a:hover,
div#globalmenu li#global01 a:hover,
div#globalmenu li#global02 a:hover,
div#globalmenu li#global03 a:hover,
div#globalmenu li#global04 a:hover,
div#globalmenu li#global05 a:hover,
div#globalmenu li#global06 a:hover,
div#globalmenu li#global01 a.on,
div#globalmenu li#global02 a.on,
div#globalmenu li#global03 a.on,
div#globalmenu li#global04 a.on,
div#globalmenu li#global05 a.on,
div#globalmenu li#global06 a.on{ background-position:0 -36px; }

#wrapperhome div#globalmenu li#global01 a:hover,
#wrapperhome div#globalmenu li#global01 a:hover,
#wrapperhome div#globalmenu li#global02 a:hover,
#wrapperhome div#globalmenu li#global03 a:hover,
#wrapperhome div#globalmenu li#global04 a:hover,
#wrapperhome div#globalmenu li#global05 a:hover,
#wrapperhome div#globalmenu li#global06 a:hover,
#wrapperhome div#globalmenu li#global01 a.on,
#wrapperhome div#globalmenu li#global02 a.on,
#wrapperhome div#globalmenu li#global03 a.on,
#wrapperhome div#globalmenu li#global04 a.on,
#wrapperhome div#globalmenu li#global05 a.on,
#wrapperhome div#globalmenu li#global06 a.on{ background-position:0 -47px; }


/** BREAD CRUMB *****************************************************************************************************/
div#breadcrumb{
	height:3em;
	width:720px;
	margin:0 auto 6px auto;
	font-size:11px;
	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;
	font-size:80%;
}


/** 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(/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 ************************************************************************************************************/
#content div#main{
	float:right;
	width:540px;
	padding-bottom:20px;
}

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; }

div.page_simple h4.h4ptheaderbgm,
div.page_listchildren 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; }

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

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

h4.h4ptheaderbgl span.left,
h4.h4ptheaderbgm span.left,
h4.h4ptheaderbgs span.left {
	float: left;
}

h4.h4ptheaderbgl span.right,
h4.h4ptheaderbgm span.right,
h4.h4ptheaderbgs span.right {
	float: right;
	padding-right: 10px;
}

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:4.6em;
	margin:0 0 0 auto;
	padding:0 17px 2px 0;
	background: url(/images/btn_arrow_up.gif) 95% 0.35em no-repeat;
}

/** PRODUCT FINDER **/

form#productfinder {
	margin-bottom: 20px;
}

div#productFinderResults {
	margin-top: 20px;
}

/** STOCKIST SEARCH */

form.stockistsearch {
	background: url(/images/stockist/search_bg.png);
	width: 522px;
	height: 188px;
	padding: 12px 0 0 15px;
	display: block;
	margin: 0 auto;
	color: #606060;
}

form.stockistsearch input#find {
	outline: none;	
}

form.stockistsearch a#find {
	width: 82px;
	height: 30px;
	display: block;
	outline: none;
	background: url(/images/stockist/find-btn.png) 0 -30px;
}

form.stockistsearch a#find:hover {
	cursor: pointer;
	background-position: 0 0;
}

div#searchstatus {
	font-weight: bold;
	margin: 10px 0;
	text-align: center;
	width: 100%;
	color: #606060;
}

div.stockistresult {
	background: url(/images/stockist/search-box.gif);
	display: block;
	width: 523px;
	height: 147px;
	padding-left: 14px;
	margin-top: 15px;
	cursor: pointer;
}

div.stockisttop {
	height: 33px;
	display: block;
	padding: 7px 0 0 0;
	font-size: 1.1em;
}

span.stockistnum {
	padding-left: 2px;
	float: left;
	height: 24px;
	width: 22px;
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
}

span.stockistname {
	margin-left: 10px;
	color: #5d9fc1;
	font-weight: bold;
	height: 24px;
	display: block;
	float: left;
}

div.stockistdetail img {
	float: left;
	margin: 6px 0 0 6px;
}

div.stockistdetail table {
	margin-left: 33px;
	float: left;
}

div.stockistdetail td {
	font-size: 0.9em;
	padding: 0;
	margin: 0;	
}

div.stockistdetail strong {
	font-size: 1.1em;
	color: #5d9fc1;
}

ul.productButtons {
	margin-bottom: 15px;
}

ul.productButtons li {
	float: left;
	width: 100px;
}

div.btnholder {
	margin-bottom: 15px;
}

div.btnholder a.btn {
	background: url(/images/btn_button_bg.jpg);
	font-size: 0.8em;
	font-weight: bold;
	padding: 5px;
	width: 100px;
	height: 40px;
	display: block;
	float: left;
	text-align: center;
	margin-left: 10px;
}

div#map {
	border: 1px solid #606060;
	width: 100%;
	height: 350px;
}

div#stockists {
	margin: 20px auto 0 auto;
	width: 537px;	
}

div#throbber {
	width: 100%;
	text-align: center;
	margin-top: 12px;
}

span.error {
	font-weight: bold;
	color: #ee0000;
}

/** 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:112px;
	background:#FFFFFF url(/images/bg_globalfooter.jpg) no-repeat scroll 50% 0;
	width:100%;
	font-size:70%;
	line-height:125%;
	text-align:center;
/*	bottom:-65px;
	position:absolute;
*/
}

.home div#footer {
	position: static;
}

div#footer a{
	color:#fff;
}

#wrapperhome div#footer{
border-top:2px solid #FFFFFF;
background:none;
bottom:-65px;
font-size:70%;
height:auto;
line-height:125%;
padding:15px 0 40px;
position:static;
text-align:center;
width:100%;
}

#wrapperhome .home div#footer {
	position: static;
}

#wrapperhome div#footer a{
	color:#fff;
}


/** FOOTER LINK COLOR ***********************************************************************************************/
div#footer a:link{ color: #000000; text-decoration:none; }
div#footer a:visited{ color: #000000; 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{
	margin:0 auto;
padding:26px 92px 0 0;
text-align:right;
width:628px;
}

div#footer .pagetop a{
	display:block;
	width:4.6em;
	margin:0 0 0 auto;
	color:#1E6A99;
	padding:0 17px 2px 0;
	background: url(/images/btn_arrow_up.gif) 95% 0.2em no-repeat;
}

/** FOOTER PAGETOP LINK COLOR ***************************************************************************************/
div#footer .pagetop a:link{ color: #1E6A99;text-decoration:none; }
div#footer .pagetop a:visited{ color: #1E6A99;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:0 0 19px;
	color:#000000;
}

div.copyright{
}


div.relatedArea {
	font-size:80%;
	margin-top:25px;
}
div.relatedArea div.boxA {
	border:1px solid #CDCDCD;
	margin-bottom:10px;
}
div.relatedArea div.boxA h3 {
	background-color:#EBF8FF;
	border-bottom:2px solid #5BA9DA;
	color:#1F699A;
	font-weight:bold;
	margin-bottom:5px;
	padding:0 5px;
}
div.relatedArea div.boxA h3 a {
	color:#1F699A;
}
div.relatedArea div.boxA p.txt {
	line-height:1.2;
	margin-bottom:5px;
	padding:0 5px;
}
div.relatedArea div.boxA p.lnk {
	margin-bottom:5px;
	padding:0 5px;
	text-align:right;
}

/* 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;
}
#tokei_hover_area{
	display:none;
	margin-left:155px;
}
.tooltip02 {
	height:129px;
	position:absolute;
	width:360px;
	z-index:1201;
}

.tooltip, .tooltip02 {
	background:#FFFFFF none repeat scroll 0 0;
	border:2px solid #A8A8A8;
	color:#333333;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:80%;
	text-align:left;
}
.tooltip02 .poptitle{
	font-size:12px;
}
.tooltip02 .title {
	width:357px;
}
.tooltip .title, .tooltip02 .title {
	background:transparent url(/images/index/tooltip/title_tooltip.gif) no-repeat scroll 0 0;
	height:33px;
}
.tooltip02 .content {
	padding:10px 20px 0;
}
.tooltip .content, .tooltip02 .content {
	line-height:1.1;
	padding:10px 30px 0;
}
html>body .reset{overflow:visible;}