/**
 * Main CSS Stylesheet
 *
 * @package templateSystem
 * @copyright Copyright 2003-2007 Zen Cart Development Team
 * @copyright Portions Copyright 2003 osCommerce
 * @license http://www.zen-cart.com/license/2_0.txt GNU Public License V2.0
 * @version $Id: stylesheet.css 5952 2007-03-03 06:18:46Z drbyte $
 */

body {
	margin: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #fff;
	}

a img {border: none; }

a:link, #navEZPagesTOC ul li a {
	color: #3300FF;
	text-decoration: none;
	}
 
a:visited {
	color: #3300FF;
	text-decoration: none;
	}

a:hover, #navEZPagesTOC ul li a:hover, #navMain ul li a:hover, #navSupp ul li a:hover, #navCatTabs ul li a:hover {
	color: #FF0000;
	}

a:active {
	color: #0000FF;
	}

h1 {
	font-size: 1.5em;
	color: #9a9a9a;
	}

h2 {
	font-size: 1.4em;
	}

h3 {
	font-size: 1.3em;
	}

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em;
	}

.biggerText {
	font-size: 1.2em;
	}

h1, h2, h3, h4, h5, h6 {
	margin: 0.3em 0;
	}

/*  Might uncomment either or both of these if having problems with IE peekaboo bug:
h1, h2, h3, h4, h5, h6, p {
	position: relative;
	}
*html .centerColumn {
	height: 1%;
	}
*/

CODE {
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	}

FORM, SELECT, INPUT {
	display: inline;
	font-size: 1em;
	margin: 0.1em;
	}

TEXTAREA {
	margin: auto;
	display: block;
	width: 95%;
	}

input:focus, select:focus, textarea:focus {
	background: #E4FEF5;
	}

FIELDSET {
	padding: 0.5em;
	margin: 0.5em 0em;
	border: 1px solid #cccccc;
	}

LEGEND {
	font-weight: bold;
	padding: 0.3em;
	color: black;
	}

LABEL, h4.optionName {
	line-height: 1.5em;
	padding: 0.2em;
	}

LABEL.checkboxLabel, LABEL.radioButtonLabel {
	margin: 0.5em 0.3em;
	}

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float: left;
	}

LABEL.inputLabel {
	width: 9em;
	float: left;
	}

LABEL.inputLabelPayment {
	width: 14em;
	float: left;
	padding-left: 2.5em;
	}

LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
	width: 11em;
	float: left;
	}

#checkoutPayment LABEL.radioButtonLabel {
	font-weight: bold;
	}

P, ADDRESS {
	padding: 0.5em;
	}

ADDRESS {
	font-style: normal;
	}

.clearBoth {
	clear: both;
	}

HR {
	height: 1px;
	margin-top: 0.5em;
	border: none;
	border-bottom: 1px solid #9a9a9a;
	}

/*warnings, errors, messages*/
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	line-height: 1.8em;
	padding: 0.2em;
	border: 1px solid #9a9a9a;
	}

.messageStackWarning, .messageStackError {
	background-color: #ff0000;
	color: #ffffff;
	}

.messageStackSuccess {
	background-color: #99FF99;
	color: #000000;
	}

.messageStackCaution {
	background-color: #FFFF66;
	color: #000000;
	}

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #ffffff;
	text-align: left;
	width: 750px;
	vertical-align: top;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

#logoWrapper{
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	height:75px;
	}

#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin: auto;
	} 
#navColumnOneWrapper, #navColumnTwoWrapper {
	margin-left: 0.5em;
	margin-right: 0.5em;
	}
	
#tagline {
	color:#000000;
	font-size: 2em;
	text-align : center;
	vertical-align: middle;
	}

#sendSpendWrapper {
	border: 1px solid #cacaca;
	float: right;
	margin: 0em 0em 1em 1em;
	}

.floatingBox, #accountLinksWrapper, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin: 0;
	width: 47%;
	}

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

.navSplitPagesResult {}
.navSplitPagesLinks {}

.navNextPrevCounter {
	margin: 0em;
	font-size: 0.9em;
	}
.navNextPrevList {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	}

#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	}

#navCatTabsWrapper {
	background-color: #ffffff;
	color: #9a9a9a;
	background-image:none;
}

#navMain ul, #navSupp ul, #navCatTabs ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	text-align: center;
	line-height: 1.5em;
	}

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}

#navMain ul li a, #navSupp ul li a, #navCatTabs ul li a {
	text-decoration: none;
	padding: 0em 0.5em;
	margin: 0;
	color: #ffffff;
	white-space: nowrap;
	}

#navCatTabs ul li a {
	color: #9a9a9a;
	}

#navEZPagesTOCWrapper {
	font-weight: bold;
	float: right;
	height: 1%;
	border: 1px solid #9a9a9a;
	}

#navEZPagesTOC ul {
	margin: 0;
	padding: 0.5em 0em;
	list-style-type: none;
	line-height: 1.5em;
	}

#navEZPagesTOC ul li {
	white-space: nowrap;
	}

#navEZPagesTOC ul li a {
	padding: 0em 0.5em;
	margin: 0;
	}

