body{margin:0;padding:0; background: #FFFFFF; font-size:small; font-family: Arial, Helvetica, sans-serif;}
* html,body{
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions*/
}


/*  ---------------- link styles ---------------------- */ 

a{ outline: none;}
a, a:link, a:visited {text-decoration: none;}
a:hover, a:active { text-decoration: underline; }

/*  ---------------- minwidth crap ---------------------- */ 

* html .containerbox {
	margin-left: -744px;
	position: relative;
}
/*\*/
* html .containerbox, * html .content {
	height: 1px;
}
/**/
.content {
	padding: 5px;
}
.width {
	width: 90%;
	min-width: 744px;
	margin:0 auto;
	height:100%;
}
* html .minwidth {
	padding-left: 744px;
}
/*\*/
* html .minwidth, * html .layout {
	height: 1px;
}
/**/
p {padding:1.5em; margin:0;}


/* ---------- page container -------------- */
#container {
	width: 100%;
	min-width: 754px;

} 

/* ---------- header and menus -------------- */
#header{ text-align: left; padding: 0px; margin: 0px;}
#topmenu{ margin: 0px; padding: 0px;  margin-top: 10px; height: 50px;}
#topbanner{float: left; font-size: 110%; font-weight: normal; color: #88B2D4; height: 50px;}
#topnav{float: right; margin-top:29px; height: 21px;}

#menu, #phmenu {padding: 0px; margin: 0px; font-weight: bold; font-size: 80%; border-top-width: 2px; border-top-style: solid; border-top-color: #F70141;}
#phmenu {border-top-color: #88B2D4;}
		
		/* menu styles */
		ul#nav, ul#nav li, ul#phnav, ul#phnav li{float:left; list-style-type:none;margin:0;padding:0}
		/*ul#nav{width:650px}*/
		ul#nav li, ul#phnav li{float:left; margin-right: 3px; text-align: center}
		ul#nav a, ul#phnav a{float:left; width: 9em; padding: 5px 0; background: #F70141; text-decoration:none; color: #FFFFFF}
		ul#phnav a{background: #88B2D4;}
		/* set custom button widths if necessary */
		li#view a{width: 10em;} li#why a{width: 11em;} li#why a{width: 10em;} li#create a{width: 11em;} li#store a{width: 11em;} 	
		/* set menu rollover colors*/
		li#add a:hover, li#add.activelink a, li#add.activelink a:hover{background: #8CBA2E;}
		li#view a:hover, li#view.activelink a, li#view.activelink a:hover{background: #FF6600;}
		li#share a:hover, li#share.activelink a, li#share.activelink a:hover{background: #CC99CC}
		li#order a:hover, li#order.activelink a, li#order.activelink a:hover{background: #88B2D4}
		li#why a:hover, li#why.activelink a, li#why.activelink a:hover{background: #CC99CC;}
		li#store a:hover, li#store.activelink a, li#store.activelink a:hover{background: #68A1C4}
		li#contact a:hover, li#contact.activelink a, li#contact.activelink a:hover{background: #CC99CC;}
		li#create a:hover, li#create.activelink a, li#create.activelink a:hover{background: #8CBA2E;}
		
		
		li#refill a{width: 13em;} li#history a{width: 13em;}
		li#refill a:hover, li#refill activelink a, li#refill.activelink a:hover,li#pharmacists a:hover, li#pharmacists activelink a, li#pharmacists.activelink a:hover, li#history a:hover, li#history activelink a, li#history.activelink a:hover, li#health a:hover, li#health activelink a, li#health.activelink a:hover, li#phcontact a:hover, li#phcontact activelink a, li#phcontact.activelink a:hover{background: #68A1C4;}
		/* other buttons */
		li#cart a {float:left; text-align:right; width: 6em; color: #F70141; background: #FFF}
		li#login a{ float:left; text-align:left; width: 3em; color: #F70141; background: #FFF; }
		li#account a{ float:left; text-align:left; width: 6em; color: #F70141; background: #FFF; }
		li#dash p{float:left; text-align:center; width: 2em;  padding: 5px 0; margin:0px;}
		li#login a:hover, li#cart a:hover, li#account a:hover{color: #F70141; text-decoration:underline; background: #FFF}
		li#plain a{float:left; width: 8em; padding: 5px 0; background: #F70141; text-decoration:none; color: #FFFFFF; text-align:center;}
		button{float:left; width: 8em; padding: 5px 0; background: #F70141; text-decoration:none; color: #FFFFFF; text-align:center;}

/* ---------------- content ----------------- */
#content{
	width: 90%;
	margin: 40px auto 0px auto;
	_margin: 20px auto 0px auto;
	padding: 0;
	text-align: left;
}
#sidebar {
	margin: 0;
	padding: 0;
	width: 153px;
	float: right; 
 	position: relative; 
	clear: left;
	padding-left: 8px;

}	
#body {
	width: 78%;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	_float: left; 
 	_position: relative; 
	_clear: right;
	overflow: hidden;
	
}
#home {
	width: 100%;
	margin: 7px 0px 0px 0px;
	padding: 0px;
	_float: left; 
 	_position: relative; 
	_clear: right;
	}

