﻿/**
 * @package templateSystem
 * @copyright Copyright 2003-2006 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 4387 2006-09-04 13:54:28Z drbyte $
 */

 #header {
	width:930px;
	overflow:auto;
	zoom:1;
}

/* ===============================================
	TOP MENU
=============================================== */
#logo {
	width:175px;
	padding:0;
	margin-left:15px;
	text-align:center;
	}

	
#logo,
#mn_shop a,
#mn_about a,
#mn_cacao a,
#mn_contact a {
	float:left;
	height:131px;
	}
	
ul#mainnav {
	height:120px;
	width:390px;
	position:absolute;
	top:5px;
	left:295px;
	margin:0;
	padding:0;
	list-style:none;
	background: url("../images/menuheader.gif") 0 -120px no-repeat;
}

ul#mainnav li {
	margin:0;
	padding:0;
	float:left;
}

ul#mainnav li a {
	text-indent:-23456px;
	height:120px;
	background:url("../images/menuheader.gif") 0 0px no-repeat;
}

ul#mainnav li a:hover {
	background:transparent;
}


ul#mainnav #mn_shop a {
 	width:138px;
 }
 
ul#mainnav #mn_about a {
 	width:136px;
 	background-position: -138px 0;
 }
  
ul#mainnav #mn_contact a {
	width:116px;
 	background-position: -274px 0;
}

#mn_blog,
#mn_art {
	position:absolute;
	display:block;
	width:64px;
	height:53px;
	text-indent:-23456px;
	
	left:880px;
}


#mn_art {
	top:20px;
	background:url("../images/art_sign.gif") 0 0 no-repeat;
}

#mn_blog {
	top:95px;
	background:url("../images/blog_sign.gif") 0 0 no-repeat;
}

#mn_twitter {
	position:absolute;
	width:82px;
	height:85px;
	top:61px;
	left:805px;
	font-size:1%;
	text-indent:-12345px;
	background:url('../images/icon_follow_twitter.gif') 0 0 no-repeat;
}


#main {
	width:930px;
}
#footer {
	margin:30px 75px 50px 150px;
	border-top:2px solid #ccc;
	text-align:right;
	color:#d25071;
	clear:both;
}
#footer a {
	color:#809cbf;
}
#footer a:hover, #navMainWrapper a:hover, #navMain a:hover, #navSupp a:hover, #navCatTabs a:hover, .important a:hover, .productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {
	color:#c21441;
}
#homelink {
	margin-top:18px;
	display:block;
}
#artistlink {
	display:block;
	width:70px;
	height:80px;
	background:none;
}
 /*Credit: dynamicdrive.com */
.thumbnail img{
	border:1px solid white;
	margin:0; }
.thumbnail:hover{
	background-color:transparent; }
.thumbnail:hover img{
	border:1px solid #ccc; }
.thumbnail span{ /*enlarged image & text below image*/
	position:absolute;
	background-color:#809cbf;
	background:#f2f2f2;
	border:1px solid #ddd;
	padding:10px;
	left:-1000px;
	visibility:hidden; }
.thumbnail span img{ /*enlarged image*/
	border-width:0;
	padding:0; }
.thumbnail:hover span{ /*enlarged image*/
	visibility:visible;
	top:0px;
	left:-30px; /*offset horizontally*/
	z-index:50; }  /*End dynamicdrive*/

.clearBoth {
	clear:both;
}
 .back, .productPageLeft, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
	float:left;
}
.forward, .gvBal {
	float:right;
}
.centerColumn, .columnLeft, .columnRight, .content, #productDescription, .shippingEstimatorWrapper{
	padding:0;
}
#productDescription{
	padding-left:10px;
}
.riotClub {
	font-size:120%;
}
.extraSpacing {
	padding:10px;
}
#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage, html * {
	margin:0;
	padding:0;
}
a {
	border:0;
	color:#00387f;
	text-decoration:none
}
a:hover {
	color:#c21441;	
	text-decoration:none;
	/* background:#ddddff; */ /* jonchange */
}
a img {
	border:0;
}
body {
	background: url("../images/riotstripes_long.gif") 0 131px no-repeat;
	font-family:Trebuchet MS,Verdana,Arial,sans-serif;
	font-size:80%;
	color:#4d4d4d;
	
}
blockquote {
	color:#809cbf;
}
h1, .shippingWarning {
	font-size:140%;
	color:#a52a2a;
	font-weight:bold;

}
h2 {
	font-size:130%;
	color:#d25071;
	font-weight:bold;
}

