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

body {
background-color: #F7F7F8;
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #999999;
}

h1#Logo {
clear: both;
float: left;
display: block;
width: 324px;
height: 68px;
overflow: hidden;
margin: 0;
padding: 0;
text-indent: -500px;
background: url(images/logo.gif) top left no-repeat;
}

h2 {
clear: both;
float: left;
display: block;
width: 47px;
height: 224px;
overflow: hidden;
margin: 0;
padding: 0px 0px 0px 0px;
text-indent: -220px;
background-position: top left;
background-repeat: no-repeat;
}

h2.home {
background-image: url(images/h2-home.gif);
}

h2.news {
background-image: url(images/h2-news.gif);
}

h2.products {
background-image: url(images/h2-products.gif);
}

h2.distributors {
background-image: url(images/h2-distributors.gif);
}

h2.contact {
background-image: url(images/h2-contactus.gif);
}

h2.store {
background-image: url(images/h2-store.gif);
}

h2.admin {
background-image: url(images/h2-administration.gif);
}

h2.about {
background-image: url(images/h2-about.gif);
}

h3 {
color: #666d77;
font-size: 14px;
font-weight: normal;
margin: 0px 0px 12px 0px;
}

h3.NewsItem {
color: #7d7f82;
font-size: 14px;
font-weight: normal;
margin: 0px 0px 4px 0px;
}

p.NewsDate {
margin: 0px 0px 12px 0px;
font-size: 10px;
}

p {
margin: 0px 0px 19px 0px;
line-height: 19px;
}

h4.alert {
font-size: 13px;
font-weight: bold;
color: #990000;
}


a:link, a:active, a:visited {
text-decoration: none;
color: #505153;
}

a:hover {
text-decoration: underline;
}

img {
display: block;
border: 0;
}

div#spacer, div.spacer {
clear: both;
width: 100%;
height: 0px;
}

div#OuterContainer {
clear: both;
float: none;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background-color: #F7F7F8;
background: top center no-repeat;
}

div#OuterContainer2 {
clear: both;
float: none;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background-color: #F7F7F8;
}

div#InnerContainer {
clear: both;
float: none;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background-color: #F7F7F8;
background: url(images/BG.gif) top center no-repeat;
}

div#InnerContainer2 {
clear: both;
float: none;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
padding: 0;
background-color: #F7F7F8;
}

/* This is a grey box which continues from the grey strip behind the logo to the very left edge of the page */
div#HeaderBar {
display: block;
width: 969px;
height: 68px;
overflow: hidden;
margin: 0;
padding: 0;
background-color: #DDDDDF;
position: absolute;
top: 17px;
left: 0px;
z-index: 1;
}

div#Layout {
clear: both;
float: none;
display: block;
width: 969px;
overflow: visible;
margin: 0 auto;
padding: 17px 0px 8px 0px;
position: relative;
z-index: 10;
}

div#Admin {
padding: 30px 0px 30px 0px;
}

div#Header {
clear: both;
float: none;
display: block;
width: 969px;
height: 68px;
overflow: hidden;
margin: 0;
padding: 0;
background-color: #DDDDDF;
}


/* NAVIGATION BAR */
ul#Nav {
float: left;
display: block;
width: 539px; /* size before the store nav item 471px;*/
height: 25px;
overflow: hidden;
margin: 0;
padding: 43px 0px 0px 0px;
list-style: none;
background-color: #DDDDDF;
background: url(images/Nav-bg.gif) top left no-repeat;
}

ul#Nav li {
float: left;
display: block;
height: 25px;
overflow: hidden;
margin: 0px 0px 0px 0px;
padding: 0;
}

ul#Nav li a {
display: block;
height: 25px;
line-height: 25px;
vertical-align: middle;
overflow: hidden;
margin: 0;
padding: 0;
font-size: 13px;
font-weight: bold;
color: #505153;
background-position: 0px 0px;
background-repeat: no-repeat;
text-indent: -150px;
}

ul#Nav li a:hover, ul#Nav li.active a {
background-position: 0px -25px;
}

