@charset "UTF-8";
/* CSS Document */


* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	background: #fff url(../images/bk-body.gif) no-repeat center top;
}

#pageWrapper {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	padding-left: 72px;
}

#columns {
	width: 900px;
	float: left;
}


#leftColumn {
	width: 680px;
	float: left;
	margin-right: 10px;
}

#rightColumn {
	width: 202px;
	margin-right: 8px;
	float: right;
	height: 100px;
}

#rightColumnTop {
	width: 202px;
	height: 428px;
	float: left;
}

#headerLeft {
	width: 680px;
	height: 98px;
	float: left;
	background: url(../images/mediwatch-logo.gif) no-repeat;
}
#headerLeft img {
	border: 0px;
	float: left;
}
#headerLeft p {
	margin: 0px;
	padding: 0px;
}

#headerRight {
	width: 202px;
	height: 81px;
	float: left;
	margin-top: 16px;
	border-top: 1px solid #89367a;
}

#headerRight ul {
	list-style-type: none;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-left: 2px;
}
#headerRight li {
	display: inline;
	padding-left: 8px;
}
#headerRight a {
	color: #808080;
	text-decoration: none;
}
#headerRight a:hover {
	color: #89367a;
}
#headerRight img {
	border: 0px;
}

#timeDate {
	width: 202px;
	float: left;
	height: 25px;
	background:#89367a;
	margin-bottom: 25px;
}
#timeDate p {
	margin: 0px;
	color: #fff;
	font-size: 90%;
	padding-left: 11px;
	line-height: 210%;
}

.infoBoxRight {
	width: 202px;
	float: left;
	background: url(../images/bk-infoBox.jpg) no-repeat bottom right;
	min-height: 60px;
	margin-bottom: 10px;
}
.infoBoxRight h3 {
	width: 192px;
	background: #808080;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 10px;
	color: #fff;
	font-weight: normal;
	font-size: 130%;
}
.infoBoxContent {
	width: 182px;
	float: left;
	padding: 10px;
}
.infoBoxNews {
	width: 202px;
	float: left;
	padding-bottom: 10px;
}
.shareCurrent {
	color: #89367a;
	font-size: 140%;
	margin-bottom: 3px;
}
.shareDetail {
	width: 72px;
	float: left;
}
.shareDetail p {
	font-size: 80%;
	color: #89367a;
}
.sharePrice {
	color: #8d8d8d;
}
.tickerHeadline {
	color: #808080;
	font-weight: bold;
}
.tickerContent {
	color: #808080;
	font-size: 80%;
}
.tickerContent a {
	color: #89367a;
	text-decoration: none;
}
.tickerContent a:hover {
	color: #808080;
	text-decoration: none;
}
.tickerItem {
	float: left;
	margin-bottom: 15px;
}

.subBoxRight {
	width: 202px;
	float: left;
	font-size: 80%;
	margin-bottom: 15px;
}
.subBoxRight a {
	color: #89367a;
	text-decoration: none;
	font-weight: bold;
}
.subBoxRight a:hover {
	color: #808080;
	text-decoration: none;
	font-weight: bold;
}

.subscribeInfo {
	font-size: 80%;
	color: #808080;
	padding-bottom: 10px;
}
.emailSubscribe {
	width: 80%;
	border: 1px solid #ccc;
	padding: 1px;
	margin-bottom: 10px;
}
.siteCredit {
	color: #808080;
}
.siteCredit a {
	color: #808080;
}
.siteCredit a:hover {
	color: #89367a;
}

#storeNav {
	width: 202px;
	float: left;
}
#storeNav ul {
	list-style-type: none;
}
#storeNav h3 {
	width: 196px;
	background: #89367a;
	color: #fff;
	font-weight: normal;
	padding-left: 6px;
	height: 22px;
	padding-top: 3px;
	margin-bottom: 10px;
	font-size: 110%;
}
#storeNav li {
	width: 202px;
	float: left;
	margin-bottom: 7px;
}
#storeNav li a {
	width: 194px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
	float: left;
	border: 1px solid #868686;
	text-decoration: none;
	color: #868686;
	background: url(../images/bk-storeNav1.gif) right center no-repeat;
}
#storeNav li a:hover {
	width: 196px;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 6px;
	border: 0px;
	float: left;
	text-decoration: none;
	color: #fff;
	background: #92c4e9 url(../images/bk-storeNav2.gif) right center no-repeat;
}
#storeNav img {
	border: none;
}

#mainImage {
	width: 680px;
	height: 250px;
	float: left;
	margin-bottom: 20px;
}
#mainImage p {
	margin: 0px;
}

