@charset "utf-8";



body { margin:0; padding:0; background:url(../images/bg.gif) repeat-x #FFFFFF;}



.clear{clear:both;}

p{ margin:0; padding:0;}

#container {margin: 0px auto;text-align: left; width: 950px; }



#top-headerbox{ width:950px; margin-bottom:1px; float:left}

#logobox{ width:246px; height:118px; float:left}

#menu-titlebox{ width:704px; height:118px; float:left}

#titlebox{ width:704px; height:88px; float:left}

#texttitlebox{ width:617px; height:88px; float:left}

#onlinebox{ width:87px; height:88px; float:left}

#menu-linebox{ width:704px; height:30px; float:left;}



#socialbigbox{ width:226px; float:left; margin-right:5px;}

#socialbox{ width:226px; float:left;}

#socialbox-left{ width:7px; float:left;}

#socialbox-center1{ width:70px; float:left; background:url(../images/social-center-box.png) repeat-x; height:73px; border-right:1px dotted #9bd6ce;}

#socialbox-center2{ width:70px; float:left; background:url(../images/social-center-box.png) repeat-x; height:73px; border-right:1px dotted #9bd6ce;}

#socialbox-center3{ width:70px; float:left; background:url(../images/social-center-box.png) repeat-x; height:73px;}

#socialbox-right{ width:7px; float:left;}



#showpic1bigbox{ width:246px; float:left; margin-right:5px;}

#showpicbox1{ width:246px; float:left;}

#showpicbox-title-left{ width:7px; height:29px; float:left;}

#showpicbox-title-center{ width:232px; background:url(../images/box-title-center.png) repeat-x; height:29px; float:left;}

#showpicbox-title-right{ width:7px; height:29px; float:left;}



#showpic2bigbox{ width:226px; float:left; margin-right:5px;}

#showpicbox2{ width:226px; float:left;}

#showpicbox2-title-left{ width:7px; height:29px; float:left;}

#showpicbox2-title-center{ width:212px; background:url(../images/box-title-center.png) repeat-x; height:29px; float:left;}

#showpicbox2-title-right{ width:7px; height:29px; float:left;}



#showpicbox-detail{ width:210px; float:left; background:#d2f2ea; border-left:1px solid #c0ece6;  border-right:1px solid #c0ece6; padding:7px; }

#showpicbox-detail2{ width:210px; float:left; background:#d2f2ea; border-left:1px solid #c0ece6;  border-right:1px solid #c0ece6; padding:7px 7px 3px 7px; }

#showpicbox-footer-left{ width:7px; height:6px; float:left;}

#showpicbox-footer-center{ width:212px; background:url(../images/box-footer-center.png) repeat-x; height:6px; float:left;}

#showpicbox-footer-right{ width:7px; height:6px; float:left;}



#contactbigbox{ width:236px; float:left;}

#contactbox{ width:236px; float:left;}

#contactbox-left{ width:8px; float:left;}

#contactbox-center{ width:220px; float:left; background:url(../images/subscribe-box-center.png) repeat-x; height:73px;}

#contactbox-right{ width:8px; float:left;}



#detailbox{ width:950px; margin-bottom:5px; float:left}

#left-box{ width:245px; float:left; margin-right:1px;}

#top-bgleftbox{ width:245px; height:23px; float:left;}

#center-bgleftbox{ width:245px; float:left; background:url(../images/show-center.png) repeat-y;}

#bottom-bgleftbox{ width:245px; height:23px; float:left;}



#right-box{ width:704px; float:left}

#right-banner{ width:704px; height:450px; float:left}

#right-detailbox{ width:664px; float:left; padding:20px;}



#body-page2bg{ width:704px; height:13px; float:left}

#body-center-page2bg{ width:664px; float:left; background:url(../images/center-page2-bg.png) repeat-y; padding:0px 20px;}



#productbigbox{ width:950px; float:left}

#product-cornerbox{ width:6px; height:6px; float:left;}

#product-line-topbg{ width:938px; height:6px; float:left; background:url(../images/product-box-center1.png) repeat-x;}

#product-line-bottombg{ width:938px; height:6px; float:left; background:url(../images/product-box-center3.png) repeat-x;}

#product-centerbg{ width:948px; float:left; background:url(../images/product-box-center2.png) repeat; border-left:1px #f7f5f5 solid; border-right:1px #f7f5f5 solid;}



#signupbox{ width:100%; height:35px; background:url(../images/signupbg.gif) repeat-x; float:left; margin:7px 0px;}



#footerbox{ width:100%; height:135px; background:url(../images/footer-bg.jpg) repeat; float:left; margin:0; padding:0;}







.picborder{ border:solid 1px #999999; padding:1px; background: #FFFFFF}



/* font */



h1 {color: #000; font-family: Century Gothic; font-size:22px; font-weight:bold; margin-top:0; padding-top:0;}

h2{
  font-family: Century Gothic;
  font-size: 30px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1em;
  margin-top:0; padding-top:0;
  color:#69c7bb;
}

h3 {color: #045b8b; font-family: Century Gothic; font-size:12px; font-weight:bold; margin:0; padding:0; text-transform:uppercase; border-bottom:1px #cccccc dotted; padding:2px;}

h4 {color: #ffffff; font-family: Century Gothic; font-size:14px; font-weight:bold; font-weight:bold; margin:0; padding:0;  text-transform:uppercase; margin-top:10px;}

h5  {color: #000; font-family: Century Gothic; font-size:20px; font-weight:400; margin:0; padding:0;}



/*--End---*/


.menutext{ color: #ffffff;font-family: Century Gothic;font-size:12px; font-weight:bold}

.menutext a{ color: #ffffff;font-family: Century Gothic;font-size:12px; text-decoration:none; font-weight:bold}

.menutext a:hover{ 	color: #000000; font-family: Century Gothic;font-size:12px;text-decoration:none;font-weight:bold}



.fontstyle{font-family:Century Gothic;font-size: 12px;font-style:none; color: #fff; text-align:justify;}

.fontstyle a{color:#fff; text-decoration:underline; font-family:Century Gothic; font-size: 12px; text-decoration: none;}

.fontstyle a:hover{color: #fbb405; text-decoration:none; font-size: 12px; font-family:Century Gothic;}



.title{font-family:Century Gothic;font-size: 12px;font-style:none; color:#f88518; text-align:justify; font-weight:bold;}







.showpic {font-family:Century Gothic;font-size: 12px;font-style:none; color: #000000; width:353px; height:350px; overflow:auto;scrollbar-face-color:#e65e08;



scrollbar-3dlight-color:#ffffff;



scrollbar-arrow-color:#000000;}



.blackfontstyle{font-family:Century Gothic;font-size: 12px;font-style:none; color: #000000; text-align:justify}

.blackfontstyle a{font-family:Century Gothic;font-size: 12px;font-style:none; color: #000000; text-decoration:none;}

.blackfontstyle a:hover{font-family:Century Gothic;font-size: 12px;font-style:none; color: #44625A;}



.bluefontstyle{font-family:Century Gothic;font-size: 12px;font-style:none; color: #21a1be; text-align:justify}

.bluefontstyle a{font-family:Century Gothic;font-size: 12px;font-style:none; color: #21a1be; text-decoration:underline;}

.bluefontstyle a:hover{font-family:Century Gothic;font-size: 12px;font-style:none; color: #000000;}



p.news{font-family:Century Gothic;font-size: 12px; letter-spacing:0.1em;font-weight:bold;}

.newsletterfont{
  font-family: Century Gothic;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1em;
  margin-top:0; padding-top:0;
  color:#000000;
}

.copyright{font-family:Century Gothic;font-size: 10px;font-style:none; color: #999999;}

.copyright a{font-family:Century Gothic;font-size: 10px;font-style:none; color: #999999; text-decoration: underline;}

.copyright a:hover{font-family:Century Gothic;font-size: 10px;font-style:none; color: #69c7bb;}



.link a{color:#333333; text-decoration:underline; font-family:Century Gothic; font-size:12px;}

	

.link a:hover{ color:#8e0000; text-decoration:underline; font-family:Century Gothic; font-size:12px;}

	

#navigation a {font-family:Geneva,Arial,Helvetica,sans-serif; font-weight:bold; font-size:12px; background: #cd9d1d url(../images/yellow-tl.gif) left top no-repeat; text-decoration: none; padding-left:20px; color:#FFF; height:25px; }







#navigation a span



{



background:url(../images/yellow-tr.gif) right top no-repeat;



padding-right: 20px;



}







#navigation a, #navigation a span



{



display: block;



float: left



}







/* Hide from IE5-Mac \*/



#navigation a, #navigation a span



{



float: none



}



/* End hide */







#navigation a:hover



{



color: #fff;



background: #184318 url(../images/green-tl.gif) left top no-repeat;



padding-left: 20px



}



#navigation a:hover span



{



background: url(../images/green-tr.gif) right top no-repeat;



padding-right: 20px



}







#navigation ul



{



list-style: none;



padding: 0;



margin: 0



}







#navigation li



{



list-style:none;



float: left;



margin: 0;



margin-right:2px;



} 







.border  {



background:none repeat scroll 0 0  #184318;

border:1px #184318 solid;



clear:left;



height:1px;



}



.button {

display:block;

width:32px;

height:32px;

padding:0px;

margin:0px;

background:url(../images/home-hover.gif) no-repeat top left;

}



.button a:link, .button a:visited {

display:block;

width:32px;

height:32px;

padding:0px;

margin:0px;

background:url(../images/home-hover.gif) no-repeat top left;

}



.button a:hover, .button a:active {

display:block;

width:32px;

height:32px;

padding:0px;

margin:0px;

background:url(../images/home.gif) no-repeat top left;

}


img.bo{
padding-top:3px;
padding-bottom:3px;
padding-left:3px;
padding-right:3px;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
}
.scroller {width:100%; height:520px; overflow:auto;
}
.detailstyle {
	width:630px;
	height:375px;
	overflow:auto;

}
.smallstyle {
	width:630px;
	height:280px;
	overflow:auto;

}

 .invalidInput{	border:1px solid #F00;padding:5px;}