h2#productName {/* jonchange */
	padding:.5em 0;
	border-bottom:2px solid #f0c4cf;
	margin:.38em 0 1em;
}
h2#frontPageTitle { /* jonchange */
	margin:0 0 0;
	padding:0;
}

h3 {
	font-size:120%;
	color:#00387f;
	font-weight:bold;
}
h4 {
	font-size:110%;
	color:#809cbf;
	font-weight:bold;
}
form, select {
	display:inline;
	margin:2px 0;
}
textarea {
	float:left;
	margin:auto;
	display:block;
	width:95%;
}
fieldset {
	padding:5px;
	margin:5px 0;
	border:1px solid #cccccc;
}
legend {
	font-weight:bold;
	font-size:120%;
	color:#00387f;
	padding:3px;
}
label, h4.optionName {
	line-height:15px;
	padding:2px;
}
label.checkboxLabel, label.radioButtonLabel {
	margin:5px 3px;
}
input {
	width:auto !important;  /*hack for Zen Cart resizing buttons */ 
	text-align:left;
}
label.inputLabel {
	width:90px;
	float:left;
}
label.inputLabelPayment {
	width:140px;
	float:left;
	padding-left:25px;
}
label.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel {
	width:110px;
	float:left;
}
address {
	padding:5px;
	font-style:normal;
}
address.back {
	margin:0 25px 0 0;
}
hr {
	height:1px;
	margin-top:5px;
	border:none;
	border-bottom:1px solid #9a9a9a;
}
.formMargin {
	margin:0 95px;
}
.instructions {
	margin:5px 100px 0 0;
}
.messageStackWarning, .messageStackError, .messageStackSuccess, .messageStackCaution {
	padding:2px 5px;
	border:1px solid #c21441;
	float: left; 
}
.messageStackWarning, .messageStackError {
	background-color:#ff9;
	color:#c00;
	padding:0 5px;
	float: left; 
}
.hiddenField, .messageStackWarning img, .messageStackError img, .messageStackSuccess img, .messageStackCaution img {
	display:none;
}
.messageStackSuccess {
	background-color:#9f9;
	color:#070;
	float: left; 
}
.messageStackCaution {
	background-color:#FFFF99;
	color:#000;
	float: left; 
}
.highlight {
	background-color:#FFFF99;
}
#mainWrapper {
	float:left;
	text-align:left;
	width:930px;
	/* padding-left:20px;  */ /* would match left pad of site */
	border:none;
	background:transparent;
}
#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {
	margin:auto;
} 
#navColumnOneWrapper, #navColumnTwoWrapper {
	margin:0 5px;
}
#sendSpendWrapper {
	border:1px solid #cacaca;
	float:right;
	margin:0 0 10px 10px;
	padding:5px;
}
.floatingBox, #sendSpendWrapper, #checkoutShipto, #checkoutBillto, #navEZPagesTOCWrapper {
	margin:0;
	width:47%;
}
.wrapperAttribsOptions {
	margin:3px 0;
}
.navNextPrevList {
	display:inline;
	white-space:nowrap;
	margin:0;
	padding:5px 0;
	list-style-type:none;
}
#navMainWrapper { /* jonchange */
	clear:both;
	width:930px;
}
#navMainWrapper a {
	margin:10px;
	padding:0;
	color:#4d4d4d;
	/* width:945px; */ /* jonchange */
}
#navCatTabsWrapper, #logoWrapper {

	color:#4d4d4d;
}
#navMain ul, #navSupp ul, #navCatTabs ul {
	margin:0;
	padding:1px 0 20px;
	list-style-type:none;
}
#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display:inline;
}
#navMain ul li a, #navCatTabs ul li a {
	padding:0 10px;
	margin:0;
	color:#4d4d4d;
}
#navSupp ul li a {
	padding:0;
	margin:0;
	color:#4d4d4d;
}
#navCatTabs ul li a {
	color:#4d4d4d;
}
#navEZPagesTOCWrapper {
	font-weight:bold;
	float:right;
	height:1%;
	border:1px solid #9a9a9a;
}
#navEZPagesTOC ul {
	margin:0;
	padding:5px 0;
	list-style-type:none;
	line-height:15px;
}
#navEZPagesTOC ul li {
	white-space:nowrap;
}
#navEZPagesTOC ul li a {
	padding:0 5px;
	margin:0;
}
#navMainSearch, #navCategoryIcon, .buttonRow { /* jonchange */
	font-size:140%;
	color:#d25071;
	font-weight:bold;
	text-align:center;
}
#indexProductListCatDescription { /* jonchange */
	font-size:140%;
	color:#d25071;
	font-weight:bold;
	padding:.5em 0;
	border-bottom:2px solid #f0c4cf;
}
#navBreadCrumb {
	background-color:#f5f5f5;
	padding:3px 0;
	border:1px solid #ccc;
}
#navEZPagesTop {
	padding:5px;
	border-top:1px solid #ccc;
}
#navColumnOne, #navColumnTwo {
	background-color:transparent;
}
#navColumnOne, #navColumnTwo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .alert {
	vertical-align:top;
}
#seTotalHeading {
text-align:right;
padding:0 10px;
}
.alert {
	color:#a52a2a;
}
.bold, .important, #checkoutPayment LABEL.radioButtonLabel {
	font-weight:bold;
}
.important a {
	color:#809cbf;
}
.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {
	font-size:95%
}
#cartAdd {
	float:right;
	text-align:center;
	border:none;
	padding:5px;
}
.tableHeading th {
	background-color:#809cbf;
	line-height:20px;
	color:#fff;
}
#myAccountStatusDate, #myAccountStatus, #myAccountStatusComments, #myAccountProducts, #myAccountQuantity, #seProductsHeading, #upProductsHeading {
	text-align:left;
}
#myAccountTotal, #upDateHeading, .textRight {
	text-align:right;
}
#myAccountStatusDate, #myAccountTotal, #myAccountQuantity  {
	padding:0 5px;
}
.tableHeading, #cartSubTotal {
	background-color:#809cbf;
	color:#fff;
}
#cartSubTotal {
	font-weight:bold;
	text-align:right;
	line-height:20px;
	padding-right:15px;
}
.cartProductDisplay, .cartUnitDisplay, .cartTotalDisplay, .cartQuantityUpdate, .cartQuantity, #cartInstructionsDisplay, .cartTotalsDisplay {
	padding:5px 0;
}
.cartRemoveItemDisplay {
	padding:7px 10px; 
}
.buttonRow a:hover, .cartRemoveItemDisplay a:hover {
	background:none;
	}