/*  ---------------- subhead menu ---------------------- */ 

#subhead { height: 52px; padding: 0;margin: 0; text-align: left; color:#FFFFFF; }
#subhead a, #subhead a:link, #subhead a:visited, #subhead a:hover, #subhead a:active {color:#FFFFFF; }

.greenbg{background: #8CBA2E; }
.orangebg{background: #FF6600; }
.purplebg{background: #CC99CC; }
.pinkbg{background: #F0037F; }
.yellowbg{background: #EDA710; }
.bluebg{background: #88B2D4; }
.whitebg{color:#F70141;}
.dkpinkbg{background: #F70141; }
.ltbluebg{background: #EBF2F8; }

#subheadheadline {
	float: left;
	font-size: 200%;
	font-weight: lighter; 
	margin: 13px 0px 0px 13px;
	height: 26px;
	line-height: 125%;
	}
ul#subheadmenu_container {
	list-style: none;
	height: 52px;
	float: right;
	font-size: 110%;
	line-height: 125%;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-align:	center;
	position:relative;
}
ul#subheadmenu_container li {
	float: left;
	height: 41px;
	margin: 0px 0px 0px 18px;
	padding: 11px 11px 0px 11px;
	background: transparent;
	}
	
#subheadheadline.pharmacy {color: #88B2D4; font-size: 210%; line-height: 145%; margin-top: 9px;}
ul#subheadmenu_container li.subheadmenuorange {background: #FE9928; color:#FFFFFF;}
		
/*  ----------------sidebar menu styles---------------------- */ 
#sidebar_bttns {
	float: right;
	list-style: none;
}
#sidebar_bttns li {
	float: left;
	list-style: none;
	width: 143px;
	padding: 10px 5px 10px 5px;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
#sidebar_bttns li#top {
	float: left;
	list-style: none;
	width: 153px; 
	padding: 0px;
	border-top-color: #CCCCCC;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom: none;
}
#sidebar_bttns li#noline {
	float: left;
	list-style: none;
	width: 153px; 
	padding: 10px 5px 8px 8px;
	border-top: none;
	border-bottom: none;
}

/*  ----------------footer---------------------- */ 
#footer {
width: 800px;
clear:left;
padding:10px 0 0 0px;
margin:0px;
text-align: center; 
} 

/*  ---------------- text styles ---------------------- */ 

.grey, .grey a, .grey a:link {color: #999999;}
.dkgrey, .dkgrey a, .dkgrey a:link {color: #333333;}
.green, .green a, .green a:link {color: #7AA023;}
.orange, .orange a, .orange a:link {color: #FF6600;}
.purple, .purple a, .purple a:link {color: #CC66CC;}
.blue, .blue a, .blue a:link {color: #719DB5;}
.pink, .pink a, .pink a:link {color: #F0037F;}
.dpink, .dpink a, .dpink a:link {color: #F70141;;}
.yellow .yellow a, .yellow a:link {color: #EDA710;}

h1 { font-size: 150%; display:inline;}
h2 { font-size: 130%; display:inline;}
h2 { font-size: 120%; display:inline;}


/*  ---------------- homepage styles ---------------------- */ 

#home_container {
margin: 0 auto 0 auto;
width: 647px;
height: auto;
display:block;
}
#home_left {
width: 454px;
height:auto;
display:inline;
float:left;

}
#home_right {
width: 193px;
height:auto;
display:inline;
_float: left; 
_position: relative; 
_clear: right;
}
#home_right img {
display: block;
margin-bottom: 5px;

}

/*  ---------------- photobox styles ---------------------- */ 
ul.phototable {
list-style: none;
margin: 0;
padding: 0px;
}
ul.phototable li {
	float: left;
	width: 87px;
	height: 155px;
	margin: 0px 6px 6px 0px;
	padding: 11px 11px 0px 11px;
	text-align: center;
	clear: none;
 	_position: relative; 

}

ul.phototable li.green{background: #8CBA2E; }
ul.phototable li.orange{background-color: #E6E6E6;
}
ul.phototable li.purple{background: #CC99CC; }
ul.phototable li.pink{background: #F0037F; }
ul.phototable li.yellow{background: #EDA710; }
ul.phototable li.white{background-color: #FFFFFF;}

#phototable_bg {
	width: 87px;
	height: 87px;
	margin: 0;
	padding: 0;
	text-align: center;
	line-height: 80px;
	_font-size: 78px;
}

ul.phototable li div.green{background: #B5D55B; }
ul.phototable li div.orange{background: #CCCCCC; }
ul.phototable li div.purple{background: #CC99CC; }
ul.phototable li div.pink{background: #F0037F; }
ul.phototable li div.yellow{background: #EDA710; }
ul.phototable li div.ltgrey{background-color: #E6E6E6;}

#phototable_info, #phototable_info a, #phototable_info a:link, #phototable_info a:visited {
	width: 87px;
	height: 49px;
	text-align: center;
	font-size: 100%;
	line-height: 130%;
	color: #000000;
}


ul.phototable li div img { vertical-align:middle; }

/*  ---------------- photo details ---------------------- */ 
#detailsimg {
	width: 97%;
	margin: 0;
	padding: 0;
	text-align: center;
	background: #FE9928;
}
#photoscroller {
	height: 130px;
	width: 97%;
	overflow: scroll;
	margin: 0;
	position: relative;
}


/*  ---------------- input box and text boxes---------------------- */ 

.inputbox, .inputbox_cart_qty, .inputbox_login { 
	color: #333333;
	background: #efefef;
	border: 1px solid #cccccc;
	width: 123px;
	height: 13px;
	margin-bottom: 2px;
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 10px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align: middle;
}
.dropbox { 
	color: #333333;
	background: #efefef;
	border: 1px solid #cccccc;
	width: 123px;
	height: 16px;
	margin-bottom: 2px;
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 10px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align: middle;
}
.inputbox_cart_qty { 
	width: 30px;
	margin-top: 0px;
}

.inputbox_login { 
	width: 120px;
	margin-top: 0px;
	margin-left: 0px;
}

.textbox { 
	color: #333333;
	background: #efefef;
	border: 1px solid #cccccc;
	margin-bottom: 2px;
	margin-left: 0px;
	margin-right: 4px;
	margin-top: 10px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

/*  ---------------- account.asp ---------------------- */ 
#acct_divider {
	width: 90%;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;	
	margin-top: 15px;
	margin-bottom: 10px;
	}
.acct_header {
	font-size: 140%;
	font-weight: bold;
	color: #F70141;
}

#acct_holder {
	width: 89%;
	height: 180px;
	}

ul.phototable li.account{background: #FFFFFF; }
ul.phototable li div.account{background: #FFFFFF; }

/*  ---------------- details_edit.asp ---------------------- */ 
#editDrow {
	width: 48%;
	height: 160px;
	padding: 15px 0px 0px 0px;
	margin: 0;
	float: left; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#editD_photo, #editD_qtys {
	height: auto;
	margin: 0;
	padding: 0;
	float: left; 
	display: inline;
}
#editD_photo {
	width: 40%;
}
#editD_qtys {
	width: 50%;
}
#editD_qtys table {
	display: table;
	width: 100%;
}


/*  ---------------- selectsize.asp ---------------------- */ 
#ssrow {
	width: 48%;
	height: 180px;
	padding: 0px 0px 15px 0px;
	margin: 0;float: left; 
}
#ss_photo, #ss_qtys {
	height: auto;
	margin: 0;
	padding: 0;
	float: left; 
	display: inline;
}
#ss_photo {
	width: 40%;
}
#ss_qtys {
	width: 50%;
}
#ss_qtys table {
	display: table;
	width: 100%;
}
#ss_qtys td {
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;	
}
#ss_qtys thead td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;	
}

/*  ---------------- cart.asp ---------------------- */ 
#cartrow {
	width: 97%;
	height: auto;
	padding: 0px 0px 15px 0px;
	margin: 0;
}
#cartcol_photo, #cartcol_qtys, #cartcol_sub {
	height: auto;
	margin: 0;
	padding: 0;
	float: left; 
	display: inline;
}
#cartcol_photo {
	width: 20%;
}
#cartcol_qtys {
	width: 55%;
}
#cartcol_sub {
	width: 15%;
	}

