/* CSS Document */

body {
	margin:0px; background-color:#4F6D91; color:#333333;
	background-image:url(../images/bg.jpg); background-repeat:repeat-x; background-position:left top;
}

form {
	margin:0px 0px 0px 15px; padding:0px;
	border:none;
}

fieldset {
	margin:0px; padding:0px;
	border:none;
}

label {
	float:left;
	width:175px;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; 
	font-weight:normal;
	color:#000000;
	margin:0px 0px 10px 0px; padding:0px;
}
/*
input, select, textarea {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; 
	font-weight:normal;
	color:#000000;
	border:1px solid #999999;
	margin:0px 0px 10px 0px; padding:0px;
}
*/
.inputclass {
font-family:Arial, Helvetica, sans-serif; font-size:12px; 
	font-weight:normal;
	color:#000000;
	border:1px solid #999999;
	margin:0px 0px 10px 0px; padding:0px;
}
p {
	font-family:Arial, Helvetica, sans-serif; font-size:80%; 
	font-weight:normal;
	color:#000000;
	line-height:18px;
	margin:0px; padding:0px 220px 10px 0px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif; font-size:150%; 
	font-weight:bold;
	color:#F7743B;
	margin:0px; padding:0px 0px 10px 0px;
}

hr {
	display:none;
}
#skip {
	display:none;
}		
#wrapper {
	width:98%; height:auto; background-color:inherit; color:#FFFFFF;
	margin:0px auto; padding:0px;
	min-width:766px; max-width:870px;
}
#container {
	width:100%; height:auto;
	margin:60px 0px 0px 0px; padding:0px;
	background-color:inherit; color:#FFFFFF;
}
.toplink {
	margin:0px; padding:0px 0px 0px 10px;
	color:#FFFFFF; background-color:inherit;
	background:url(../images/topbg.jpg) repeat-x left top;
}
.topnavi {
	width:40%; float:left; 
	margin:0px; padding:0px 0px 15px 0px;
}	
.topnavi li {
	list-style:none; display:inline; float:left;
	margin:0px; padding:0px;
}
.topnavi li a {
	float:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:75%; font-weight:bold;
	color:#FFFFFF; background-color:inherit;
	margin:0px; padding:0px 5px 0px 5px;
	border-right:1px solid #FFFFFF;
	text-decoration:none;
}
.topnavi li a:hover {
	float:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:75%; font-weight:bold;
	color:#FFFFFF; background-color:inherit;
	margin:0px; padding:0px 5px 0px 5px;
	border-right:1px solid #FFFFFF;
	text-decoration:underline;
}

.login {
	width:40%; float:right; 
	margin:0px; padding:0px 10px 15px 0px;
}	
.login li {
	list-style:none; display:inline; float:right;
	margin:0px; padding:0px;
}
.login li a {
	float:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:70%; font-weight:normal;
	color:#FFFFFF; background-color:inherit;
	border-right:1px solid #FFFFFF;
	margin:0px; padding:0px 7px 0px 7px;
	text-align:right;
	text-decoration:none;
}
.login li a:hover {
	float:left;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:70%; font-weight:normal;
	color:#FFFFFF; background-color:inherit;
	margin:0px; padding:0px 7px 0px 7px;
	border-right:1px solid #FFFFFF;
	text-align:right;
	text-decoration:underline;
}

#maindiv {
	width:99.8%; height:auto;
	margin:0px; padding:0px; float:left;
	border:1px solid #000000;
	background:url(../images/contentbg.jpg) repeat-x left top;
	background-color:#4F6D91; color:#FFFFFF;
}

#header {
	width:100%; height:111px;
	background:url(../images/headerbg.jpg) repeat-x left top;
	margin:0px; padding:0px;
}	
.logo {
	width:180px; height:111px; float:left;
	margin:0px; padding:0px;
}
.rightbg {
	height:111px;
	margin-left:180px; padding:0px;
	background:url(../images/top-rightbg.jpg) no-repeat left top;
}
.callbox {
	width:60%; float:left;
	margin:0px 0px 0px 6%; padding:0px;
}
.shoppingbox {
	width:138px; height:81px;
	background-image:url(../images/box.jpg);
	float:right;
	margin:15px 3% 0px 0px; padding:0px;
}
.item {
	font-family:Arial, Helvetica, sans-serif; font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px; padding:20px 0px 4px 66px;
}
.item a:link,.item a:visited {
	font-family:Arial, Helvetica, sans-serif; font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px; padding:0px;
	text-decoration:underline;
}
.item a:hover {
	font-family:Arial, Helvetica, sans-serif; font-size:15px;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px; padding:0px;
	text-decoration:none;
}

