﻿/* GENERAL HTML TAG STYLES */

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #00B1EC;
	margin: 10px 0px 0px 10px;
	/*background-image: url('../images/familymeds-styles/pharmacy-gradient-green.jpg');
	background-repeat: repeat-x;*/
}
.templatebody {
	/*background-image: url('images/familymeds-styles/pharmacy-gradient-green.jpg');
	background-repeat: repeat-x;*/
}
img {
	border:0px;
}

h1 {
	font-size: 19px;
	color: #155B8C;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#C0252B;/* #C0252B;*/
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
}

/*#intro h3 {
	font-size: 13px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #0C55A2;
	color: #003399;
	text-align:center;
	padding:8px;
	background-color:#99CCFF;
}*/
h3 a {
	text-decoration: none;
	color: #003399;
}
h3 a:hover {
	text-decoration: underline;
	color: #003399;
}
h3 a:active {
	text-decoration: none;
	color: #003399;
}
h3 a:visited {
	text-decoration: none;
	color: #003399;
}
h4 {
    font-size:13px;
	margin-bottom:13px;
	margin-top:2px;
}
h4 a {
	text-decoration: none;
	color: #003399;
}
h4 a:hover {
	text-decoration: underline;
	color: #003399;
}
h4 a:active {
	text-decoration: none;
	color: #003399;
}
h4 a:visited {
	text-decoration: none;
	color: #003399;
}
a {
	color: #1A61AF;
	text-decoration: none;
}
a:visited {
	color: #1A61AF;
	text-decoration: none;
}
a:active {
	color: #1A61AF;
	text-decoration: none;
}
a:hover {
	color: #1A61AF;
	text-decoration: underline;
}


select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color:#000099;
}
input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color:#000099;
}
textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color:#000099;
}

/* WRAPPER DIV STYLES */

#OnlinePharmacyWrapper {
	background-color:white;
	width:950px;
	text-align:left;
	margin:auto;
}
#FrontDoorWrapper {
	height:115px;
	overflow:auto;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#0654A6;
}
#logo {
	width:190px;
	float:left;
	margin-left:5px;
	margin-top:5px;
}
#PharmacyPromoHeader {
	background-color:#0654A6;
	width:180px;
	height:95px;
	color:white;
	padding:5px;
	margin-top:10px;
	float:left;
}
#OTCPromoHeader{
	background-color:#B8171F;
	width:180px;
	height:95px;
	color:white;
	padding:5px;
	margin-top:10px;
	float:left;
}
#AddPromoHeader{
	background-color:#00B1EC;
	width:180px;
	height:95px;
	color:white;
	padding:5px;
	margin-top:10px;
	float:left;
}
#NewPromoHeader {
	width:616px;
	float:left;
	height:115px;
	background-image:url('../images/home-banners/american-background.jpg');
	background-repeat:no-repeat;
	text-align:center;
}

#SearchArea {
	background-color:#B8171F;
	color:white;
	height:50px;
	width:950px;
	margin-top:auto;
}
#SearchArea a, a:active, a:visited {
	color:white;
	text-decoration:underline;
}
#SearchArea a:hover {
	text-decoration:none;
	color:#00B1EC;
}
#Footer {
	background:white;
	/*height:200px;*/
	border-top-style:dashed;
	border-top-width:1px;
	border-top-color:#00B1EC;
	margin-left:30px;
	margin-right:30px;
	clear:both;
}

#Footer h3 {
	color:#B8171F;
	font-size:12px;
	font-weight:bold;
	margin-bottom:2px;
	padding-bottom:2px;
	margin-top:7px;
	padding-top:7px;
}

#Footer a, a:active, a:visited {
	color:#0654A6;
	text-decoration:none;
}

#Footer a:hover {
	color:#B8171F;
	text-decoration:underline;
}

.footerSection {
	float:left;
	width:19%;
	padding:3px;
}

.footerSection ul {
	list-style:none;
	margin:0px;
	padding:0px;
	margin-left:3px;
	padding-left:3px;
}

.footerSection li {
	margin:0px;
	padding:0px;
}

