@charset "utf-8";
/* CSS Document */
body {font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:95%; margin:0; padding:0; font-size:11px; background: #d9e7ef url(../images/bg.jpg) 0  0  repeat-x;}

/* -------------------------------------- */
/* GENERAL/RESET CSS */
/* -------------------------------------- */
html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }


ol, ul{ list-style:none;}

.floatleft { float:left;}
.floatright { float:right;}

.clear { clear:both;}
.clearfix:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;}

.clearfix { display: inline-block; }   

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* -------------------------------------- */
/* container */
/* -------------------------------------- */

#maincontainer { width:909px; margin:0 auto; background:#FFFFFF repeat; }

/* -------------------------------------- */
/* header */
/* -------------------------------------- */
#header { background:url(../images/topbg.jpg) no-repeat; width: 909px; height: 115px; }
#buyheader { background:url(../images/buytopbg.jpg) no-repeat; width: 909px; height: 115px; }
#hcpheader { background:url(../images/hcptopbg.jpg) no-repeat; width: 909px; height: 115px; }
.homebanner { background: url(../images/flash.jpg) no-repeat; width:242px; height:235px; }
.flashpos { padding:0px 0 0 5px;}
.flashleftbanner {width:428px;}
#header p{ padding:80px 10px 0px 0;}
#hcpheader  p{ padding:83px 10px 0px 0;}
#buyheader p{ padding:83px 10px 0px 0;}
/* -------------------------------------- */
/* Menu */
/* -------------------------------------- */
.container { padding: 0 7px 0 7px;}
.leftbgmenu { background:url(../images/menuleft.jpg) no-repeat top left;  height:35px; padding:0 0 0 5px;}
.rightbgmenu { background:url(../images/menuright.jpg) no-repeat top right; height:35px; padding:0 4px 0 0;}
.centerbgmenu { background:url(../images/menucenter.jpg) repeat-x; width:886px; height:35px;}
#menu ul { padding:0; margin:0;}
#menu ul li{text-align:center; padding: 0 0 0 20px; list-style:none; float:left;}
#menu ul li p{ padding:10px 0 0 0; margin:0;}
#menu ul li p a{ color:#FFFFFF; text-decoration:none; font-weight:bold; outline:none;}
#hcpmenu ul { padding:0; margin:0;}
#hcpmenu ul li{text-align:center; padding: 0 0 0 6px; list-style:none; float:left;}
#hcpmenu ul li p{ padding:10px 0 0 0; margin:0;}
#hcpmenu ul li p a{ color:#FFFFFF; text-decoration:none; font-weight:bold; outline:none;}


#hcpmenu ul { padding:0; margin:0;}
#hcpmenu ul li{text-align:center; padding: 0 0 0 6px; list-style:none; float:left;}
#hcpmenu ul li p{ padding:10px 0 0 0; margin:0;}
#hcpmenu ul li p a{ color:#FFFFFF; text-decoration:none; font-weight:bold; outline:none;}


#buysidemenu ul { padding:0; margin:0;}
#buysidemenu ul li{text-align:center; padding: 0 0 0 16px; list-style:none; float:left;}
#buysidemenu ul li p{ padding:10px 0 0 0; margin:0;}
#buysidemenu ul li p a{ color:#FFFFFF; text-decoration:none; font-weight:bold; outline:none;}
/* -------------------------------------- */
/* Banner */
/* -------------------------------------- */
#banner { padding:7px 0 0 0;}
.latestnews { background:url(../images/latest.jpg) no-repeat; width: 214px; height: 235px; }
.latestpos { padding: 0 0 0 11px;}
#banner .latestpos p{ padding:60px 10px 0 10px; line-height:17px; text-align:justify; }
#banner .latestpos p a{ color:#0066FF; text-decoration:none;}
/* -------------------------------------- */
/* Three Banner */
/* -------------------------------------- */
#threebanner { padding-top:7px;}
#threebanner .orange { background:url(../images/orange.jpg) no-repeat; width: 291px; height: 170px; cursor:pointer; }
#threebanner .blue { background:url(../images/blue.jpg) no-repeat; width: 291px; height: 170px; cursor:pointer; }
#threebanner .red { background:url(../images/red.jpg) no-repeat; width: 291px; height: 170px;  cursor:pointer; }
#threebanner .red p{	color:#FFFFFF;

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:20px 14px 0 14px;
}
.posthree { padding-left:11px;}