ul#Nav li#home, ul#Nav li#home a {
width: 62px;
}

ul#Nav li#home a {
background-image:url(images/nav-home.gif);
}

ul#Nav li#news, ul#Nav li#news a {
width: 58px;
}

ul#Nav li#news a {
background-image:url(images/nav-news.gif);
}

ul#Nav li#products, ul#Nav li#products a {
width: 81px;
}

ul#Nav li#products a {
background-image:url(images/nav-products.gif);
}

ul#Nav li#store, ul#Nav li#store a {
width: 68px;
}

ul#Nav li#store a {
background-image:url(images/nav-store.gif);
}

ul#Nav li#distributors, ul#Nav li#distributors a {
width: 100px;
}

ul#Nav li#distributors a {
background-image:url(images/nav-distributors.gif);
}

ul#Nav li#aboutus, ul#Nav li#aboutus a {
width: 85px;
}

ul#Nav li#aboutus a {
background-image:url(images/nav-aboutus.gif);
}

ul#Nav li#contactus, ul#Nav li#contactus a {
width: 85px;
}

ul#Nav li#contactus a {
background-image:url(images/nav-contactus.gif);
}

div#Torso {
clear: both;
float: none;
display: block;
width: 969px;
min-height: 510px;
overflow: hidden;
margin: 0;
padding: 20px 0px 8px 0px;
}

div#Chest {
float: left;
display: block;
width: 701px; /* 748 without border or padding */
min-height: 465px;
overflow: hidden;
margin: 0;
padding: 25px 20px 15px 25px; /* was 25px right */
background: #FFFFFF;
border: 1px #EEEEEF solid;
}

div#AdminTorso {
clear: both;
float: none;
display: block;
width: 969px;
min-height: 510px;
overflow: hidden;
margin: 0;
padding: 20px 0px 8px 0px;
}

div#AdminChest {
float: left;
display: block;
width: 875px; /* 748 without border or padding */
min-height: 465px;
overflow: hidden;
margin: 0;
padding: 25px 20px 15px 25px; /* was 25px right */
background: #FFFFFF;
border: 1px #EEEEEF solid;
}

div#Copy {
clear: both;
float: left;
display: block;
width: 433px;
overflow: hidden;
margin: 0;
padding: 0px 25px 0px 0px;
}

div#Actions {
float: left;
display: block;
width: 238px;
overflow: hidden;
margin: 0;
padding: 26px 0px 0px 0px;
}

div.Buttons {
clear: both;
float: none;
display: block;
width: 698px;
overflow: hidden;
margin: 0;
padding: 0px;
}

div#Gap {
float: left;
display: block;
width: 174px;
height: 509px;
margin: 0;
padding: 0;
}

div#Footer {
clear: both;
float: none;
display: block;
width: 918px;
height: 26px;
overflow: hidden;
margin: 0;
padding: 0px 0px 0px 51px;
background: #7D7F82;
}

div#Footer ul {
float: none;
display: block;
height: 26px;
overflow: hidden;
margin: 0;
padding: 0px;
list-style: none;
}

div#Footer ul li {
float: left;
background: url(images/footer-sep.gif) 0px 6px no-repeat;
padding: 0px 0px 0px 25px;
margin: 0px;
display: block;
height: 26px;
line-height: 26px;
vertical-align: middle;
}

div#Footer ul li#first {
clear: both;
background: none;
padding: 0px;
}

div#Footer a {
color: #FFFFFF;
font-size: 12px;
}

div#FooterBar {
display: block;
width: 969px;
height: 26px;
overflow: hidden;
margin: -34px 0px 0px 0px;
padding: 0px;
background: #7D7F82;
position: relative;
z-index: 1;
}

img.NoFloat {
display: block;
float: none;
margin: 0 auto;
margin-top: 10px;
margin-bottom: 10px;
}

img.FloatLeft {
display: block;
float: left;
margin: 0px 25px 18px 0px;
}

img.FloatRight {
display: block;
float: right;
margin: 0px 0px 18px 25px;
}

