/* There are some layout features included in this document.  Each line applying to each one
  is marked as follows (in case you need to remove them).  When changing the value of properties marked 
  with these tags you should leave the original value in a comment so changes can be easily scanned.
  
  	[xxx] feature name
*/




/*****************************************************************************************
 *			Imports
 ****************************************************************************************/

@import url("standard.css");
@import url("primary-navigation.css");
@import url("secondary-navigation.css");
@import url("section-colors.css");





/*****************************************************************************************
 *			Main document sections layout
 ****************************************************************************************/

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #fff;
	text-align: center; /* center the #page element in IE5/win [cfw] */
	background-color: #000000;
}

#page {
	position: relative; zoom: 1;
	width: 949px; /* max page width to not scroll at 800x600 [cfw] */
	text-align: left; /* reset the text alignment after IE5/win hack above [cfw] */
	margin: 0 auto; /* ceneter the #page element in all but IE5/win [cfw] */
}

body.is-popup #page 
{
	width: 98%;
}

#lava {
	position: absolute;
	width: 50%;
	left: 50%;
	background: url(../images/backgrounds/bg_lava_new.gif) no-repeat top left;
	height: 347px;
	margin-left: -1px;
}

.home-section #lava {
	margin-top:-29px;
}

#page #header {
	position: relative; 
	height: 254px;
	min-height: 254px;
	_height: 254px;
	width: 951px;
}

body.home-section #page #header {
	position: relative;
	height: 423px;
	min-height: 423px;
	_height: 423px;
}

#page #section-title {

}

#page #content {

}

#primary-navigation {
	float: left;
	width: 0;
	height: 0;
}

#primary-navigation ul {
	position: absolute;
	top: 26px; /* just below header */
	left: 203px; /* drop shadow space */
	width: 513px;
	height: 50px;
	z-index: 1;
}

/* breathe in at the left a little to make room for secondary nav */
body.has-secondary-navigation #page #content {
	float: right; display: inline;
	margin-left: -210px;
	width: 100%;
}

/* push content away from space where secondary nav will be */
body.has-secondary-navigation #page #content-inner {
	padding-left: 205px;
}

/* move into the space we created next to #content */
#page #secondary-navigation {
	float: left; 
	width: 200px;
	margin: 0;
	padding: 0;
	margin-top: 5px;
}

#page #breadcrumb {
	float: left;
	width: 0;
	height: 0;
}

#page #breadcrumb ol {
	position: absolute;
	left: 20px;
	top: 288px;
	z-index: 1;
	width: 500px;
	font-size: 1em;
}

body.has-secondary-navigation #page #breadcrumb ol {
	position: absolute;
	left: 225px;
	top: 288px;
	z-index: 1;
	width: 500px;
	font-size: 1em;
}

#page #breadcrumb ol a {
	color: #fff;
	
}

#page #footer {
	clear:both;
}


/*******************************************************************************************
 *             Category Product List styles
 *******************************************************************************************/

#page #main p.category-callout 
{
	margin-top:7em;
	color: #E63A01;
	font-weight:bold;
	line-height: normal;
	font-size: 1.2em;
	font-style:italic;
}

#page #main .category-product-list h3
{
	margin-top:0;
	margin-bottom:0;
	font-size: 150%;
}

#page #main .category-product-list div
{
	width: 100%;
	border-top: 1px solid #4e4e4e;
	display: block;
	margin: 0.8em 0 0 0;
	padding: 0.8em 0 0 0;
}

#page #main .category-product-list div.first-product
{
	padding-top: 0;
	border-top: none;
}

#page #main .category-product-list p
{
	
}

#page #main .category-product-list p.links
{
	color: #E63A01;
}

#page #main .category-product-list p.links a
{
}

/*****************************************************************************************
 *			Page layout / styles
 ****************************************************************************************/

#page {

}

#page-inner {

}




/*****************************************************************************************
 *			Header internal layout / styles
 ****************************************************************************************/

#header {

}

#header #logo .ascendlogo
{
	visibility: hidden;
}

#header #logo a
{
	background: url(../images/ascend_logo.gif) no-repeat top left;
}

#header #logo a {
	position: absolute;
	left: 39px;
	top: 18px;
	height: 161px;
	width: 160px;
}

body.home-section #header #logo a {
	left:19px;
	top:7px;
	background: url(../images/ascend_logo_home.gif) no-repeat top left;
}

#header #logo a img {
	xmargin: 0 0 0 -10000px;
}

#header #shopping-details {
	margin: 8px 0px 0 0;
	float: right; display: inline;
	width: 228px;
	height: 40px;
	background: url(../images/backgrounds/bg_shopping_org.gif) no-repeat top left;
}

#header #quick-buy-link {
	float: left;
	padding: 0 0 0 8px;
	color:#FFF;
}

#header #quick-buy-link a {
	height: 19px;
	width: 69px;
	display: block;
	color:#FFF;
}

#header #quick-buy-link a span {
	background-image:url(../images/buttons/but_quick.gif);
	background-position: -8px 0 ;
}

#header #quick-buy-link a:hover span {
	background-position: -8px -19px;
}

#header #your-account-link {
	float: left;
}

#header #your-account-link a {
	height: 19px;
	width: 67px;
	display: block;
}

#header #your-account-link a span {
	background-image:url(../images/buttons/but_youraccount.gif);
	background-position: -8px 0;
}