#account {
	width: 670px;
	padding-left: 10px;
	height: 25px;
	float: left;
	background: #89367a;
}
#account p {
	float: left;
	color: #fff;
	line-height: 200%;
}
#account a {
	color: #fff;
	text-decoration: underline;
}
#account a:hover {
	color: #fff;
	text-decoration: none;
}
#account ul {
	float: right;
	list-style-type: none;
}
#account li {
	float: left;
	height: 25px;
	background: #f0f0f1;
	margin-left: 10px;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 200%;
	color: #808080;
}
#account li a {
	color: #808080;
	text-decoration: none;
}
#account li a:hover {
	color: #89367a;
}

#subNav {
	width: 670px;
	height: 25px;
	float: left;
	background: #808080;
	padding-left: 10px;
}
#subNav ul {
	list-style-type: none;
}
#subNav li {
	display: inline;
	line-height: 190%;
	padding-right: 10px;
}
#subNav a {
	color: #fff;
	text-decoration: none;
}
#subNav a:hover {
	text-decoration: underline;
}

#mainContent {
	width: 680px;
	float: left;
}

#content {
	width: 660px;
	float: left;
	padding: 10px;
	padding-top: 25px;
}
#content h1 {
	color: #89367a;
	font-size: 150%;
	margin-bottom: 15px;
}
#content h2 {
	color: #808080;
	font-size: 130%;
}
#content h3 {
	color: #89367a;
	font-size: 100%;
	margin-bottom: 5px;
}
#content p {
	color: #808080;
	font-size: 90%;
	margin-bottom: 10px;
	line-height: 160%;
}
#content ul, ol {
	margin: 0px;
	padding: 0px;
	margin-left: 20px;
	margin-bottom: 15px;
	color: #808080;
	font-size: 90%;
}
#content li {
	line-height: 180%;
}
#content a {
	color: #89367a;
}
#content a:hover {
	color: #666;
	text-decoration: none;
}

#contactForm table {
	color: #808080;
	font-size: 90%;
	width: 660px;
	margin-bottom: 20px;
}
#contactForm table td {
	width: 50%;
}

#footer {
	width: 900px;
	float: left;
	margin-top: 25px;
	margin-bottom: 25px;
	background: url(../images/bk-footer.gif) no-repeat top left;
	padding-top: 15px;
}
#footer p {
	font-size: 80%;
	color: #858585;
	margin-bottom: 10px;
}
#footer a {
	color: #858585;
	text-decoration: none;
}
#footer a:hover {
	color: #89367a;
	text-decoration: none;
}
.purple {
	color: #89367a;
}



/* HOMEPAGE FEATURED PRODS */

#featured {
	width: 680px;
	float: left;
	padding-top: 20px;
}
.featuredBlock h4 {
	width: 154px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	height: 40px;
	float: left;
	color: #fff;
	background: #92c4e9;
	font-size: 110%;
	font-weight: normal;
}
#featured p {
	margin: 0px;
}
.featuredBlock {
	width: 164px;
	float: left;
	margin-right: 4px;
}
.featuredBlock img {
	border: 0px;
}
.featuredBlock a {
	color: #89367a;
	text-decoration: none;
}
.featuredBlock a:hover {
	text-decoration: underline;
}
.ftdInfo {
	width: 154px;
	background: url(../images/bk-ftd.gif) no-repeat bottom;
	height: 60px;
	padding: 5px;
	font-size: 90%;
	color: #808080;
}



#breadcrumbs {
	width: 660px;
	padding: 10px;
	float: left;
	color: #808080;
	font-size: 80%;
}
#breadcrumbs a {
	color: #808080;
}
#breadcrumbs a:hover {
	color: #92c4e9;
}

#prodListing {
	width: 660px;
	float: left;
	padding: 10px;
	padding-bottom: 30px;
}
#productListing td {
	padding: 5px;
	vertical-align: top;
	border-bottom: 1px dotted #ccc;
}

.catTitle {
	width: 660px;
	float: left;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	padding-top: 10px;
}
.catTitle ul {
	float: left;
	list-style-type: none;
	color: #666;
}
.catTitle li {
	float: left;
	margin-right: 5px;
	font-size: 100%;
	color: #666;
}
.catTitle a {
	color: #89367a;
	text-decoration: underline;
}
.catTitle a:hover {
	color: #666;
	text-decoration: underline;
}
.catNav {
	width: 660px;
	float: left;
	border-bottom: 1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	list-style-type: none;
}
.catNavSort ul {
	float: left;
	list-style-type: none;
	display: inline;
	padding-right: 10px;
	padding-top: 3px;
}
.catNavSort li {
	float: left;
	padding-left: 5px;
	color: #666;
}
.catNavPages ul {
	float: right;
	list-style-type: none;
	display: inline;
	padding-right: 10px;
	padding-top: 3px;
}
.catNavPages li {
	float: left;
	padding-left: 5px;
	color: #5b023d;
}
.catNavPages li a {
	color: #89367a;
	text-decoration: underline;
}
.catNavPages li a:hover {
	color: #666;
	text-decoration: none;
}

