body  { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #003; background-position: 0 0; margin: 0 }
#container    { background-color: #000; margin: 0 auto; padding: 0; width: 990px; border-style: solid; border-width: 0 2px; border-color: #eee }
#wrapper     { background-color: #fff; margin: 0 0 0 -2px; padding: 0; width: 100%; float: left; border-style: solid; border-width: 0 2px; border-color: #eee }
#homeslideshow { margin: 0; padding: 0; width: 990px; height: 310px }
#middle       { background-color: #fff; margin: 0; padding: 0; width: 763px; float: left }
#middle2  { background-color: #fff; margin: 0; padding: 10px 10px 0; width: 100%; float: left }
#column_right   { background-color: #fff; margin: 0; padding: 0; width: 225px; float: right }

#footer     { color: #ff3; font-size: 0.8em; background-color: #000; background-image: url("images/footer-bg.jpg"); background-repeat: no-repeat; background-position: center 0; margin: 0; padding: 0; width: 990px; height: 150px; float: left }
#footer a { color: #ff3 }
#footer a:hover { color: #eee; text-decoration: underline }
.footer1    { color: #ff3; font-weight: bold; margin-top: 10px; margin-left: 10px; float: left }
.footer2    { color: #ff3; font-weight: bold; margin-top: 10px; margin-right: 10px; float: right }
#cnp-logo-small   { margin-top: 10px; margin-bottom: 10px; margin-left: 445px; width: 100px; height: 100px; border-width: 0 }
#cnp-logo-small img { border-width: 0 }
#cnp-logo-small a { text-decoration: none; border-width: 0 }
.footer3      { color: #ff3; font-weight: bold; text-align: center; margin: 0; padding: 0; width: 990px; float: left }

.boxText { font-size: 0.8em; }
.errorBox { font-size: 0.8em; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 0.8em; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size : 0.8em; color: #70d250; text-decoration: underline; }
a {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: #AABBDD;
  text-decoration: underline;
}

form {
	display: inline;
}

/* HEADER */
#header   { background-image: url("images/header_bkg.jpg"); background-repeat: no-repeat; background-position: 3px 0; margin: 0; padding: 0; width: 990px; height: 310px }

#header #logo   { margin: 7px 0 0 15px; padding: 0; width: 287px; height: 287px; float: left }
#header img { border-width: 0 }
.topnav    { margin: 10px 0 0 25px; padding: 0; width: 630px; height: 260px; float: left }

.topnav li  { list-style-type: none; margin: 0; padding: 0; width: 125px; height: 130px; float: left }
.topnav a { text-decoration: none; border-width: 0 }

/* ROW 1 */
#proslam45  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: 0 0 }
#proslam45:hover { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: 0 -260px; }

#proslam27  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: 0 -130px; }
#proslam27:hover  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: 0 -390px; }

#progf  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -125px 0; }
#progf:hover  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -125px -260px; }

#propeptide  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -250px 0; }
#propeptide:hover  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -250px -260px; }

#propeptidebulk   { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -378px 0 }
#propeptidebulk:hover  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -378px -260px }

#promr { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -125px -130px; }
#promr:hover  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -125px -390px; }

#proms  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -252px -130px }
#proms:hover  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -252px -390px }

#prombf  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -505px 0 }
#prombf:hover  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -505px -261px }
	
#prodessert  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -378px -130px }
#prodessert:hover  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -378px -390px }

#projoint  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -505px -130px }
#projoint:hover  { background-image: url("images/header_products.gif"); background-repeat: no-repeat; background-position: -505px -390px }

/* SUBNAV */
.facebook  { margin-top: 15px; margin-left: 10px; float: left }
.subnav  { background-image: url("images/subnav.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 16px 0 0; padding: 0 0 0 13px; float: right }
.subnav li { background-color: #FFCC00; list-style-type: none; margin: 0; padding: 1px 10px 3px; float: left; border-top: 2px solid #fff; border-right: 2px solid #fff }
.subnavnone { border-width: 0 }
.subnav a { color: #003; font-size: 0.8em; font-weight: bold; text-decoration: underline }
.hometop h1  { font-size: 1.25em; font-weight: bold; margin: 0; padding: 0 }
.hometop h2  { font-size: 1em; font-style: italic; font-weight: bold; margin: 0; padding: 0 }

.greeting  { color: #000; font-size: 10pt; font-weight: normal; text-align: right; margin: 0 20px 0 0; padding: 0 }

/* HOME */

.home, #home  { margin: 0 25px 25px; padding: 0; float: left }
.home p { font-size: 11pt; font-weight: normal }

.split { margin: 20px 0; padding: 10px 0 15px; width: 100%; float: left; border-top: 2px dashed #003; border-bottom: 2px dashed #003 }

.split h3  { color: #003; font-size: 17pt; font-weight: bold; margin: 10px 0; padding: 0 }
.split ul  { margin: 0 0 0 20px; padding: 0 }
.split ul li  { font-size: 11pt; font-weight: normal; line-height: 1.25; margin: 0 0 10px; padding: 0 }
.split-left  { margin: 0; padding: 0; width: 375px; float: left }
.split-right  { margin: 0; padding: 20px 0 0; float: right }
.split-left1 { margin: 0; padding: 15px 0 0 20px; width: 400px; float: left }
.split-left1 ul { margin: 15px 0 0 25px; padding: 0 }
.split-right1 { margin: 0; padding: 0; width: 300px; float: left }
.split a { text-decoration: underline }
.split a:hover { color: #FFCC00 }

/* home hi performance progf */
.split2 { margin:30px 0 20px; width: 750px; height: 430px; float: left}
.split2 ul  { margin: 15px 0 0; padding: 0 }
.split2 ul li  { color: #f00; font-size: 16pt; font-style: italic; font-weight: bold; margin: 0 0 10px 25px; padding: 0 }
.split2Left { margin: 0; padding: 15px 0 0 20px; width: 400px; float: left }
.split2Right { margin: 0; padding: 0; width: 300px; float: left }
.split2 a { font-size: 1em; text-decoration: underline }
.split2 a:hover { color: #FFCC00 }
.glossary { margin: 0 0 0 25px; padding: 0 }
.glossary li { margin: 5px 0; padding: 0 }
#headerNavigation    { background-image: url("images/nav-bg.jpg"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 0; height: 25px }

.headerNav1  { color: #ff3; font-size: 0.8em; font-weight: bold; padding-top: 5px; float: left }
.headerNav2  { color: #ff3; font-size: 0.8em; font-weight: bold; padding-top: 5px; float: right }

.headerNavigation { color: #ff3; font-size: 0.8em; }
.headerNavigation:hover  { color: #ffffff; text-decoration: underline }

#headerErrorM { width: 100% }
.headerError {
  font-size: 1em;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

#headerInfo {
  background: #00ff00;
}

.headerInfo {
  font-size: 1em;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
h2  { color: #003; font-size: 1.25em; font-weight: bold; margin: 0; padding: 0 }

h3 { color: #c00; font-size: 1.2em; font-weight: bold; text-align: center; margin: 1em 0 }

.prenf  { font-size: 1em }

.prenf a { color: #003; font-weight: bold; text-decoration: underline }

/* boxes */
#column_left    { margin: 10px 0 0 10px; padding: 0; width: 200px; float: left }
.module    { margin: 0; padding: 0 }

.module-1    { margin: 0; padding: 0; width: 100% }
.module-2 { text-align: center }

.product-listing   { padding: 5px 5px 3px; width: 100% }
/* BOX 2 */
/* .box1 {
	background-color: #f0f0f0;
	width: 533px;
	height: 50px;
	margin: 0 auto 15px auto;
	padding: 30px;
	border: 1px solid #d7d7d7;

	-moz-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	behavior: url(border-radius.htc);


<div class="box1"></div>
*/
/* MAIN */

#login     { background-color: #f5f5f5; margin: 0 25px 25px; padding: 0 }

.login-left    { margin: 0; padding: 10px; width: 330px; float: left }

.login-right     { margin: 0; padding: 10px; width: 330px; float: left; border: solid 5px #f5f5f5 }

#login h4  { color: #003; font-size: 1.25em; font-weight: normal; line-height: 1.5; margin: 0; padding: 0 }

#login ul   { margin: 15px 0 0 10px; padding: 0 }

#login ul li   { font-size: 0.9em; list-style-type: none; margin: 0 0 5px; padding: 0; height: 30px; float: left }

#login .title   { color: #003; font-weight: bold; line-height: 1.5; width: 150px }
#login .button { margin: 0 }
#login .forgot { font-size: 0.9em; text-decoration: underline; text-align: left; margin: 0; padding: 5px 0 0 }
/* MAIN ACCOUNT */

#main-account   { margin: 10px 75px 25px; padding: 0 }

#main-account ul  { background-color: #f5f5f5; margin: 10px 25px; padding: 5px }

#main-account ul li   { font-size: 0.9em; list-style-type: none; margin: 10px 0; padding: 0 0 0 50px }

.left  { margin: 0; width: 175px; float: left }

#main-search { margin: 10px 25px 25px }

#main-checkout    { margin: 10px 25px 25px; padding: 0 }


.new-address  { padding: 5px; width: 100%; }

.new-address ul  { margin: 20px 0; padding: 0 }
.new-address ul li   { font-size: 0.9em; list-style-type: none; margin: 10px 0; padding: 0 }



.help { background-color: #fff; margin: 3px; padding: 3px; width: 100% }
.help1 { background-color: #d0042f; text-align: left; width: 100% }
.help2 { margin: 1px; padding: 2px; width: 100% }
.div10 { width: 10px }
.main { font-size: 0.9em; line-height: 1.5 }
p, .main p { font-size: 0.9em; line-height: 1.25; margin: 0; padding: 10px }
/* MAIN PRODUCT */

.main-product  { line-height: 1.5; margin: 0; padding: 0 }
.main-product h3 { color: #003; font-size: 1.25em; font-weight: bold; text-align: left; margin: 0; padding: 0 }
.main-product p { font-size: 0.9em }
.main-product ul { font-size: 0.9em; margin: 10px 0 10px 25px; padding: 0 }
.product-links a { color: #003; font-weight: bold; text-decoration: underline }
.product-links a:hover { color: #FFCC00 }
.proms-flavors  { margin: 15px 0 25px; padding: 0; width: 710px; height: 250px }
.proms-flavors ul { margin: 0; padding: 0 }
.proms-flavors li  { color: #003; font-size: 1em; font-weight: bold; text-align: center; list-style-type: none; margin: 0 10px 0 0; padding: 10px; width: 200px; height: 225px; float: left; border: solid 2px #f5f5f5 }
.proms-flavors a:hover { text-decoration: none }
.proms-special { margin: 25px; padding: 10px }
.proms-special h3 { color: #003; font-size: 1em; font-weight: bold; background-color: #f9c; text-align: center; margin: 0; padding: 10px; border: solid 2px #eee }
.conditions,  { margin: 0 25px 25px; padding: 0 }

.info-sc  { background-color: #fff; margin: 25px; padding: 10px }

/* INFOBOX */

.infoBox      { background: #003; margin: 0 0 10px; padding: 0 }
.infoBox, SPAN.infoBox  { font-size: 0.8em }

.infoBoxContents    { font-size: 100%; background: #fdfdfd; margin: 0; padding: 0 0 0 5px }

.infoBoxNotice {  background: #FF8E90;}

.infoBoxNoticeContents {  background: #FFE6E6;  font-size: 0.8em;}

.infoBoxHeading      { color: #ffffff; font-size: 0.8em; font-weight: bold; background-color: #003; background-image: url("images/infobox/infobox-bg.gif"); background-repeat: repeat-x; background-position: 0 0; margin: 0; padding: 0; height: 28px }

.leftinfo  { list-style-type: none; margin: 0; padding: 0 }
.leftinformation li { margin: 0; padding: 0 }
.accountHistory-odd, .addressBook-odd, .alsoPurchased-odd, .payment-odd, .productListing-odd, .productReviews-odd, .upcomingProducts-odd, .shippingOptions-odd   { background: #fdfdfd }

.accountHistory-even, .addressBook-even, .alsoPurchased-even, .payment-even, .productListing-even, .productReviews-even, .upcomingProducts-even, .shippingOptions-even   { background: #f5f5f5 }

.productListing {  border: 1px;  border-style: solid;  border-color:#b6b7cb;  border-spacing: 1px;}

.productListing-heading  { color: #ff3; font-size: 0.9em; font-weight: bold; background: #003; margin: 0; padding: 5px }

.productListing-data    { font-size: 0.9em; font-weight: bold; text-align: center; padding: 10px }




A.pageResults { color: #0000FF; }

A.pageResults:hover {  color: #0000FF;  background: #FFFF33;}

.pageHeading        { color: #003; font-size: 1.5em; font-weight: bold; text-align: center; margin: 0 0 10px; padding: 10px 0 0; width: 100%; float: left }

/*PRODUCT OPTIONS AT BOTTOM*/
#product_options   { color: #150644; font-weight: bold; margin-top: 3px; margin-right: 8px; margin-left: 175px; float: left }
#product_options_title   { color: #150644; font-weight: bold; float: left }
#buy_button    { margin-top: 2px; margin-left: 8px; float: left }
/* PRODUCT INFO */

#product-info  { margin: 0 25px 25px; padding: 0 }

/* BUTTONS */

.bs-left { float: left }
.bs-right { float: right }

#product-top  { margin: 0; padding: 0; width: 100%; height: 200px }

#product-thumb  { background-color: #fff; margin: 0; padding: 10px; float: right }

#product-thumb a { color: #003; font-size: 0.9em; text-decoration: underline }

#product-thumb a:hover  { color: #FFCC00 }

/* NEW PRODUCTS */

.new-products  { background-color: #fff; text-align: center; margin-left: 75px; padding: 20px; width: 350px; border: solid 5px #f5f5f5 }

/* SHOPPING CART */
.shopping { margin: 25px; padding: 0; width: 700px; height: 500px; float: left; }

.sc-left { float: left; }
.sc-center { float: left; margin-left: 180px; }
.sc-right { float: right; }


.pageHeading-1     { color: #003; font-size: 1.5em; font-weight: bold; text-align: center; margin: 0; padding: 20px 0 0; width: 550px; float: left }

.pageHeading-logo  { margin: 10px 0 0; padding: 0; float: right }

.price { color: #003; font-size: 1.25em; font-weight: bold; margin: 0; padding: 0 10px 0 0; float: right }
.subBar {  font-size: 0.8em;  color: #000000;  background: #f4f7fd; }
.smallText {  font-size: 0.8em; }

.accountCategory {  font-size: 1.25em;  color: #aabbdd;}

.fieldKey  { font-size: 1em; font-weight: bold; width: 100px; float: left }

.fieldValue {  font-size: 1em;}

.tableHeading {
  font-size: 1em;
  font-weight: bold;
}

.newItemInCart {
  font-size: 0.8em;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 1em;
}

TEXTAREA {
  width: 100%;
  font-size: 1em;
}

.greetUser  { color: #003; font-size: 1em; font-weight: bold }

.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

.formAreaTitle {
  font-size: 1em;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 1em;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }
/* CHECKOUT */
.checkoutcrumb { background-color: #fff; text-align: right; margin: 0; padding: 10px 0; border-top: 1px solid #999 }
.checkoutcrumb div { background-color: #fff; margin: 0 20px; padding: 0; float: left }
.checkoutBarFrom, .checkoutBarTo  { color: #8c8c8c; font-size: 0.8em }
.checkoutBarCurrent  { color: #000000; font-size: 0.8em; font-weight: bold; text-decoration: underline }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 0.8em; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 0.8em; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 0.8em; background-color: #99ff00; }
/* input requirement */

.inputRequirement  { color: #ff0000; font-size: 0.8em }

.none { list-style-type: none }
.li1  { color: #00f; font-size: 1.5em; font-weight: bold; list-style-type: none }
.contactus { font-size: 1em }
.contactus ul { margin: 0; padding: 0 }
.contactus ul li { margin: 0; padding: 0 }
.bigbold { color: #000; font-size: 100%; font-weight: bold }

/* COOKIES */

.cookies  { font-size: 0.9em; line-height: 1.25; margin: 0; padding: 0 }
.cookies ol { font-size: 0.9em; line-height: 1.25 }
.cookies p  { }

.max  { font-size: 150% }

/* ALSO PURCHASED */

.also   { font-size: 100%; line-height: 1.5; background-color: #fff; border: solid 10px #f5f5f5 }

.also a { text-decoration: underline; margin: 0; padding: 0 }

/* FAQ */

.faq, .glossary  { font-size: 0.9em }

.faq li  { margin: 0; padding: 0 0 10px }

.faq li a {}

/* GLOSSARY */

.glossary li  { list-style-type: none; margin: 0; padding: 0 0 20px }

/* TIPS */

#tips   { margin: 0; padding: 10px 20px 20px; float: left }

/* RECIPES */

#recipes  { padding-left: 25px }
#recipes a { color: #003; font-weight: bold; text-decoration: underline }
#recipes ol, #recipes ol li ul { margin:0; padding: 0;}
#recipes ol li { font-size: 1.2em; font-weight: bold; margin: 10px; padding: 5px }
#recipes ol li ul li   { font-size: 1em; font-weight: normal; list-style-type: disc; margin: 5px 0 0 10px; padding: 0 }
/* TABS */

.tabs     { margin: 0; padding: 0; float: left }

.tabs_nav  { color: #3c0; list-style: none; margin: 0; padding: 0; width: 100%; height: 30px; float: left }

.tabs_nav li   { line-height: 30px; margin: 0; padding: 0; position: relative; width: 120px; height: 30px; float: left; overflow: hidden }

.tabs_nav li a    { color: #000; font-size: 1em; text-decoration: underline; display: block; padding: 0 }

.tabs_nav li:hover   { text-decoration: none }

html .tabs_nav ul li.active, html tabs_nav ul li.active:hover   { background: #fff; }

.tabs_diets  { width: 120px; height: 30px }

.tab_container   { margin: 0; padding: 0; float: left; clear: both; -khtml-border-radius-bottomleft: 10px; -khtml-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px  }

.tab_content     { color: #000; font-size: 0.8em; padding: 20px }

.tab_content h2    { color: #300; font-size: 1.5em; font-weight: normal; margin: 10px 0; padding: 0 0 10px; border-bottom: 1px dashed #300 }

.tab_content p  { margin: 0; padding: 9px 0 5px }

.tab_content img      { margin: 10px 20px 20px 0; padding: 5px;  float: right; overflow: hidden; border-width: 0 }

.tab_left  { }

.tab_left ul    { margin: 0 0 10px 25px; padding: 0 }

.tab_left ul li    { background-color: #f5f5f5; margin: 0; padding: 5px 0; width: 400px }

.tab_right  { background-color: #ffc; margin: 0; padding: 0; }
.tab_right ul { margin: 0; padding: 0 }
.tab_right ul li  { list-style-type: none; margin: 0; padding: 0; float: left }

h4  { font-size: 1em; font-weight: bold; text-decoration: underline; margin: 10px 0 0; padding: 0 }

.note  { background-color: #FFCC00; margin: 10px; padding: 20px }
.note h3 { font-size: 1em; font-weight: bold; text-align: center }
.highlight { color: #300; font-style: italic; font-weight: bold }

.continue  { color: #300; text-align: left }

.continue:hover { color: #933 }

.tab_footer  { margin-top: 1px; width: 480px; height: 12px }
#photos { margin-bottom: 10px }
#photos ul  { list-style-type: none; margin: 0 0 20px; padding: 0 }
#photos ul li { margin: 0; padding: 0 }
.photo-title, .photo-subtitle, .photo-back { font-weight: bold; text-align: center; }
.photo-title { color: #003; font-size: 1.25em;  }
.photo-subtitle { color: #000; font-size: 1em; }
.photo-back  { color: #003; font-size: 0.75em; text-decoration: underline }
#photos img { margin: 0; padding: 0; width: 168px; height: 100px }
.photo-main  { text-align: center; list-style-type: none; margin: 0; padding: 0; float: left }
.photo-main li { text-align: center; list-style-type: none; margin: 10px 0 25px; padding: 0 }
/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer { background-color: #FFCC00; margin: 0 auto; position: relative; width: 260px; height: 250px }
#imageContainer { padding: 10px }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.png) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.png) right 15% no-repeat; }

#imageDataContainer { font: 10px/1.4em Verdana, Helvetica, sans-serif; background-color: #FFCC00; margin: 0 auto; width: 100%; overflow: auto }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }