@charset "utf-8";
/* CSS Document */

* { padding: 0; margin: 0; }
.clearboth { clear: both; }
.txtcentered { text-align: center; }
.justify { text-align: justify; }
.txtright { text-align: right; }
.txtleft { text-align: left; }
.alignleft { float: left; }
.alignright { float: right; }
pre { font-size: 14px; font-family: Arial, Helvetica, sans-serif; padding: 3px; }


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */

.gray11 { font-size: 11px; color:#656565; }
.gray12 { font-size: 12px; color:#656565; }
.gray14 { font-size: 14px; color:#656565; }
.gray16 { font-size: 16px; color:#656565; }
.gray18 { font-size: 18px; color:#656565; }
.gray20 { font-size: 20px; color:#656565; }

.blue12 { font-size: 12px; color:#282964; }
.blue14 { font-size: 14px; color:#282964; }
.blue16 { font-size: 16px; color:#282964; }
.blue18 { font-size: 18px; color:#282964; }
.blue20 { font-size: 20px; color:#282964; }


body { background: url(../images/bg.gif) repeat-x; font-family: Arial, Helvetica, sans-serif; }

#wrapper { background: url(../images/contentbg.gif) top no-repeat; width: 948px; padding: 20px 6px 0 6px;}
#wrapper2 { background: url(../images/contentbg2.gif) top no-repeat; width: 948px; padding: 10px 6px 0 6px;}
#wrappergreen { background: url(../images/contentbg_green3.gif) top no-repeat; width: 948px; padding: 20px 6px 0 6px;}
#contentwrap { background: url(../images/contentexpandbg.gif) center repeat-y; width: 960px; margin: 0 auto; }
#contentbottom { background: url(../images/contentfooter.gif) center no-repeat; width: 948px; height: 16px;	font-size: 0; padding: 0 6px; margin: -1px auto 0; }

#header { width: 897px; height: 165px; margin: 0 auto; background:  url(../images/header.gif) no-repeat; }
#logo { padding: 11px 0 0 24px; }
#slogan { padding: 0 0 0 360px; color: #f5f5f5; font-size: 16px; font-weight: bold; }

#main_content { margin: 20px 25px 0 25px; }
#main_content2 { margin: 0 25px 0 25px; padding-bottom: 8px; }


#main_content_purple { background: url(../images/purplebg.gif) repeat-y; margin: 0 24px 0 24px; padding-bottom: 8px; }
#purplewrap-title { background: url(../images/purple-titlebg.gif) no-repeat; height: 79px; }
#purplewrap-title h1{ font-size: 24px; font-family: Verdana, Geneva, sans-serif; color:#282964; }

a.purplebtn { display: block; width: 222px; margin: 0 auto; height: 29px; background: url(../images/purplebtn.gif) no-repeat; color: #000066; text-decoration: none; line-height: 29px; text-align: center; font-weight: bold;}
a:hover.purplebtn{ background: url(../images/purplebtn.gif)  0 -29px;}


#main_content_blue { background: url(../images/bluebg.gif) repeat-y; margin: 0 24px 0 24px; padding-bottom: 8px; }
#bluewrap-title { background: url(../images/purple-titlebg.gif) no-repeat; height: 79px; }
#bluewrap-title h1{ font-size: 24px; font-family: Verdana, Geneva, sans-serif; color:#282964; }


a.greenbtn { display: block; width: 222px; margin: 0 auto; height: 29px; background: url(../images/greenbtn.gif) no-repeat; color: #000066; text-decoration: none; line-height: 29px; text-align: center; font-weight: bold;}
a:hover.greenbtn{ background: url(../images/greenbtn.gif)  0 -29px;}


.entry { font-size: 12px; color:#282964; }
.entry p { margin-top: 10px; font-size: 12px; color:#282964; text-align: justify; padding-right: 8px;}
.entry ol { margin: 10px 0 0 35px; color:#282964; font-size: 12px;}
.entry h2 { font-size: 22px; color:#282964;}
.entry h3 { font-size: 18px; color:#282964;}
.entry a { color:#282964; text-decoration: underline; }
.entry a:hover { color: #0598ec; }

.entry ul { margin: 10px 0 0 0; padding: 0; list-style: none; text-align: justify;}
.entry ul  li { background: url(../images/dian_01.gif) top left no-repeat; padding-left: 15px; color:#282964; font-size: 12px; margin: 3px 0; }
.entry ul  li ul li{ list-style-type: disc; }

/******************** for caregiving section ********************/
#wrapper_cg { background: url(../images/contentbg_cg_blank.gif) top no-repeat; width: 948px; padding: 20px 6px 0 6px; }
#main_content_cg { background: url(../images/greybg.gif) repeat-y; margin: 0 24px 0 24px; padding-bottom: 8px; }
#greywrap-title { background: url(../images/grey-titlebg.gif) no-repeat; height: 79px;}
#greywrap-title h1{ font-size: 24px; font-family: Verdana, Geneva, sans-serif; color:#282964; }
#contentbottom_cg { background: url(../images/contentfooter_cg.gif) center no-repeat; width: 948px; height: 56px; font-size: 0; padding: 0 6px; margin: -1px auto 0; }

.entry_cg { font-size: 12px; color:#282964; }
.entry_cg p { font-size: 12px; color:#282964; text-align: justify; }
.entry_cg ol { margin: 10px 0 0 35px; color:#282964; font-size: 12px;}
.entry_cg h1 { font-weight: bold; font-size: 22px; text-align: left; color: #282964;}
.entry_cg h2 { font-weight: bold; font-size: 18px; text-align: left; color: #282964;}
.entry_cg h3 { font-size: 18px; color:#282964;}
.entry_cg a { color:#282964; text-decoration: none; }
.entry_cg a:hover { color: #0598ec; text-decoration: none; }

.entry_cg ul { margin: 10px 0 0 0; padding: 0; list-style: none; text-align: justify;}
.entry_cg ul  li { background: url(../images/dian_01.gif) top left no-repeat; padding-left: 15px; color:#282964; font-size: 12px; margin: 3px 0; padding-right: 8px; }
.entry_cg ul  li ul li{ list-style-type: disc; }

.pictext { font-size: 10px; color:#4a4a4a; margin: 0; padding: 0 8px 0 0; text-align: justify; }
.pictext img { padding: 22px 0 8px 0; margin: 0; }

.cg_tip_starter { background: url(../images/caregiving/cg_tip_starter.gif) top center no-repeat; padding-top: 40px; margin-top: 22px; width: 262px; }
.cg_tip_starter200 { background: url(../images/caregiving/cg_tip_starter200.gif) top center no-repeat; padding-top: 40px; margin-top: 22px; width: 200px; }
.cg_tip_starter240 { background: url(../images/caregiving/cg_tip_starter240.gif) top center no-repeat; padding-top: 40px; margin-top: 22px; width: 240px; }
.cg_tip_starter540 { background: url(../images/caregiving/cg_tip_starter540.gif) top center no-repeat; padding-top: 40px; margin-top: 22px; width: 540px; }
.cg_tip_centre { background-color: #c4d8e4; padding: 0; margin: 0 16px; font-size: 11px; color: #000; text-align: justify; }
.cg_tip_ender { background: url(../images/caregiving/cg_tip_ender.gif) top center no-repeat; padding-bottom: 10px; margin: 0 auto; width: 262px; height: 14px; }
.cg_tip_ender200 { background: url(../images/caregiving/cg_tip_ender200.gif) top center no-repeat; padding-bottom: 10px; margin: 0 auto; width: 200px; height: 14px; }
.cg_tip_ender240 { background: url(../images/caregiving/cg_tip_ender240.gif) top center no-repeat; padding-bottom: 10px; margin: 0 auto; width: 240px; height: 14px; }
.cg_tip_ender540 { background: url(../images/caregiving/cg_tip_ender540.gif) top center no-repeat; padding-bottom: 10px; padding-right: -20px; margin: 0 auto; width: 540px; height: 14px; }
/******************** for caregiving section ********************/

.column { width: 284px; height: 800px; float: left; }
.column h2{ background: #fff; text-align: center; height: 38px; line-height: 38px; font-size: 20px; font-weight: 600; text-transform: uppercase; }

.ruler { border-collapse: collapse; font-size: 12px; }
.ruler thead { text-align: left; color:#282964;}
.ruler tfoot { font-size: 10px; }
.ruler tr:hover { background: #CCC; }


#box_one { background: #d5d5d5; padding: 2px; font-size: 14px; color:#282964; text-align: center;}
#box_one h2 { color: #999999; }
#box_one p { margin-top: 15px; }
#box_one p a { color: #282964; text-decoration: none; }
#box_one p a:hover { color: #0598ec; }

#box_two { margin: 0 17px; padding: 2px; background: #ece3ed; font-size: 14px; color:#282964;}
#box_two h2 { color: #b69cb9; }
#box_two p { margin-top: 15px; }
#box_two ul { margin: 0 2px 0 0; list-style: none; }
#box_two ul li { background: url(../images/blue-arrow.gif) top left no-repeat; padding-left: 18px; margin-bottom: 4px; color: #656565;}

#box_three { background: #cfe5e8; padding: 2px ;}
#box_three h2 { color: #99cccc; }

.rounded1 { background: url(../images/image1bg.gif) center no-repeat; height: 23px; line-height: 23px; width: 100%; margin: 8px auto; font-size: 11px; text-align: center; color:#282964;}
.rounded1 a{ color:#282964; text-decoration: underline; }
.rounded1 a:hover { color: #0598ec; text-decoration: none; }

.callback { background: url(../images/callbackbg.gif) bottom no-repeat; width: 262px; margin: 8px auto; font-size: 11px; }
.callback h3 { background: url(../images/callback-title.gif) no-repeat; height: 30px; line-height: 30px; padding-top: 3px; text-align: center; font-size: 14px; color: #282964; }
.callback p { margin-top: 5px;}
.callback p a { color: #06C; }

.callback2 { background: url(../images/callbackbg2.gif) bottom no-repeat; width: 262px; margin: 8px auto; font-size: 11px; }
.callback2 h3 { background: url(../images/callback-title2.gif) no-repeat; height: 30px; line-height: 30px; padding-top: 3px; text-align: center; font-size: 14px; color: #282964; }
.callback2 p { margin-top: 5px;}
.callback2 p a { color: #06C; }

.callback3 { background: url(../images/callbackbg3.gif) bottom no-repeat; width: 243px; margin: 8px auto; font-size: 11px; }
.callback3 h3 { background: url(../images/callback-title3.gif) no-repeat; height: 30px; line-height: 30px; padding-top: 3px; text-align: center; font-size: 14px; color: #282964; }
.callback3 p { margin-top: 5px;}
.callback3 p a { color: #06C; }

.callback4 { background: url(../images/callbackbg4.gif) bottom center no-repeat; width: 200px; margin: 8px auto; font-size: 11px; }
.callback4 img { background: url(../images/callback-title4.gif) top center no-repeat; padding-top: 3px; margin-top: -10px; }
.callback4 p { margin-top: 5px;}
.callback4 p a { color: #06C; }

.callback_purple { background: url(../images/purplecallbackbg.gif) bottom no-repeat; width: 262px; margin: 8px auto; font-size: 11px; }
.callback_purple h3 { background: url(../images/purplecallback-title.gif) no-repeat; height: 30px; line-height: 30px; padding-top: 3px; text-align: center; font-size: 14px; color: #282964; }
.callback_purple p { margin-top: 8px; color: #656565; }
.callback_purple p a { color: #06C; }

.callback_input { border: 1px solid #dbdbdb; background: #fff url(../images/white.gif); padding: 2px; color: #666666; width: 239px; font-size: 9px; margin-top: 5px; }
.callback_finput { border: 1px solid #dbdbdb; background: #fff url(../images/white.gif); padding: 2px 1px; color: #666666; width: 116px; font-size: 9px; margin: 5px 5px 0 0; }
.callback_linput { border: 1px solid #dbdbdb; background: #fff url(../images/white.gif); padding: 2px 1px; color: #666666; width: 116px; font-size: 9px; margin-top: 5px; }
.callback3_input { border: 1px solid #dbdbdb; background: #fff url(../images/white.gif); padding: 2px 0; color: #666666; width: 113px; font-size: 9px; margin-top: 5px; }

input.callbackbtn { border: none; width: 114px; height: 19px; background: url(../images/callback-button.gif) no-repeat; text-decoration: none; color: #000; font-size: 9px; margin: 5px 0 0 4px; }
input:hover.callbackbtn { color: #3583ab; }


input.callbackbtn { border: none; width: 114px; height: 19px; background: url(../images/callback-button.gif) no-repeat; text-decoration: none; color: #000; font-size: 9px; margin: 5px 0 0 4px; }
input:hover.callbackbtn { color: #3583ab; }

.callbackwidetitle { width: 500px; background: url(../images/contactbgtitle.gif) no-repeat; height: 30px; line-height: 30px; text-align: center; font-size: 14px; color: #282964;}
.callbackwide { width: 470px; background: url(../images/contactbg.gif) repeat-y; padding: 15px; font-size: 11px; color: #666666;}
.callbackwidebottom { width: 500px; background: url(../images/contactbgbottom.gif) no-repeat; height: 11px; }
.callbackwide_input { border: 1px solid #dbdbdb; background: #fff url(../images/whitecell.gif); padding: 2px; color: #666666; width: 465px; font-size: 12px; margin-bottom: 8px; }


#footer { width: 900px; margin: 10px auto; text-align: center; height: 150px; font-size: 10px; color: #666666;	}
#footer img { border: 0; }
#footer a {	color: #282964;	text-decoration: none; }
#moleac { width: 242px; float: left; margin: 8px 8px 0 0; text-align: right; color: #282964; }
#copyright { width: 650px; float: right; text-align: left; margin-top: 8px; }


/* Navigation */
#menu { width: 915px; font-size: 14px; line-height:normal; margin: 15px auto 0 auto; font-weight: bold; }
html>body #menu { width: 912px; font-size: 14px; line-height:normal; margin: 15px auto 0 auto; font-weight: bold; }
.sp { font-size: 12px; }
.nav, .nav ul {	list-style: none;	}
.nav { font-family:  Arial, Helvetica, sans-serif; }
.nav li { float: left; margin: 0 2px; position: relative; width: 148px;	background: url(../images/navbg.gif) no-repeat; }
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited { color: #282965; display: block; padding: 7px 0px; text-decoration: none; text-align: center; }
.nav li a:hover { background: #272864; color: #fff; }
#nav-one li:hover a, #nav-one li.sfHover a { background: url(../images/navbg.gif) 0 30px; color: #fff; }
#nav-one li:hover ul a, #nav-one li.sfHover ul a { background: #fbfbfb; color: #11297d;	padding: 8px 0; text-align: center; }
#nav-one li:hover ul a:hover, #nav-one li.sfHover ul a:hover { background: #272864; color: #fff; }
.nav ul { background: url(../images/ulbg.gif) no-repeat bottom; list-style: none; padding-bottom: 8px;	width: 132px; padding-right: 20px; position: absolute; top: -999em;	left: -2px;	z-index: auto; }
.nav li:hover ul, .nav li.sfHover ul { top: 29px; }
.nav ul li { border: 0;	float: none; }
.nav ul a { border-bottom: 0; width: 148px; white-space: nowrap; }
.nav ul a:hover { background: #fefefe; color: #000; }

/* drop down */
ul#navlist { text-align: left; list-style: none; width: 90%; }
ul#navlist li { display: block; }
ul#navlist li a { display: block; width: 100%; padding: 0.5em 10px; border-width: 1px; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #777; text-decoration: none; background: #f7f2ea; }
#navcontainer>ul#navlist li a { width: auto; }
ul#navlist li#active a { background: #f0e7d7; color: #800000; }
ul#navlist li a:hover, ul#navlist li#active a:hover { color: #800000; background: #fbfbfb; border-color: #aaab9c #fff #fff #ccc; }
.nav li#active a { background: url(../images/buy.jpg) no-repeat; }
.nav li#active a:hover { background: url(../images/buyon.jpg) no-repeat; }


/* side Navigation */
table.tableSideMenu {
   border-collapse: separate;
   border-spacing: 10px; 
}
table.tableSideMenu td {
   border: none;
   vertical-align: middle;
}
table.tableSideMenu td a {
   display: block;
   width: 150px;
   height: 22px;
   padding: 8px 0 0;
   text-decoration: none;
}
table.tableSideMenu td a:link, table.tableSideMenu td a:visited {
   color: #282965;
   background: url(../images/navbgSide.gif) top center no-repeat;
}
table.tableSideMenu td a:hover, table.tableSideMenu td a:active {
   color: #FFF;
   background: url(../images/navbgSide.gif) bottom center no-repeat;
}


a.smallbtn { display: block; width: 180px; height: 36px; line-height: 36px; color: #fff; font-weight: bold; font-family: Helvetica, Arial, Tahoma, Verdana; background: url(../images/smallbtn.gif) no-repeat; text-decoration: none; text-align: center; }
a:hover.smallbtn { background: url(../images/smallbtn.gif) no-repeat 0 -36px;}

a.mediumbtn { display: block; width: 222px; height: 36px; line-height: 36px; color: #fff; font-weight: bold; font-family: Helvetica, Arial, Tahoma, Verdana; background: url(../images/mediumbtn.gif) no-repeat; text-decoration: none; text-align: center; }
a:hover.mediumbtn { background: url(../images/mediumbtn.gif)  0 -36px;}

a.longestbtn { display: block; width: 317px; height: 31px; line-height: 31px; color: #fff; font-weight: bold; font-family: Helvetica, Arial, Tahoma, Verdana; background: url(../images/longestbtn.gif) no-repeat; text-decoration: none; text-align: center; }
a:hover.longestbtn { background: url(../images/longestbtn.gif)  0 -31px;}

a.longestbtn2 { display: block; width: 325px; height: 36px; line-height: 31px; color: #fff; font-weight: bold; font-family: Helvetica, Arial, Tahoma, Verdana; background: url(../images/longestbtn2.gif) no-repeat; text-decoration: none; text-align: center; }
a:hover.longestbtn2 { background: url(../images/longestbtn2.gif)  0 -36px;}


a.smallgreenbtn { display: block; width: 180px; height: 36px; line-height: 36px; color: #fff; font-weight: bold; font-family: Helvetica, Arial, Tahoma, Verdana; background: url(../images/smallgreenbtn.gif) no-repeat; text-decoration: none; text-align: center; }
a:hover.smallgreenbtn { background: url(../images/smallgreenbtn.gif) no-repeat 0 -36px;}

a.mediumgreenbtn { display: block; width: 222px; height: 36px; line-height: 36px; color: #fff; font-weight: bold; font-family: Helvetica, Arial, Tahoma, Verdana; background: url(../images/mediumgreenbtn.gif) no-repeat; text-decoration: none; text-align: center; }
a:hover.mediumgreenbtn { background: url(../images/mediumgreenbtn.gif)  0 -36px;}

a.longestgreenbtn { display: block; width: 317px; height: 31px; line-height: 31px; color: #fff; font-weight: bold; font-family: Helvetica, Arial, Tahoma, Verdana; background: url(../images/longestgreenbtn.gif) no-repeat; text-decoration: none; text-align: center; }
a:hover.longestgreenbtn { background: url(../images/longestgreenbtn.gif)  0 -31px; color: #b4dc5f; }


input.submitbtn { display: block; width: 179px; height: 36px; line-height: 36px; border: 0; color: #fff; font-weight: bold; font-family: Helvetica, Arial, Tahoma, Verdana; background: url(../images/smallbtn.gif) no-repeat; text-decoration: none; text-align: center; }
input:hover.submitbtn { background: url(../images/smallbtn.gif)  0 -36px;}


.medq { background: url(../images/title-bg.gif) repeat-y; width: 584px; margin: 0 auto; }
.medq h2 { background: url(../images/title-top.gif) no-repeat; height: 44px; line-height: 50px; font-size: 14px; color: #282964; text-align: center; }
.medq form label { float: left;  text-align: left;}
.input1 { padding: 2px; background: #fff url(../images/white.gif); }
.select1 { width: 368px; padding: 2px; background: #fff url(../images/white.gif); }
.selectsp { width: 318px; padding: 2px; background: #fff url(../images/white.gif); }
.labelsp { width: 135px; margin: 0 5px 0 60px; color:#282964; }
.label1 { width: 120px; margin: 0 5px 0 45px; color:#282964; }
.label2 { width: 280px; margin: 0 0 0 60px; color:#282964;}
.label3 { width: 40px; text-align: right; margin-right: 8px; margin-left: 20px; color:#282964;}
#submitbtn { width: 177px; margin: 0 auto; text-align: center; }

.square { padding-top: 20px; width: 390px; }
.square ul { margin: 10px 0 0 0; padding: 0; list-style: none; }
.square ul li { background: url(../images/dian_01.gif) top left no-repeat; padding-left: 15px; color: #666666; margin: 0;}
.square ul li ul li{ list-style-type: disc; }

.orderform { width: 600px; margin: 0 auto; font-size: 14px; color: #666666; }
.orderform_input { background: url(../images/white.gif); }

a.payoption1 { display: block; width: 577px; height: 105px; line-height: 105px; color: #fff; font-weight: bold; font-family: Helvetica, Arial, Tahoma, Verdana; background: url(../images/en/payoptionone.gif) no-repeat; text-decoration: none; text-align: center;}
a:hover.payoption1 { background: url(../images/en/payoptionone.gif)  0 -105px;}


<!-- CSS for s3Slider -->

#slider {
    width: 262px; /* important to be same as image width */
    height: 160px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 262px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
    position: absolute;
	font: 12px Arial, Helvetica, sans-serif;
    padding: 10px 10px;
    width: 262px;
    background-color: #transparent;    
    color:#333;
    display: block;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
	color:#282964;
}

.sliderImage span a {
	font-weight:bold;
	text-decoration:none;
	color:#333;
}

.sliderImage span a:hover{
	color:#666;	
}

.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}

.bottom {
	bottom: 0;
    left: 0;
}

ul { list-style-type: none;}

<!-- end of s3Slider CSS -->