
/*Layout of site*/
body
{
	background-color: #367586;
	margin: 0px;
	background-image:url( /images/bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
form{
margin:0px;
padding:0px;
}

#lightbox {
background-color:#EEEEEE;
border-bottom:2px solid #666666;
border-right:2px solid #666666;
padding:10px;
}
#lightbox img {
border:medium none;
clear:both;
}
#closeButton {
right:5px;
top:5px;
}
/*body, p, div, td, span, h1, h2, h3
{
	font-family: helvetica;
	color: #000000;
}*/

#contentwrapper{
background-image:url( /images/outer-shadow.jpg);
background-repeat:repeat-y;
background-position:left top;
float:left;
width:750px;
margin:1px auto;
padding:0px 14px 0px 14px;
z-index:1;
}

#mainWrapper {
margin:0 auto;
position:relative;
text-align:left;
width:772px;
z-index:0;
}
#header { 
width:750px;
height:98px;
margin:0px auto;
padding:0px;
}
#header #search {
background-color:#FFFFFF;
float:right;
margin:0;
padding:10px 0 0 0;
width:190px;
}
#header #search span{
font-size:12px;
color:#16485d;
}
/*#header form {
float:right;
margin:5px 0px 10px 0px;

}
#header form img {
float:right;
border:1px blue solid;
padding:15px 15px 0px 0px;
}

#header form input {
padding:0px 14px 0px 0px;
}*/
#header img{
float:left;
margin:0px;
}

#navigation { 
float:right;
padding:10px 0px 0px 0px;
margin:0px;
}
html>/**/body #navigation { 
float:right;
padding:12px 0px 0px 0px;
margin:0px;
}




#utilityNav {
height:26px;
background-image:url( /images/utility-bg.jpg);
background-repeat:repeat-y;
padding-left:25px;
}
#utilityNav img{
padding-right:5px;
vertical-align:middle;
}
#utilityNav img.textA{
padding-right:0px;
vertical-align:top;
}
#utilityNav a:link, #utilityNav a:visited{
font:Arial;
font-weight:regular;
color:#5f878a;
font-size:11px;
text-decoration:none;
padding-top:5px;
}

#utilityNav span a:link, #utilityNav span a:visited {
color:#517677;
text-decoration:underline;
}
#utilityNav .HPlink {
font-size:10px;
font-weight:bold;
margin-left:155px;
right:0;
width:30%;
}
#utilityNav .HPlinkHCP {
font-size:10px;
font-weight:bold;
margin-left:130px;
right:0;
width:30%;
}
#banner{}
#content {
background-image:url( /images/inner-bg.jpg);
background-repeat:repeat-x;
background-color:#ffffff;
float:left;
width:100%;
}
/*FOR CONTENT*/
#content #text{
background-image:url( /images/heading-bg-style1.gif);
background-repeat:no-repeat;
background-position:top left;
margin:0px;
float:left;
padding:0px 0px 0px 20px;
width:60%;
}
#content #errortext{

margin:0px;
float:left;
padding:0px 0px 0px 20px;
width:60%;
}
#content #text.full p{
width:675px;
font-weight:normal;
margin:0px; 
line-height: 16px;
}
#content #text.fullsize {
width:720px;
margin:0px 0px 0px 0px;


}
#content #text p { 
font:Arial;
font-weight:regular;
font-size:12px;
line-height: 16px;
font-color:#000000;
margin:0px;
padding:0px 0px 10px 15px;
}
#content table{ 
font:Arial;
font-weight:regular;
font-size:13px;
line-height: 16px;
font-color:#000000;
margin:0px 0px 10px 15px;
}
#content #text h1 {
color:#000000;
font-size:30px;
font-weight:normal;
margin:25px 0 0 10px;
}
#content #text h1 span.pinkcolor{
color:#c62a6c;
}
#content #text h1 .green{
 color:#0099b4;
 font-size:30px;
 background-image:none;
 }