#navCategoryIcon, .buttonRow, #indexProductListCatDescription {
	margin: 0.5em;
	}

#navMainSearch {
	float: right;
	}

#navBreadCrumb {
	padding: 0.5em 0.5em;
	background-color: #ffffff;
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	}

#navEZPagesTop {
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	font-size: 0.95em;
	font-weight: bold;
	margin: 0em;
	padding: 0.5em;
	}

#navColumnOne, #navColumnTwo {
	background-color: transparent;
	}

/*The main content classes*/
#contentColumnMain, #navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align: top;
	}

/*.content,*/ #productDescription, .shippingEstimatorWrapper {
	/*font-size: 1.2em;*/
	padding: 0.5em;
	}

div#productDescription a:link, div#productDescription a:visited {
	text-decoration: underline;	
}

.alert {
	color: #FF0000;
	margin-left: 0.5em;
	}
.advisory {}
.important {
	font-weight: bold;
	}
.notice {}
.rating{}
.gvBal {
	float: right;
	}
.centerColumn, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix {
	padding: 0.8em;
	}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size: 0.9em;
	}

/*Shopping Cart Display*/
#cartAdd {
	float: right;
	text-align: center;
	margin: 1em;
	border: none !important;
	padding: 1em;
	}
	
#cartAdd input {
	border: none !important	
}

.tableHeading TH {
	border-bottom: none !important;
	}

.tableHeading, #cartSubTotal {
	background-color: #e9e9e9;
	 }

#cartSubTotal {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 2.2em;
	padding-right: 2.5em;
	}

.tableRow, .tableHeading, #cartSubTotal {
	height: 2.2em;
	}

.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
	padding: 0.5em 0em;
	}

.cartUnitDisplay, .cartTotalDisplay {
	text-align: right;
	padding-right: 0.2em;
	}

#scUpdateQuantity {
	width: 2em;
	}

.cartQuantity {
	width: 4.7em;
	}

.cartNewItem {
	color: #33CC33;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartOldItem {
	color: #660099;
	position: relative;  /*do not remove-fixes stupid IEbug*/
	}

.cartBoxTotal {
	text-align: right;
	font-weight: bold;
	}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}

#mediaManager {
	width: 50%; 
	margin: 0.2em;
	padding: 0.5em;
	background-color: #E4FEf5;
	border: 1px solid #003D00;
	}
.mediaTitle {
	float: left;
	}
.mediaTypeLink {
	float: right;
	}

.normalprice, .productSpecialPriceSale {
	text-decoration: line-through;
	}

.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color: #ff0000;
	}

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	list-style-type: none;
	} 

#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type: none;
	}

#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin: 0;
	padding: 0.2em 0em;
	} 

#cartBoxEmpty, #cartBoxVoucherBalance {
	font-weight: bold;
	}

.totalBox {
	width: 5.5em;
	text-align: right;
	padding: 0.2em;
	}

.lineTitle, .amount {
	text-align: right;
	padding: 0.2em;
	}

.amount {
	width: 5.5em;
	}

/*Image Display*/
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin: 0em 1em 1em 0em ;
	}

.categoryIcon {}

#cartImage {
	margin: 0.5em 1em;
	}

/*Attributes*/
.attribImg {
	width: 20%;
	margin: 0.3em 0em;
}

.attributesComments {}

/*list box contents*/
.centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew {
	margin: 1em 0em;
	}

.centerBoxWrapper {
	border: none !important;
	height: 1%;
	margin: 1.1em 0;
	}

h2.centerBoxHeading {
	font-size: 1.3em;
	color: #333 !Important;
	text-align: left !important;
	}

/*sideboxes*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 1em;
	color: #333;
	border-bottom: 1px #ccc solid !important;
	margin-bottom: 0px;
	text-align: left !important;
	}
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
	font-size: 0.9em;
	color: #ffffff;
}

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	font: bold 11px Verdana, sans-serif;
	padding: 0 0 4px 0;
	margin: 1px 0 0 0;
	border-bottom: 1px solid #ccc;
	}
div#categoriesContent ul {
	padding-left: 0;
	border-top: 1px solid #ccc;
	padding-top: 5px;
	margin-top: 5px;
}
div#categoriesContent ul li {
	list-style: none;
	padding-left: 0;
	padding: 0;
	margin: 0;
	padding-bottom: 4px;
	margin-bottom: 2px;
}

div#categoriesContent ul li.saleLink a:link, div#categoriesContent ul li.saleLink a:visited {
	color: #c00 !important;
	font-weight: bold;
}

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	}

.sideBoxContent {
	background-color: #ffffff;
	padding: 0em;
	}

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover {
	color: #666;
	text-decoration: none;
	} 

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
	color: #333;
	}

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center !important;
	}

#bestsellers .wrapper {
	margin: 0em 0em 0em 1.5em;
	}

#bestsellers ol {
	padding: 0;
	margin-left: 1.1em;
	}

#bestsellers li {
	padding: 0;
	margin: 0.3em 0em 0.3em 0em;
	}

#bannerboxHeading {
	background-color: #0000CC;
}

#upProductsHeading {
	text-align: left;
	}

#upDateHeading {
	text-align: right;
	}

/* categories box parent and child categories */
A.category-top, A.category-top:visited {
	text-decoration: none;
	margin: 0;
	padding: 0;
	color: #036 !important;
	}