#header #your-account-link a:hover span {
	background-position: -8px -19px;
}

#header #shopping-cart-link {
	float: left;
	padding-right: 0;
}

#header #shopping-cart-link a {
	height: 19px;
	width: 84px;
	display: block;
}

#header #shopping-cart-link a span {
	background-image:url(../images/buttons/but_shoppingcart.gif);
	background-repeat: no-repeat;
	background-position: right 0;
}

#header #shopping-cart-link a:hover span {
	background-position: right -19px;
}

#header #cart-details {
	float: right;
	padding: 3px 15px 0 0px;
	font-size: 0.833em;
	display:inline;
}

#header #cart-details a {
	color: #fff;
}

/************************
 * Header links
 ************************/

#header ul#header-links {
	float:  right; display: inline;
	margin:  0;
	padding: 0;
	list-style: none;
}

#header #header-links li {

}

/*****************************************************************************************
 *			Footer internal layout / styles
 ****************************************************************************************/

#footer {
	margin: 0;
	border-top: 1px solid #4e4e4e;
	padding-bottom: 40px;
	position: relative;
}

#footer #footer-extra 
{
	clear: both;
	height: 70px;
	margin-top: 20px;
	padding-top: 20px;
	_behavior: url(/common/style/iepngfix.htc);
	background-position: center bottom;
}

/************************
 * Copyright statement
 ************************/
 
#footer #copyright {
	line-height: 17px; /*should be the height of the areeba logo*/
	float: left;	
	display: inline;
	margin: 7px 2em  0 20px;
	vertical-align: middle;
}


/************************
 * Footer Links
 ************************/
 #footer a {
	color: #666;
	z-index: 1;
	position: relative;
	font-size: 0.85em;
	font-style: italic;
	text-decoration: none;
}

#footer ul#footer-links {
	float: left; display: inline;
	margin: 0;
	padding: 0.5em 0 0 0;
}

#footer #footer-links li 
{
	float: left;
	display: inline;
	line-height: 16px;
	margin: 0 1em 0 0; 
	z-index: 1;
	position: relative;
}


/************************
 * Site by Areeba Link
 ************************/
 
#footer #site-by-areeba-link 
{
	display: inline;
	float: right;
	margin: 0.5em 0.5em 0 0;
	display: none;
}

#footer #site-by-areeba-link a,
#footer #site-by-areeba-link a:hover span.aText 
{
	z-index: 1;
	position: relative;
	text-decoration: none;
}

#footer #site-by-areeba-link span.aText  
{
	z-index: 1;
	position: relative;
	vertical-align: middle;
	text-decoration: underline;
}

#footer #site-by-areeba-link img {
	vertical-align: top;
}




/*****************************************************************************************
 *		 	Breadcrumb internal layout / styles
 ****************************************************************************************/

#breadcrumb ol {
	position: absolute;
	height: 1em;
	line-height: 1em;
}

#breadcrumb ol li {
	background-image: url(../images/bullets/bul_breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	border: none;
	padding: 0 10px 0 12px;
	margin: 0 10px 0 -12px;
}

#breadcrumb ol li:first-child {
	background-image: none;
}

#breadcrumb a {

}




/*****************************************************************************************
 *			Section Title internal layout / styles
 ****************************************************************************************/

#section-title {

}

#section-title-inner {
	height: 100%;
}

#section-title h1 {
	height: 100%;
}

#section-title span {
	background-position: left bottom;
	background-repeat: no-repeat;
}




/*****************************************************************************************
 *		 	Page Title internal layout / styles
 ****************************************************************************************/
#page-title {
	margin-top: 30px;
}

#page-title h1,
#second-page-title h1 {
	font-size: 2.5em;
	text-transform: uppercase;
	margin-bottom: 0.25em;
}

#second-page-title {
	margin-top: 0;
	margin-bottom:0;
}

#second-page-title h1 {
	margin-bottom:0;
}


/*****************************************************************************************
 *		 	Content area internal layout
 ****************************************************************************************/

#content {
	position: relative; 
}

/************************
 * No sub content
 ************************/

#content #main {
	/* insert a bit of content padding on the right */
	xmargin-right: 15px;
	z-index: 1;
	position: relative;
}

#content #main-inner {
	margin-bottom: 40px;
	margin-right: 9px;
	min-height: 180px;
	_height: 180px;
}

body.home-section #content #main-inner {
	margin-bottom: 0px;
	margin-right: 0px;
}

/************************
 * With sub content
 ************************/

/* prep the main content, leaving room beside it for sub content */
body.has-sub-content #content #main {
	float: left; display: inline;
	width: 100%;
	padding: 0;
	margin: 0;
}

/* leave room for side content to sit, it get's shifted into this space */
body.has-sub-content #content #main-inner {
	margin-right: 210px; /* sub content width + 15px * 2 margin each side of sub content */
}

/* prep the main content, leaving room beside it for sub content */
body.has-sub-content #content #product-overview {
	float: left; display: inline;
	width: 100%;
	padding: 0;
	margin: 0;
}

/* leave room for side content to sit, it get's shifted into this space */
body.has-sub-content #content #product-overview-inner {
	padding-right: 200px; /* sub content width + 15px * 2 margin each side of sub content */
}


