/* stylesheet.css - BeautyLove */

/* NOTES: -- avoid using padding in DIVs -- layout tends to break in IE6, box model problem */
/*        -- using VERTICAL-ALIGN and having hard carriage returns within a DIV will cause couple-pixel space to appear above/below images in a DIV */

/* NORMALIZE BROWSER DEFAULTS */

html, body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, blockquote, form, input, table, tr, th, td, img, pre, fieldset, label, dd, dt, dl { margin: 0; padding: 0; border: 0; }
ul, ol { list-style: none; }
img, a img, :link img, :visited img, fieldset { border: none; }

table { border-collapse: collapse; }


/* GLOBALS */

html, body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #555555;
}

body {
  margin: 0 0 15px 0;
  background-color: #3a3a3a;
  text-align: center;
}

p, dl { padding-bottom: 10px; }

.margin0 { margin: 0; padding: 0; }
.padding0 { padding: 0; }
.padding-top { padding-top: 12px; }

blockquote { padding: 0 12px 8px 18px; }

p, td, ul, ol { line-height: 120%; }

h1, h2, h3, h4, h5 { color: #333333; padding-top: 6px; padding-bottom: 8px; }
h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 13px; }
h4 { font-size: 12px; padding-top: 3px; padding-bottom: 4px; }
h5 { font-size: 11px; padding-top: 3px; padding-bottom: 4px; }

input, textarea { 
  margin: 0;
  padding: 1px 4px 2px;
  border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
} 

hr {
  border-top: 1px solid #243E63;
  height: 1px;
}

div.clear { clear: both; }

.floatleft { float: left; }
.floatright { float: right; }

ul {
	padding: 0 0 12px 16px;
}

ul.bullets {
	padding: 0 0 12px 30px;
	list-style-position: outside;
	list-style-type: disc;
}

ul.bullets-arrow-gray {
	padding: 0 0 12px 30px;
	list-style-position: outside;
	list-style-image: url(../images/arrow-right-gray-small.gif);
}

ol {
	padding: 0 0 12px 32px;
	list-style: decimal outside;
}

li { padding-bottom: 3px;}

a:link, 
a:visited {
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
  color: #0000CC; 
}
a:hover, 
a:active {
  color: #CC0000; 
}

a.a-nav:link, 
a.a-nav:visited {
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	text-decoration: none;
}

a.a-nav:focus, 
a.a-nav:hover, 
a.a-nav:active {
	color: #FFFFFF;
	font-weight: normal;
	background-color: #7A6F5C;
	text-decoration: none;
}


.center { text-align: center; }

.text-small { font-size: 11px; }
.text-vsmall { font-size: 9px; }

.text-red { color: #FF0000; }

.show { display: block; }
.hide { display: none; }

.superscript { vertical-align: top; font-size: 8px; }

.underline { text-decoration: underline; }
.underline-none { text-decoration: none; }

img.border1 { border: 1px solid #333333; }

.indent { margin-left: 15px; }



/* FRAMEWORK */

div#page { 
  width: 946px;
  margin: 0 auto;  /* auto side margins to center page */
}

div#page-container {
	padding: 0 86px 0 60px;
	background-color: #1C1C1C;
	text-align:left;
}

div#header {
}

/* NAV BAR */
div#mainNav { 
  margin: 0; 
  padding: 0; 
  height: 29px;  /* height of navbar, excluding border */
  width: 100%;
  text-align: left;   /* use CENTER for UL with text links */
	background-color: #333333;
} 
div#mainNav img { 
  margin-left: 34px; 
} 

/* END NAV BAR */

div#mainsection-container {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	border-bottom: 8px solid #751813;
}
body#subpage div#mainsection-container {
	background: #FFFFFF url(../images/subpage-bkgd-gray-white.gif) repeat-y left top;
}

div#mainsection {
	position: relative;
	display: inline;  /* fix IE5 double-margin float bug */
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
body#index div#mainsection {
	float: left;
	width: 639px;
}
body#subpage div#mainsection {
	float: right;
	width: 577px;
	margin: 49px 40px 20px 0;
}

div#sidebar {
	position: relative;
	display: inline;  /* fix IE5 double-margin float bug */
	width: 143px;
	margin: 0;
	padding: 0;
  background-color: #B3B3B3;
}
body#index div#sidebar {
	float: right;
	height: 374px;
}
body#subpage div#sidebar {
	float: left;
	height: 549px;
}

div#sidebar ul { 
	display: block;
	margin: 45px 0 0 0;
	padding: 0;
	text-align: right;
}
div#sidebar ul li { 
	margin: 0;
	padding: 0;
}


/* FOOTER SECTION */
div#footer { 
  height: 40px;
  margin: 0;
	padding: 0;
	text-align: center;
}
div#footer div#footer-phone {
	float: left;
	padding-top: 7px;
	font-size: 20px;
	font-weight: normal;
	color: #FFFFFF;
}
div#footer div#footer-navlinks {
  float: right;
}

div#footer ul {
	margin: 0;
  padding-top: 11px;  /* adjust top to center links, and makes room for -li a- top and bottom padding */
	list-style-type: none;
}
div#footer li {
  margin: 0; 
  padding: 0;
  display: inline;
}
div#footer li a {
	margin-right: 20px;
	font-size: 11px;
}
div#footer li a.footer-a-last {
  margin-right: 0;
}
div#footer li a:link, 
div#footer li a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
div#footer li a:focus, 
div#footer li a:hover, 
div#footer li a:active {
	color: #00ACD7;
	text-decoration: none;
}
/* END FOOTER SECTION */