.carttext {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	font-weight:normal;
	color:#000000;
	margin:0px; padding:0px 0px 0px 66px;
}
.pic {
	margin:0px; padding:0px; border:none;
	vertical-align:text-top;
}
		
.callinfo {
	font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal;
	text-align:right;
	color:#FFFFFF; background-color:inherit;
	margin:0px; padding:6px 2% 0px 0px;
	line-height:18px;
	
}
.callinfo span {
	font-family:Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold;
}
.callinfo a:link,.callinfo a:visited {
	color:#FFFFFF; background-color:inherit;
	text-decoration:none;
}
.callinfo a:hover {
	color:#FFFFFF; background-color:inherit;
	text-decoration:underline;
}
.punchline {
	width:97%; height:47px;
	background:url(../images/punchline.gif) no-repeat right top;
	margin:0px; padding:0px;
	cursor:pointer;
}

#menu {
	width:100%; height:24px; float:left;
	background:url(../images/menubg.jpg) repeat-x left top;
	color:#FFFFFF; background-color:#8A8E91;
}
		
.navi {
	width:745px; height:24px; padding:0px; margin:0px auto;
}
.navi li {
	width:auto; height:22px;
	margin:2px 0px 0px 0px; padding:0px; display:inline; list-style-type:none; 
	float:left;
}
.navi li a {
	width:auto; height:16px;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;
	text-align:center; text-decoration:none; float:left;
	color:#FFFFFF; background-color:inherit;
	border-right:1px solid #FFFFFF;
	margin:0px; padding:4px 11px 0px 11px;
}
.navi li a:hover {
	width:auto; height:16px;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;
	text-align:center; text-decoration:none; float:left;
	color:#FFFFFF; background-color:#C18A6C;
	display:block;
	border-right:1px solid #FFFFFF;
	margin:0px; padding:4px 11px 0px 11px;
}		
.navi .active {	
	width:auto; height:16px;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;
	text-align:center; text-decoration:none; float:left;
	color:#FFFFFF; background-color:#C18A6C;
	display:block;
	border-right:1px solid #FFFFFF;
	margin:0px; padding:4px 11px 0px 11px;
}	

.navi .subactive {	
	width:auto; height:16px;
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold;
	text-align:center; text-decoration:none; float:left;
	color:#FFFFFF; background-color:#4F6D91;
	display:block;
	border-right:1px solid #FFFFFF;
	margin:0px; padding:4px 11px 0px 11px;
}
			 	
#middle {
	width:100%; height:auto; float:left;
	background:url(../images/contentbg.jpg) repeat-x left top;
	margin:0px; padding:0px;
	background-color:#4F6D91; color:#333333;
}
#submiddle {
	width:100%; height:auto; float:left;
	background:url(../images/contentbg.jpg) repeat-x left top;
	margin:0px; padding:0px;
	background-color:#4F6D91; color:#333333;
}
#left {
	width:363px; height:auto; float:left;
	margin:0px; padding:0px;
}
#right {
	margin-left:363px; 
}
#flash {
	width:370px; height:auto;
	margin:0px auto; padding:0px;
}
 
.home_text {
	width:363px; 
	background:url(../images/homeimg01.jpg) no-repeat left top;
	margin:0px; padding:0px;
}
.home_text p {
	font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal;
	line-height:18px; float:left;
	color:#000000; background-color:inherit;
	margin:0px; padding:20px 30px 0px 25px;
}