/* shift the sub content into the space left by #main-inner */
body.has-sub-content #content #sub {
	float: right; display: block;
	margin-left: -190px;
	width: 188px;
	margin-top: 6px;
	position: relative;
	z-index: 1;
}


/************************
 * Top of page Link
 ************************/
 
#top-page-link {
	margin-top: 3em;
}

#top-page-link a {
	display: block;
	float:  left; display: inline;
	padding-left: 13px;
	background: url(../images/backgrounds/bg_top.gif) transparent left center no-repeat;
}




/*****************************************************************************************
 *			Content styles for custom classes and id's
 ****************************************************************************************/
 
 /************************
 * Link lists
 ************************/

ul.links-list,
.category .category-details ul 
{
	list-style: none;
	padding: 0;
}

ul.links-list li,
.category .category-details ul li {
	background: url(../images/bullets/bul_breadcrumb.gif) transparent 0 6px no-repeat;
	padding: 0 0 0 12px;
	margin: 7px 0;
}

.links-list ul {
	list-style: none;
	padding: 0;
	margin: 10px 0;
}

.links-list ul li {
	background: url(../images/bullets/bul_breadcrumb.gif) transparent 0 6px no-repeat;
	padding: 0 0 0 12px;
	margin: 7px 0;
}


/************************
 * More Link
 ************************/
 
.more-link {
	height: 1em;
} 

.more-link a {

}

.cartitem-nolink
{
	color: #E63A01;
} 

/************************
 * USER NOTES (message box type stuff)
 ************************/
.important, .success, .error, .error-small, .cancelled {
	padding: 20px 20px 20px 30px;
	margin: 1em 0;
	background-position: 20px 20px;
	background-repeat: no-repeat;
}

.important {
	color:#725A00;
	xbackground-color: #FFFAE6;
	border: 1px solid #FAC71E;
}

.success {
	color:#51cd49; 
	xbackground-color: #f4fcf4;
	border: 1px solid #51cd49;
}

.error {
	color: #f68b1e;
	xbackground-image: url(../images/icons/ico_error.gif);
	xbackground-color: #fff1f1;
	border: 1px solid #503317;
}

.error-small {
	color: #f68b1e;
	xbackground-image: url(../images/icons/ico_error.gif);
	xbackground-color: #fff1f1;
	border: 1px solid #503317;
	width: 50%;
}

.cancelled {
	color: #FF0000;
	background-image: url(../images/icons/ico_cancelled.gif);
	xbackground-color: #fff1f1;
	border: 1px solid #f9221d;
}

/************************
 * Form prompt text
 ************************/
input.displayingPromptValue {
	color: #666;
}



/*****************************************************************************************
 *			Sub content styles
 ****************************************************************************************/
#content #sub h2 
{
	color: #fff;
	font-size: 1.09em;
	font-weight: bold;
	padding-top: 0;
	line-height: 1.2;
}



/************************
 * Image with caption
 ************************/
 
#content #sub dl.captioned-image {
	margin: 0 0 2.5em 0;
}

#content #sub dl.captioned-image dd {
	margin: 0;
	padding: 0.5em 1em;
	font-size: 0.91667em;
}


/************************
 * blockquote
 ************************/
 
#content #sub blockquote {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 11px 23px;
	font-size: 1.27em;
}


/************************
 * download science page pdf
 ************************/

/* fix spacing issue in IE6 with RHS content boxes */
#content #sub #random-product{
	_padding-top: 20px;
}

#content #sub #download-pdf{
	padding-top: 10px;
	zoom: 1;
}
    
#content #sub #download-pdf a {
	height: 23px;
	width: 189px;
	display: block;
}

#content #sub #download-pdf a span {
	background-image: url(../images/buttons/but_downloadnormalpdf.gif);
	background-position: 0 0;
}

#content #sub #download-pdf a:hover span {
	xbackground-position: 0 -23px;
}

/************************
 * download product pdf
 ************************/

#content #sub #product-faq,
#content #sub #product-pdf{
	padding-top: 10px;
	zoom: 1;
}
    
#content #sub #product-pdf a {
	height: 23px;
	width: 189px;
	display: block;
}

#content #sub #product-pdf a span {
	background-image: url(../images/buttons/but_downloadpdf.gif);
	background-position: 0 0;
}

#content #sub #product-pdf a:hover span {
	xbackground-position: 0 -23px;
}

#content #sub #product-faq a {
	height: 23px;
	width: 189px;
	display: block;
}

#content #sub #product-faq a span {
	background-image: url(../images/buttons/but_productfaq.gif);
	background-position: 0 0;
}

#content #sub #product-faq a:hover span {
	xbackground-position: 0 -23px;
}

#content #sub .links-list  {
	font-size: 1em;
}

#content #sub .links-list,
#content #sub .links-list a {
	color: #FFFFFF;
}

#content #sub img.featureImage 
{
	
}

#content #sub .related-item 
{
	text-align: center;
}

#content #sub .related-item a,
#content #sub .related-item a:hover,
#content #sub .related-item a:visited,
#content #sub .related-item a:active
{
	color: #fff;
	font-size: 1.5em;
	text-decoration: none;
}


#content #sub .related-item img
{
	text-align: center;
	display: inline;
}

#content #sub .related-item .related-item-title 
{
	display: block;
	
}


/*****************************************************************************************
 *			Content page styles
 ****************************************************************************************/
/****************************
* Product Content
****************************/
#content #product-content{
	xmargin-top: 30px;
}