.SearchInput {
	width:250px;
	font-size:14px;
	font-weight:bold;
	color:#0654A6;
	border-style:solid;
	border-color:silver;
	border-width:1px;
	padding:3px;
}
.GoButton {
	background-color:#00B1EC;
	color:white;
	font-size:18px;
	border-style:solid;
	border-width:2px;
	border-color:#00B1EC;
}
#PharmacyPromoHeader h3 {
	font-size:12px;
	text-align:center;
}
.featuredDrug {
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:#00B1EC;
	width:177px;
	float:left;
	vertical-align:middle;
	margin-left:2px;
	margin-right:2px;
	padding-top:8px;
	padding-bottom:8px;
	font-family:"Arial";
	font-size: 13pt;
	color:#B8171F;
}
.menuCoupons {
	text-align:center;
	border-style:dashed;
	border-width:2px;
	border-color:#B8171F;
	width:170px;
	float:left;
	vertical-align:middle;
	margin-left:4px;
	margin-right:4px;
	height:40px;
	padding-top:8px;
	padding-bottom:8px;
	font-family:"Arial";
}
.menuCouponsTitle {
	font-size:12px;
	color:#990000;
	font-weight:bold;
}
.menuCouponsCode {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#0654A6;
}

.menuContact {
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:#B8171F;
	width:170px;
	float:left;
	vertical-align:middle;
	margin-left:4px;
	margin-right:4px;
	height:40px;
	padding-top:8px;
	padding-bottom:8px;
	font-family:"Arial";
}
.menuContactTitle {
	font-size:12px;
	color:#00B1EC;
	font-weight:bold;
}
.menuContactCode {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#0654A6;
}

.menuAccount {
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:#B8171F;
	width:170px;
	float:left;
	vertical-align:middle;
	margin-left:4px;
	margin-right:4px;
	height:40px;
	padding-top:8px;
	padding-bottom:8px;
	font-family:"Arial";
}
.menuAccountTitle {
	font-size:12px;
	color:#00B1EC;
	font-weight:bold;
}
.menuAccountCode {
	font-size:12px;
	text-transform:uppercase;
	font-weight:bold;
	color:#0654A6;
}



.greatDeals {
	text-align:center;
	border-style:none;
	width:172px;
	float:left;
	vertical-align:middle;
	margin-left:4px;
	margin-right:4px;
	height:40px;
	padding-top:8px;
	padding-bottom:8px;
	font-family:"Arial";
}
.greatDeals img {
	float:left;
	border:0px;
}
.greatDeals a {
	color:#0654A6;
	text-decoration:none;
}
#HelpSectionHeader {
	font-size:13px;
	font-weight:bold;
	margin-top:15px;
}
#HelpSectionHeader a, a:active, a:visited{
	color:#B8171F;
	text-decoration:none;
}
#HelpSectionHeader a:hover {
	text-decoration:underline;
}
#HelpSectionHeader td {
	padding:7px;
}


/* Pharmacy and Help DIV STYLES */


/******************************************************************************************
    INTRO (DIV) STYLES ***
******************************************************************************************/


#intro {
	width:666px;
	margin:0px;
	padding:0px 0px 0px 12px;
	border-left:solid #999999 1px;
	float:left;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: #c0252b;
    text-decoration: none;
}

#intro h4 
{

font-size: 13px;
margin-bottom: 13px;
margin-top: 2px;
color: #c0252b;

}

/*****INTRO TEXT STYLES**********************************************************/
#mainContainer {
	background:#FFFFFF;
	width:950px;
	float:left;
	padding:0px;
	margin:0px;
}

#intro h1 {
	font:24px/20px Arial;
	padding:0px;
	color:#0053a5;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	}