#content #text .textcallout{
	font-weight:bold;
	color:#c62a6c;
	padding:20px 0px 20px 15px;
}
#content #text h2 {
font:Arial;
color:#000000;
font-size:14px;
font-weight:bold;
margin:0px 0px 14px 15px;
/*padding-top:10px;*/
clear:both;
 }
  #content #text h2 .pink {
font-weight:normal;
color:#c62a6c;
font-size:32px; 
  }
 
#content h2.subhead{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold !important;
font-size:12px !important;
margin:0px !important;
padding:0px 0px 0px 15px;;
}
 #content #text img {
/* float:left;*/
 }
 
#content #text p.malign { 
font:Arial;
font-weight:regular;
font-size:13px;
line-height: 16px;
font-color:#000000;
margin-left:206px;
}
 #content #text p a.pink{ 
color:#c72d6e;
font-weight:bold;
}
.nolinepink{ 
color:#c72d6e;
font-weight:bold;
font-size:13px;
text-decoration:none;
}
#isi{
clear:both;
color:#000000;
font-size:11px;
padding:10px 72px 0px 30px;
margin:0px;
}
#isi h1{
font:Arial;
font-weight:bold;
font-size:13px;
margin-bottom:7px;
}
#isi a {
text-decoration:underline;
color:#000000;
font-size:12px;
font-weight:bold;
}
#isi p{
margin:9px 0px 9px 0px;
font-weight:bold;
}
#isi p.first{
margin-top:-6px !important;
}

#getupto h1{
font:Arial;
font-weight:normal;
font-size:21px;
color:#FFFFFF;

}
#getupto h1.big{
font:Arial;
font-weight:bold;
font-size:36px;
color:#FFFFFF;

}

#getupto a.small{
color:#ffffff;
font-size:12px;
text-decoration:none;
}
#getupto a.sub{
color:#ffffff;
font-size:12px;
font-weight:bold;
text-decoration: underline;
}
.white {
color:#FFFFFF;
}
#CalloutWrapper{
text-align:center;
margin:0px 0px 0px 10px;
z-index:400;
}
#calloutGetUpto{
margin-top:-15px;
}
#footer {
clear:both;
font:Arial;
font-weight:normal;
font-size:11px;
color:#000000;
width:100%;
margin:25px 0px;
padding:0px 0px 0px 0px;
background:none;
text-align:center;
}
#footer a{
color:#000000;
text-decoration:underline;

}
#inputbox {
background-image:url(/images/inner-middle.jpg);
background-repeat:no-repeat;
width:638px;
float:left;
height:290px;
padding:0px 0px 0px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:regular;
color:#ffffff;

}

.white{
color:#ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:regular;

}

#inputbox table td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:regular;
color:#ffffff;
text-align:right;
width:90px;
height:27px;
}
#inputbox select {
width:146px;

}
#inputbox table th{
text-align:left;
}

#buttons {
float:left;!important
width:100%;!important
border:1px solid red;
padding-left:6px;
}
.green {
font:Arial;
color:#ffffff;
font-size:14px;
background-image:url(/images/button-green.gif);
background-repeat:no-repeat;


}
.grey {
background-image:url(/images/button-grey.gif);
background-repeat:no-repeat;
font:Arial;
color:#ffffff;
font-size:14px;
}

#inputboxemail {
background-image:url(/images/input-email-middle.jpg);
background-repeat:no-repeat;
width:362px;
float:left;
height:116px;
padding:0px 0px 0px 20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:regular;
color:#ffffff;

}
#inputboxemail table td{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:regular;
color:#ffffff;
text-align:right;
/*width:90px;*/
}
#inputboxemail table th{
text-align:left;
}
#read{
clear:both;
font:arial;
font-size:12px;
color:#0099b4;
margin:5px 0px 10px 5px;
text-decoration:underline;
}
#read a:link, #read a:active, #read a:visited{
color:#037589;
text-decoration:underline;

}
.ssiincludes{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}
.ssiincludes a:link, .ssiincludes a:visited{
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
}