#content #product-content h2 {
	color: #e63800;
	font-size: 1em;
}

#content #product-content img.category-header-image,
#content #product-details img.category-header-image
{
	padding: 0;
	border: none;
}

#content #product-content img.ascend-531, /* ascend elite logo styling */
#content #product-details img.ascend-531
{
	margin: 0 0 -0.8em -0.3em;
}
#content #product-content img.ascend-530, /* ascend sport logo styling */
#content #product-details img.ascend-530
{
	margin: 0 0 -0.3em 0;
}

#content a.back-to-top
{
	float:right;
	font-size:0.91135em;
	margin-left:0;
	width:80px;
	text-align:right;
}

/*#content #product-content b,
#content #product-content strong {
	color: #e73a00;
}*/

body.product-section #content #product-content{
	float: right;
	width: 55%;
	xmargin-top: 30px;
}

body.product-section #content #product-content h2 {
	color: #e63800;
	font-size: 1em;
}

body.product-section #content #product-content fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

body.product-section #content #product-content .formItem {
	float: left;
	width: 100%;
	margin: 2px 0;
}

body.product-section #content #product-content .productForm {
	margin: 10px 0 10px 0;
	padding: 10px 0 12px 0;
	border: none;
	border-top: 1px solid #4e4d4e;
	border-bottom: 1px solid #4e4d4e;
}

body.product-section #content #product-content label {
	float: left;
	font-size: 1em;
	font-weight: bold;
	vertical-align: middle;
	clear: both;
	padding: 3px 0 0 0;
	margin: 0;
}

body.product-section #content #product-content input,
body.product-section #content #product-content select {
	float: right;
	background-color: black;
	border: 1px solid #909090;
	color: #fff;
	font-size: 1em;
	padding: 2px;
	display: inline;
}

body.product-section #content #product-content input {
	width: 20%;
	text-align: right;
	margin-left: 2px;
}

body.product-section #content #product-content input.buynow {
	width: 84px;
	border: none;
	float: none;
	margin-left: -2px;
}

body.product-section #content #product-content select {
	width: 60%;
}

#content #product-content dl.productDetails  {
	padding: 0;
	margin: 0;
	width: 100%;
	display: inline;
	float: left;
}


#content #product-content .productDetails dt {
	float: left;
	padding: 5px 0 5px 0;
	margin: 0;
	font-size: 1em;
	clear: both;
	width: 40%;
}

#content #product-content .productDetails dt.discount,
#content #product-content .productDetails dd.discount 
{
	color: #f03f1e;
}

#content #product-content .productDetails dd {
	float: right;
	width: 50%;
	text-align:right;
	margin: 0;
	padding: 5px 5px 5px 0 ;
	font-size: 1em;
}

#content #product-image {
	float: left;
	margin-top: 35px;
}


/****************************
* Quick Buy
****************************/

body #content #quick-buy div.formItem {
	text-align: right;
}

body #content #quick-buy input.addtocart {
	width: 84px;
	border: none;
}

/****************************
* Category Listing
****************************/

#content #product-content .category 
{
	width: 100%;
	border-top: 1px solid #4e4e4e;
	display: block;
	margin: 1.5em 0 0 0;
	padding: 1.5em 0 0 0;
}
#page #content #product-content .first-category
{
	padding-top: 0;
	border-top: none;
}

#content #product-content .category b,
#content #product-content .category strong
{
	color: #fff;
}

#content #product-content .category .category-image 
{
	float: left;
	width: 200px;
	display: block;
	margin-top: 5px;
}

#content #product-content .category .category-details 
{
	float: right;
	width: 58%;
}

#content #product-content .category .category-details h2
{
	font-size: 3em;
	text-transform: uppercase;
	margin-bottom: 0.15em;
	margin-top:0;
	color: #fff;
	font-weight: normal;
}

#content #category-logo 
{
	float: left;
	margin-top: 30px;
	margin-right: 1.5em;
	width: 160px;
}

#content #category-content
{
	float: right;
	width: 64%;
	margin: 0;
	padding: 0;
}

/*#content #category-content .category-desc b,
#content #category-content .category-desc strong
{
	color: #e63a01;
}*/

#content .SingleProductDisplay 
{
	float: left;
	width: 33%;
	text-align: center;
}

#content .SingleProductDisplayImage 
{

}

#content .SingleProductDisplayName
{
	padding: 0.5em 0 0.5em 0;
	text-transform: uppercase;
}

#content .SingleProductDisplayName a,
#content .SingleProductDisplayName a:hover,
#content .SingleProductDisplayName a:active,
#content .SingleProductDisplayName a:visited
{
	font-size: 1.5em;
	color: #fff;
	text-decoration: none;
}

#content .SingleProductDisplayDesc
{
	margin:  0 0.5em 1.5em 0.5em;
	font-size: 1em;
}

#content .SingleProductDisplayDesc a,
#content .SingleProductDisplayDesc a:hover,
#content .SingleProductDisplayDesc a:active,
#content .SingleProductDisplayDesc a:visited
{
	color: #adafb2;	
}

#content .SingleProductDisplayDesc p.links
{
	margin-top: 1em;
	color: #E63A01;	
}

#content .SingleProductDisplayDesc p.links a,
#content .SingleProductDisplayDesc p.links a:hover,
#content .SingleProductDisplayDesc p.links a:active,
#content .SingleProductDisplayDesc p.links a:visited
{
	margin-top: 1em;
	color: #E63A01;	
}