#cartcol_qtys table, #cartcol_sub table{
	display: table;
	width: 100%;
}
#cartcol_qtys td {
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;	
}
#cartcol_qtys thead td {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;	
}
#cartcol_sub td {
	height: 29px;
	_height: 30px;
}
#cartcol_sub tr {
	text-align: right;
}

#cartcol_sub tfoot td {
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #999999;	
}
/*  ---------------- checkout.asp ---------------------- */ 
#checkout{
}
#checkout a, #checkout a:link,#checkout a:visited,#checkout a:hover,#checkout a:active{
color: #719DB5;
font-weight: normal;
}
#checkout table {
	display: table;
	width: 100%;
	background-color:#FFFFFF;
	border-spacing: none;
	color:#000000;
}
#checkout td {
	height: 20px;
	background-color:#FFFFFF;
	border-spacing: none;
	padding: 0;
}
#checkout td.header  {
	height: 13px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;	
	font-weight: bold;
	color: #F70141;	
	font-size: 100%;
}

#checkout input, #checkout select { 
	color: #333333;
	background: #efefef;
	border: 1px solid #cccccc;
	width: 123px;
	height: 13px;
	margin-bottom: 2px;
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align: middle;
}
#checkout select {
	height: 13px;
	}

#orderrow {
	width: 97%;
	height: auto;
	padding: 0px 0px 15px 0px;
	margin: 0;
	
}
.receipt {
	color: #719DB5;
	font-size: 110%;
	text-align: right;
}
/*  ---------------- create new account form ---------------------- */ 
#newaccount{
	margin: 0 auto 0 auto;
	width: 667px;