.cartUnitDisplay, .cartTotalDisplay {
	text-align:right;
	padding-right:10px;
}
#scUpdateQuantity {
	width:20px;
}
#scProductsHeading {
	text-align:left;
	padding:0 10px;
}
.cartNewItem, .cartOldItem {
	position:relative;  /*do not remove-fixes stupid IEbug*/
}
.cartBoxTotal {
	text-align:left;
	font-weight:normal;
}
.cartRemoveItemDisplay {
	width:15px;
}
.cartAttribsList {
	margin-left:10px;
}
#mediaManager {
	width:50%; 
	margin:2px;
	padding:5px;
	background-color:#E4FEf5;
	border:1px solid #003D00;
}
body#productinfoBody #contentMainWrapper form,
body#productinfoBody #navColumnTwoWrapper { 
	/* establish positioning basis for add-to-cart and newsletter signup on the product pages. */
	position:relative;
	zoom:1;
}
.productPageContainer {
	float:left;
	width:550px;
	padding:0;
	margin:0;
}
.productPageRight {
	/* position add-to-cart abolutely to keep above fold, next to thumbs */
	position:absolute;
	top:3em;
	right:-140px;
	zoom:1;
}
.productPageCenter {
	float:center; 
	text-align:center;
}
.normalprice, .productSpecialPriceSale {
	text-decoration:line-through;
	color:#a9a9a9;
}
.productPriceDiscount {
font-style:italic
}
.orderHistList {
	margin:0 10px;
	padding:2px 0;
} 
#cartBoxListWrapper ul, #ezPageBoxList ul {
	list-style-type:none;
}
#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {
	margin:0;
	padding:2px 0;
} 
#cartBoxEmpty, #cartBoxVoucherBalance {
	font-style:italic;
	float:left;
}
.totalBox {
	width:55px;
	text-align:right;
	padding:2px;
}
.lineTitle, .amount {
	text-align:right;
	padding:2px;
}
.amount {
	width:55px;
}
#productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage {
	margin:0 10px 10px 0;
}
#cartImage {
	margin:5px 10px;
}
.attribImg {
	width:20%;
	margin:3px 0;
}
.centerBoxContents, .specialsListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew,#myAccountGen li, #myAccountNotify li, .navNextPrevCounter, .productListing-data h3 {
	margin:0;
}
.centerBoxWrapper {
	border:1px solid #9a9a9a;
	margin:11px 0;
	height:1%;
}
h3.leftBoxHeading, h3.leftBoxHeading a, h3.rightBoxHeading, h3.rightBoxHeading a {
	margin:0;
	padding:2px;
	font-weight:normal;
	font-style:normal;
	color:#444; /* jonchange */
	width:auto; /* jonchange */
}
h3.leftBoxHeading a:hover { /* jonchange */
	color:#c21441;
	text-decoration:underline;
}