/****************************
* Product Overview
****************************/

#content #product-overview {
	xborder: 1px solid red;
}


/****************************
* Product Details
****************************/
#content #product-details {
	float: left;
	margin: 0;
	padding: 0;
	margin-right: 133px;
	width: 356px;
}

#content #product-charts {
	float: right;
	width: 133px;
	margin: 0;
	margin-left: -133px;
}

#content #product-charts img {
	padding-bottom: 6px;
}

#content #product-details h3 {
	color: #df4c00;
	font-size: 1.333em;
	padding: 0;
	margin: 0 0 0.25em 0;
}

#product-details table#nutrition {
	background: url(../images/backgrounds/bg_nutritional_table.gif) top left no-repeat; 
	width: 356px;
	border: none;
	border-collapse: collapse;
	padding: 0;
	margin: 1em 0 1.5em 0;
	border-spacing: 0px;
	font-size: 1em;
}

#product-details table#nutrition tbody th,
#product-details table#nutrition tbody td {

}

#product-details table#nutrition thead th  {
	background-color: transparent;
	border: none;
	height: 28px;
	padding: 0;
	margin: 0;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

#product-details table#nutrition thead th.col1 {
	width: 201px;
}
#product-details table#nutrition thead th.col2 {
	width: 78px;
}

#product-details table#nutrition tbody th {
	background-color: transparent;
	border: 1px solid #313030;
	padding-left: 10px;
	font-weight: normal;
}

#product-details table#nutrition tbody tr.highlight th,
#product-details table#nutrition tbody tr.highlight td {
	background-color: #252525;
}

#product-details table#nutrition tbody td {
	background-color: transparent;
	border: 1px solid #313030;
	text-align: center;
}

#content #product-details #product-pdf2  {
	margin-top: 1.5em;
	width:192px;
	float:left;
}

#content #product-details #product-pdf2 a {
	height: 48px;
	width: 187px;
	display: block;
}

#content #product-details #product-pdf2 a span {
	background-image: url(../images/buttons/but_downloadProPDF.jpg);
	background-position: 0 0;
}

#content #product-details #product-pdf2 a:hover span {
	xbackground-position: 0 -23px;
}

#content #product-details #buy-now-button  {
	margin-top: 1.5em;
	float:left;
}

#content #product-details #buy-now-button a {
	height: 38px;
	width: 84px;
	display: block;
}

#content #product-details #buy-now-button a span {
	background-image: url(../images/buttons/but_buynow.gif);
	background-position: 0 0;
}

#content #product-details #buy-now-button a:hover span {
	xbackground-position: 0 -23px;
}

#content #product-details #product-faq2 a {
	height: 23px;
	width: 189px;
	display: block;
}

#content #product-details #product-faq2 a span {
	background-image: url(../images/buttons/but_productfaq.gif);
	background-position: 0 0;
}

/*************************************************
* Admin/Shopping Cart Styles
**************************************************/
#content #admin-content{
	margin-top: 30px;
}

#content #admin-content h2 {
	color: #fff;
	font-size: 1.5em;
	
}

#content #admin-content h3 {
	color: #e63800;
	font-size: 1.1667em;
	margin: 0;
	padding: 0.75em 0 0 0;
	xline-height: 1em;
}

#content #admin-content h4 {
	color: #fff;
	font-size: 1em;
	font-weight: normal;
	padding: 0.5em 0;
}

#content #admin-content .display-col
{
	float: left;
	width: 35%;
	padding: 0 1em 0 0;
}

#content #admin-content .display-col-float
{
	float: left;
	padding: 0 7em 0 0;
}

#content #admin-content .cols
{
	padding-bottom: 1em;
	display: block;
	clear: both;
}

#content #admin-content .instructions
{
	padding: 1.5em 0;
	display: block;
}

#content #admin-content .table-summary
{
	padding-bottom: 1em;
	display: block;
	font-size: 1em;
}

#content #admin-content .admin-button 
{
	clear: both;
	display: block;
}

#content #admin-content .admin-button-checkout 
{
	clear: both;
	display: block;
	float: right;
}

#content .admin-fields 
{
	float: left;
	width: 55%;
	margin-bottom: 1.5em;
}

#content input.cartfield,
#content input.cartfield-left {
	background-color: black;
	border: 1px solid #313030;
	color: #fff;
	font-size: 1em;
	margin: 0;
	padding: 2px !important;
	text-align: right;
}

#content input.cartfield-left 
{
	text-align: left;
}

#content .checkout-address
{
	font-size: 1em;
}

/**************************************************
*     Login form field layout      
**************************************************/
#content .login-fields 
{
	float: left;
	width: 47%;
	margin-bottom: 1.5em;
}

#content .login-divider
{
	padding-left: 1.5em;
	margin-left: 1.5em;
	border-left: 1px solid #2c2b2b;
}

#content .login-fields h3 
{
	color: #e63a01;
}

/**************************************************
 * General Table Style
 **************************************************/
#content .datatable-wrapper {
	margin: 0;
	background: url(../images/backgrounds/bg_datatable_right.gif) top right no-repeat;
	margin-bottom: 1em;
	_height: 0;
}