A.category-links, A.category-links:visited {
	color: #600;
	text-decoration: none;
	}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
	color: #FF0000;
	text-decoration: none;
	}
SPAN.category-subs-parent {
	font-weight: bold;
	}
SPAN.category-subs-selected {
	font-weight: bold;
	color: #036;
	}
/* end categories box links */

/*misc*/
.back {
	float: left;
	}

.forward, #shoppingCartDefault #PPECbutton {
	float: right;
	}

.bold {
	font-weight: bold;
	}

.rowOdd {
	background-color: #E8E8E8;
	height: 1.5em;
	vertical-align: top;
	}

.rowEven {
	background-color: #F0F0F0;
	height: 1.5em;
	vertical-align: top;
	}

.hiddenField {
	display: none;
}
.visibleField {
	display: inline;
}

CAPTION {
	/*display: none;*/
	}

#myAccountGen li, #myAccountNotify li {
	margin: 0;
	} 

.accountTotalDisplay, .accountTaxDisplay {
	width: 20%;
	text-align: right;
	/*vertical-align: top*/
	}

.accountQuantityDisplay {
	width: 10%;
	vertical-align: top
	}

TR.tableHeading {
	background-color: #cacaca;
	height: 2em;
	}

.productListing-rowheading {
	background-color: #abbbd3;
	background-image: url(../images/tile_back.gif);
	height: 2em;
	color: #FFFFFF;
	}

#siteMapList {
	width: 90%;
	float: right;
	}

.ratingRow {
	margin: 1em 0em 1.5em 0em;
	}

LABEL#textAreaReviews {
	font-weight: normal;
	margin: 1em 0em;
	}

#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color: #ffffff;
	}
.information {padding: 10px 3px; line-height: 150%;}

#shoppingcartBody #shippingEstimatorContent {
	clear: both;
	}

.seDisplayedAddressLabel {
	background-color:#85C285;
	text-align: center;
	}
.seDisplayedAddressInfo {
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	}
#seShipTo {
	padding: 0.2em;
	}
	
/* ======================================================================
								Previous Styles
========================================================================*/
/* -------------------------------------------
	Basic Styles
	
	Color Pallette
	Blue: #036
	Red: #DC241F
	Greyscale:  
		#000
		#2C2E30
		#333
		#666
		#999
		#ccc
---------------------------------------------*/

/* -------------------------------------------
	Structural
---------------------------------------------*/

body {
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	text-align: center;
}

div#wrapper {
	width: 741px !important;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

table td {
	vertical-align: top;
}


/* -------------------------------------------
	Top Navigation
---------------------------------------------*/

div#topNav {
	text-align: right;
	margin: 10px 0 8px;
}

div#topNav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

div#topNav li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #ccc;
	font: 11px Verdana, sans-serif;
}

div#topNav li a {
	color: #666;
	text-decoration: none;
}

div#topNav li a:hover {
	color: #036;
	text-decoration: none;
}


/* -------------------------------------------
	Header / Logo / Main Navigation
---------------------------------------------*/

#grid td {
	vertical-align: top;
}

#grid #col1 {
	width: 554px;
}

#grid #col2 {
	width: 187px;
}

div#logoHeader {
	background-image: url(https://www.heartzones.com/_images/global/heart_zones_logo_hdr_bg.gif);
	/* height: 134px; */
	height: 105px;
	width: 554px;
	margin: 0;
}

div#mainNav {
	height: 29px;
	margin: 0;
	padding: 0;
	background-image: url(https://www.heartzones.com/_images/global/mainNav/mainNav_bg.gif);
}

div#trainingCenter img, div#heartZonesStore img, div#events img {
	margin: 0;
	padding: 0;
	vertical-align: top;
}


/* -------------------------------------------
	Secondary Navigation
---------------------------------------------*/

div#secNav {
	height: 58px;
	margin: 0;
	padding: 0;
	background-image: url(https://www.heartzones.com/_images/secNav/secNav_bg.gif);
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
}

div#secNavButtons {
	height: 33px;
	margin: 25px 0 0 0;
}


/* -------------------------------------------
	Tertiary Navigation
---------------------------------------------*/

div#tertNav ul {
	margin: 20px 0;
	padding: 0;
	list-style: none;
}

div#tertNav li {
	display: inline;
	margin: 0;
	padding: 0;
	color: #ccc;
	font: bold 10px Verdana, sans-serif;
}

div#tertNav li a {
	color: #2C2E30;
	text-decoration: underline;
}

div#tertNav li a:hover {
	color: #DC241F;
	text-decoration: underline;
}

div#tertNav li span.selected {
	color: #DC241F;
}


/* -------------------------------------------
	3 Column Grid Layout
---------------------------------------------*/

#grid3Col {
	margin: 17px 0 0 0;
}

#grid3Col .intro {
	width: 506px;
}

#grid3Col #grid3Col1 {
	width: 253px;
}

#grid3Col #grid3Col2 {
	width: 253px;
}