/*SELF TEST STLES- start*/
#quizBox{
background-image:url(/images/quiz/st-impetigo-quiz-bg-top.gif);
background-repeat:no-repeat;
width:596px;
padding:0px;
margin:25px 0px 0px 20px;
display:block;
float:left;
background-color:#FFFFFF;
}
#quizBox p{
font:Arial, Helvetica, sans-serif;
font-size:12px !important;
}
html>body #quizBox{
margin:25px 0px 0px 45px;
}
#quizHeader{
color:#fff !important;
padding:0px;
text-align:center;
display:block;
padding:10px 10px 0px 0px !important;
height:40px;
}
html>body #quizHeader{
margin:0px !important;
}
#quizContent{
background-image:url(/images/quiz/quizboxslice.gif);
background-repeat:repeat-y;
background-position:left top;
padding:10px 0px 0px 30px;
float:left;
width:566px;
margin:10px 0px 0px 0px;
}
html>body #quizContent{
padding:10px 0px 0px 30px;
width:566px;
}
#quizContent span{
color:#32879B;
padding-right:5px;
font-weight:bold;
}

#quizContent div, #quizContent p{color:#707070;}
#quizContent p{
text-align:left;
margin-left:20px;
}
#quizContent ul{
padding-left:20px;margin:0px;
}
#quizContent ul li{
display:inline;
 padding:0px 5px 0px 5px !important; 
 margin:0px;
 font-size:12px !important;
}
#quizBox .footer{
margin-left:0px;}
html>body #quizBox .footer{
margin-left:0px;}
#quizContent div{
width:100%;
float:left;
clear:both;
padding-bottom:10px;
height:100%;
}
#quizContent .submit{
margin-left:120px;
margin-bottom:15px;}
#quizContent div img{
margin-right:15px;}
#more_Info{
clear:both;
color:#7C7C7C;
text-align:left;
width:auto;
padding:8px 0px 15px 45px;
margin-bottom:15px;
}
#more_Info a {
color:#0099b4;
font-size:12px;
text-decoration:underline;


}

.elig{
font:arial;
font-size:13px;
color:#0099b4;
padding-left:15px;
font-weight:bold;
margin-bottom:15px;

}

/*SELF TEST STLES-  end*/


#getupto {
position:absolute;
text-align:left;
/*background-image:url( /images/callout/getupto-15off-bg.png);
background-repeat:no-repeat;*/
color:#FFFFFF;
height:259px;
right:30px;
top:233px;
width:240px;
z-index:100;
text-align:center;

/*padding:10px 0px 0px 10px;*/
}

#getupto h1{
font:Arial;
font-weight:normal;
font-size:21px;
color:#FFFFFF;
line-height:32px;
margin:10px 0px 0px 1px;
padding-right:25px;
}
#getupto .big{
font:Arial;
font-weight:bold;
font-size:36px;
color:#FFFFFF;

}

#getupto a.small{
color:#ffffff;
font-size:12px;
text-decoration:none;
}
#getupto a.sub
{
color:#ffffff;
font-size:12px;
font-weight:bold;
text-decoration: underline;
padding:259px 10px 110px 10px;
}
#bacterial_callout2{
background-image:url(/images/hcp_moa_callout2.jpg);
background-position:left top;
background-repeat:no-repeat;
width:228px;
height:149px;
margin:26px 0px 0px 0px;
}
/*ul{
margin:0px;
}*/
sup,sub {
height: 0;	
line-height: 1;	
vertical-align: baseline;	
_vertical-align: bottom;	
position: relative;	
}
sup {	
bottom: 1ex;
}
sub {	
top: .5ex;
}


/******End Common *****/

ul li{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
font-weight:normal;
list-style-image:url(/images/bullet.gif);
list-style-position:outside;
list-style-type:disc;
margin-top:0px;
}