#content .datatable-wrapper-inner{
	margin: 0;
	paddding: 0;
	background: url(../images/backgrounds/bg_datatable_left.gif) 0px 0 no-repeat;

}

#content table.datatable-hidden 
{
	border: none;
	padding: 0;
	margin: 0;
	border-collapse: separate;
}

#content table.datatable-hidden td,
#content table.datatable-hidden tr
{
	border: none;
	padding: 0;
	margin: 0;
	border-collapse: separate;
}

#content table.datatable {
	border: none;
	padding: 0;
	margin: 0;
	font-size: 1em;
	border-collapse:collapse;
}

#content table.datatable tr.head td  {
	background-color: transparent;
	border: none;
	padding: 0;
	height: 30px;
	margin: 0;
	text-align: left;
	text-transform: uppercase;
	vertical-align: middle;
	font-weight: bold;
	padding-right: 1em;
	font-size: 0.91667em;
}

#content table.datatable tr td.center,
#content table.datatable tr.head td.center,
#content table.datatable tr td.center p,
#content table.datatable tr.head td.center p,
#content table.datatable tr.head td p.center
{
	text-align: center;
	margin: 0;
} 

#content table.datatable tr td.right,
#content table.datatable tr.head td.right,
#content table.datatable tr td.right p,
#content table.datatable tr.head td.right p,
#content table.datatable tr.head td p.right
{
	text-align: right;
	margin: 0;
} 

#content table.datatable tr td p {
	margin: 0;
	border-left: 1px solid #313030;
	vertical-align:baseline;
	font-size: 1em;
	padding: 0 0 0 1em;
}

#content table.datatable tr td.first p {
	border: none;
}

#content table.datatable tbody tr.highlight th,
#content table.datatable tbody tr.highlight td {
	background-color: #252525;
}

#content table.datatable td {
	background-color: transparent;
	border: 1px solid #313030;
	text-align: left;
	padding: 0.25em 1em;
	vertical-align: top;
}

#content table.datatable td p {
	vertical-align: top;
}

#content table.datatable tr.altrow td 
{
	background-color: #0e0e0e;	
}

#content table.datatable tr.subtotal td 
{
	border: none;
	border-bottom: 1px solid #313030;
}

#content table.datatable tr.subtotal td.subtotal-title 
{
	font-weight: bold;
	text-align: right;
	padding: 0.5em 0;
}

#content table.datatable tr.subtotal td.subtotal-value 
{
	font-weight: bold;
	text-align: center;
	padding: 0.5em 0;
}


#content table.datatable-subtotal 
{
	border: none;
	width: 50%;
	float: right;
	clear: both;
}

#content table.datatable-subtotal tr
{
	vertical-align:top;
}

#content table.datatable-subtotal th
{
	text-align: right;
}

#content table.datatable-subtotal td
{
	padding-right: 1.5em;
	text-align: right;
	padding-bottom: 0.5em;
	font-weight: bold;
}

#content table.datatable-subtotal td.grand-total,
#content table.datatable-subtotal th.grand-total
{
	border-top: 1px solid #313030;
	font-size: 1.3em;
	font-weight: bold;
}

#content table.datatable-subtotal td.grand-total 
{
	padding-right: 1em;
}

#content table.datatable-subtotal td.gst 
{
	text-align:right;
	font-weight:normal;
	font-size: 0.91135em;
}

div.terms-accept-box
{
	padding-top:1em;
	padding-bottom:0;
	text-align:right;
	float:right;
	display:block;
	clear:both;
}


/*****************************************************************************************
 *            hint stuff
 *****************************************************************************************/

#main div.hint
{
	border:1px solid #503317;
	float:left;
	clear: both;
	display: block;
	padding:0.2em 0.5em 0 0.5em;
	font-size:0.91135em;
}

#main div.hint b
{
	color:#f68b1e;
}

/*****************************************************************************************
 *            free shipping message
 *****************************************************************************************/

#free-shipping-message
{
	border: 1px solid #503317;
	background-color: #000;
	padding: 8px 10px;
	margin-bottom: 10px;
}

#free-shipping-message b
{
	color: #f68b1e;
}

/*****************************************************************************************
 *			Home page styles
 ****************************************************************************************/



/*****************************************************************************************
 *			Home page quicklinks
 ****************************************************************************************/

#content #main #quick-links {
	position: relative; /* Create a new positioning context for the child elements */
	width: 949px;
	height: 280px;
}

/**************************************************
 * Quicklinks box styles
 **************************************************/
#content #main #quick-links div {
	position: absolute;
	top: 0;
	left: 0;
	width: 270px;
	height: 53px;
}

#content #main #quick-links div div { /* THIS IS A MASSIVE HACK TO GET IE6 TO HAVE CLICKABLE LINKS INSIDE THE PNGFX */
	width: 100%;
	height: 100%;
	background: url(../images/homepage/channels.jpg) no-repeat top left;
	behavior: url(/common/style/iepngfix.htc);
	z-index: 2;
}

#content #main #quick-links #recovery-box div { background-image: url(../images/homepage/info-100percent1.jpg); }
#content #main #quick-links #latest-news-box div { background-image: url(../images/photos/latest-news-box.png); }
#content #main #quick-links #where-to-buy-box div {
	background-image: url(../images/homepage/findascend.png);
}
#content #main #quick-links #large-box div { background-image: url(../images/homepage/promo.png); }