.prodBlock {
	width: 159px;
	text-align: center;
	float: left;
	padding-top: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
	height: 245px;
	padding-right: 5px;
	font-size: 90%;
}
.prodBlock p {
	height: 134px;
	margin: 0px;
	background-color: #fff;
}
.prodBlock dl {
	color: #666;
	width: 159px;
	text-align: left;
	background: url(../images/bk-ftd.gif) no-repeat bottom left;
	height: 120px;
}
.prodBlock dd {
	color: #666;
	padding: 6px;
}
.prodBlock dt {
	color: #666;
	padding: 6px;
}
.prodBlock a {
	color: #89367a;
	text-decoration: underline;
}
.prodBlock a:hover {
	color: #666;
	text-decoration: none;
}
.prodBlock a img {
	border: 0px;
}

#prodWrapper {
	width: 615px;
	float: left;
	margin-bottom: 30px;
}
#prodDetails {
	width: 680px;
	float: left;
	margin-bottom: 30px;
	margin-top: 20px;
}
#prodInfo {
	width: 450px;
	float: left;
	background: #f5f5f5;
}
#prodInfo h2 {
	width: 440px;
	border-bottom: 1px solid #a2a2a2;
	float: left;
	font-size: 130%;
	font-weight: normal;
	color: #666;
	padding-bottom: 8px;
	padding-top: 8px;
	padding-left: 10px;
}
.prodImage {
	float: left;
	margin-top: 20px;
	text-align: center;
}
.listImage {
	height: 100px;
}
.prodImage {
	height: 134px;
	width: 145px;
	background-color: #fff;
	margin-left: 10px;
	float: left;
}
.prodImage img {
	padding-bottom: 0px;
}
.prodImage p {
	margin: 0px;
}
.prodLarger a {
	color: #fff;
	text-decoration: underline;
	font-size: 80%;
}
.prodLarger a:hover {
	color: #fff;
	text-decoration: none;
}
.prodLarger {
	float: left;
	width: 135px;
	background: #92c4e9;
	margin-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}
.prodLarger p {
	margin: 0px;
}
#prodImageWrap {
	float: left;
	width: 155px;
}
.prodAddForm {
	width: 225px;
	float: right;
	background-color: #e2e3e4;
	margin-top: 20px;
	margin-right: 10px;
}
.prodAddForm p {
	width: 215px;
	color: #fff;
	padding: 5px;
	background-color: #92c4e9;
}
.prodAddForm dl {
	padding: 5px;
	padding-top: 10px;
	color: #666;
}
.prodAddForm dt {
	width: 80px;
	float: left;
	padding-bottom: 10px;
}
.prodAddForm dd {
	padding-bottom: 10px;
}
.prodAddForm dd a {
	color: #666;
}
.prodAddForm select {
	width: 40px;
}
.prodPriceAdd {
	width: 215px;
	padding: 5px;
	float: left;
	background-color: #92c4e9;
}
.prodPriceAdd p {
	width: auto;
	float: left;
	background-color: none;
	padding: 0px;
}
.prodPriceAdd ul {
	float: right;
	text-align: right;
	list-style-type: none;
}
.prodAdd {
	color: #fff;
	background-color: #666;
	padding: 2px;
	border: 0px;
	cursor: pointer;
}
.prodPriceAdd li {
}
.prodPriceAdd li a {
	color: #fff;
	text-decoration: none;
}
.prodPriceAdd li a:hover {
	text-decoration: underline;
}
.prodText {
	width: 430px;
	float: left;
	margin-top: 30px;
	padding: 10px;
	border-top: 1px solid #a2a2a2;
	color: #666;
	font-size: 90%;
	line-height: 150%;
}
.prodText h4, p {
	margin-bottom: 10px;
}
#prodRelated {
	width: 220px;
	float: right;
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: #f4eaf2;
}
#prodRelated h3 {
	width: 210px;
	float: left;
	font-size: 130%;
	font-weight: normal;
	color: #fff;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 10px;
	background: #8a367a;
	text-align: left;
}
#prodRelated p {
	margin: 0px;
	height: 129px;
	text-align: center;
	background-color: #fff;
}
.relatedItem {
	padding-top: 20px;
	float: left;
	width: 190px;
	padding-left: 15px;
}
.relatedItem dl {
	color: #fff;
	font-size: 80%;
}
.relatedItem dt {
	background-color: #89367a;
	padding: 5px;
}
.relatedItem dd {
	color: #fff;
	background-color: #808080;
	padding: 5px;
}
.relatedItem a {
	color: #fff;
	text-decoration: underline;
}
.relatedItem a:hover {
	color: #fff;
	text-decoration: none;
}
.relatedItem a img {
	border: 0px;
}