html>body ul.stitemap li{
clear:both;
}

ul.stitemap{
	clear:both;
}

html>body ol li{
float:left;
}


ul li a, ul li a:visited, ul li a:hover{
color:#237a8f;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
font-weight:normal;
list-style-image:url(/images/bullet.gif);
list-style-position:outside;
list-style-type:disc;
margin-top:0px;
}
ol li {
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 14px;
font-weight:normal;
margin-top:0px;
}
*:first-child+html ol {
float:none;
margin-left:40px

 } 

*:first-child+html ol li{
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 14px;
font-weight:normal;
margin-top:0px;
float:none;
 } 
*:first-child+html ol li a:link, a:hover{
color:#237a8f;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
 } 
.refer {
color:#000;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
line-height: 14px;
font-weight:normal;
margin-top:0px;
margin-left:15px;


}
a, a:hover{
color:#237a8f;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height: 16px;
font-weight:normal;
}
#content #text.full #reference { 
margin-left:0px;
clear:both;
float:left;
}
#content #text.full #reference p{ 
font:Arial;
font-weight:normal;
font-size:10px;
line-height: 14px;
font-color:#000000;
margin-top:5px;
}
#content #text.full p.note{
font:Arial;
font-weight:normal;
font-size:10px;
line-height: 14px;
font-color:#000;
margin-top:10px;
}
#content #text p.note{
font:Arial;
font-weight:normal;
font-size:10px;
line-height: 14px;
font-color:#000;
margin-top:10px;
}

#bacterial_skincallout {
background-image:url(/images/bac-skin-infection.gif);
background-position:left top;
background-repeat:no-repeat;
width:228px;
height:149px;
margin:230px 0 0 485px;
padding:0px 20px 0px 0px;
}
#bacterial_skincallout p {
position:relative;
width:auto;
height:auto;
}
#bacterial_skincallout a:link, #bacterial_skincallout a:visited {
position:relative;
color:#5B8B97;
display:block;
font-size:11px;
padding:10px 5px 110px 0;
text-decoration:none;
}
/* CSS Document */

/* Altabax Consumer Menu styles starts here */
div{
margin:0px;
padding:0px;}
img{
behavior: url("/images/menu/iepngfix.htc");
}
#main_navigation {
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
position:relative;
left:100px;
top:12px;
width:auto;
padding:0px;
behavior: url("/images/menu/iepngfix.htc");
}
html>/**/body #main_navigation {
top:14px;
}
#main_navigation ul.primary{
margin:0px;
padding:0px;
width:auto;
position:relative;
text-align:center;
}
#main_navigation ul.primary li{
display:inline;
clear:right;
float:left;
margin:0px;
list-style:none;
background-image:url(/images/menu/leftcurve.gif);
background-position:left top;
background-repeat:no-repeat;
width:auto;
position:relative;
}
#main_navigation ul.primary li.first{
background-image:url(/images/menu/leftcurve_first.gif);
background-position:left top;
background-repeat:no-repeat;
}
#main_navigation ul.primary li a:link, #main_navigation ul.primary li a:visited{
clear:both;
float:left;
color:#fff;
display:block;
padding:0px 18px 0px 18px;
background-image:url(/images/menu/rightcurve.gif);
background-position:right top;
background-repeat:no-repeat;
text-decoration:none;
font-family:Arial,Helvetica,sans-serif;
font-size:13px;
font-weight:bold;
}
#main_navigation ul.primary li a span{
display:block;
background-image:url(/images/menu/middlenavbg.gif);
background-repeat:repeat-x;
background-position:left top;
padding:20px 0px 16px 0px;}
#main_navigation ul.primary li a span.twolines{
padding:14px 20px 6px 10px;
}