#bottom {
	width:100%; height:auto; float:left; 
	margin:0px; padding:0px;
	background-color:#4F6D91; color:#FFFFFF;
}
#bottomleft {
	width:40%; height:auto; float:left;
	margin:0px; padding:15px 0px 0px 10px;
}
#bottomleft a:link,#bottomleft a:visited {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:70%; font-weight:normal;
	color:#FFFFFF; background-color:inherit;
	text-decoration:none;
	margin:0px; padding:0px;
}
#bottomleft a:hover {
	font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:70%; font-weight:normal;
	color:#FFFFFF; background-color:inherit;
	text-decoration:underline;
	margin:0px; padding:0px;
}	
#bottomright {
	width:40%; height:auto; float:right;
	margin:0px; padding:15px 10px 7px 0px;
	text-align:right;
}									

.shapebg {
	margin:0px; padding:0px; float:left;
	background:url(../images/shapebg.jpg) no-repeat left top;
}
.content {
	margin:0px; padding:22px 30px 0px 25px;
}

.hygiene {
	width:100%;
	height:auto;
	float:right;
	background:url(../images/hygiene_photo.jpg) no-repeat right top; 
}

.bullet_hygiene {
	list-style-image:url(../images/bullet.gif); list-style-position:outside;
	font-family:Arial, Helvetica, sans-serif; font-size:80%; 
	font-weight:normal;
	color:#000000;
	margin:0px 0px 0px 20px; padding:0px 390px 10px 0px;
}
.bullet_hygiene li {
	margin:0px 0px 8px 0px;
}

.why_choose {
	width:100%;
	height:auto;
	float:right;
	background:url(../images/why_choose.jpg) no-repeat right top; 
}
.bullet_why {
	list-style-image:url(../images/bullet.gif); list-style-position:outside;
	font-family:Arial, Helvetica, sans-serif; font-size:80%; 
	font-weight:normal;
	color:#000000;
	margin:0px 0px 0px 20px; padding:0px 250px 10px 0px;
}
.bullet_why li {
	margin:0px 0px 9px 0px;
}
.bullet_why a:link,.bullet_why a:visited {
	font-family:Arial, Helvetica, sans-serif; font-size:100%; 
	font-weight:normal;
	color:#000000;
	margin:0px; padding:0px;
	text-decoration:underline;
}
.bullet_why a:hover {
	font-family:Arial, Helvetica, sans-serif; font-size:100%; 
	font-weight:normal;
	color:#F7743B;
	margin:0px; padding:0px;
	text-decoration:none;
}



/* 5thmay */
.environment {
	width:100%;
	height:auto;
	float:right;
	background:url(../images/environment_photo.gif) no-repeat right bottom; 
}
.envir_text01 {
	font-family:Arial, Helvetica, sans-serif; font-size:80%; 
	font-weight:normal;
	color:#000000;
	line-height:18px;
	margin:0px; padding:0px 50px 10px 0px;
}

.bullet_envir {
	list-style-image:url(../images/bullet.gif); list-style-position:outside;
	font-family:Arial, Helvetica, sans-serif; font-size:80%; 
	font-weight:normal;
	color:#000000;
	line-height:22px;
	margin:0px 0px 0px 20px; padding:0px 390px 10px 0px;
}
.bullet_envir li {
	margin:0px 0px 7px 0px;
}


.highlight {
	font-family:Arial, Helvetica, sans-serif; font-size:80%; 
	font-weight:normal;
	color:#FFFFFF;
	line-height:13px;
	margin:0px; padding:0px 220px 10px 0px;
}
#left01 {
	width:290px; height:auto; float:left;
	margin:0px; padding:22px 0px 0px 25px;
}
#right01 {
	margin-left:380px;
}

.ttl {
	font-family:Arial, Helvetica, sans-serif; font-size:150%; 
	font-weight:bold;
	color:#F7743B;
	margin:0px; padding:22px 0px 0px 25px;
}

#subflash {
	width:450px; height:auto;
	margin:0px auto; padding:0px;
}
.text01 {
	font-family:Arial, Helvetica, sans-serif; font-size:80%; 
	font-weight:normal;
	color:#000000;
	line-height:18px;
	margin:0px; padding:0px 0px 10px 0px;
}