/* Box specific styles */
#content #main #quick-links #recovery-box {
	top: 192px;
	left: 0px;
	width: 667px;
	height: 53px;
}

#content #main #quick-links #latest-news-box {
	top: 185px;
	left: 317px;
	width: 311px;
	height: 183px;
}

#content #main #quick-links #where-to-buy-box {
	left: 674px;
	width: 270px;
	height: 174px;
	top:10px;
}

#content #main #quick-links #large-box {
	top: 10px;
	width: 667px;
	height: 174px;
}

#content #main #quick-links #ascend-science-box {
	top: 192px;
	left: 675px;
	width: 270px;
}

/**************************************************
 * Quicklinks link styles
 **************************************************/
#content #main #quick-links div a {
	display: block;
	text-indent: -9999em;  /* This is a bit of a hack, does not work with images turned off and css still on */
	outline: none;
	position: absolute;
	top: 18px;
	left: 145px;
	width: 50px;
	height: 25px;
	cursor: hand;
	z-index: 9999;
}

#content #main #quick-links #latest-news-box a {
	width: 135px;
	top: 136px;
	left: 136px;
}

#content #main #quick-links #where-to-buy-box a {
	width: 90px;
	top: 98px;
	left: 18px;
}

#content #main #quick-links #where-to-buy-box a#retailers-link {
	
}

#content #main #quick-links #where-to-buy-box a#shop-link {
	top: 133px;
}

#content #main #quick-links #large-box a#recovery {
	width: 130px;
	top: 155px;
	left: 1032px;
}

#content #main #quick-links #large-box a#muscle {
	width: 130px;
	top: 132px;
	left: 445px;
}


#content #main #quick-links ascend-science-box a {
	width: 50px;
	top: 20px;
	
}

#content #main #quick-links #ascend-science-box a#youtube-link {
	left: 110px;
}

#content #main #quick-links #ascend-science-box a#facebook-link {
	left: 185px;
}

#content #main #quick-links #ascend-science-box a#twitter-link {
	left: 225px;
}


/*****************************************************************************************
 *			general styles
 ****************************************************************************************/


#content h6
{
	font-size: 1em;
	color: #e73a00;
	margin: 0 1em 1em 0;
}

/*****************************************************************************************
 *			Section index page styles
 ****************************************************************************************/

/************************
 * section index boxes
 ************************/




/*****************************************************************************************
 *			Utility styles
 ****************************************************************************************/

/************************
 * PIPELIST: a list which is displayed inline with ' | ' as a seperator
 ************************/

.pipe-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.pipe-list li {
	float:  left; display: inline;
	background-image: none;
	border-left: 1px solid black;
	padding: 0 5px 0 5px;
	margin: 0 5px 0 -5px;
}

.pipe-list li:first-child { 
	border-left: 0;
}

h2.order-details-subheader 
{
	display:block;
	clear:both;
	border-bottom:1px solid #FFF;
	width:100%;
}

/************************
 * font and print page controls
 ************************/

#textresize,
#textresizecart
{
	position: absolute;
	top: 280px;
	right: 200px;
	z-index: 1000;
	width:90px;
	height: 10px;
	_height:10px;
}

#textresizecart
{
	right: 0;
}

ul#page-controls {
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	margin-right: 15px;
}

ul#page-controls li {
	float: left; display: inline;
	margin: 0 0 0 5px;
	padding: 0;
	width: 29px;
	height: 25px;
	text-indent: -1000px;
}

ul#page-controls li.arb-hover {
	cursor: hand;
	cursor: pointer;
}

ul#page-controls li#font-size-up-control span {
	background-image: url(../images/buttons/but_aplus.gif);
}

ul#page-controls li#font-size-down-control span {
	background-image: url(../images/buttons/but_aminus.gif);
}


/************************
 *  BOX: a generic resizable (any direction) round cornered box
 ************************/
.productbox {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/bg_productbox_topLeft.gif);
	display: block;
	position: relative;
	bottom: 20px;
	margin: 36px 0 -38px 0;
}

.productbox-inner-one {
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/bg_productbox_topRight.gif);
	right: -7px;
	top: -0px;
	position: relative;
}

.productbox-inner-two {
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 10px 0 0 10px;
	background-image: url(../images/backgrounds/bg_productbox_bottomLeft.gif);
	top: 7px;
	left: -7px;
	position: relative;
}

.productbox-inner-three {
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 0 15px 15px 0;
	background-image: url(../images/backgrounds/bg_productbox_bottomRight.gif);
	left: 7px;
	position: relative;
}
 
.box,
.boxcustom {
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/bg_box_topLeft.gif);
	display: block;
	position: relative;
	bottom: 20px;
	margin: 36px 0 -38px 0;
}

.box-inner-one {
	background-position: right top;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/bg_box_topRight.gif);
	right: -7px;
	top: -0px;
	position: relative;
}

.box-inner-two {
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 10px 0 0 10px;
	background-image: url(../images/backgrounds/bg_box_bottomLeft.gif);
	top: 7px;
	left: -7px;
	position: relative;
}

.box-inner-three {
	background-position: right bottom;
	background-repeat: no-repeat;
	padding: 0 15px 15px 0;
	background-image: url(../images/backgrounds/bg_box_bottomRight.gif);
	left: 7px;
	position: relative;
	min-height: 190px;
	_height: 190px !important; /* override clearfix _height: 0 */
}

