body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-family: Arial;
	font-size: 14px;
	color: #000000;
}

.gen-btn {
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 14px;
	margin: 4px 2px;
	border-radius: 20px;
	height: 35px;
}

.blue-btn {
	background-color: #0770B4;
	border: 0;
	color: #FFF;
}

.white-btn {
	background-color: #FFF;
	border: 1px solid #0770B4;
	color: #0770B4;
}

.dosage-btn {
	background-color: #FFF;
	border: 1px solid #000;
	color: #000;
	padding: 5px;
}

	.dosage-btn:hover {
		cursor: pointer;
		background-color: #0770B4;
		color: #FFF;
		border: 1px solid #FFF;
	}

	.dosage-btn-selected {
		background-color: #0770B4;
		color: #FFF;
		border: 1px solid #FFF;
	}


Button:hover {
	cursor: pointer;
}

.landing-btn {
	width: 145px;
	background-color: #0770B4;
	border: 0;
	color: #FFF;
}

.landing-btn:hover{
	cursor: pointer;
}


#landing_drug_tag {
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-type: none;
	border: 0;
}

	#landing_drug_tag li {
		margin: 25px;
		display: inline-block;
		font-size: 14px;
		font-weight: bold;
	}

.not_selected {
	cursor: pointer;
}

	.not_selected a {
		color: white;
		text-decoration: none;
	}

.selected {
	color: #666666;
	border-bottom: solid 3px #0770B4;
}

.text-box {
	height: 24px;
}

.ddl-box {
	height: 30px;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type=number] {
	-moz-appearance: textfield;
}

.img_btn {
	max-width: 100%;
}

#main {
	width: 80%;
	margin: 0 auto;
	padding: 0;
}


#content {
	float: left;
	width: 100%;
	background-color: White;
	padding: 0 10px;
	margin: 0;
	box-sizing: border-box;
	min-height: 460px;
}

	#content a img {
		border: none;
	}

#rightbar {
	float: right;
	max-width: 27%;
}

tr#Gridview1{
	border-bottom: 1px solid #DDDDDD;
}

#leftbar {
	float: left;
	width: 264px;
}

.inline_table {
	display: inline-table;
	*display: inline;
}

p {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
}

h1 {
	font-family: Verdana;
	font-size: 22px;
	color: #000000;
	font-weight: normal;
}

h2 {
	font-family: Arial;
	font-size: 20px;
	color: #000000;
	font-weight: normal;
	margin-top: 10px;
}

h3 {
	font-family: Arial;
	font-size: 18px;
	color: #000000;
	font-weight: normal;
	margin-top: 10px;
}

h4 {
	font-family: Arial;
	font-size: 16px;
	color: #000000;
	font-weight: normal;
	margin-top: 10px;
}

.about_img {
	width: 100px;
}

table {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
}

.drug-img {
	width: 350px;
	float: right;
	padding: 10px;
}

	.drug-img img {
		max-width: 100%;
	}

@media Print {
	.noprint {
		DISPLAY: none
	}

	.printit {
		DISPLAY: block
	}

	.border {
		BORDER-TOP-WIDTH: 1px;
		BORDER-LEFT-WIDTH: 1px;
		BORDER-BOTTOM-WIDTH: 1px;
		BORDER-RIGHT-WIDTH: 1px
	}
}

.edit {
	margin: 10px;
	max-width: 100%;
}

.summary {
	margin: 10px;
}

.edit_btn {
	text-decoration: underline;
	cursor: pointer;
}

.save_btn {
	text-decoration: underline;
	display: none;
	cursor: pointer;
}

.cancel_btn {
	text-decoration: underline;
	cursor: pointer;
	display: none;
}

#excerpt {
	width: 440px;
	height: 200px;
	border: 1px solid #cccccc;
	padding: 5px;
	font-family: Tahoma;
	font-size: 12px;
}