/* -------------------------------------------
	Divider
---------------------------------------------*/

hr {
	margin: 25px 0 0 10px;
	height: 1px;
	border-top: 1px dotted #ccc;
	width: 50%;
}

div.divider {
	background-image: url(https://www.heartzones.com/_images/global/dot_grey.gif);
	background-repeat: repeat-x;
}

#grid3Col #grid3Col1 div.divider, #grid3Col #grid3Col2 div.divider {
	margin: 14px 20px 14px 10px;
}

#grid3Col #grid3Col3 div.divider {
	margin: 14px 0 14px 10px;
}

div#train div.divider, div#learn div.divider {
	margin: 20px 0 14px;
}


/* -------------------------------------------
	2 Column Layout
---------------------------------------------*/

#grid2Col {
	margin: 27px 0 0 0;
}

#grid2Col #grid2Col1 {
	width: 205px;
}

#grid2Col #grid2Col1 div {
	width: 185px;
}


#grid2Col #grid2Col2 {
	width: 536px;
}

#feature2Col {
	margin: 32px 0 0 10px;
}

div#train {
	margin: 0;
}

div#learn {
	margin: 0 0 0 20px;
}

div.productFeature {
	clear: all;
}

div.productFeature div.productImgThumb {
	border: 1px solid #000;
	float: left;
}


/* -------------------------------------------
	Text styles
---------------------------------------------*/

/* links */

a:link, a:visited {
	color: #036;
}

a:hover {
	color: #DC241F;
}

a.more {
	font: bold 10px Verdana, sans-serif;
	text-decoration: none;
}

span.inactiveLink {  /* Use for links that aren't active yet, e.g. "Registration Available Soon" */
	font: bold 10px Verdana, sans-serif;
	color: #999;	
}

a.leadin {
	font: bold 11px Verdana, sans-serif;
	text-decoration: none;
}

a.noLinkUnderline {
	text-decoration: none;
}

/* h1 Cases */

h1.program, h1#indexDefaultHeading {
	margin-top: 15px;
	font: bold 14px Verdana, sans-serif;
	color: #2C2E30;
	background-image: url(https://www.heartzones.com/_images/global/h1_logo_bg.gif);
	background-repeat: no-repeat;
	height: 35px;
	padding: 14px 0 0 81px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 21px;
}

html>body h1.program {
	height: 21px;
}

/* Special h1 Cases */

#grid3Col .intro h1 {
	margin: 33px 0 0 0;
}

/* h2 Cases */

h2 {
	font: bold 12px Verdana, sans-serif;
	color: #2C2E30;
}

#grid2Col #grid2Col2 h2 {
	margin-left: 10px;
}

#grid2Col #grid2Col2 h2.bioName {
	margin: 0 0 4px 10px;
}

h2.program {
	font: bold 12px Verdana, sans-serif;
	color: #2C2E30;
	background-image: url(https://www.heartzones.com/_images/global/h2_logo_bg.gif);
	background-repeat: no-repeat;
	height: 35px;
	padding: 23px 0 0 59px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 12px;
}

html>body h2.program {
	height: 12px;
}

/* h3-5 Cases */

h3 {
	font: bold 11px/14px Verdana, sans-serif;
	color: #333;
	margin-left: 10px;
}

#grid2Col2 h3.pressReleaseTitle {
	font: bold 11px/14px Verdana, sans-serif;
	color: #333;
	margin: 25px 0 0 10px;
	padding: 0;
}

#grid2Col2 h3.companyName {
	font: bold 12px/14px Verdana, sans-serif;
	color: #333;
	margin: 25px 0 0 10px;
	padding: 0;
}

div#train h3, div#learn h3, div#contact h3 {
	margin: 0 0 14px;
}

div.productFeature h4 {
	margin: 0 0 10px 100px;
	font: bold 11px/14px Verdana, sans-serif;
	color: #333;
}

#grid2Col1 div h4 {
	font: bold 10px/14px Verdana, sans-serif;
	color: #DC241F;
	margin-top: 35px;
}

div.productFeature h5 {
	margin: 0 0 10px 100px;
	font: bold 10px/14px Verdana, sans-serif;
	color: #333;
}

#grid2Col1 div h5 {
	font: bold 10px/14px Verdana, sans-serif;
	color: #999;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 5px;
}


/* Paragraphs */

p {
	font: 11px/14px Verdana, sans-serif;
	color: #333;
}

p.disclaimer {
	font: 10px/12px Verdana, sans-serif;
	color: #999;
}



/* Special Paragraph cases */

#grid3Col .intro p {
	margin: 19px 20px 0 0;
}

#grid3Col #grid3Col1 p, #grid3Col #grid3Col2 p {
	margin: 19px 20px 0 10px;
}

#grid3Col #grid3Col3 p {
	margin: 19px 0 0 10px;
}


#grid2Col #grid2Col2 p.intro {
	margin: 0 0 0 10px;
}

#grid2Col #grid2Col2 p {
	margin: 19px 0 0 10px;
}

#grid2Col #grid2Col2 p.pressReleaseDate, #grid2Col #grid2Col2 p.bioTitle {
	font: 10px/14px Verdana, sans-serif;
	color: #666;
	margin: 0 0 10px 10px;
	padding: 0;
}


