/* General Tags */
/* ----------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #013B61;
	margin: 0px; 
  	padding: 0px; 
  	text-align: left;
	min-width: 800px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
	color: #333;
}

img {
	border: 0;
}

form {
	display: inline;
}

p {
	padding-top: 2px;
	padding-bottom: 7px;
}

ul {
	margin-left: 20px;
	margin-bottom: 7px;
}

a {
	background-color:transparent;
	color: #0168AA;
	font-weight:bold;
}

a:hover {
	text-decoration: none;
}

.pagewidth {
	width: 788px;
}

.pagerule {
	position: relative;
	height: 2px;
	background-color: #3AB3FF;
	font-size: 0px;
}

/* Header Tags */
/* ----------------------------------------------------------------- */

#header {
	position: relative;
	height: 75px;
	background-image: url(../images/header/header-bkg.gif);
	background-repeat: repeat-x;
}

#arestinlogo {
	background-image: url(../images/header/arestin-logo.gif);
	background-repeat: no-repeat;
	height: 75px;
	width: 238px;
	text-indent: -9999px;
	float: left;
}

#minocyclinetext {
	background-image: url(../images/header/minocycline-text.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 43px;
	width: 230px;
	float: left;
}

#headerelements {
	height: 75px;
	margin-right: 6px;
	display: inline;
}


#headerelements fieldset#search {
	width: 175px;
	height: 13px;
	float: left;
	margin: 5px 0 0 205px;
	border: none;
	padding: 0;
}

#headerelements fieldset#search label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #A4E0FF;	
	margin-right: 5px;
	margin-top: 2px;
	float: left;	
}

#headerelements fieldset#search .search-input {
	font-size: 10px;
	height: 11px;
	padding-bottom: 2px;
	width: 100px;
	font-size: 9px;
	margin-top: 1px;
}

#headerelements fieldset#search .search-button {
	vertical-align: middle;
	margin: 0 0 3px 3px;
}


/* Primary Nav Bar Tags */
/* ----------------------------------------------------------------- */

#nav {
	position: relative;
	height: 43px;
	background-image: url(../images/sidenav/nav-bkg.gif);
	background-repeat: repeat-x;
}

#nav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

#nav li {
	float: left;
	list-style-type: none;
	list-style-image: none;
}

#nav a{
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 43px;
}

#nav #understanding {
	background-image: url(../images/header/understanding-0.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 116px;
}
#nav #understanding:hover {
	background-image: url(../images/header/understanding-1.gif);
}
#nav #understanding_active {
	background-image: url(../images/header/understanding-1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 116px;
}

#nav #about {
	background-image: url(../images/header/about-0.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 114px;
}
#nav #about:hover {
	background-image: url(../images/header/about-1.gif);
}
#nav #about_active {
	background-image: url(../images/header/about-1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 114px;
}

#nav #patients {
	background-image: url(../images/header/patients-0.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 103px;
}
#nav #patients:hover {
	background-image: url(../images/header/patients-1.gif);
}
#nav #patients_active {
	background-image: url(../images/header/patients-1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 103px;
}

#nav #professionals {
	background-image: url(../images/header/professionals-0.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 118px;
}
#nav #professionals:hover {
	background-image: url(../images/header/professionals-1.gif);
}
#nav #professionals_active {
	background-image: url(../images/header/professionals-1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 118px;
}

#nav #myarestinNav {
	background-image: url(../images/header/myarestin-0.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 99px;
}
#nav #myarestinNav:hover {
	background-image: url(../images/header/myarestin-1.gif);
}
#nav #myarestinNav_active {
	background-image: url(../images/header/myarestin-1.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 99px;
}

/* Secondary Nav (contact & order arestin) Tags */
/* ----------------------------------------------------------------- */

#secondnav {
	float: right;
	height: 32px;
	width: 371px;
	margin-right: 3px;
}

#secondnav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
	display:inline;
	float: right;
}

