﻿html { overflow-y:scroll; }
body { margin:0px; font-family:Arial, Sans-Serif;
}

.clear { clear:both; }
.bulletPurple { background-image:url(../images/global/purpleBullet.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left:13px; color:#666666; font-size:12px; font-weight:bold; text-decoration:none; }
.addBullet {background-image:url(../images/global/plusBullet.gif); background-repeat:no-repeat; background-position:10px 4px; padding-left:23px; color:#666666; font-size:12px; font-weight:bold; text-decoration:none; }
.backBullet {background-image:url(../images/global/backBullet.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left:10px; color:#666666; font-size:12px; font-weight:bold; text-decoration:none; }
.submitDiv { width:402px; text-align:right; }

ul { margin:0px; padding:0px; }
li { display:block; float:left; list-style:none; }
img { border-style: none;}
h2 { padding:15px 0px 1px 0px;color:#472987; font-weight:normal; margin:0px; font-size:21px; }
h5 { padding:10px 0px 1px 0px;color:#472987; font-weight:normal; margin:0px; font-size:14px; }
a { color:#472987; }

#masterHead { width:799px; margin:0px auto 0px auto; }
#masterHead h1 { background-image:url(../images/global/logo.png); background-repeat:no-repeat; text-indent:-1000em; width:402px; height:75px; margin:42px 0px 0px 0px; float:left;  }
#masterHead .right { float:right; }
#masterHead #search { width:262px; height:39px; padding:13px 0px 0px 5px; background-color:#bbbdc0; background-image:url(../images/global/searchIcon.gif); background-repeat:no-repeat; background-position:9px 15px;}
#masterHead #search input.textbox  { width:200px; padding:2px 2px 2px 3px; font-size:12px; float:left; margin-top:4px; margin-left:5px; }
#masterHead #search input.searchButton {float:left; }
#masterHead #basket { width:240px; height:23px; padding:65px 0px 0px 27px; background-color:#472987; margin-top:2px; color:White; }
#masterHead #basket a { margin:0px; padding-left:20px; font-size:11px; color:White; text-decoration:none; font-weight:bold; background-image:url(../images/global/basketIcon.gif); background-repeat:no-repeat; background-position:0px 1px;}

#masterHead ul { margin:2px 0px 0px 0px; padding:0px; clear:both; height:20px; background-color:#cbc3df; color:White; font-size:12px; font-weight:bold; }
#masterHead ul li {  margin: 3px 20px 0px 10px; }
#masterHead ul li a { color:White; text-decoration:none; }
#masterHead ul li a:hover, #masterHead ul li a.selected { color:#472987; text-decoration:none; }
#masterHead ul li.logout { float:right; }

#content {width:799px; margin:0px auto 0px auto;}
#content #banner { height:171px; padding:12px 0px 0px 9px; background-image:url(../images/home/banner.jpg); margin-top:2px; color:White;}
#content #banner h2 { margin:0px; padding:0px;  font-size:21px; font-weight:normal; color:white;}
#content #banner p { font-size:15px; font-weight:normal; margin:9px 0px 9px 0px;}
#content #banner .bulletPurple { color:White; }
#bottom { background-color:#6cab69; height:14px;width:530px; margin-top:2px; float:left;}
#registeredPhar { clear:both; padding-top:10px; font-size:10px; color: #999999; }
#registeredPhar a { color: #999999; text-decoration:none; }

#content #leftSection {  background-color:#dddddd; width:530px; margin-top:2px; padding-bottom:10px; float:left; min-height:300px; }
#content #rightSection { float:right; width:260px; }
#content #leftSection p { padding:0px 10px 0px 10px; color:#666666; font-size:12px; }
#content #leftSection h2 { padding:15px 10px 1px 10px; }
#content #products  { margin-top:1px; } 
#content #products li { margin-left:1px; margin-bottom:10px; width:131px; height:150px;} 
#content #products li a { font-size:9px; text-decoration:none; color:#666666; line-height:0px;  } 
#content #products li a img { width:131px; height:130px; display:block; background-color:White; text-indent:-1000em; } 
#content #products li a:hover img { opacity:0.7; filter:alpha(opacity=70);  } 
#content #products li a span { display:block;line-height:9px; margin-top:1px; padding:2px; } 

.nostyling table tr .item { width:125px; border-left:none; font-size: 10px; }
.nostyling table tr .qty { width:115px;  }
.nostyling table tr .price { width:121px;  }
.nostyling table tr .total { width:35px;  }
.nostyling table tr .rem { border-left:none; width:63px; }

.nostyling table tbody tr td  {background-color:#000000; border-top:solid 2px #000000; padding:4px; color:#808284; vertical-align:middle; }
.nostyling table tbody tr td input {background-color:#472987; border:none; width:45px; color:White; padding-left:5px;}
.nostyling table tbody tr td.price {font-weight:bold;}
.nostyling table tbody tr td.total {font-weight:bold; color:#472987;}
.nostyling table tbody tr td.rem input { height:auto; width:auto; padding:0px; margin:0px; }

.nostyling table tfoot { color:#472987; font-size:12px; }
.nostyling table tfoot td { padding-top:4px; padding-bottom:4px;  }
.nostyling table tfoot td select { font-size:12px; }
.nostyling table tfoot td.orderTotal { border-top:solid 1px #472987;  }

/* Home */
#home #content #products { padding-bottom:1px; } 
#home #content #rightSection p, #aboutus #content #rightSection p {  color:#666666; font-size:12px; }

/* About Us */
#aboutus #content #leftSection { }
#aboutus #content #banner { background-image:url(../images/aboutus/banner.jpg);}
#aboutus #content blockquote { margin:0px 0px 0px 5px; font-size:12px; color:#808284; font-weight:bold; }
#aboutus #content blockquote cite { margin:10px 0px 0px 0px; font-size:12px; display:block;  font-style:normal; font-weight:normal;}
#aboutus #content #rightSection { margin-top:2px; margin-left:2px; float:left; }

/* Store */
#store #content #banner { height:108px; margin:0px; padding-top:5px; border-bottom:solid 2px white;  background-image:url( ../images/basket/banner.jpg);  }
#store #content #banner h2 { margin:0px; padding:0px; }
#store #productCategories { color:#808284; font-size:11px;font-weight:bold; margin-top:30px;}
#store #productCategories a { color:#808284; text-decoration:none; }
#store #productCategories li a.selected { color:#472987; }
#store #productCategories li { float:none;text-transform:uppercase; margin-bottom:5px;}
#store #productCategories li ul { float:none;  display:none; }
#store #productCategories li ul li { float:none; text-transform:none; height:16px; margin-bottom:0px;}
#store #productCategories li ul li a {padding-left:15px;}
#store #productCategories li ul li a:hover,
#store #productCategories li ul li a.selected {background-image:url(../images/global/triangleBullet.gif); background-repeat:no-repeat; background-position:8px 3px; color:#472987;}
#store #rightSection p { font-size:12px; color:#808284; }
#store #rightSection p a { font-size:12px; color:#808284; font-weight:bold; }

#store #content h3 { clear:both; font-size:14px; padding-left:5px; color:#666666; }
#store #content #products span { line-height:normal; display:block;width:127px; padding:2px;}

#store #content #products .name { color:#472987; font-size:10px; font-weight:bold;  padding-top:1px;  line-height:normal; height:30px; }
#store #content #products .description { height:65px; overflow:hidden; }
#store #content #products .description p { color:#808284; font-size:9px; font-weight:bold; padding-top:1px;  line-height:normal; overflow:hidden; margin:0px 0px 10px 0px; padding:0px; width:131px; }
#store #content #products .bulletPurple { font-size:9px;  width:115px; background-position:0px 1px; padding-left:9px;  }
#store #content #products.homeProducts { margin-top:80px;  }

/* Product */
#store #content #details { width:240px; float:left; }
#store #content .largeImage { float:left; }
#store #content #details h2 { padding-top:2px; padding-left:2px; }
#store #content #details h2 sup { font-size:14px; line-height:10px; }
#store #content #details p { padding-left:2px; }
#store #content #details p.price { font-size:21px; margin-top:0px; margin-bottom:0px; }
#store #content #details p.price sup { font-size:12px; }
#store #content #details p.description { margin-top:0px; }
#store #content #details p.quantity { margin-top:0px;}
#store #content #details p.quantity input { width:15px; padding-right:3px; border:none; margin-right:4px; text-align:right;color:#666666;font-size:12px; font-weight:bold;}
#store #content #dosage { clear:both; }
#store #content #dosage p { margin:0px 0px 15px 0px; }
#store #content #dosage h4 {  font-size:12px; font-weight:bold; color:#666666; padding-left:10px; padding-top:10px; margin:0px; }
#store #content #details a.detailsLink { color:#472987; font-size:10px; font-weight:bold;  padding-top:1px;  line-height:normal; height:30px; text-decoration:none; }

/* Basket */
#store.basket #banner { background-image:url( ../images/basket/banner.jpg); }
#store table { font-size:11px; margin-left:10px; }
#store #content table thead tr th { background-color:#472987; color:White; text-align:left; padding:4px; border-left:solid 1px white; font-size:13px; font-weight:bold; }

#store #content table tr .item { width:125px; border-left:none; }
#store #content table tr .qty { width:115px;  }
#store #content table tr .price { width:121px;  }
#store #content table tr .total { width:35px;  }
#store #content table tr .rem { border-left:none; width:63px; }

#store #content table tbody tr td  {background-color:#FFFFFF; border-top:solid 2px #E7E7E7; padding:4px; color:#808284; vertical-align:middle; }
#store #content table tbody tr td input {background-color:#472987; border:none; width:45px; color:White; padding-left:5px;}
#store #content table tbody tr td.item {font-weight:bold; font-size: 12px; color:#472987;}
#store #content table tbody tr td.price {font-weight:bold; font-size: 12px; color:#472987; }
#store #content table tbody tr td.total {font-weight:bold; color:#472987; font-size: 12px;}
#store #content table tbody tr td.rem input { height:auto; width:auto; padding:0px; margin:0px; }

#store #content table tfoot { color:#472987; font-size:12px; }
#store #content table tfoot td { padding-top:4px; padding-bottom:4px;  }
#store #content table tfoot td select { font-size:12px; }
#store #content table tfoot td.orderTotal { border-top:solid 1px #472987;  }


/* Address Detail */
.form p { margin:0px 0px 5px 0px; clear:both; }
.form p label { width:90px; display:block; float:left; }
.form p input,.form p textarea { width:150px; border:none; border:solid 1px white; }
.form p input.high,.form p textarea.high { background-color:#FFFFAA; border:solid 1px #FFAAAA;}
#store.addressDetails #content .usePayment {  color:#666666; font-size:12px; margin-left:8px;}
#store.addressDetails #content #deliveryAddress {  padding-top:31px;}

/* Protx Payment Detail */
.form2 p { margin:0px 0px 5px 8%; clear:both; }
.form2 p label { text-align: right; width:150px; display:block; float:left; }
.form2 p input,.form p textarea { width:150px; border:none; border:solid 1px white; }
.form2 p input.high,.form p textarea.high { background-color:#FFFFAA; border:solid 1px #FFAAAA;}

/* My Account */
#store.myAccount #content #leftSection * { margin-left:10px;}
#store.myAccount #content #leftSection * * { margin-left:0px;}
#store.myAccount #content #leftSection #banner { margin-left:0px;}

#store.myAccount #content #userDetails { margin-bottom:10px; }
#store.myAccount #content #userDetails a { color:#472987; font-size:12px; font-weight:bold; text-decoration:none; }
#store.myAccount #content h4 { color:#472987; font-size:12px; font-weight:bold; margin:10px 0px 4px 0px;}
#store.myAccount #content #userDetails div { float:left; width:150px;}
#store.myAccount #content #userDetails div p { padding:0px;}

/* Account Login */
#store.login #content #leftSection h4 { color:#472987; font-size:12px; font-weight:bold; margin:10px 0px 4px 10px;}
#store.login #content #leftSection p { color:#472987; font-size:12px;}
#store.login #content #leftSection label { line-height:22px;}
#store.login #content #leftSection input.textBox { color:#472987; font-size:14px; padding:2px 2px 2px 2px; border:none; width:200px;}
#store.login #content #leftSection input.button,.button, .form p input.button { color:#FFFFFF; background-color:#472987; font-size:10px; padding:4px 2px 4px 2px; font-family:Verdana; border:none; width:110px; font-weight:bold; text-transform:uppercase; cursor:pointer; border:none; }


/* Contact Us */
#contactUs #banner p { font-size:10px; color:#472987; margin-top:60px;}


/* Rotating Banner Area */
#rotatingarea { position: relative; width: 799px; height: 183px; z-index: 11; margin: 2px 0 0 0; }
#rotatingarea div { position: absolute; left: 0; top: 0; }
#rotatingarea div:hover { cursor: pointer; }