a.ShoppingButton, a.ShoppingButton img {
width: 236px;
height: 188px;
display: block;
border: 0;
padding: 0;
margin: 0;
clear: both;
float: none;
}

a.LinkButton, a.LinkButton img {
width: 157px;
height: 39px;
display: block;
border: 0;
padding: 0;
}

a.LinkButton {
margin: 10px 3px 0px 3px;
float: left;
}

a.CartButton, a.CartButton img {
width: 188px;
height: 39px;
display: block;
border: 0;
padding: 0;
}

a.CartButton {
margin: 10px 3px 0px 3px;
float: left;
}

div.Subscribe {
width: 236px;
display: block;
clear: both;
float: none;
border: 0;
padding: 25px 0px 0px 0px;
}

div.Subscribe p{
clear: both;
float: none;
}

div.FormSpace {
display: block;
clear: both;
float: none;
width: 230px;
height: 20px;
}

div.Subscribe label#Subscribe {
color: #00529B;
font-size: 13px;
font-weight: bold;
margin: 0px 0px 0px 0px;
clear: both;
float: none;
display: block;
width: 230px;
}

form {
margin: 0;
padding: 0;
display: block;
}

form#Subscribe ul {
display: block;
margin: 0;
padding: 0;
clear: both;
float: none;
list-style: none;
}

form#Subscribe ul li {
margin: 0px;
padding: 8px 0px 0px 0px;
display: block;
clear: both;
float: none;
}

input.Text, input.BadText {
color: #656565;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: url(images/textfield.gif) top left no-repeat;
border: 1px #B4B4B4 solid;
height: 18px;
padding: 3px 0px 0px 2px;
display: block;
}

textarea.Text, textarea.BadText {
color: #656565;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
background: url(images/textfield.gif) top left no-repeat;
border: 1px #B4B4B4 solid;
padding: 3px 0px 0px 2px;
display: block;
}

input.BadText, textarea.BadText {
border: 1px #dc6161 solid;
}

input#Subscribe {
width: 180px;
float: left;
margin: 0px 5px 0px 0px;
}

input#GO {
display: block;
width: 30px;
height: 21px;
line-height: 21px;
color: #00529B;
font-size: 13px;
font-weight: bold;
float: left;
vertical-align: middle;
border: 0;
background: #FFFFFF;
cursor: pointer;
}

div.ProductContainerOut {
display: block;
float: left;
width: 236px;
margin: 0px 13px 20px 0px;
padding: 0;
background: url(images/productBG.gif) bottom left no-repeat;
}

div.ProductContainerIn {
display: block;
width: 206px;
padding: 12px 15px 12px 15px;
margin: 0;
background: url(images/productBG-top.gif) top left no-repeat;
min-height: 200px;
height:341px;
}

div.TallContainerOut {
display: block;
float: right;
width: 201px;
margin: 0px 0px 20px 0px;
padding: 0;
background: url(images/ProductBG-tall.gif) bottom left no-repeat;
}

div.TallContainerIn {
display: block;
width: 184px;
padding: 12px 9px 12px 8px;
margin: 0;
background: url(images/ProductBG-tall-top.gif) top left no-repeat;
min-height: 200px;
}

div.ProductContainerIn h4, div.TallContainerIn h4 {
color: #505153;
font-size: 14px;
font-weight: bold;
margin: 0px 0px 12px 0px;
display: block;
}

div.ProductContainerIn h5, div.TallContainerIn h5 {
color: #3c3d3e;
font-size: 14px;
font-weight: normal;
margin: 3px 0px 7px 0px;
display: block;
}

div.TallContainerIn h5 {
float: left;
width: 100px;
}

div.ProductContainerIn p, div.TallContainerIn p {
margin: 0px 0px 0px 0px;
font-size: 11px;
line-height: 15px;
display: block;
min-height: 150px;
}

div.TallContainerIn p {
float: left;
width: 90px;
}

div.TallContainerIn img {
float: right;
margin: 0px 0px 0px 7px;
}

div.ProductForm {
margin: 10px 0px 0px 0px;
display: block;
height: 23px;
clear: both;
float: none;
}