@media all {
	* html .box { zoom: 1; }
}

/* style the box content */
.box h2, .box h3 {
	margin-top: 0;
	margin-bottom: 0.5em;
}

#main h2 {
	margin-top: 1em;
}

.box p {
	margin: 0 0 0.5em 0;
}

.box li, .boxcustom li, .productbox li {
	font-size: 1em;
}

.boxcustom h2,
.boxcustom h3 {
	margin-top: 1em;
}

.shade-box {
	background-position: left top;
	background-repeat: repeat-y;
	background-image: url(../images/backgrounds/bg_shadebox_middle.gif);
	margin: 20px 0 30px 0;
}

.shade-box-inner-one {
	background-position: left bottom;
	background-repeat: no-repeat;
	background-image: url(../images/backgrounds/bg_shadebox_bottom.gif);
	padding: 0;
	bottom: -10px;
	position: relative; 
}

.shade-box-inner-two {
	background-position: left top;
	background-repeat: no-repeat;
	min-height: 70px;
	_height: 70px;
	background-image: url(../images/backgrounds/bg_shadebox_top.gif);
	top: -20px;
	position: relative;
	padding: 10px 14px 0 14px;
}


@media all {
	* html .shade-box { zoom: 1; }
}

/* style the box content */
.shade-box h2, .shade-box h3 {
	margin-top: 0;
	margin-bottom: 0.5em;
	font-size: 1.0275em;
	border-bottom: 1px solid #4e4e4e;
	padding-bottom: 0.5em;
	font-weight: bold;
}

.shade-box p {
	margin: 0 0 0.5em 0;
}


/************************
 *  IMAGE-REPLACED: accessible text image replacement
 ************************/
/*
  Usage: <tag class="image-replaced">the text to replace<span></span></tag>
*/

.image-replaced {
	position: relative;
	overflow: hidden;
}


.image-replaced span{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
}


/************************
 * accessibility styles
 ************************/

/* hide items in a way still accessibly to screen readers (and unstyled browsers of course) */
.accessibility, hr {
	position: absolute !important;
	top: -1000em !important;
	left: -1000em !important;
}


/************************
 * collapsible regions
 ************************/
 
html.js #content .collapsible-body {
	overflow: hidden;
	margin-left: 10px;
}
html.js #content .collapsed .collapsible-body {
	display: none;
}
html.js #content .collapsible-heading {
  padding-left: 10px;
  background: url(../images/bullets/bul_collapsible-open.png) #FFF 0 50% no-repeat;
}
html.js #content .collapsed .collapsible-heading {
	background: url(../images/bullets/bul_collapsible-closed.png) #FFF 0 50% no-repeat;
}


/************************
 * clearfix, a class to clear floated elements
 ************************/
 
/* clearfix for good browsers */
html > body .clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* clearfix for IE/mac */
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac, clearfix for IE/win and reset for not IE/mac */
@media all {
	* html .clearfix {
		_height: 0;
	}
	
	.clearfix {
		display: block;
	}
}


/************************
 * footnotes for display during printing only
 ************************/

/* only mac ie \*//*/
 .print-only { display: none; }
/* end hack */

/* ie/mac doesn't understand this */
@media screen {
	.print-only {
	  display: none;
	}
}


/************************
 * sIFR
 ************************/

/* These are standard sIFR styles... do not modify */
@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
	}
	
	.sIFR-replaced {
		visibility: visible !important;
	}
	
	span.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}
}

.sIFR-hasFlash #footer li {
	xvisibility: hidden;
	letter-spacing: -0.3em;
	_letter-spacing: -1px;
	width: 110px;
	padding-right: 10px;
	font-size: 8px;
}

.sIFR-hasFlash #footer li.privacy-link  {
	width: 70px;
}

.sIFR-hasFlash #page-title h1  {
	font-size: 3em;
}

.sIFR-hasFlash #footer li.terms-link  {
	width: 100px;
}

.sIFR-hasFlash #footer li.contactus-link  {
	width: 48px;
	padding-left: 5px;
}

.sIFR-hasFlash #footer li.Returns  {
	width: 135px;
}

.sIFR-hasFlash #page #main p.category-callout  
{
	xvisibility: hidden;
	width: 165px;
	font-size: 15px;
}

.sIFR-hasFlash #footer #site-by-areeba-link span  {
	xvisibility: hidden;
	width: 84px;
	padding-right: 5px;
	padding-top: 3px;
	font-size: 9px;
}

.sIFR-hasFlash body.is-section-index .section-index-list h3 {
	xvisibility: hidden;
	letter-spacing: -0.05em;
}

.sIFR-hasFlash #product-content .category-details h2 
{
	padding: 0 0 0 0;
	margin: 0;
	font-size: 4em;
	letter-spacing: -0.05em;
}

.sIFR-hasFlash #category-content #page-title h1 
{
	xvisibility: hidden;
	letter-spacing: 0em;
	padding: 0;
	margin: 0;
}	

.sIFR-hasFlash #content .SingleProductDisplayName 
{
	xvisibility: hidden;
	letter-spacing: -0.1em;
	padding: 0;
	margin: 0.5em 0;
}

.sIFR-hasFlash #content .related-item-title 
{
	xvisibility: hidden;
}

.sIFR-hasFlash #sub .shade-box h2 
{

	letter-spacing: -0.3em;
}