#styled {
	width: 440px;
	height: 260px;
	border: 1px solid #cccccc;
	padding: 5px;
	font-family: Tahoma;
	font-size: 12px;
}

#ul_category {
	list-style-type: none;
	margin-left: 10px;
	padding: 0;
}

	#ul_category li ul {
		list-style-type: none;
		margin-left: 10px;
		padding: 0;
	}

#bxslider {
	margin: 0;
}


.input-box {
	display: inline-block;
	width: 45%;
	margin-top: 10px;
	vertical-align: top;
}

/********************** Media ************************/
@media screen and (min-width:965px) {
	#c_main {
		width: 55%;
		margin: auto;
		padding: 0;
	}
	
	.clearance {
		padding-top: 15px;
	}

	.ar_content{
		width:33%;
		text-align:center;
	}

	.about-seals{
		text-align:center;
	}

	#content {
		float: none;
		width: 100%;
		min-height: 0;
		margin: auto;
	}

	#home_about{
		display:flex;
		flex-direction: row;
		column-gap:20px;		
	}

	.about_reasons {
		display: flex;
		flex-direction: row;
		column-gap: 20px;
	}

	#rightbar {
		float: left;
		max-width: 97%;
	}

	ul#drug_category {
		margin: 0px;
		padding: 10px;
		list-style-type: none;
		columns: 2;
	}

		ul#drug_category li {
			display: inline-block;
			width: 320px;
			padding-top: 10px;
		}

	.seperator-img {
		max-width: 98%;
	}

	ul.category {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 10px;
	}

		ul.category li {
			margin: 0 10px;
			line-height: 30px;
			border-top: solid 1px #ffffff;
		}

			ul.category li a {
				font-family: Tahoma;
				font-size: 14px;
				color: #545657;
				text-decoration: none;
			}

				ul.category li a:visited {
					text-decoration: none;
				}
	ul.landing {
		position: relative;
		margin: 0 15px 0 15px;
		padding: 0;
		list-style-type: none;
		display: table;
	}

		ul.landing li {
			display: inline-block;
			text-align: center;
			line-height: 45px;
			font-family: Arial;
			font-size: 15px;
			vertical-align: middle;
			padding: 0 10px;
		}

			ul.landing li a {
				text-decoration: none;
				color: #000000;
			}

	.su-control{
		width:80%;
	}

	.login {
		position: relative;
		width: 30%;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}

	.div-type{
		width: 3%;
	}
	.div-drug{
		width: 12.5%
	}
	.div-manuf{
		width: 10%;
	}
	.div-ctry{
		width: 7.5%
	}
	.div-dose{
		width: 5%
	}
	.div-qty{
		width: 5%
	}
	.div-price{
		width: 7.5%
	}
	.div-btn{
		width: 10%;
	}

	.signup_controls{
		display: inline-block;
		width: 40%;
	}


	.c_input-box {
		margin-top: 10px;
	}


	.account-btn {
		width: 10%;
	}

	.dash-save {
		float: right;
	}

	dash-cancel {
		float: left;
	}

	#footer {
		clear: both;
		background-color: #F6F6F6;
		margin-top: 0px;
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-gap: 35px;
	}

		#footer p {
			font-size: 12px;
		}

}

/******************** 768px ********************/
@media screen and (max-width:964px) and (min-width:769px) {
	#content {
		width: 100%;
		padding: 0 10px;
		margin: 0;
		box-sizing: border-box;
		min-height: unset;
	}

	#home_about {
		display: flex;
	}

	#rightbar {
		max-width: 100%;
	}
}

/*********************max-width:687px ******************************/
@media screen and (max-width:768px) and (min-width:601px) {
	.drug-img {
		float: none;
		width: 100%;
		text-align: center;
		margin-top: 10px;
		padding: 0px;
	}

		.drug-img img {
			max-width: 100%;
		}
}