div.TallContainerIn div.ProductForm {
clear: both;
float: none;
width: 102px;
}


select.Product {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px; 
height: 23px;
margin-top: 2px;
line-height: 23px;
vertical-align: middle;
display: block;
/*margin-left: -10px;*/
float: left;
}

form#AdminOrders select {
display: block;
float: left;
height: 23px;
line-height: 23px;
margin-bottom: 15px;
}

select.BadSelect {
border: 1px solid #B4B4B4;
}

form#AdminOrders span.datetime {
margin: 0px 5px 0px 5px;
display: inline-block;
line-height: 23px;
vertical-align: middle;
float: left;
font-weight: bold;
font-size: 14px;
}
form#AdminOrders span.datetimeat {
margin: 0px 10px 0px 15px;
display: inline-block;
line-height: 23px;
vertical-align: middle;
float: left;
font-weight: bold;
font-size: 13px;
}

input.AddToCart {
width: 100px;
height: 23px;
display: block;
float: right;
cursor: pointer;
margin: 0;
padding: 0;
}

form fieldset#news select, form fieldset#news input#submit {
float: left;
margin-right: 10px;

}
form fieldset#news input#submit {
height: 23px;
}

div.TallContainerIn select.Product, div.TallContainerIn input.AddToCart {
/*clear: both;*/
float: none;
margin-bottom: 10px;
}


div.distributor {
display: block;
padding-bottom: 30px;
float: none;
clear: both;
}

div.distributor h4 {
color: #7d7f82;
font-size: 13px;
font-weight: normal;
margin: 0px 0px 3px 0px;
background: url(images/underline.gif) bottom left no-repeat;
padding-bottom: 2px;
}

div.distributor h3 a{
font-size: 13px;
}

div.distributor div.address {
display: block;
float: left;
padding-right: 20px;
width: 150px;
margin-bottom: 0px;
}

div.distributor div.phone {
display: block;
float: left;
width: 190px;
margin-bottom: 0px;
}

div.distributor div.phone span {
display: block;
width: 45px;
float: left;
}

div.distributor p {
float: none;
clear: both;
margin-bottom: 0px;
margin-top: 0px;
font-size: 11px;
}

div.distributor span a {
float: none;
clear: both;
margin-bottom: 0px;
display: block;
font-size: 11px;
}

div.distributor span {}

div.Clear {
clear: both;
float: none;
}


form fieldset {
border: none;
display: block;
margin: 0;
padding: 0;
}

form#Contact {
padding-bottom: 20px;
}

form fieldset ul {
list-style: none;
diaply: block;
margin: 0px 0px 15px 0px;
padding: 0;
}

form fieldset ul li {
display: block;
clear: both;
float: none;
padding: 0px 0px 15px 0px;
margin: 0px 0px 0px 0px;
}

form fieldset ul li label{
display: block;
clear: both;
float: none;
padding-bottom: 3px;
}

form input.Text, form input.BadText, textarea.Text, textarea.BadText {
clear: both;
float: left;
margin-bottom: 15px;
}

form#Contact input#Name, form#Contact input#Email, form#Contact input#Subject {
width: 200px;
}

form#Contact textarea#Message {
width: 400px;
height: 99px;
}



form span.NoHint {
display: none;
visibility: hidden;
}

form#Contact span.Hint, form#CreateNews span.Hint, form span.Hint {
display: block;
float: left;
height: 23px;
font-size: 11px;
line-height: 23px;
vertical-align: middle;
margin-left: 10px;
color: #a76c6c;
}

form#Contact li.message span.Hint, form#CreateNews li.add_body span.Hint {
display: block;
float: none;
clear: both;
height: 23px;
font-size: 11px;
margin-top: -12px;
margin-left: 0;
}

form#Contact input#Submit {
margin-top: 15px;
display: block;
}


form#CreateNews select {
float: left;
margin-bottom: 15px;
}

form#CreateNews textarea#add_body {
width: 500px;
height: 230px;
margin-right: 25px;
}

form#CreateNews input#add_title {
width: 300px;
margin-right: 10px;
}