#grid2Col #grid2Col2 p.companyByline {
	font: 10px/14px Verdana, sans-serif;
	color: #666;
	margin: 0 0 0 10px;
	padding: 0;
}

#grid2Col td #feature2Col td div#learn div.productFeature p {
	margin: 0 0 10px 100px;
}

#grid2Col td #feature2Col td div#train p, #grid2Col td #feature2Col td div#learn p, #grid2Col td #feature2Col td div#contact p  {
	font: 10px/14px Verdana, sans-serif;
	margin: 0;
}

#grid2Col1 div p {
	font: 10px/14px Verdana, sans-serif;
	margin: 0 0 5px 0;
}

/* Blockquote */

blockquote {
	font: italic 11px/14px Verdana, sans-serif;
	color: #333;
}


blockquote.signature {
	text-align: right;
	font: italic 11px/14px Verdana, sans-serif;
	color: #333;
}

address {
	font: 11px/14px Verdana, sans-serif;
	color: #36c;
}

address a:link, address a:visited {
	color: #36c;
}

address a:hover {
	color: #DC241F;
}


/* Lists (except for navigation) */

#grid3Col #grid3Col1 ul, #grid3Col #grid3Col2 ul, #grid3Col #grid3Col3 ul {
	margin-top: 4px;
}

li {
	font: 11px/14px Verdana, sans-serif;
	color: #333;
}

div#train ul, div#learn ul {
	margin: 4px 0 0 0;
	padding: 0;
	list-style -type: none;
}

div#train ul li, div#learn ul li {
	padding: 0 0 4px 0;
}

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

ul.coursesAndEventsList li {
	padding: 0 0 15px 15px;
	background-image: url(https://www.heartzones.com/_images/global/arrow_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

ul.coursesAndEventsList li h3 {
	display: inline;
	font: bold 11px/14px Verdana, sans-serif;
	color: #333;
	margin: 0;
}

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

ul.personnelList li {
	padding: 0 0 10px 0;
}

#grid2Col #grid2Col2 ul.personnelList li h2 {
	display: inline;
	font: bold 11px/14px Verdana, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}


ul.inpageLinkList {
	list-style-type: none;
	margin: 20px 0 0 10px;
	padding: 0;
}

ul.inpageLinkList li {
	padding: 0 0 10px 18px;
	background-image: url(https://www.heartzones.com/_images/global/arrow_grey.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
}

ul.inpageLinkList a {
	font: bold 11px Verdana, sans-serif;
	text-decoration: none;
}


sup {
	font: normal 11px Verdana, sans-serif;
}


/* -------------------------------------------
	Forms
---------------------------------------------*/

form {
	margin: 0;
	padding: 0;
}

input.text {
	font-size: 11px;
	height: 19px;
}


/* -------------------------------------------
	Newsletter Signup Form
---------------------------------------------*/
div#newsletter {

}

div#newsletter p {
	font: 10px Verdana, sans-serif;
	color: #999;
	margin: 10px 0 5px 0;
}
form#newsletterSignupForm {
	margin: 0;
}

form#newsletterSignupForm input.text {
	width: 146px;
	border: 1px solid #ccc;
	font-size: 11px;
}

form#newsletterSignupForm input.imageButton {
	margin:  0 0 0 8px;
}

/* -------------------------------------------
	Checkout Success Download Table
---------------------------------------------*/
h2.downloads {
	margin-top: 25px;
	color: #36c;
}

#downloadTable {

}

#downloadTable td {
	font: 11px/14px Verdana, sans-serif;
	color: #333;
	text-align: center;
}

#downloadTable .leftCell {
	text-align: left;
}

#grid2Col #grid2Col2 #downloadTable .leftCell h3 {
	margin: 0 0 4px 0;
	padding: 0;
	font: bold 11px/14px Verdana, sans-serif;
	color: #333;
	text-align: center;
}

/* -------------------------------------------
	Footer
---------------------------------------------*/

#footer {
	margin: 23px 0 0 0;
	border-top: 1px solid #ccc;
	font: 10px Verdana, sans-serif;
	color: #ccc;
} 

#footer td {
	vertical-align: top;
} 

#footer td div a {
	color: #999;
	text-decoration: none;
}


#footer td div a:hover {
	color: #666;
	text-decoration: none;
}


#footer td div#offSiteLinks {
	padding: 10px 0 0 0;
}

#footer td div#legal {
	text-align: right;
	padding: 10px 0 0 0;
}

#footer td div#legal ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: right;
}

#footer td div#legal ul li {
	display: inline;
	font: 10px Verdana, sans-serif;
	color: #ccc;
}

#footer td div#legal p#copyright {
	font: 10px Verdana, sans-serif;
	color: #ccc;
	text-align: right;
	margin: 6px 0 20px;
}

table.scheduleTable  {
	margin-bottom: 10px;
}

table.scheduleTable td {
	font: 11px/14px Verdana, sans-serif;
	vertical-align: top;
}

table.scheduleTable tr.odd {
	background-color: #eee;
}