#intro h3 {
	font-weight: bold;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	color: #C0252B;
	font-family: Arial;
	font-size: 14px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #0052A5;
}
	

	#intro p {
		font:12px/20px Arial;
		line-height:140%;
		letter-spacing:normal;
		margin:0px 0px 9px 0px;
		padding:0px;
		color:#444444;
	}
	
	#intro a:active {
		font:12px/20px Arial;
		margin:0px;
		padding:0px;
		color:#0052a5;
		text-decoration:none;
		font-weight:bold;
	}
	
	#intro a:visited {
		font:12px/20px Arial;
		margin:0px;
		padding:0px;
		color:#0052a5;
		text-decoration:none;
		font-weight:bold;
	}
	
	#intro a:link {
		font:12px/20px Arial;
		margin:0px;
		padding:0px;
		color:#0052a5;
		text-decoration:none;
		font-weight:bold;
	}
	
	#intro a:hover {
		color:#347bc2;
		text-decoration:none;
	}

#leftContainer {
	width: 200px;
	float: left;
	padding: 10px;
	margin: 0px;
	font-size: 10pt;
}

#leftContainer a:active {
		 
		margin:0px;
		padding:0px;
		color:#0052a5;
		text-decoration:none;
		font-weight:bold;
	}
	
#leftContainer a:visited {
		 
		margin:0px;
		padding:0px;
		color:#0052a5;
		text-decoration:none;
		font-weight:bold;
	}
	
#leftContainer a:link {
		 
		margin:0px;
		padding:0px;
		color:#0052a5;
		text-decoration:none;
		font-weight:bold;
	}
	
#leftContainer a:hover {
		color:#347bc2;
		text-decoration:none;
	}