/* COPYRIGHT SECTION */
div#copyright {
  height: 32px;  /* add top/bottom padding = total height */
  width: 938px;   /* width = total page width minus left/right padding */
  margin: 0 auto;
	padding: 8px 4px;
	background: #3a3a3a;
}

div#copyright p.copyright {
  float: right;
  width: 400px;
  margin: 0;
	padding: 0;
  text-align: right;
	font-size: 10px;
	color: #555;
	font-weight: normal;
}

div#copyright p.websitedesignby {
  float: left;
  width: 400px;
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 11px;
  font-weight: normal;
  color: #999;
}
div#copyright a.a-webdesign:link, 
div#copyright a.a-webdesign:visited, 
div#copyright a.a-webdesign:active {
  margin: 0;
  padding: 0;
  font-size: 11px;
  font-weight: normal;
  color: #999;
  text-decoration: underline;
}
div#copyright a.a-webdesign:hover, 
div#copyright a.a-webdesign:focus {
	color: #EB6436;
	text-decoration: underline;
}
/* END COPYRIGHT SECTION */




/* SUBPAGE CONTENT DESCRIPTORS */

h2.pagetitle {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 15px;
	font-weight: normal;
}

div#home-boxlinks {
  float: right;
	width: 200px;
	height: 374px;
	margin: 0;
	padding: 0;
	text-align: right;
	background-color: #FFFFFF;
}
div#home-boxlinks img.homebox-first {
	margin-top: 35px;
}
div#home-boxlinks img {
	margin-bottom: 20px;
}

div.home-product-categories {
  height: 63px;
}
div.home-product-categories img {
  float: left;
	margin: 5px 5px 0 0;
}
div.home-product-categories img.product-last {
	margin-right: 0;
}

div.product-thumbs-container {
	margin: 0;
	padding: 0;
}
div.product-thumbs-container div {
  float: left;
	width: 130px;
	margin: 0 18px 0 0;
	padding-bottom: 30px;
	text-align: center;
}
div.product-thumbs-container div.product-thumbs-last {
	margin-right: 0;
}
div.product-thumbs-container h4 {
  margin: 0;
	padding: 0 0 4px 0;
	color: #555555;
}
div.product-thumbs-container a {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}
div.product-thumbs-container a:link, 
div.product-thumbs-container a:visited {
  color: #666666; 
}
div.product-thumbs-container a:hover, 
div.product-thumbs-container a:active {
  color: #CC0000; 
}

div.product-image {
  float: left;
	width: 230px;
}
div.product-description {
  float: left;
	width: 220px;
}
div.product-description h3 { 
	color: #555555;
}
div.product-description h5, 
div.product-description p { 
  font-size: 11px;
	color: #777777;
}
div.product-subnav {
  float: right;
	width: 120px;
	text-align: right;
}
div.product-subnav p {
  margin: 0;
	padding: 3px 0 4px 0;
}
div.product-subnav a { 
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
}
div.product-subnav a:link, 
div.product-subnav a:visited {
  color: #999999; 
	text-decoration: none;
}
div.product-subnav a:hover, 
div.product-subnav a:active {
  color: #CC0000; 
	text-decoration: none;
}

div.products-toppage-container {
  margin: 12px 0 0 0;
	background: url(../images/products-group.jpg) no-repeat right top;
}
div.products-toppage-container li { padding-bottom: 6px;}

div.distributor-description-left {
  float: right;
  margin: 15px 30px 0 0;
	text-align: right;
}
div.distributor-description-right {
  float: left;
  margin: 15px 0 0 25px;
	text-align: left;
}

div.photoperson {
  float: right;
	margin: 4px 0 12px 30px;
}

.wheretobuy-state { 
  clear: both;
  margin: 0 0 3px 0;
	padding: 0;
}
.wheretobuy-state a { 
  color: #333333; 
  font-size: 13px;
	font-weight: bold;
}
.wheretobuy-area { 
  clear: both;
  margin: 0 0 0 20px;
  padding: 12px 0 0 0;
}
.wheretobuy-area a { 
  color: #555; 
  font-size: 13px;
	font-weight: bold;
}
.wheretobuy-city { 
  clear: both;
  margin: 0 0 0 40px;
	padding: 6px 0 0 0;
	color: #555;
}
div.wheretobuy-address {
  float: left;
	width: 270px;
  margin: 0 0 0 55px;
	padding: 0;
}
div.wheretobuy-phone { 
  float: left;
	width: 200px;
  margin: 0;
	padding: 0;
}



/* FORMS */

form#ContactUs, 
form#passwordForm { 
  padding: 12px 0 12px 25px;
}

form div.formrow {
  clear: both;
	margin: 0;
  padding: 0;
}
form div.form-hr {
  clear: both;
	margin: 0;
  padding: 0;
}
form div.formrow span {
	margin: 0;
  padding: 0 0 6px 0;
	float: left;
	display: block;
	text-align: left;
}
form div.formrow span.formlabel { 
  width: 100px; 
}
form div.formrow span.formfield {
  width: 430px;
} 

form#ContactUs textarea#Comments {
  width: 370px;
} 

form#ContactUs input#submitContact, 
form#passwordForm input#login {
	overflow: visible;
	cursor: pointer;
	padding: 2px 6px 1px 6px;
	background-color: #B3B3B3;
}

/* END FORMS */