/* 
  -----------------------------------
  PopMenu Magic Style Sheet
  by Project Seven Development
  www.projectseven.com
  Menu Type: Horizontal
  Style Theme:0 -Basic Style
  -----------------------------------
*/
#p7PMnav {
	margin: 0;
	padding:0;
	font: 11px Verdana, sans-serif;
}
#p7PMnav li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#p7PMnav ul {
	margin: 0;
	padding: 0;
	background-color: #B9BABA;
	border-top: 0;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	position: absolute;
	left: -9000px;
	z-index: 10000;
}

/*this is all we need for top-level links*/
#p7PMnav a {
	display: block;
	text-decoration: none;
}
/*This rule styles the sub-menu links*/
#p7PMnav ul a, #p7PMnav ul a:visited {
	padding: 10px 12px;
	background-color: #B9BABA;
	color: #000;
}

/*This is top-level only and is the rule that shifts the background image so that we now
see the bottom one. It is deployed via multiple selectors for hovering, tab key access,
and so it stays persistent when its associated sub-menu is open*/
#p7PMnav a:hover, #p7PMnav a:active, #p7PMnav a:focus,
#p7PMnav .p7PMon, #p7PMnav .p7PMmark {
	background-position: left bottom;
}

/*the sub-menu hovers*/
#p7PMnav ul a:hover, #p7PMnav ul a:active, #p7PMnav ul a:focus {
	background-color: #464545;
	color: #FFFFFF;
	letter-spacing: 0.01px;
}

/* ------ the current page marker style ------ */
#p7PMnav .p7PMmark {
	color: #000;
	font-weight: bold;
}

/* ------ the trigger link styles ------- */

/*the normal trigger links */
#p7PMnav ul .p7PMtrg {
	/* background-image: url(img/p7PM_light_east.gif);
	background-repeat: no-repeat;
	background-position: right center !important; */
}
/* the active trigger link style 
We turn the background image off to ensure that our top-level images do not
inherit down.*/
#p7PMnav ul .p7PMon {
	background-color: #666666;
	color: #CCCCCC;
	background-image: none;
}

/*the submenu classes */
/*The top property here and in the show class serves to fix a minor bug introduced
by the good folks at Apple in their Safari browser for Panther OS*/
#p7PMnav .p7PMhide {
	left: -9000px;
	border: 0;
	top: 0;
}
#p7PMnav .p7PMshow {
	top: auto;
	left: auto;
	z-index: 20000 !important;
}

/* Top level menu width
We set width to auto because we are using top-level bg images and the width is
assigned directly via the IDs assigned to the links.*/
#p7PMnav li {
	float: left;
	width: auto;
}
#p7PMnav ul li {
	float: none;
	border-top: 1px solid #fff;
}
/* 2nd and subsequent Submenu widths */
#p7PMnav ul, #p7PMnav ul li {
	width: 238px;
}


/*The top-level common properties
Height matches the height of the background images. No repeating. Text indent
hides the text offscreen left.
If you need to add more links, place a comma after #b3 and add more selectors,
incrementing from #b4*/
#b1, #b2, #b3 {
	height: 29px!important;
	background-repeat: no-repeat;
	text-indent: -3000px;
}
/*The individual top-level IDS. We simply set width to match the width of the
associated background image and then we set the background image.
If you need to add more links, add more selectors, incrementing from #b4*/
/*#b1 {
	width: 84px;
	background-image: url(https://www.heartzones.com/_images/global/mainNav/everyone_bg.gif);
}*/

#b1 {
	width: 84px;
	background-image: url(https://www.heartzones.com/_images/global/mainNav/coaching.gif);
}

#b2 {
	width: 178px !important;
	background-image: url(https://www.heartzones.com/_images/global/mainNav/health_profs_bg.gif);
}
#b3 {
	width: 97px;
	background-image: url(https://www.heartzones.com/_images/global/mainNav/educators_bg.gif);
}

	
/* ======================================================================
					Previous Styles Zen Cart Style Sheet
========================================================================*/


.pageHeading h1 {
	font: bold 14px/18px Verdana, sans-serif;
	color: #333;
	margin: 8px 0 0 0;
}

.pageHeading h1#itemName {
	margin: 25px 0 0 0;
}

.centerboxheading h2, .tableHeading h2, h2.tableHeading {
	font: bold 12px Verdana, sans-serif;
	color: #333;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 10px 0;
}

div#mainFeaturedProducts {
	margin: 25px 0 0 0;
}

div#mainFeaturedProducts h2 {
	margin: 0;
}

#grid2Col #grid2Col2 h2 {
	margin-left: 0;
}

#grid2Col2 table table table.productListing-data .productListing-data h2 {
	margin: 0;
	padding: 0;
}

.plainBoxHeading h2 {
	margin: 40px 0 10px 0;
}

.plainBoxHeading {
	font: bold 12px Verdana, sans-serif;
	color: #333;
}


.plainBoxHeading h3 {
	margin: 15px 0 10px 0;
}

#grid2Col #grid2Col2 h3 {
	margin-left: 0;
	color: #DC241F;
}


.main {
	font: 11px/14px Verdana, sans-serif;
}