#secondnav li {
	float: left;
	list-style-type: none;
	list-style-image: none;
	display:inline;
}

#secondnav a{
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	height: 32px;
}

#secondnav #order {
	background-image: url(../images/secondnav/order-0.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 111px;

}
#secondnav #order:hover {
	background-image: url(../images/secondnav/order-1.gif);
}

#secondnav #contact {
	background-image: url(../images/secondnav/contact-0.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 90px;
}
#secondnav #contact:hover {
	background-image: url(../images/secondnav/contact-1.gif);
}

/* Search Form Tags */
/* ----------------------------------------------------------------- */
#secondnav #search {
	float: left;
	background-image: url(../images/secondnav/secondnav-bkg.gif);
	background-repeat: repeat-x;
}

#secondnav #search INPUT {
	float: left;
	width: 95px;
	height: 18px;
	border: solid 1px #3CB2FF;
	background-color: #BDE9FF;
	margin-top: 7px;
	margin-left: 9px;
	margin-right: 4px;
}

#secondnav #searchbtn {
	background-image: url(../images/secondnav/search-0.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	width: 60px;
	float: left;
	background-position: right;
}
#secondnav #searchbtn:hover {
	background-image: url(../images/secondnav/search-1.gif);
	background-repeat: no-repeat;
}

/* Top Right Nav (site map and quick link btns) Tags */
/* ----------------------------------------------------------------- */

#thirdnav {
	float: right;
	height: 43px;
}

#thirdnav ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}

#thirdnav li {
	float: left;
	list-style-type: none;
	list-style-image: none;
}

#thirdnav a {
	float: left;
	text-decoration: none;
	display: block;
	height: 14px;
	margin: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #A4E0FF;
}

#thirdnav a:hover {
	color: #fff;
}

#navbtmimage{
	width: 230px;
	height: 51px;
	background-image: url(../images/sidenav/nav-btm.gif);
	background-repeat: no-repeat;
	font-size: 0px;
}

/* Content Area Tags */
/* ----------------------------------------------------------------- */

#contentarea {
	position: relative;
	background-color: #0168A8;
	padding-bottom: 20px;
	background-image: url(../images/background/contentarea-bkg.gif);
	background-repeat: repeat-x;
}

/* Footer Tags */
/* ----------------------------------------------------------------- */

#footer {
	position: relative;
	
}

#footer #image {
	background-image: url(../images/footer/footer-image.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 175px;
	width: 177px;
}

#footer #text {
	float: left;
	width: 540px;
	padding-left: 20px;
	padding-top: 20px;
	color: #3BB4FF;
}

#footer #text a {
	color: #A4E0FF;
}


/* Quick Links Popup Tags */
/* ----------------------------------------------------------------- */

#quicklinkspop {
	width: 240px;
	position: absolute;
	visibility: hidden;
	z-index: 1000;
	left: 535px;
	top: 22px;
}
#quicklinkspop #qltop {
	background-image: url(../images/header/quicklinks/quicklinks-head.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 26px;
	width: 240px;
}
#quicklinkspop #qlbottom {
	font-size: 0px;
	background-image: url(../images/header/quicklinks/quicklinks-btm.gif);
	background-repeat: no-repeat;
	height: 12px;
	width: 240px;
}
#quicklinkspop #qlbkg {
	background-image: url(../images/header/quicklinks/quicklinks-bkg.gif);
	background-repeat: repeat-y;
	width: 240px;
}
#quicklinkspop #qlcontent {
	background-image: url(../images/header/quicklinks/quicklinks-gradient.gif);
	background-repeat: repeat-x;
	padding: 10px 10px 2px 10px;
	width: 216px;
	margin-right: 2px;
	margin-left: 2px;
	line-height: 18px;
}
#quicklinkspop #qlcontent li {
	color: #3bb2fc;
}
#quicklinkspop #qlcontent a {
	color: #093855;
}
#quicklinkspop #qlcontent a:hover {
	text-decoration: none;
}