form#CreateNews input#add_day {
width: 25px;
margin-right: 8px;
}

form#CreateNews select#add_month {
width: 53px;
margin-right: 8px;
}

form#CreateNews select#add_year {
width: 57px;
margin-right: 10px;
}

form#Unsibscribe input#EmailAddress {
width: 200px;
}

select {
display: block;
}

div#minHeight {
min-height: 450px;
width: auto;
}


/** Shopping Cart Styling **/

table.cart, table.check {
margin: 0px 0px 25px 0px;
border: 0;
padding: 0;
float: left;
}

table.cart td, table.cart th, table.check td, table.check th {
padding: 7px;
height: 20px;
text-align: left;
margin: 0px;
}

table.cart th, table.check th {
font-weight: bold;
color: #7d7f82;
}

table.cart td, table.check td {
border-top: 1px #DDDDDD solid
}

table.cart th#Qty {
width: 30px;
}

table.cart th#Name {
width: 100px;
}

table.check th#Name {
width: 130px;
}

table.cart th#Size {
width: 55px;
}

table.check th#Size {
width: 70px;
}

table.cart th#Price, table.cart th#UPrice {
width: 70px;
}

table.check th#Price, table.check th#UPrice {
width: 100px;
}

table.cart th#Options {
width: 140px;
}

table.cart th#Size, table.cart th#Price, table.cart th#UPrice, table.cart th#Qty, table.check th#Size, table.check th#Price, table.check th#UPrice, table.check th#Qty {
text-align: right;
}

table.cart tr.Total td, table.check tr.Total td {
font-size: 14px;
height: 14px;
line-height: 14px;
}

table.cart tr.Total1 td, table.check tr.Total1 td {
padding-top: 20px;
font-size: 14px;
height: 14px;
line-height: 14px;
}

table.cart td.Right, table.cart td.Right, table.check td.Right, table.check td.Right {
text-align: right;
}

table.cart td.GRight, table.cart td.GRight, table.check td.GRight, table.check td.GRight {
text-align: right;
border: 0;
}

div.CartFunctions {
display: block;
float: none;
clear: both;
width: 480px;
padding: 0px 0px 0px 0px;
}

div.CartFunctions a {
float: left;
clear: none;
}

form#Cart input.CartButton, form#Cart img#Continue {
float: left;
display: block;
padding: 0;
width: 180px;
height: 28px;
margin: 0px 20px 10px 0px;
}

form#Cart input#Proceed {
background: url(images/proceed.gif);
}

form#Cart input#Update {
background: url(images/update.gif);
}

form#Cart input#Clear {
background: url(images/clear.gif);
}

form#Cart img#Continue {
background: url(images/continue.gif);
}

a.Remove {
background: url(images/cross.gif) top left no-repeat;
padding-left: 20px;
}

/* ADMIN STYLES */

/* View Subscriber */
ul.ViewSubscriber {
list-style: none;
}

ul.ViewSubscriber li{
padding-bottom: 15px;
clear: both;
float: none;
display: block;
}

ul.ViewSubscriber li span {
display: block;
width: 150px;
float: left;
font-weight: bold;
text-align: right;
margin-right: 20px;
}

table.list td, table.list th{
padding: 7px;
height: 20px;
text-align: left;
}

table.list td {
border-top: 1px #BBBBBB solid;
}

table.list th{
font-weight: bold;
color: #7d7f82;
}

table.list {
margin-bottom: 25px;
}

p#lotion {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
float: none;
clear: both;
width: 40px;
height: 10px;
min-height: 10px;
padding: 5px 0 0 0;
}  

ul.links {
list-style:none;
margin-left: 30px; 
}

#slim {
margin: 0;
padding: 0; 
float: left;
} 

#small {
float: left;
margin: 0;
padding: 0;
}

form#miniform { 
padding: 0;
margin: 0; 
}

.miniform { 
clear: both;
padding: 10px 0 10px 0;
margin-bottom: 10px;
}

/*
input#cart_submit {
background:none;
border:0;
color: #656565;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif; 
cursor: pointer;
}
*/