/*****************
 LINKS
 *****************/

A:hover { color: #22AA77; }


/*****************
 BODY FONT
 *****************/

body, table {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: 14px;
}


/**********************
BODY FONT HACK FOR IE
 **********************/

* html body, *html table  {
	font-family:  verdana, "Bitstream Vera Sans", geneva, arial, helvetica, helve, sans-serif;
	font-size: x-small;
}


/*****************
 BREAKERS
 *****************/
 
.breaker { clear: both; }

/*****************
 FONTS
 *****************/

#topheader { font-size: 0.8em; color: #000; }
#breadcrumb { font-size: 0.8em; color: #000; }
#pageright { font-size: 0.8em; color: #000; }
#abovefooter { font-size: 0.8em; color: #000; }
#footer { font-size: 0.8em; color: #000;}


.bodytext { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em}
.bodytextmed { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em}
.bodytextsmall { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.7em}
.bodytextbig { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em}

.tableheader { font-weight: bold; color: #ffffff; }

.error { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: cc0000; font-weight:bold;}

/*****************
 HEADINGS
 *****************/

h1 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.2em; color: #269; margin: 15px 0px 0px 0px;}
h2 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 1.1em; color: #228866; margin: 15px 0px 10px 0px; padding: 0px 0px 0px 15px; background: url(images/h2back.gif) no-repeat 0 0px;}
h3 { font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #666666; margin: 0px 0px 15px 0px;}

h3.intro {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #286;
 	font-weight: bold;
 	font-size: 1.1em;
 	text-transform: uppercase;
}

h3.lhs {
	margin: 10px 0px 5px 0px;
	padding: 3px 0px 3px 15px;
	color: #ffffff;
	background: #269;
 	font-weight: bold;
 	font-size: 0.8em;
 	text-transform: uppercase;
 	letter-spacing : -1px;
}

h3.rhs {
	margin: 10px 0px 5px 0px;
	padding: 2px 0px 2px 15px;
	color: #ffffff;
	background: #286;
 	font-weight: bold;
 	font-size: 1.0em;
 	text-transform: uppercase;
 	letter-spacing : -1px;
}

/*****************
 FORMS
 *****************/

form.inline { display:inline; }

input.searchinput {
	border: 1px solid #999999;
	background-color: #ffffff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 12px;
	width: 130px;
	color: #000000;
}

input.newsletterinput {
	border: 1px solid #999999;
	background-color: #ffffff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 12px;
	width: 100px;
	color: #000000;
}

input.searchsubmit {
	border: 1px solid #999999;
	background-color: #228866;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 12px;
	color: #ffffff;
}

textarea.pharmacist {
	border: 1px solid #999999;
	background-color: #ffffff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 12px;
	color: #000000;
}

input.pharmacist {
	border: 1px solid #999999;
	background-color: #ffffff;
	font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif";
	font-size: 12px;
	color: #000000;
}

select.smallselect {
	font-size: 0.8em;
}

/*****************
 NO MARGIN UL
 *****************/

UL.nomargin {
margin: 0px 0px 0px 0px;
padding: 3px 3px 3px 3px;
}

UL.nomargin LI {
margin: 0px 0px 0px 12px;
padding: 0px 0px 0px 0px;
}

/*****************
 IMAGE FLOATS
 *****************/

img.floatleft {
	float: left;
	margin: 0px 10px 10px 0px;
}

img.floatright {
	float: right;
	margin: 0px 0px 10px 10px;
}

/*****************
 QUOTE FLOATS
 *****************/

img.floatleftquote {
	float: left;
	margin: 0px 3px 3px 0px;
}

img.floatrightquote {
	float: right;
	margin: 0px 0px 3px 3px;
}


/*****************
 IMAGE BORDERS
 *****************/

.bordered {
	border-style:solid;
	border-color: #330066;
	border-width:1px;
      }

/*****************
 PARAGRAPHS
 *****************/

p { margin-top: 10px}
p.compact { margin: 0px}
p.indent { text-indent: 20px; margin-top: 10px}
p.justify { text-align: justify;}
p.rhstext { margin: 0px; padding: 3px 3px 3px 3px;}

p.bluebordered { border: 1px solid #269; background-color: #eff; padding: 3px; }

/*****************
 MAIN NAV LIST
 *****************/

#mainnav ul {
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 8px 0px;
	list-style: none;
	font-weight: bold;
	text-transform: uppercase;
	width: 750px;
}

#mainnav ul li {
	font-size: 0.8em;
	letter-spacing : -1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 8px;
	display: inline;
}

#mainnav ul li a {
	color: #ffffff;
	text-decoration: none;
}

#mainnav ul li a:hover {
	color: #444444;
	text-decoration: none;

}