h3.leftBoxHeading#categoriesHeading { /* jonchange */
	padding:10px 0;
	padding-left:30px;
	width:auto;
	background:url("../images/icon_minibag.gif") 0 50% no-repeat;
}
h3.leftBoxHeading#shoppingcartHeading { /* jonchange */
	padding:10px 0;
	padding-left:30px;
	background:url("../images/icon_minicart.gif") 0 50% no-repeat;
}
h3.rightBoxHeading { /* jonchange */
	margin-top:.57em;
	padding-bottom:.60em;
}



.leftBoxHeading {
	border-bottom:1px solid #ccc;
	width:75px;
}
.centerBoxHeading, .rightBoxHeading {
	border-bottom:1px solid #ccc;
}
.leftBoxContainer, .rightBoxContainer {
	border:none;
	margin:0 0 15px; /* jonchange */
}
#productinfoBody .rightBoxContainer#tellafriend {
	/* position newsletter below the abs-positioned add-to-cart.
	   the top value is heuristic, based on what's commonly found there. */
	position:absolute;
	top:15em;
	right:0;
	*right:-15px; /* nudge IE */
	zoom:1;
}
#indexBody #navColumnTwo {
	display:none;
}
.sideBoxContent {
	background-color:#fff;
	padding:4px 4px 20px 4px;
}

#categoriesContent { /* jonchange */
	padding:0;
}

#categoriesContent br { /* jonchange */
	display:none;
}

#categoriesContent a { /* jonchange */
	display:block;
	padding:8px 6px 9px;
	background:url("../images/left_nav_bg.gif") 100% 100% no-repeat;
	margin:0;
	font-weight:bold;
	color:#444;
}
#categoriesContent a:hover { /* jonchange */
	color:#c21441;
}
#categoriesContent a span.category-subs-selected{ /* jonchange */
	color:#c21441;
	font-style:italic;
}

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

#indexBody #frontPageCategories {
	background:url('../../../../images/sw/frontPageBottomCap.jpg') 50% 100% no-repeat;
	zoom:1;
}

#indexBody #frontPageCategoriesHeader {
	height:215px;
	background:url('../../../../images/sw/frontPageExtras.jpg') 50% 78px no-repeat;
}

/* jonchange -- next two styles are IE heroics. was getting line spacing due to whitespace around image tags, which line-height and height rules did not fix. */
#indexBody #frontPageCategoriesHeader img {
	display:none;
}

#indexBody #frontPageCategoriesHeader h2 img {
	display:inline;
}

	#indexBody #frontPageCategories .categoryRow { /* jonchange */
		margin:0;
		padding:0 7px 0 8px;
		clear:both;
		zoom:1;
	}	
	#indexBody #frontPageCategories .categoryRow:after { /* jonchange */
		content:'.';
		display:block;
		clear:both;
		height:0;
		visibility:hidden;
	}
		#indexBody .categoryListBoxContents { /* jonchange */
			font-size:12px;
			padding:0;
			margin:0;
			position:relative;

			zoom:1;
			display:inline;
			
			height:138px;/* newchange */
			width:121px;
			
			overflow:hidden;/* newchange */
		}
			#indexBody .categoryListBoxContents img { /* jonchange */
				float:left; /* sigh. IE. */
			}
			
			#indexBody .categoryListBoxContents a:hover img { /* newchange */
				margin-top:-138px;
			}
			
			#indexBody .categoryListBoxContents .catName { /* jonchange */ /* the product name */
				width:100%;
				display:block;
				line-height:12px;/* newchange */
				position:absolute;
				top:93px;
				left:0;
				*height:2em;
				zoom:1;
				cursor:pointer;/* newchange */
			}