#introLeftColumn {
	width: 66%;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: small;
}
#pharmacyBox_1 {
	border: 1px solid #0053A5;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.YourAccount {
	background-image: url(../images/Pharmacy/Your_Account.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.YourFamily {
	background-image: url(../images/Pharmacy/Your_Family.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.YourInsurance {
	background-image: url(../images/Pharmacy/Your_Insurance.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.YourPharmacist {
	background-image: url(../images/Pharmacy/Your_Pharmacist.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.YourMedication {
	background-image: url(../images/Pharmacy/Your_Medication.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.YourPrescriptions {
	background-image: url(../images/Pharmacy/Your_Prescriptions.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.YourOrders {
	background-image: url(../images/Pharmacy/Your_Orders.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.RefillFMWebsite {
	background-image: url(../images/Pharmacy/Refill_FamilyMeds_Website.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

.RefillFMMailPhone {
	background-image: url(../images/Pharmacy/Refill_FamilyMeds_MailPhone.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
.RefillFMRetail {
	background-image: url(../images/Pharmacy/Refill_FamilyMeds_Retail.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}



#introRightColumn {
	width: 30%;
	float: right;
	margin-right: 0px;
	padding:0px 4px 0px 9px;
	border-left:solid #999999 1px;
}
#pharmacyContainer_1 {
	font-size: 12px;
	width: 270px;
	padding: 4px;
}
#pharmacyContainer_2 {
	font-size: 12px;
	padding: 4px;
}



	
	 

/*****MISC STYLES**********************************************************/

img {
	border: 0px none;
}

.inputSearch {
	width:120px;
	height:19px;
	font:12px/20px Arial;
	color:#000000;
	margin:0px;
	padding:0px;
	border:solid #72b9d7 1px;
}

.noPadding {
	padding:0px;
	margin:0px;
	border:none;
}

li {
	list-style: none;
	font: 12px Arial;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 1px;
	padding-bottom: 1px;
}
	
ul {
	list-style: none;
	font: 12px Arial;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 1px;
	padding-bottom: 1px;
}
	
#patientListing {
	font-size: 12px;
	border: 1px solid #00B1EC;
	padding: 5px;
	width:600px;
}
#patientListing th {
	color: #FFFFFF;
	background-color: #00B1EC;
	font-weight: bold;
	border-color: #00B1EC;
	text-align:left;
}
.patientListing {
	font-size: 12px;
	border: 1px solid #00B1EC;
	padding: 5px;
	width:600px;
}
.patientListing th {
	color: #FFFFFF;
	background-color: #00B1EC;
	font-weight: bold;
	border-color: #00B1EC;
	text-align:left;
}

.alteringPatientList {
	background-color: #DFDFDF;
}
#patientListing td {
	border-color: #FFFFFF;
}
.patientListing td {
	border-color: #FFFFFF;
}
.patientEditInput {
	color: #CC0000;
	font-size: 16px;
	border: 1px solid #CC0000;
}
.patientDetails td {
	font-size:14px;
	font-weight:bold;
}
.updatePatient {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #990000;
	border: 1px double #800000;
}
.patientDetails {
	border: 0px;
	border-color:white;
}
.patientDetails td {
	border-style: none;
	padding: 4px;
	color:#990000;
}
.patientDetails th {
	border-style: none;
	padding: 4px;
	text-align:left;
}
#introRightColumn2 {
	width: 57%;
	float: left;
	margin-right: 6px;
	margin-top:2px;
}
#introLeftColumn2 {
	width: 38%;
	float: right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.patientListTable {
	font-size: 12px;
	border: 1px solid #00B1EC;
	padding: 5px;
	width:100%;
}
#GridView1 a:link{
	color:white;
	text-decoration:none;
	font-size: 12px;
	border: 1px solid #00B1EC;
	padding: 5px;
	width:100%;
}
#GridView1 a:hover{
	color:white;
	text-decoration:underline;
	font-size: 12px;
	border: 1px solid #00B1EC;
	padding: 5px;
	width:100%;
}
#GridView1 a:active{
	color:white;
	text-decoration:none;
	font-size: 12px;
	border: 1px solid #00B1EC;
	padding: 5px;
	width:100%;
}
#GridView1 a:visited{
	color:white;
	text-decoration:none;
	font-size: 12px;
	border: 1px solid #00B1EC;
	padding: 5px;
	width:100%;
}
.patientListTable th {
	color: #FFFFFF;
	background-color: #00B1EC;
	font-weight: bold;
	border-color: #00B1EC;
	text-align:left;
}
.patientListTable td {
	border-color: #FFFFFF;
}
.Assistant {
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	border: 2px solid #C0252C;
	padding: 4px;
}
.emphasis {
	color: #FF0000;
	font-style: italic;
	font-size: small;
}
#PricingTable {
border-style:solid;
border-width:1px;
border-color:#0099CC;
width:95%;
}
#PricingTable th {
	background-color:#0099CC;
	color:#FFFFFF;
	text-align:left;
}
#PricingTable td {
	border-top-style:dotted;
	border-top-color:silver;
	border-top-width:1px;
}
.SelectedPricingRow {
	background-color:#D7F5FF;
}
.SelectedPricingRow td {
	border-bottom-style:dotted;
	border-bottom-color:silver;
	border-bottom-width:1px;
	border-top-style:dotted;
	border-top-color:silver;
	border-top-width:1px;
}
.CalculatePriceButton {
	border-style:none;
	background-color:#FFFFFF;
	text-decoration:underline;
	color:maroon;
	text-align:left;
}
#patientListDIV {
	border: 1px double #C0C0C0;
	padding: 8px;
}
#patientListDIV h3 {
	font-size:14px;
	color:maroon;
}
#patientListDIV p {
	padding-left:15px;
}
#patientListDIV a {
	padding:8px;
	width:150px;
}
.selectProfileButton {
	border: 2px solid #33CC33;
	background-color: #DFF7DF;
	padding: 5px;
	width: 150px;
}
.viewProfileButton {
	border: 2px solid #00B1EC;
	background-color: #D2F4FF;
	padding: 5px;
	width:150px;
}
.deleteProfileButton {
	color: #FF0000;
	border: 2px solid #FF0000;
	background-color: #FFD5D5;
	padding: 5px;
	width:150px;
}

.CartDeleteButton {
	color: #FF0000;
	border: 2px solid #FF0000;
	background-color: #FFD5D5;
	padding: 5px;
	width:56px;
}

.patientDetailsth {
	font-size:14px;
	font-weight:bold;
	text-align:right;
	color:maroon;
}
#EditPatientControl td{
	border-style:none;
	border-color:white;
}
#productGrid a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-left: 6px;
	color: #C0252B;
}
#productGrid td {
	text-align:center;
}