#tableRegister {
	color: #808080;
	font-size: 90%;
	width: 660px;
	margin-bottom: 20px;
}
#tableRegister td {
	width: 50%;
}
#registerTerms {
	color: #808080;
	font-size: 90%;
	width: 660px;
}


#contentRegister {
	width: 680px;
	float: left;
	background: #f5f5f5;
}
#contentRegister h2 {
	width: 660px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
	padding-right: 10px;
	color: #666;
	font-size: 140%;
	border-bottom: 1px solid #ccc;
}

#registerLeft {
	width: 405px;
	float: left;
	padding: 10px;
	color: #797979;
}

#registerRight {
	width: 255px;
	float: right;
	margin-top: 20px;
	background: #e2e3e4;
}

#registerForm {
	padding-top: 20px;
	width: 100%;
	border-collapse: collapse;
}

.tdLabel {
	width: 30%;
	vertical-align: top;
}
.tdInput {
	width: 70%;
	vertical-align: top;
	padding-bottom: 10px;
}

.registerText {
	width: 90%;
	padding: 2px;
}
.registerTextarea {
	width: 90%;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}
.registerSelect {
	width: 90%;
	padding: 2px; 
}
.registerSubmit {
	padding: 2px;
}

.shopOnline {
	width: 245px;
	padding-left: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	float: left;
	background: #6495ed;
	color: #fff;
}
.shopOnline h3 {
	margin: 0px;
	font-size: 250%;
	font-weight: normal;
}
.shopOnline h4 {
	margin: 0px;
	font-size: 140%;
	font-weight: normal;
}
.shopExisting p {
	width: 245px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	background: #808080;
}
.shopLogin {
	padding-left: 10px;
	padding-right: 10px;
	width: 235px;
	float: left;
	color: #666;
}
.shopRegister {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	font-size: 130%;
	width: 235px;
	float: left;
	background: #89367a;
}
.shopRegister a {
	color: #fff;
	text-decoration: none;
}

.loginText {
	width: 95%;
	padding: 2px;
}
.loginSubmit {
	padding: 2px;
}

#menu {
	width: 680px;
	height: 305px;
	float: left;
	margin-bottom: 25px;
}


#basket {
	width: 640px;
	float: left;
	margin-top: 20px;
	padding-bottom: 30px;
}
#basket h2 {
	width: 635px;
	border-bottom: 1px solid #a2a2a2;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	padding-bottom: 8px;
}
#basket table {
	width: 100%;
	border: 0px;
	padding: 0px;
	margin: 0px;
	margin-top: 30px;
}
#basket th {
	background-color: #89367a;
	color: #fff;
	padding: 4px;
	text-align: left;
}
#basket td {
	padding: 4px;
	border-bottom: 1px dashed #ccc;
	color: #808080;
}
#basket a {
	color: #89367a;
	text-decoration: underline;
}
#basket a:hover {
	color: #808080;
	text-decoration: none;
}
#basket img {
	border: 0px;
}
#basket input[type="submit"] {
	color: #fff;
	background-color: #89367a;
	padding: 2px;
	border: 0px;
	cursor: pointer;
	margin-bottom: 5px;
}
.submit {
	color: #fff;
	background-color: #89367a;
	padding: 2px;
	border: 0px;
	cursor: pointer;
	margin-bottom: 5px;
}
.subtotal {
	background-color: #b8b8b8;
	padding: 10px;
	width: 595px;
	float: left;
	color: #fff;
	margin-top: 20px;
}
.subInfo {
	float: left;
}
.subValue {
	float: right;
}

/* DROPDOWN MENU STYLES */
.menu {width:680px; height:25px; z-index:100; background: #89367a; float:left; margin-bottom: 25px; font-size: 90%;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:680px; w\idth:679px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul li {line-height: 220%;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative;}
.menu .wider {width: 145px;}
.menu .standard {width: 105px;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; color:#fff; width:105px; height:25px; background:#89367a; padding-left:10px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu .wider a, * html .menu .wider a:visited {width:145px; w\idth:134px;}
* html .menu .standard a, * html .menu .standard a:visited {width:105px; w\idth:94px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#e2dfa8;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#6796ef;}
.menu ul ul :hover > a.drop {background:#6796ef;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#f0f7fd;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#6796ef;}

.menu ul li ul li {padding-top: 5px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:25px;t\op:27px;}

/* position the third level flyout menu */
.menu ul ul ul{left:148px; top:0px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#f0f7fd; color:#666; height:auto; line-height:1em; padding:5px 10px; width:128px;}
.menu ul li ul li a:hover {background: #6796ef;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#8b387c;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff; background:#8b387c;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

.access {
	display: none;
}

a {
	outline: 0px;
}
a:active {
	outline: 0px;
}

.access {
	display: none;
}
.noBorder {
	border: 0px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}

.larger {
	color: #8a367a;
}

.error {
	color: #FF0000;
}