@charset "UTF-8";
/* Beyond The Zone CSS for non-IE browsers */
/* Written by: Bethany Tate */
/* Sally Beauty Supply */
/* 10/21/08 */


body {
	background-color: #000000;
	margin: 0;
	color: #9c9c9c;
	font: 12px Arial, Helvetica, sans-serif;
}
.contentContainer {
	background-color: #363636;
	width: 800px;
	margin: 0 auto;
}
.heightContainer {
	height: 500px;
	margin-left: 20px;
}
.noheightContainer {
	margin-left: 20px;
}
table tr td {
	color: #9c9c9c;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 15px 0 0 15px;
	text-align: left;
}
p {
	color: #9c9c9c;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
}
ul {
	margin-left: 15px;
	margin-top: 0;
	color: #9c9c9c;
    font: 12px Arial, Helvetica, sans-serif;
}
a {
	color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
}
a:hover {
	color: #dfe700;
}



/* Header with BTZ Logo */
.bkHead {
	margin: 0 auto;
}
.bkHead p {
	color: #9c9c9c;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
	width: 750px;
}
.bkHead h3 {
	color: #FFFFFF;
	font: 16px Arial, Helvetica, sans-serif;
	text-align: left;
}
.bkHead a {
	color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
}
.bkHead a:hover {
	color: #dfe700;
}
.menubkImg {
	display: none;
}



/* Drop down navigation */
.menu span {
	display: none;
}



/* Right-Hand Sub-Menu */
.rightNav {
	text-align: right;
	list-style-type: none;
	margin-right: 15px;
}

.rightNav li {
	margin: 3px 0;
}

.rightNav li a {
	color: #51b900;
	text-decoration: none;
	font: 12px Arial, Helvetica, sans-serif;
}

.rightNav li a:hover {
	color: #FFFFFF;
}



/* Blockies ruler - divider in middle of page */
.ruler {
	margin: 15px auto;
	width: 778px;
}



/* Homepage Products - Top Row */
#TopProducts {
	margin: 25px 0 20px 0;
}
#TopProducts .overlay {
	width: 65px;
	height: 149px;
	margin: 0 15px 0 20px;
	float: left;
}
#TopProducts .overlay img {
	opacity: 0.0;
	filter: alpha(opacity=0);
}
#TopProducts h4 {
	margin: 25px 0 0 0;
}
#TopProducts h4 a {
	color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
}
#TopProducts h4 a:hover {
	color: #dfe700;
}
#TopProducts p {
	color: #9c9c9c;
	font: 11px Arial, Helvetica, sans-serif;
	width: 250px;
	margin: 10px 0 0 0;
	text-align: left;
}

#TopProducts a {
	color: #9c9c9c;
	font: 11px Arial, Helvetica, sans-serif;
	width: 250px;
	text-decoration: none;
	text-align: left;
}

#TopProducts a:hover {
	color: #dfe700;
}



/* Homepage Products - Bottom Row */
#BottomProducts {
	margin: 0px 0 25px 0;
}
#BottomProducts .overlay {
	width: 65px;
	height: 149px;
	margin: 0 15px 0 20px;
	float: left;
}
#BottomProducts .overlay img {
	opacity: 0.0;
	filter: alpha(opacity=0);
}
#BottomProducts h4 {
	margin: 19px 0 0 0;
}
#BottomProducts h4 a {
	color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-align: left;
}
#BottomProducts h4 a:hover {
	color: #dfe700;
}
#BottomProducts p {
	color: #9c9c9c;
	font: 11px Arial, Helvetica, sans-serif;
	width: 250px;
	margin: 10px 0 0 0;
	text-align: left;
}

#BottomProducts a {
	color: #9c9c9c;
	font: 11px Arial, Helvetica, sans-serif;
	width: 250px;
	text-decoration: none;
	text-align: left;
}

#BottomProducts a:hover {
	color: #dfe700;
}



/* View Details Link on Homppage*/
.DetailsLink {
	float: right;
	margin: 15px 15px 0 0;
}