#threebanner ul li a
	{
	padding-left: 20px;
	background: transparent url(../images/bullet.png) no-repeat 0 60%;
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
#threebanner ul
	{
	padding: 10px 0 0 12px;
	margin: 0 0 0.7em 0;
	list-style: none;
	float:left;
	}
#threebanner ul li p
	{
		padding-bottom:3px;
	}
#threebanner p,ul,li { margin:0; padding:0;}
/* -------------------------------------- */
/* Content */
/* -------------------------------------- */
#content{ padding:30px 15px 0 15px;}
#content p { padding-top:10px; line-height:16px; text-align:justify;}
#content p a{ color:#0066FF; text-decoration:none;}
#content p a:hover{ color:#0066FF; text-decoration:none;}
#content .liimage ul{ padding:10px 0 0 0px;}
#content .liimage ul li{ list-style:none; float:left; padding-left:20px;}
#content .linewimage ul{ padding:50px 0 0 10px;}
#content .linewimage ul li{ list-style:none; padding-left:30px; padding-top:10px;}
#content .contactleft{ padding-left:10px;}
#content .contactright{ padding-left:100px;}
#content .contentul ul li a
	{
	padding-left: 30px;
	background: transparent url(../images/tick-icon.gif) no-repeat 0 60%;
	display:block;
	color:#666666;
	}
	
#content .contentul ul
	{
	padding: 10px 0 0 100px;
	margin: 0 0 0.7em 0;
	list-style: none;

	}
#content .contentul ul li p
	{
		padding-bottom:5px;
	}
#content .contentul p,ul,li { margin:0; padding:0;}
#content .twocolumn{ width:420px;}
.leftfloatleft { float:left; width:610px;}
#content hr { color:#cccccc;}
#content b{ font-size:11px;}
.maintxt ol li{list-style-type:decimal;}
.maintxt ol { padding-left:20px;}
.maintxt p{ padding:10px;}

.innertxt ol li{list-style-type:decimal; padding:10px 0 0 0;}
.innertxt ol { padding-left:50px;}
.innertxt p{ padding:10px;}
/* -------------------------------------- */
/* Right Column */
/* -------------------------------------- */
#rightcolumn { padding-left:10px; background:url(../images/rightcolumnbg.jpg) repeat-y; width: 224px;}
#rightcolumn .latestnews p{ padding:60px 15px 0 15px; text-align:justify; line-height:16px;}
#rightcolumn .rightpos { padding-left:10px;}
/* -------------------------------------- */
/* Footer */
/* -------------------------------------- */
#footer { background:url(../images/footerbg.jpg) no-repeat; width: 909px; height: 43px; margin:0 auto; }
#footer p{ padding:14px 20px 0 20px; color:#666666;}
#footer p a{ color:#666666; text-decoration:none; font-weight:bold;}
#footer p a:hover{ color:#666666; text-decoration:underline; font-weight:bold;}
/* -------------------------------------- */
/* Register form */
/* -------------------------------------- */
.notebg{background:#eaeaea; border:#CCCCCC solid 1px; width:150px;}
.notetxt { padding:4px; color:#333333;}
.notetxt span{ color:#0066CC;}
.notetxt a{ color:#FF0000;}
#contactform{padding-left:60px; padding-top:40px;}
#contactform .mediuminput{height:12px; line-height:12px; margin-right: 3px; padding: 3px 5px; width:230px; border:#d9dee1 solid 1px; color:#666666; font-size:12px; font-size:11px;}
#contactform .mediumtextarea{height:80px;width:240px; border:#d9dee1 solid 1px; color:#666666;}
#contactform .formtext{ width:180px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold; }
#contactform .formtext span{ color:#FF0000;}
#contactform .formtext a{ color:#0066CC; text-decoration:none;}
.searchinput2{ padding:10px 0 0 0px;}
.contactbtn { background:url(../images/btn.jpg) no-repeat; width:84px; height:24px; cursor:pointer; border:0;color:#FFFFFF;font-weight:bold; padding:0 0 5PX 0; font-size:11px;}
.contactbtn { background:url(../images/btn.jpg) no-repeat; width:84px; height:24px; cursor:pointer; border:0;color:#FFFFFF;font-weight:bold;*padding:0 0 2PX 0; font-size:11px;}
.subtxt ol li{ list-style:lower-alpha; padding:5px;}
.subtxt ol { padding:0 0 0 50px;}
.btnpos2{ padding:20px 0 0 0;}
#content .contactul ul li a
	{
	padding-left: 30px;
	background: transparent url(../images/tick-icon.gif) no-repeat 0 60%;
	display:block;
	color:#666666;
	}

#content .contactul ul
	{
	padding: 20px 0 0 10px;
	margin: 0 0 0.7em 0;
	list-style: none;

	}
#content .contactul ul li p
	{
		padding-bottom:5px;
	}
#content .contactul p,ul,li { margin:0; padding:0;}