height: auto;
display:block;
}
#newaccount table {
	display: table;
	width: 320px;
}
#newaccount td {
	height: 25px;
}
#newaccount td.header {
	height: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;	
	font-weight: bold;
	color: #F70141;	
	font-size: 100%;
}
#newaccount td.header_btm  {
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;	
	font-weight: bold;
	color: #F70141;	
	font-size: 100%;
}
#newaccount input.inputbox,#newaccount select { 
	color: #333333;
	background: #efefef;
	border: 1px solid #cccccc;
	width: 123px;
	height: 13px;
	margin-bottom: 2px;
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align: middle;
}
#newaccount select{ 
	color: #333333;
	background: #efefef;
	border: 1px solid #cccccc;
	width: 123px;
	height: 15px;
	margin-bottom: 2px;
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align: middle;
}
/*  ---------------- edit account form ---------------------- */ 

#account{
}
#account table {
	display: table;
	width: 96%;
}
#account td {
	height: 25px;
}
#account td.header  {
	height: 30px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;	
	font-weight: bold;
	color: #F70141;	
	font-size: 100%;
}
#account td.header_btm  {
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;	
	font-weight: bold;
	color: #F70141;	
	font-size: 100%;
}

#account input,#account select { 
	color: #333333;
	background: #efefef;
	border: 1px solid #cccccc;
	width: 123px;
	height: 13px;
	margin-bottom: 2px;
	margin-left: 6px;
	margin-right: 4px;
	margin-top: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align: middle;
}
/*  ---------------- why beulah drug ---------------------- */ 
#whyChoose {
	width: 100%;
	text-align:center;
	float:left;
}

#whyChoosebox {
width: 90%;
margin: 30px auto 0 auto;
text-align:left;
	height: auto;	

}

#whyChoosebox img.left{
	float: left;
}
#whyChoosebox img.right{
	float: right;
}