div.checkoutPromotion {
	border: 1px solid #36c;
	padding: 10px 10px 0px;
}

div.checkoutPromotion p {
	color: #36c;
}


#grid2Col #grid2Col2 p {
	margin: 0 0 10px 0;
}

.breadCrumb, div#navBreadCrumb {
	font: 10px/12px Verdana, sans-serif;
	color: #ccc;
}

.breadCrumb a:link, .breadCrumb a:visited, div#navBreadCrumb a:link, div#navBreadCrumb a:visited {
	color: #666 !important;
	text-decoration: underline !important;
}

span.dateExpected {
	font: 10px/12px Verdana, sans-serif;
	color: #666;
}


/*-------------------------------------------
	Item Description
-------------------------------------------*/

td p.itemNo {
	font: 10px/15px Verdana, sans-serif;
	vertical-align: top;
	color: #999;
}

.itemPrice {
	vertical-align: top;
}

span.normalprice {
	text-decoration: line-through;
}

span.productSpecialPrice {
	color: #DC241F;
}

span.productPriceDiscount {
	font-style: italic;
}

#itemImage div {
	margin: 0 15px 0 0;
}

#itemImage div img {
	display: block;
}

div.caption {
	text-align: center;
	font: 10px/12px Verdana, sans-serif;
	margin-top: 20px;
	width: 150px;
	padding-top: 10px;
}

label {
	font: 11px/18px Verdana, sans-serif;
	color: #666;
	white-space: nowrap;
}

#grid2Col #grid2Col2 p.dateAvailable {
	margin: 25px 0 0 0;
	color: #DC241F;
}

/*-------------------------------------------
	Tertiary Nav
-------------------------------------------*/

div#tertNav {
	text-align: right;
}

/*-------------------------------------------
	Categories Side Menu
-------------------------------------------*/

#categories-heading-td, #whatsnew-heading-td {
	
}

.leftboxheading h3 {
	font: bold 11px Verdana, sans-serif;
	padding: 0 0 4px 0;
	margin: 1px 0 0 0;
	border-bottom: 1px solid #ccc;
}

#categories-content {

}

#categories-content ul {
	margin: 5px 0 10px 0;
	padding: 0;
	list-style-type: none;
}

#categories-content ul li {
	font: 11px/12px Verdana, sans-serif;
	padding: 3px 0 4px 0;
}

#categories-content ul li.category-top {
	font: 11px/12px Verdana, sans-serif;
	padding: 5px 0 6px 0;
	border-top: 1px solid #ccc;
}


#categories-content ul li a {
	text-decoration: none;
}

#categories-content ul li.saleLink  {
	border-top: 1px solid #ccc;
	padding: 5px 0 6px 0;
}

#categories-content ul li.saleLink a {
	font-weight: bold;
	color: #DC241f;
}

#categories-content ul li.saleLink a:hover {
	font-weight: bold;
	color: #036;
}

span.category-subs-parent {
	
}

span.category-subs-selected {
	font-weight: bold;
}


/*-------------------------------------------
	Left Col Search Box
-------------------------------------------*/

h3.leftColHeading {
	font: bold 11px Verdana, sans-serif;
	padding: 0 0 4px 0;
	margin: 1px 0 4px 0;
	border-bottom: 1px solid #ccc;
	width: 150px;
}

div#leftColSearchContainer {
	width: 150px;
}

div#leftColSearchContainer input#leftColSearchStrInput {
	width: 125px;
}

/*-------------------------------------------
	Product List Boxes
-------------------------------------------*/

.pageresults p {
	color: #666;
}

span.smallText, .smallText {
	font: 10px/12px Verdana, sans-serif;
 }

.productListing-heading {
	font: 10px/12px Verdana, sans-serif;
	color: #666;
}

.productListing-heading a:link, .productListing-heading a:visited {
	color: #666;
}


/*-------------------------------------------
	Category Pages
-------------------------------------------*/

.categoryNames {
	font: 11px/14px Verdana, sans-serif;
}

.categoriesdescription, p.categoriesdescription  {
	font: 11px/14px Verdana, sans-serif;
	color: #333;
}


/*-------------------------------------------
	Shopping Cart
-------------------------------------------*/

#shoppingCartTable {
	
}

span.cartproductname {
	font: 11px/14px Verdana, sans-serif;
}

span.cartproductprice {
	font: 11px/14px Verdana, sans-serif;
}

.ot-subtotal-Text, .ot-shipping-Text, .ot-total-Text, .ot-tax-Text {
	font: 11px/14px Verdana, sans-serif;
	color: #333;
 }
 
.ot-subtotal-Amount, .ot-shipping-Amount, .ot-tax-Amount {
	font: 11px/14px Verdana, sans-serif;
	color: #000;
 }
 
.ot-total-Amount {
	font: bold 12px/14px Verdana, sans-serif;
	color: #000;
 }

/*-------------------------------------------
	Messages
-------------------------------------------*/

tr.messageStackWarning {}

.messageStackWarning, .messageStackError {
	border: 1px solid #DC241F;
	font: bold 12px/15px Verdana, sans-serif;
}