#ContentWrapper {
width:100%;
margin:auto;
margin-top:5px;
padding-top:5px;
margin-bottom:5px;
padding-bottom:5px;
overflow:auto;
clear:both;
}

#LeftColumn {
	width:255px;
	float:left;
	background-color:#0033CC;
	margin:auto;
	margin-left:5px;
}

#LeftColumn h2 {
	color:white;
	text-align:center;
	font-size:20px;
	margin-top:5px;
	padding-top:5px;
	margin-bottom:0px;
	padding-bottom:0px;
	border:0px;
}

#LeftColumn h3 {
	font-size:14px;
	text-indent:8px;
	width:100%;
	background-color:#365ED7;
	font-weight:bold;
	padding-top:4px;
	margin-top:4px;
	padding-bottom:4px;
	margin-bottom:4px;
}

#LeftColumn a,a:active,a:visited {
	color:white;
	text-decoration:none;
}

#LeftColumn a:hover{
	text-decoration:underline;
}

.PharmacyCounter {
	list-style:none;
	margin-left:3px;
	padding-left:3px;
	margin-top:8px;
	padding-top:8px;
	width:95%;
}

.PharmacyCounter li {
	padding:6px;
	font-size:16px;
	width:95%;
	border-top-style:dashed;
	border-top-width:1px;
	border-top-color:white;
}

.PharmacyCounter li:hover {
	background-color:#365ED7;
}


.PharmacyCounter a,a:visited,a:active {
	color:#FFFFFF;
	text-decoration:none;
}

.PharmacyCounter a:hover {
	text-decoration:none;
}

#CenterColumn {
width:425px;
float:left;
/*background-color:fuchsia;*/
margin:auto;
margin-left:15px;
margin-right:15px;
}

#CenterColumn img {
	margin-bottom:7px;
	padding-bottom:7px;
	margin-top:0px;
	padding-top:0px;
	border:0px;
}


#RightColumn {
float:right;
width:220px;
margin:auto;
margin-right:15px;
/*background-color:lime;*/
}

#RightColumn img {
	margin-bottom:7px;
	padding-bottom:7px;
	margin-top:0px;
	padding-top:0px;
	border:0px;
}

#RightColumn table {
	margin-bottom:7px;
	padding-bottom:7px;
	margin-top:0px;
	padding-top:0px;
}

#RightColumn h2 {
	color:#0654A6;
	text-align:left;
	font-size:20px;
	margin-top:5px;
	padding-top:5px;
	margin-bottom:0px;
	padding-bottom:0px;
	border:0px;
}

.TopDepartments {
	list-style:none;
	margin-left:3px;
	padding-left:3px;
	margin-top:8px;
	padding-top:8px;
	width:95%;
}

.TopDepartments li {
	padding:6px;
	font-size:16px;
	width:95%;
	border-top-style:dashed;
	border-top-width:1px;
	border-top-color:silver;
}

.TopDepartments li:hover {
	background-color:#EBEBEB;
}


.TopDepartments a,a:visited,a:active {
	color:#0654A6;
	text-decoration:none;
}

.TopDepartments a:hover {
	text-decoration:none;
}

.GoButton {
	background-color:#0654A6;
	color:white;
	border:0px;
}
.AddToWishButton, .AddToCartButton {
	margin-top:10px;
}
.AddToCartButton {
	border: 2px solid #33CC33;
	background-color: #DFF7DF;
	padding: 5px;
	width: 150px;
}
.AddToWishButton {
	border: 2px solid #00B1EC;
	background-color: #D2F4FF;
	padding: 5px;
	width:150px;
}
.RegularPrice, .SalePrice {
	font-size:15px;
}
/*accordion menu*/
.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 1px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 6px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/*end of accordion menu*/

.CartItemsDIV {
	width:500px;
	margin-top:16px;
}

.CartItemsDIV th {
	background:#0654A6;
	color:white;
	font-weight:bold;
}
.CartItemsDIV table {
	border-style:solid;
	border-width:1px;
	border-color:#0654A6;
}