/*********************max-width:600px ******************************/
@media screen and (max-width:600px) {
	h1 {
		font-family: Verdana;
		font-size: 22px;
		color: #000000;
		font-weight: normal;
	}

	h2 {
		font-family: Arial;
		font-size: 15px;
		color: #000000;
		font-weight: bold;
		margin-top: 10px;
	}

	h3 {
		font-family: Arial;
		font-size: 13px;
		color: #000000;
		font-weight: bold;
		margin-top: 10px;	
	}

	h4 {
		font-family: Arial;
		font-size: 16px;
		color: #000000;
		font-weight: normal;
		margin-top: 10px;
	}

	.account-btn {
		width: 100%;
	}
	
	.input-box {
		width: 90%;
	}

	.clearance {
		padding-top: 15px;
	}

	.ar_content {
		text-align: center;
	}

	.ar_content_txt{
		text-align:left;
	}

	.about-seals {
		display: flex;
	}

	#content {
		width: 100%;
		margin: 0;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.login {
		position: relative;
		width: 80%;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
	}

	#rightbar {
		width: 100%;
	}


	.su-control {
		width: 100%;
	}

	ul#drug_category {
		margin: 0px;
		padding: 10px;
		list-style-type: none;
		columns: 1;
	}

		ul#drug_category li {
			display: inline-block;
			width: 320px;
			padding-top: 10px;
		}

	.seperator-img {
		max-width: 98%;
	}

	ul{
		padding: 0px;
	}

	ul.category {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		display: inline-block;
	}

		ul.category li {
			margin: 0 10px;
			line-height: 30px;
			border-top: solid 1px #ffffff;
		}

			ul.category li a {
				font-family: Tahoma;
				font-size: 14px;
				color: #545657;
				text-decoration: none;
			}

				ul.category li a:visited {
					text-decoration: none;
				}

		ul.landing {
			position: relative;
			margin: 0 15px 0 15px;
			padding: 0;
			list-style-type: none;
			display: table;
		}

			ul.landing li {
				display: inline-block;
				text-align: center;
				line-height: 45px;
				font-family: Arial;
				font-size: 15px;
				vertical-align: middle;
				padding: 0 10px;
			}

				ul.landing li a {
					text-decoration: none;
					color: #000000;
				}


	.div-price {
		width: 40%
	}

	.div-btn {
		width: 40%;
	}




	#footer {
		display: flex;
		flex-direction: column;
		column-gap: 20px;
		clear: both;
		background-color: #e8eef2;
		margin-top: 0px;
	}

	#footer-content{
		order: 2;
	}

	#footer-links{
		order: 1;
		padding-right:10px;
	}

	#footer-links p{
		float:right;
	}
}

@media screen and (max-width:480px) {
	#content {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		min-height: unset;
	}

	#rightbar {
		max-width: 100%;
	}
}

@media screen and (max-width:320px) {
	#content {
		max-width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
		min-height: unset;
	}

	#rightbar {
		max-width: 100%;
	}
}

/*#region Header Styling*/
.width-5 {
	position: relative;
	width: 5%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.width-15 {
	position: relative;
	width: 5%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.width-10 {
	position: relative;
	width: 10%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.width-15 {
	position: relative;
	width: 15%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.width-20 {
	position: relative;
	width: 20%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.width-25 {
	position: relative;
	width: 25%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}


.width-30 {
	position: relative;
	width: 30%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}


.width-40 {
	position: relative;
	width: 40%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.width-50 {
	position: relative;
	width: 50%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.width-60 {
	position: relative;
	width: 60%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}


.width-70 {
	position: relative;
	width: 70%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}


.width-75 {
	position: relative;
	width: 75%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.width-80 {
	position: relative;
	width: 80%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.width-85 {
	position: relative;
	width: 85%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.width-90 {
	position: relative;
	width: 90%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.width-95 {
	position: relative;
	width: 95%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.width-100 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.container-fluid {
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}

.center-content {
	margin: auto !important;
	clear: left;
}


.grid-container {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 10px;
}

/*.grid-item{
	display:inline-grid;
}*/