.messageStackWarning p, .messageStackError p {
	font: bold 12px/15px Verdana, sans-serif;
	margin: 0;
	padding: 10px 10px 5px 10px;
	color: #DC241F;
}

.messageStackSuccess {
	border: 1px solid #090;
	font: bold 12px/15px Verdana, sans-serif;
}


.messageStackSuccess p !important {
	font: bold 12px/15px Verdana, sans-serif;
	margin: 0;
	padding: 10px 10px 5px 10px;
	color: #090;
}

p.instruction {
	color: #84A6C3;
}

p.alertMessage {
	font: bold 12px/18px Verdana, sans-serif;
	color: #DC241F;
}


/*-------------------------------------------
	Forms
-------------------------------------------*/

.fieldKey {
	font: 11px/18px Verdana, sans-serif;
	color: #666;
}

.inputRequirement {
	font: 10px/12px Verdana, sans-serif;
	color: #DC241F;	
}

label {
	font: 11px/18px Verdana, sans-serif;
	color: #666;
	white-space: nowrap;
}

input#advancedSearchStrInput {
	width: 300px;
}

#eventDescriptionTable select {
	font: 11px Verdana, sans-serif;
}


/*-------------------------------------------
	Category Description Table
-------------------------------------------*/

#categoryDescriptionTable {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#categoryDescriptionTable tr.oddRow {
	background-color: #eee;
}

#categoryDescriptionTable td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	vertical-align: middle;
	font: 10px/13px Verdana, sans-serif;
	color: #333;

}

th {
	font: bold 10px/12px Verdana, sans-serif;
	color: #fff;
	background-color: #666;
}

#categoryDescriptionTable td h4 {
	font: bold 11px/14px Verdana, sans-serif;
	color: #000;
	margin: 0;
}

#categoryDescriptionTable td ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#categoryDescriptionTable td ul li {
		font: 10px/12px Verdana, sans-serif;
		padding: 0 0 2px 0;
}










td#navColumnTwo {
	display: none !important;
}



.centerBoxContentsFeatured a:link img, .centerBoxContentsFeatured a:visited img, div.centerBoxContentsAlsoPurch a:link img, div.centerBoxContentsAlsoPurch a:visited img {
	margin-bottom: 10px !important;	
}

h1#productListHeading {
	color: #333;	
}

div#productsListingTopNumber, div#productsListingBottomNumber, div#newProductsDefaultListingTopNumber, div#newProductsDefaultListingBottomNumber {
	color: #666 !important;	
	margin-bottom: 20px;
}

tr.productListing-rowheading, th.productListing-heading {
	background: #fff;
	text-align: left;
}

th#listCell0-1 {
	text-align: left !important;
}

th#listCell0-2 {
	text-align: center !important;	
}

a.productListing-heading:link, a.productListing-heading:visited {
	text-decoration: underline;	
	text-align: left;
}

h3.itemTitle {
	text-align: left !important;
	font-size: 1.2em;
	margin: 0;
	padding: 0;
}

h3.itemTitle a:link, h3.itemTitle a:visited {
	text-decoration: underline;	
}

tr.productListing-odd td, tr.productListing-even td {
	padding-bottom: 30px;	
}

h1, h1#productName, h1#cartDefaultHeading, h1#loginDefaultHeading {
	color: #333 !important;
	font-size: 1.3em !important;
}

h2#productPrices {
	text-align: right;
	font-weight: normal;
	color: #333;
	font-size: 1em;
}

ul#productDetailsList {
	padding-left: 0;	
}

ul#productDetailsList li {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
	color: #999;
	font-size: 1em;
}

tr.tableHeading, tr.tableHeading th, tr.cartTableHeading, tr.cartTableHeading th {
	background: #fff;
	color: #666;
	border: none !important;
}

tr.rowEven, tr.rowEven td, tr.rowOdd, tr.rowOdd td, div#cartSubTotal {
	background: #fff;	
}

ul#myAccountGen, ul#myAccountGen li {
	width: 500px;	
	padding-left: 0;
}

ul#myAccountGen li {
	list-style: none;
	background: url(http://www.heartzones.com/store/includes/templates/template_default/images/arrow_bullet.gif) no-repeat 0px 5px;
	padding-left: 15px;
	margin-bottom: 15px;
}
ul#myAccountGen li a:link, ul#myAccountGen li a:visited {
	text-decoration: underline !important;
}

div#indexProductListCatDescription {
	display: none;	
}

td.productListing-data {
	width: 105px;	
}

div#productMainImage {
	float: left;	
}

div.categoryListBoxContents {
	text-align: left !important;	
}

div.categoryListBoxContents a:link, div.categoryListBoxContents a:visited {
	text-decoration: underline;	
	font-size: 1.1em;
}

div#newProductsDefault hr, div#checkoutConfirmDefault hr {
	border: 1px #ccc solid !important;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	margin-top: 20px;
}
a.moreInfoClass:link, a.moreInfoClass:visited {
	font-weight: bold;
	text-decoration: underline;
}

#categoryIcon {
	display: none;	
}

div.sideBoxContent ul li {
	border-bottom: 1px #ccc solid;	
}

div.sideBoxContent ul li.category-products {
	border: none !important;	
}