.shopicon {
	width:41px; height:42px;
	float:left;
	background:url(../images/shop_icon.gif) no-repeat left top;
	margin:0px; padding:0px 0px 5px 0px;
}
.detail:link,.detail:visited {
	float:left;
	font-family:Arial, Helvetica, sans-serif; font-size:80%; 
	font-weight:normal;
	color:#FFFFFF;
	margin:0px; padding:14px 0px 0px 10px;
	text-decoration:underline;
}
.detail:hover {
	float:left;
	font-family:Arial, Helvetica, sans-serif; font-size:80%; 
	font-weight:normal;
	color:#FFFFFF;
	margin:0px; padding:14px 0px 0px 10px;
	text-decoration:none;
}

.contact {
	width:100%;
	height:auto;
	float:right;
	background:url(../images/contact_photo.jpg) no-repeat right top; 
}

.submitbtn {
	width:60px; height:auto;
	font-family:Arial, Helvetica, sans-serif; font-size:70%; 
	font-weight:bold;
	border:none;
	color:#FFFFFF; background-color:#51B2DC;
	margin:0px 0px 0px 175px; padding:2px;
	cursor:pointer;
}

.login_photo {
	width:100%;
	height:auto;
	float:right;
	background:url(../images/login_photo.jpg) no-repeat right top;
}

.shooter {
	width:100%;
	height:auto;
	float:right;
	background:url(../images/trouble_shooter_photo.gif) no-repeat right; 
}

.subttl {
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:100%; 
	font-weight:bold;
	color:#274888;
	margin:0px; padding:5px 0px 20px 0px;
}

.highlight01 {
	font-family:Arial, Helvetica, sans-serif; font-size:100%; 
	font-weight:bold;
	color:#FFFFFF;
	line-height:13px;
	margin:0px; padding:10px 220px 10px 0px;
}

.text02 {
	font-family:Arial, Helvetica, sans-serif; font-size:80%; 
	font-weight:normal;
	color:#000000;
	line-height:18px;
	margin:0px;  
}
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

.text02detail:link,.text02detail:visited {
 	font-family:Arial, Helvetica, sans-serif; font-size:100%; 
	font-weight:bold;
	color:#FFFFFF;
	margin:0px; 
	text-decoration:underline;
}
.text02detail:hover {
 	font-family:Arial, Helvetica, sans-serif; font-size:100%; 
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;  
	text-decoration:none;
}

 

#framebg {
	width:100%; height:auto; float:left;
	background:url(../images/framebg.jpg) repeat-x left top;
	margin:0px; padding:0px;
	background-color:#4F6D91; color:#333333;
}

/*14thMay*/
.shapebg01 {
	width:100%; float:left;
	margin:0px; padding:0px;
	background:url(../images/shapebg.jpg) no-repeat left top;
}

.contact_left {
	width:60%;
	height:auto; margin:0px; padding:0px;
	float:left;
}

.contact_right {
	width:288px;
	margin:0px; padding:0px;
	float:right;
}
.text05{
 
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:80%;
	font-weight:bold;
	line-height:18px;
	margin:0;
	padding:0 0 10px
}
.text06{
 	width:340px;
	float:right;
 	color:#000000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:80%;
	font-weight:bold;
	line-height:18px;
	margin:0;
	padding:0 0 10px
}
#submiddle_school {
	width:100%; height:560px; float:left;
	background:url(../images/contentbg.jpg) repeat-x left top;
	margin:0px; padding:0px;
	background-color:#4F6D91; color:#333333;
}
.productnm:link,.productnm:visited {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	font-weight:bold;
	color:#000000;
	margin:0px; padding:0px;
	text-decoration:underline;
}
.productnm:hover {
	font-family:Arial, Helvetica, sans-serif; font-size:12px;
	font-weight:bold;
	color:#003D6E;
	margin:0px; padding:0px;
	text-decoration:none;
}

table ul li{
font-family: arial;
font-size:12px;}

table {
font-family: arial;
font-size:12px;}
.whatsnew
{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;

}

.whatsnew:link,.whatsnew:visited{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;

}
.whatsnew:hover{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}


.address {
	font-family:Arial, Helvetica, sans-serif; font-size:80%; 
	font-weight:normal;
	color:#FFFFFF;
	margin:0px; padding:20px 20px 20px 0px;
	float:right;
}