/* Product Detail Content */
.pDetails {
	align: center;
	width: 800px;
}
.pDetails h4 {
	color: #FFFFFF;
	font: 14px Arial, Helvetica, sans-serif;
	margin: 25px 0 0 40px;
	text-align: left;
}
.pDetails p {
	color: #9c9c9c;
	font: 12px Arial, Helvetica, sans-serif;
	width: 185px;
	margin: 10px 0 0 40px;
	text-align: left;
}
.pDetails a {
	color: #9c9c9c;
	font: 11px Arial, Helvetica, sans-serif;
	width: 250px;
	text-decoration: none;
	text-align: left;
}
.pDetails a:hover {
	color: #dfe700;
}
.pDetails .detailsBK {
	background-image: url(../images/productDetails/bkgDetails.gif);
	background-position: top center;
	background-repeat: no-repeat;
}
.prodImg {
	margin: 15px 15px 10px 30px;
	float: left;
}
.shopLinks {
	float: right;
	margin: 25px 70px 0 0px;
}
#directions {
	color: #9c9c9c;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 10px 20px 0 17px;
}
#directions li {
	margin: 0px 0 2px 0;
}
ul.ingredients {
	color: #9c9c9c;
	font: 12px Arial, Helvetica, sans-serif;
	list-style-type: none;
	margin: 10px 0 0 0;
}
ul.ingredients li {
	margin: 0px 0 2px 0;
}



/* Thumbnail products on category pages */
.tbDesc {
	width: 799px;
	margin: 0 15px;
}
.tbDesc td {
	 align: center;
	 vertical-align: top;
}
.tbDesc .product {
	width: 250px;
}
.tbDesc .product .thumbnail {
	width: 100px;
	margin: 0 auto;
}
.tbDesc .product .name {
	width: 250px;
	height: 25px;
	text-align: center
}
.tbDesc .product .name a {
	color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
}
.tbDesc .product .name a:hover {
	color: #dfe700;
}
.tbDesc p.description {
	color: #9c9c9c;
	font: 12px Arial, Helvetica, sans-serif;
	text-align: left;
	width: 250px;
}





/* Beyond The Zone Buzz */
.headTitle {
	background-color: #89021c;
	padding: 9px 0 7px 10px;
	margin-bottom: 25px;
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
.buzzImg {
	float: left;
	margin: 0 10px 15px 25px;
	clear: left;
}
.buzzCon {
	width: 750px;
	height: 260px;
}



/* About Us */
#aboutImgs {
	width: 355px;
	float: right;
	margin: 0 5px 0 15px;
}
#aboutContentContainer {
	margin-left: 20px;
}



/* FAQs */
.FAQ {
	width: 750px;
	height: 75px;
}


/* Solutions */
.SolutionsContainer {
	margin-left: 20px;
}
.Solutions {
	width: 750px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	border-bottom: 1px solid #666666;
}


/* Contact Us */
.contact {
	width: 650px;
	border: 1px solid #666666;
	padding: 20px;
}
h3.contactSH {
	font: bold 14px Arial, Helvetica, sans-serif;
	width: 300px;
	margin-bottom: 5px;
	color: #9c9c9c;
}
.contact .contactSpan {
	font: 12px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

/* Contact Us Form */
#FormBoxes {
	width: 650px;
	height: 575px;
	border: 1px solid #666666;
	padding: 20px;
}	
fieldset {
	float: left;   
	width: 650px;
	margin: 1.5em 0 0 0;  
	padding: 0;
	border: 0;
}
fieldset ol {  
	padding: 1em 1em 0 1em;
	margin: 0;
	list-style: none;
}
fieldset li {
	float: left;  
	clear: left;  
	width: 100%;
	margin-bottom: 1em;
}
fieldset.submit {
	width: 65px;
	margin-left: 203px;
}
fieldset p {
	padding: 0 0 0 1em;
	margin-bottom: 0;
}
label {  
	float: left;  
	width: 15em;
	margin-right: 1em;
	text-align: right;
	line-height: 20px;
}
fieldset dl dt {
	float: left;  
	width: 50%;
	margin-right: 1em;
	text-align: right;
	line-height: 12px;
	padding: 0 0 1em 0;
}
fieldset dl dd {
	color: #5c35b5;
	font-weight: bold;
	font-size: 14px;
	line-height: 12px;
	padding: 0 0 1em 0;
}
.validation-failed {
	border: 2px solid #dd0000;
}
.validation-advice {
	color: #dd0000;
	padding-left: 16.75em;
	font-style: italic;
	font-size: .95em;
}
.disclaimer {
	font-size: .9em;
	line-height: 1;
	color: #999999;
	font-style: italic;
}
.label {
	display: none;
}




/* Footer */
.footer {
	background-color: #545454;
	margin: 20px 0 35px 0;
}
.footer p {
	color: #FFFFFF;
	font: 10px Arial, Helvetica, sans-serif;
	margin-right: 5px;
	text-align: left;
}
.footer a {
	color: #FFFFFF;
	font: 10px Arial, Helvetica, sans-serif;
	text-align: left;
}