#main_navigation ul ul.secondary li{
clear:both;
position:relative;
background:transparent !important;
width:auto;
margin:0px 0px 0px 5px;
text-align:center;
}
#main_navigation ul ul.secondary li a:link, #main_navigation ul ul.secondary li a:visited{
clear:both;
color:#fff;
float:left;
padding:0px;
font-size:12px;
font-weight:normal;
}
/* aboutALTABAX */
#main_navigation ul ul#aboutALTABAX  {
clear:both;
display:block;
left:0px;
margin:0px;
padding:0px 0px 15px 0px;
position:absolute;
top:50px;
width:100%;
background-image:url(/images/menu/menushadow.png);
background-position:-1px bottom !important;
background-repeat:no-repeat;
behavior: url("/images/menu/iepngfix.htc");
z-index:0;
}

#main_navigation ul ul#aboutALTABAX li a:link, #main_navigation ul ul#aboutALTABAX li a:visited{
cursor:pointer;
background-image:none !important;
}
#main_navigation ul ul#aboutALTABAX li a span{
width:125px;
background-image:url(/images/menu/menudivider.gif) !important;
background-position:center bottom;
background-repeat:no-repeat;
background-color:#4BC9DC;
margin-right:6px;
padding:8px 0px 12px 0px;
}
html>body #main_navigation ul ul#aboutALTABAX li a span{
padding:7px 0px 11px 0px;
}
#aboutALTABAX .imagebottom{
position:absolute; z-index:100; margin-left:-7px;
}
#aboutALTABAX{
position:relative;
z-index:0;
margin:2px 3px 3px 3px !important;
border-top:1px solid #000;
}
/* aboutALTABAX */
/* Impetigo */
#Impetigo{
position:relative;
margin:2px 0px 0px -2px !important;
z-index:0;
border-top:1px solid #000;
}
html>body #Impetigo{
margin:2px 0px 3px 0px !important;
border-top:1px solid #000;
}
#main_navigation ul ul#Impetigo  {
clear:both;
display:block;
left:0px;
margin:2px 0px 0px 0px;
padding:0px 0px 15px 0px;
position:absolute;
top:50px;
width:100%;
background-image:url(/images/menu/menushadowImpetigo.png);
background-position:-1px bottom !important;
background-repeat:no-repeat;
behavior: url("/images/menu/iepngfix.htc");
z-index:0;
}
#main_navigation ul ul#Impetigo li a:link, #main_navigation ul ul#Impetigo li a:visited{
cursor:pointer;
background-image:none !important;
}
#main_navigation ul ul#Impetigo li a span{
width:157px;
background-image:url(/images/menu/menudivider.gif) !important;
background-position:center bottom;
background-repeat:no-repeat;
background-color:#4BC9DC;
margin-right:6px;
padding:8px 0px 12px 0px;
}
html>body #main_navigation ul ul#Impetigo li a span{
padding:7px 0px 11px 0px;
}
/* Impetigo */
#FAQ{
width:100px !important;
}
#main_navigation ul ul.secondary{
display:none;
}
#main_navigation ul.primary li a:hover+ul.secondary{
display:block;
}
#content ul.list {
padding-left:25px;
margin:0px 0px 15px 0px;
list-style-type:disc;
}
/* Altabax Consumer Menu styles ends here */
#googleResults, #googleResults table, #googleResults table tr, #googleResults table tr td, #googleResults .p{
background:none;
padding-left:15px;

}
#Error, #Error li{
clear:both;
}
#errors{
margin:0px 0px 0px 25px;
padding:0px;
width:400px !important;
}
#errors p{
width:450px;
color:#FF0000 !important;
}
#errors ul{
margin:0px;
padding:0px;
width:450px;
}
#errors ul li{
margin:0px;
padding:0px;
clear:both;
color:#FF0000;
font-weight:bold;
}

@media print{
#search, #main_navigation, #utilityNav,#banner, #getupto, #CalloutWrapper{
display:none;
}

#content{
float:left;
width:640px;
}
#content div{
width:640px;
}
}