/*****************
 UL SIDE NAV
 *****************/


ul.sidenavlist{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	font-size: 0.9em;
	width: 170px;
}

ul.sidenavlist li{
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-bottom: 1px solid #226699;
}

ul.sidenavlist a:link, ul.sidenavlist a:visited{
	background: #fff url(images/sidenavicon.gif) no-repeat 0 4px;
	padding: 4px 0px 4px 15px;
	color: #036;
	text-decoration: none;
	display: block;
}

ul.sidenavlist a:hover, ul.sidenavlist a:active{
	background: #dfd url(images/sidenavicon.gif) no-repeat 0 4px;
	color: #036;
	text-decoration: none;
	display: block;
}

/* APPLY HERE OVERRIDES */
ul.sidenavlist  li.here {
 	font-weight: bold;
}


/* APPLY HEADER OVERRIDES */
ul.sidenavlist  li.sidenavheader {
	width: 170px;
	margin: 10px 0px 0px 0px;
	padding: 2px 0px 2px 15px;
	color: #ffffff;
	background: #226699;
 	font-weight: bold;
 	font-size: 0.9em;
 	text-transform: uppercase;
 	letter-spacing : -1px;

}


/*****************
 SUBCAT LINK LIST
 *****************/


ul.subcatlink {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none
}

ul.subcatlink li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(images/subcaticon.gif) no-repeat 0 1px;
}

ul.subcatlink a:link, ul.subcatlink a:visited {
	padding: 2px 0px 2px 14px;
	display:inline;
	width:100%;
 	position:relative;
	color: #269;
	text-decoration:none;
}

ul.subcatlink a:hover {
	color: #036; text-decoration: underline;
}


/*****************
 NORMAL LINK LIST
 *****************/


ul.normallink {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none
}

ul.normallink li {
	margin-left:0px;
	line-height:16px;
	background: url(images/normalicon.gif) no-repeat 0 1px;
}

ul.normallink a:link, ul.normallink a:visited {
	padding-left:15px;
	display:inline;
	text-decoration:none;
	width:100%;
 	position:relative;
	color: #269; text-decoration: none;
}

ul.normallink a:hover {
	color: #269; text-decoration: underline;
}



/*****************
 ORDERED LIST
 *****************/

OL.nomargin {
margin: 0px 0px 0px 25px;
padding: 0px 0px 0px 0px;
}

/********************
 TABLES
 ********************/