.grey, .grey a, .grey a:link {color: #999999;}
.dkgrey, .dkgrey a, .dkgrey a:link {color: #333333;}
.whyChoosegreen {color: #8CBA2E; font-size: 200%; font-weight: normal; line-height: 200%}
.whyChooseblue {color: #719DB5; font-size: 200%; font-weight: normal; line-height: 200%}
.whyChooseorange {color: #FF6600; font-size: 200%; font-weight: normal; line-height: 200%}
.whyChoosepurple {color: #CC99CC; font-size: 200%; font-weight: normal; line-height: 200%}
.whyChoosepink {color: #F0037F; font-size: 200%; font-weight: normal; line-height: 200%}
.whyChoosedpink {color: #F70141; font-size: 200%; font-weight: normal; line-height: 200%}
.whyChooseturq {color: #1C98C3; font-size: 200%; font-weight: normal; line-height: 200%}

#whyChoosebox table {
	display: table;
	width: 96%;
}
#whyChoosebox td {
	height: 20px;
}
#whyChoosebox td.header  {
	height: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;	
	font-weight: bold;
	color: #F70141;	
	font-size: 100%;
}
/*  ---------------- help ---------------------- */ 
#help {
	width: 100%;
	text-align:center;
	float:left;
}
#helpbox {
	width: 90%;
	margin: 0px auto 0 auto;
	text-align:left;
	height: auto;	
}
#help_questions, #help_questions  a {
	color:#666666;
}
#helpline {
	width: 90%;
	margin: 10px auto 0 auto;
	padding: 0 0 7px 0;
	height:1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;	
}
.helpgreen {color: #8CBA2E; font-size: 150%; font-weight: normal; line-height: 160%}
.helpblue {color: #719DB5; font-size: 150%; font-weight: normal; line-height: 160%}
.helporange {color: #FF6600; font-size: 150%; font-weight: normal; line-height: 160%}
.helppurple {color: #CC99CC; font-size: 150%; font-weight: normal; line-height: 160%}
.helppink {color: #F0037F; font-size: 150%; font-weight: normal; line-height: 160%}
.helpdpink {color: #F70141; font-size: 150%; font-weight: normal; line-height: 160%}
.helpturq {color: #1C98C3; font-size: 150%; font-weight: normal; line-height: 160%}
/*  ---------------- other text styles ---------------------- */ 


.copy1 {
	font-size: 85%;
	line-height: 130%;
	color: #000000;
}
.copy {
	font-size: 90%;
	line-height: 130%;
	color: #000000;
}
.copy3 {
	font-size: 95%;
	line-height: 130%;
	color: #000000;
}
.h2 {
	font-size: 100%;
	display:inline;
	color: #000000;
	font-weight: bold;
}

.bgreen{color: #7AA023; font-weight: bold;}
.borange{ color: #FF6600; font-weight: bold;}
.bpurple{ color: #CC99CC; font-weight: bold;}
.bblue{ color: #719DB5; font-weight: bold;}
.bpink{ color: #F0037F; font-weight: bold;}
.bdpink{ color: #F70141;; font-weight: bold;}
.byellow{ color: #EDA710; font-weight: bold;}
.bwhite{ color: #FFFFFF; font-weight: bold;}

h1 {
	font-size: large;
	color: #F70141;
	display:inline;
}
.head_add {
	font-size: 200%;
	font-weight: lighter;
	color: #9ED335;
	line-height: 50%;
}
.head_view {
	font-size: 200%;
	font-weight: lighter;
	color: #FF7F00;
	line-height: 50%;
}
.footer {
	font-size: xx-small;
	color: #999999;
}

/*  ---------------- pharmacy styles ---------------------- */ 
#phhomeTopBan {
	width: 100%;
	background-color: #9FC1DC;
	text-align:center;
} 

#phhomeTop { 
	width: 529px;
	height: 62px;
	padding: 94px 70px 0px 71px;
	background-image:url(../Images/pharmacy/home_01.jpg);
	margin: 0 auto 0 auto;
	text-align:left;
	line-height: 150%;
	}
#phhomeBtm {
	width: 100%;
	text-align:center;
	margin: 0;
}
#phhistorybox {
	width: 100%;
	background-color: #88B2D4;
	text-align:center;
} 
#phhistory {
	width: 580px;
	text-align:left;
	padding: 33px;
	margin: 0 auto 0 auto;
	line-height: 130%;
} 

#pharmacist {
	width: 85%;
	margin: 30px auto 0 auto;
	text-align:left;
	height: auto;	
}
#pharmacist img{
background-image:url(/_elements/Images/pharmacy/whiteBorder.jpg);
padding: 20px;
}

.pharmnameblue {color: #719DB5; font-size: 200%; font-weight: normal; line-height: 130%}

