body {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;; margin:0px; background:#fff}
p{margin:0}
.left{float:left}
.right{float:right}
.floater{clear:both; line-height:0px; height:0px; display:block; font-size:0px}
.divider{ border-bottom:1px dashed #666; height:1px; font-size:0px;line-height:0px; display:block; clear:left }
#shell{margin:0 auto;width:980px;}
#shell h1{ text-indent:-9999px; display:none}

#header{ display:block; margin:0px 15px 10px 15px; padding:10px 0; border-bottom:1px dashed #666}
	#logo{ display:block; float:left; background:url(images/sexual_health_checks.gif) top left no-repeat; text-indent:-9999px; height:45px; width:316px}
	#number{ display:block; float:right; background:url(images/phone_number.gif) bottom right no-repeat;text-indent:-9999px; height:44px; width:202px; }
	#medichecks { float:right; margin-top:32px}
#navbar{display:block; margin:0px 15px 10px 15px;}
	#tag{display:block; background:url(images/online_healthcheck_service.gif) top left no-repeat; text-indent:-9999px; width:453px; height:11px; float:left}
	#nav{display:block; float:right}
		#nav ul{margin:0; padding:0}
		#nav li{ float:left; list-style:none; margin:0; padding:0 8px; font-size:16px}
		#nav a{ color:#007fc1; text-decoration:none; font-weight:bold}
		#nav a:hover{ text-decoration:underline}
#flags{display:block; margin:0px 15px 10px 15px;}
	#flags span{display:block; float:left; height:193px; width:280px; text-indent:-9999px}
	#flags #select{ background:url(images/select_buy_header.jpg) top left no-repeat; margin:0 40px 0 15px}
	#flags #questionnaire{ background:url(images/questionnaire_header.jpg) top left no-repeat;margin-right:40px}
	#flags #learn{ background:url(images/learn_about_header.jpg)  top left no-repeat;}

#content{margin:10px 15px 0px 15px;}
	#whatshouldidonow{ background:url(images/what_should_i_do_now.jpg) no-repeat; width:276px; height:23px; text-indent:-9999px}
	#chooseapackage{ background:url(images/choose_a_package.gif) no-repeat; width:163px; height:29px; text-indent:-9999px}
	#packagebuttons{border-bottom:1px dashed #666; margin-bottom:20px; padding-bottom:10px}
	#packagebuttons ul{margin:0 0 0 15px; padding:0}
	#packagebuttons li{ float:left; list-style:none; margin:0; padding:0; width:146px; height:66px; overflow:hidden}
		#basic{}
	
	#toptotal{ float:right; display:block; text-align:right; margin-top:32px}
	#bottomtotal{display:block;text-align:right;border-top:1px dashed #666; clear:both;margin:10px 15px 0px 15px; padding:10px 0}
	.testwrap{border-bottom:1px dashed #666; float:left; margin:0 0 10px 23px; width:650px}
	#chooseatest{background:url(images/choose_a_test.gif) no-repeat; height:29px; text-indent:-9999px; clear:both}
		.testbuttons{margin:0px; padding-left:0px; float:left; width:500px }
	#hometests{display:block;background:url(images/home_tests.gif) bottom left no-repeat;height:124px; text-indent:-9999px; float:left; width:150px}
	#descriptor{float:right; display:block; width:250px; border-left:1px solid #007fc1; color: #007fc1; height:330px; position:relative}
		.totalbox{ position:absolute; bottom:0px; margin-left:10px; width:230px}
		.price,.total,.bprice{ float:right}
		.totaltitle{ font-weight:bold; font-size:14px}
		#descriptor div.copy{ padding:0px 10px; margin:0}
	#clinictests{display:block;  background:url(images/clinic_tests.gif) bottom left no-repeat;height:62px; text-indent:-9999px; clear:left;float:left; width:150px; margin-left:23px}
	.testbtn{display:block; float:left; margin:5px 10px 10px 0; padding:5px; text-align:right; background:url(images/testbtnshadow.png) top left no-repeat}
	.btn{padding:0px 1px 1px 0px; cursor:pointer}
	.moreinfo{ margin-top:5px; cursor:pointer}
	.checkbox{ float:left; margin-top:5px}
	
#pagescontent{margin:0px 260px 0 10px; padding:10px 10px; min-height:500px}
#pagescontent h2{color:#333; font-size:16px; margin:10px 0; position:relative}
#pagescontent div.copy{margin:0 0 10px 30px}
#pagescontent .copy a{color:#007fc1; font-weight:bold; text-decoration:none}

#rightcol{ border-left:1px solid #007fc1; width:259px; float:right}
.rcol{padding:0 0 10px 10px;}

#pagescontenthp{margin:0px 10px 0 10px; padding:10px 0px 0 10px;}
#pagescontenthp h2{color:#333; font-size:16px; margin:10px 0; position:relative}
#pagescontenthp div.copy{margin:0 0 10px 30px}
#pagescontenthp .copy a{color:#007fc1; font-weight:bold; text-decoration:none}
#pagescontenthp .hpcopy{color:#333;  font-size:14px; line-height:20px}
#pagescontenthp #doc{ float:right}
.hpcopy ul{ margin:20px 0 0 20px; padding:0 }
.hpcopy li{ margin:5px 0 0 0; padding:0px 0 0 0}
.hpcopy li{list-style-image:url(images/listicon.gif); color:#333}
.hpcopy li a{color:#333; font-weight:bold; text-decoration:none; padding-left:5px;}

.pink{color:#ed2057}
.brown{color:#717171;}
.blue{color:#007fc1;}

#hp1{float:left;padding:0 0 10px 10px}
#hp2{float:left;margin-right:0px}
#hp3{float:left}

#aboutus{ background:url(images/aboutus.gif) no-repeat;height:29px; text-indent:-9999px}
	#contactus{ background:url(images/contactus.gif) no-repeat;height:19px; text-indent:-9999px}
	#medicheck{ background:url(images/medicheck.gif) no-repeat;height:19px; text-indent:-9999px}
	#ourlabs{ background:url(images/ourlabs.gif) no-repeat;height:19px; text-indent:-9999px}
	#ourphilosophy{ background:url(images/ourphilosophy.gif) no-repeat;height:19px; text-indent:-9999px}
	
#howitworks{ background:url(images/howitworks.gif) no-repeat;height:29px; text-indent:-9999px}
	#theprocess{ background:url(images/theprocess.gif) no-repeat;height:19px; text-indent:-9999px}
	#results{ background:url(images/results.gif) no-repeat;height:19px; text-indent:-9999px}
	#findatestcentre{ background:url(images/findatestcenter.gif) no-repeat;height:19px; text-indent:-9999px}

#symptoms{background:url(images/symptoms_and_treatments.gif) no-repeat;height:29px; text-indent:-9999px}
	#choosedisease{background:url(images/choosedisease.gif) no-repeat;height:19px; text-indent:-9999px}
	
	#whatdisease span,#whatsymptoms span,#whattests span,#whattreatments span{ position:absolute; text-indent:0;color:#007fc1; top:0; font-size:16px; line-height:16px}
	#whatdisease{background:url(images/whatdisease.gif) no-repeat;height:19px; text-indent:-9999px}
		#whatdisease span{left:156px}
	#whatsymptoms{background:url(images/whatsymptoms.gif) no-repeat;height:19px; text-indent:-9999px}
		#whatsymptoms span{left:192px}
	#whattests{background:url(images/whattests.gif) no-repeat;height:19px; text-indent:-9999px}
		#whattests span{left:159px}
	#whattreatments{background:url(images/whattreatments.gif) no-repeat;height:19px; text-indent:-9999px}
		#whattreatments span{left:117px}
	ul.symptoms {margin:0 0 10px 30px; padding:0}
	.symptoms li{ float:left; list-style:none; margin:0; padding:0 0 5px 0; width:220px}
	.symptoms a{ font-size:16px;color:#333; text-decoration:none; font-weight:bold}
	.symptoms a:hover{ color:#007fc1;}


#qanda{background:url(images/questions_and_answers.gif) no-repeat;height:29px; text-indent:-9999px}
	.qanda{border-bottom:1px dashed #666;}
	.question{ cursor:pointer; color:#333;font-size:16px !important;}
	.answer{margin:0 30px 10px 30px; padding-bottom:10px !important;}
	.answer a{color:#007fc1; font-weight:bold; text-decoration:none}
	/* Accordion----------------------------------*/
	.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px;  }
	.ui-accordion .ui-accordion-li-fix { display: inline; }
	.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
	.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; }
	.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
	.ui-accordion .ui-accordion-content { padding:0px; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
	.ui-accordion .ui-accordion-content-active { display: block; }

#shellfoot{display:block; margin:0px 10px 10px 10px; height:1px ;border-top:1px dashed #666;clear:both}
#overlayfooter{padding:5px; font-size:11px; color:#333}
#footer{margin:0 auto;width:950px}
	#footer div.content{ padding:0px 0px 0 10px; font-size:11px; color:#333 }
	#footer div.content a{color:#717171; text-decoration:none}
	#footer div.content a:hover{color:#007fc1; text-decoration:underline}
	#footer span{display:block}
	#footer ul{margin:0; padding:0}
	#footer li{ float:left; list-style:none; margin:0; padding:0 5px; border-right:1px solid #717171}
	#footer li.nb{border-right:none; padding:0px 0px 0px 5px}