.prodborderedtable { background: #efe; }


/*****************
 LINKS
 *****************/

#topheader a:link{ color: #269; text-decoration: none }
#topheader a:visited{ color: #269; text-decoration: none }
#topheader a:hover{ color: #269; text-decoration: underline }

#breadcrumb a:link{ color: #000000; text-decoration: none }
#breadcrumb a:visited{ color: #000000; text-decoration: none }
#breadcrumb a:hover{ color: #000000; text-decoration: underline }

#abovefooter a:link{ color: #333; text-decoration: none }
#abovefooter a:visited{ color: #333; text-decoration: none }
#abovefooter a:hover{ color: #036; text-decoration: none }

#footer a:link{ color: #333; text-decoration: underline }
#footer a:visited{ color: #333; text-decoration: underline }
#footer a:hover{ color: #036; text-decoration: underline }

.prodnamelink a:link{ font-size: 0.9em; color: #286; text-decoration: none }
.prodnamelink a:visited{ font-size: 0.9em; color: #286; text-decoration: none }
.prodnamelink a:hover{ font-size: 0.9em; color: #286; text-decoration: underline }

.offerslink { font-size: 0.7em; font-weight:normal; }
.offerslink a:link{ font-size: 1em; color: #286; text-decoration: none; font-weight:normal; }
.offerslink a:visited{ font-size: 1em; color: #286; text-decoration: none; font-weight:normal; }
.offerslink a:hover{ font-size: 1em; color: #286; text-decoration: underline; font-weight:normal; }



/*****************
 ADMIN
 *****************/

label.login {
	width: 120px;
	float: left;
	padding-top: 3px;
	text-align: right;
	padding-right: 8px;
}

label.admin {
	width: 120px;
	float: left;
	padding-top: 4px;
}

input.textinput {
	border: 1px solid #999999;
}

input.submitinput {
	border: 1px solid #999999;
	background: #228866;
	color: #ffffff;
}

/***********
CONTACT FORM
************/

input.textinput { border: 1px solid #236699; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #000000; }
textarea.textareainput { border: 1px solid #236699; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #000000; }
select.textselect { border: 1px solid #236699; background-color: #ffffff; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.9em; color: #000000; }
input.submit { background-color: #236699; font-family: "Verdana", "Helvetica", "Arial", "MS Sans Serif"; font-size: 0.8em; color: #ffffff; }

/**************
 CHECKOUT FORMS
 **************/

form.checkout {
	width: 450px;
}

form.checkout label {
	clear: both;
	float: left;
	width: 170px;
	margin: 0 10px 5px 0;
	text-align: right;
	font-size: 0.9em;
}

form.checkout input, form.checkout select {
	margin-bottom: 5px;
}

/*******************
 PRESCRIPTION STUFF
 *******************/

 div.pre-box {
 	background: #eeeeee;
 	text-align: center;
 	font-size: 0.8em;
 	padding: 6px;
 	margin-top: 10px;
 	border: 1px solid #ccc;
 }

 	div.pre-box h2 {
 		border: 0px;
 		margin: 0px 0px 3px 0px;
 		padding: 0px;
 		background: none;
 		font-size: 1.2em;
 		color: #228866;
 	}

 	input.pre-but {
 		border: 1px solid #228866;
 		background: #eefaee;
 		color: #228866;
 		font-size: 0.8em;
 		font-weight: bold;
 		padding: 2px;
 		width: 75px;
 		margin: 0px 3px 0px 3px;
 	}

 	div.med-box {
 		background: #fff;
 		border: 1px solid #ccc;
 		text-align: left;
 		padding: 6px;
 		margin-bottom: 6px;
 	}

 		div.med-box ul {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style: square;
 		}

			div.med-box li {
				margin: 0px 0px 0px 20px;
				padding: 0px 0px 0px 0px;
			}

	div.exemption div {
		width: 400px;
		float: left;
		clear: both;
		margin-bottom: 4px;
	}

	div.exemption div input {
		float: left;
	}

	div.exemption div label {
		padding-top: 3px;
		padding-left: 5px;
		float: right;
		width: 370px;
	}


div.enlghead {
	width: 440px;
	text-align: left;
	background: #f3f3f3;
	padding: 6px;
	border-bottom: 1px solid #cccccc;
}

div.enlgimg {
	padding: 10px 10px 10px 10px;
	margin: 0px;
	height: 352px;
	overflow: auto;
	text-align: left;
	font-size: 11px;
}

	div.enlgimg table {
		font-size: 11px;
		border-collapse: collapse;
	}

		div.enlgimg th {
			border: 1px solid #ccc;
			padding: 2px;
		}

		div.enlgimg td {
			border: 1px solid #ccc;
			padding: 2px;
		}

div.enlgclose {
	width: 430px;
	height: 20px;
	padding-top: 5px;
	padding-right: 10px;
	text-align: right;
	background: #f3f3f3;
	border-top: 1px solid #cccccc;
}

	div.enlgclose a:link, div.enlgclose a:visited {
		font-size: 12px;
		color: #666;
		text-decoration: none;
		font-weight: bold;
	}

	div.enlgclose a:hover {
		color: #228866;
	}

@media print {
	.noshow { display: none; }
}


/*******************
 FREE DELIVERY
 *******************/

.freedelivery {
	font-family: verdana, arial, "Bitstream Vera Sans", geneva, helvetica, helve, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #cc0000;
}

.freedel {
	clear:both;
	text-align: center;
	border: 2px solid #cc0000;
	padding: 5px 0px;
}

tr.ambiguity, td.ambiguity, label.ambiguity, textarea.ambiguity, textarea#ambiguity { display: none; }