#bestsellers ol {
	padding:0;
	margin:0 0 0 15px;
}
span.category-subs-parent, span.category-subs-selected {
	font-style:italic;
}
.rowOdd, .rowEven {
	background-color:#fff;
	vertical-align:top;
}
.accountTotalDisplay, .accountTaxDisplay {
	width:20%;
	text-align:right;
}
.accountQuantityDisplay {
	width:10%;
	vertical-align:top
}
#prevOrders td {
	border-bottom:1px solid #ccc;
	padding:0 5px 0 0;
}
tr.tableHeading, .productListing-rowheading {
	background-color:#eee;
}
.productListing-data {
	padding:5px 5px;
}
.productListing-odd, .productListing-even td {
	vertical-align:top;
}
.productListing-odd tr {
	vertical-align:top;
}
#siteMapList {
	width:90%;
	float:right;
}
.ratingRow {
	margin:10px 0 15px 0;
}
#popupShippingEstimator, #popupSearchHelp, #popupAdditionalImage, #popupImage, #popupCVVHelp, #popupCouponHelp, #popupAtrribsQuantityPricesHelp, #infoShoppingCart {
	background-color:#fff;
	margin:15px;
}
#password-confirm, #password-new, #password-current, #email-address, #login-email-address, #login-password, #firstname, #lastname, #telephone, #fax, #company, #street-address, #suburb, #city, #stateZone, #state, #postcode, #zip_code, #country, #query_email_address, #order_id, #contactname, #linkpoint_api-cc-owner, #linkpoint_api-cc-number, #to-name, #amount, #disc-ot_coupon, #disc-ot_gv {
	padding:2px;
	margin:1px;
	font-size:120%;
	font-family:Trebuchet MS,Verdana,Arial,sans-serif;
	font-weight:bold;
	color:#00387f;
}
#linkpoint_api-cc-expires-month, #linkpoint_api-cc-expires-year, #linkpoint_api-cc-cvv {
	padding:2px 0 1px 0;
	margin:1px;
	font-size:110%;
	font-family:Trebuchet MS,Verdana,Arial,sans-serif;
	font-weight:bold;
	color:#00387f;
}
#sources_other_name, select {
	padding:2px;
	margin:1px;
	font-size:110%;
	font-family:Trebuchet MS,Verdana,Arial,sans-serif;
	font-weight:bold;
	color:#809cbf;
}
#accountHistInfo label.inputLabel, #order_id, .checkoutEdit {
	margin:5px 0;
}
#frontpage { /* jonchange */
	margin:10px 0 0;
}

#indexCategories { /* jonchange */
	/* background:pink; */
	background:transparent;
}
#indexCategories.centerColumn {
	width:742px;
	xbackground:Red;
}

#shoppingCartDefault.centerColumn { /* joechange */
	width:715px;
}

#frontPageFooter, #frontPageCategories, #indexCategoriesMainContent  {
	/* border:1px solid #a9a9a9; */ /* jonchange */
	/* padding:10px; */ /* jonchange */
	border:0;
	padding:0;
}
#frontPageFooter { /* jonchange */
	padding:0px;
	width:742px;
}

	#frontPageFooter table td { /* jonchange */
		padding:10px;
	}

	#frontPageFooter .press { /* jonchange */
		margin-top:1em;
	}
	
#frontFreeShipping { /* jonchange */
	font-size:114%;
}
	img.iconFreeShipping {
		float:left;
		margin:0 10px 10px 0;
	}
	
	#frontFreeShipping .smallText {
		color:#888;
		}

 #riotClubNote {
	border:2px solid #e18aa0;
	padding:10px;
	background:#ffc0cb;
	margin:0 20px;
	text-align:center;
}
.riotClubType {
	color:#809CBF;
	font-weight:bold;
}
 /*Recent JOECHANGE */
.cartDiscount {
	border-top: 1px solid #cccccc;
	font-weight: bold;
	text-align: right;
	line-height: 1.8em;
	padding-right: 1.2em;
	background-color: #e9e9e9;
	height: 2.2em;
	color:#c21441;
}
#riotCarbonfree {
	color: #59a729;
}
#holidayShipping {
	float:left;
	font-size:110%;
	color:#d25071;
	font-weight:bold;
	margin-left:5px;
	border: 1px;
	border-style: dashed;
	padding: 2px 0 2px 5px;
	background-color: #feffb0;
}
#checkoutShippingContentChoose {
	margin-bottom: 5px;
}
.shippingWarning {
	margin-top: 15px;
	display: block;
}
#shipping-estimator {
	padding-left: 5px;
}
#nutrition {
	margin: 20px;
	width: 700px;
}

