/*
	Color Palette
	
	#3D2B0F - Background Color (to blend with background-tile.jpg) & primary text color
	#FF9900 - Home page main text color & divider color
	#DEC990 - Home page copyright text color
	#4D140D - Header color (H1, H2, etc.)
	#5E0D0F - Top nav hover color
	
*/

/* General */

a img {
	border: none;
}

body {
	padding: 0;
	margin: 0;
	background-image: url(../images/background-tile.jpg);
	background-repeat: repeat-y;
	background-color: #3D2B0F;
}

/* End General */

/* Main */
#main {
	display: block;
	text-align:left;
	margin: auto auto;  /*  Centers the layout regardless of browser window size.  */
	position: relative;  /*  Allows positioning of elements relative to the wrapper instead of the browser window.  */
	width: 824px; /* no horizontal scrollbar for 1024px screens */
	padding: 0;
}

#header {
}

#bannerImage {
	display: block;
	position: relative;
	z-index: 10;
	float: none;
	margin: 0;
	padding: 0;
}

/* Home Page Section - begin */

#homePageMain {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
}

#homePageNavCol {
	width: 135px;
	position: absolute;
	left: 507px;
	z-index: 10;
}

#homePageImage {
	display: block;
	position: absolute;
	top: 0px;
	z-index: 1;
}

#homePageEndCapImage {
	display: block;
	position: absolute;
	top: 681px;
	z-index: 1;
}

#homePageButtonsImage {
	display: block;
	position: absolute;
	z-index: 5;
	width: 95px;
	right: 263px;
	top: 50px;
}

#homePageText {
	display: block;
	position: absolute;
	z-index: 10;
	color: #FF9900;
	font-size: 13px;
	width: 400px;
	top: 465px;
	left: 50px;
}

#homePageCopyright {
	color: #DEC990;
	font-size: 10px;
	display: block;
	position: absolute;
	z-index: 10;
	top: 685px;
	left: 25px;
	clear: both;
}

/* Home Page Section - end */

#colContainer {
	top: 0px;
	position: absolute;
}

#mainCol {
	background-image: url(../images/burlap-tile-opaque.jpg);
	width: 656px;
	text-align: left;
	color: #3D2B0F;
	position: relative;
	padding-top: 160px;
	z-index: 1;
}

#mainColEndCap {
	background-image: url(../images/burlap-tile-opaque-end-cap.png);
	position: relative;
	width: 656px;
	height: 54px;
	z-index: 1;
}

#primaryContent{
	margin-left: 30px;
	margin-right: 30px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3D2B0F;
	line-height: 3.5ex;
	text-align: justify;
}

#rightCol {
	width: 160px;
	position: absolute;
	left: 657px;
	top: 150px;
	margin-left: 5px;
	color: white;	
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 24px;
	color: #4D140D;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 20px;
	color: #4D140D;
	font-weight: lighter;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	color: #4D140D;
	font-weight: lighter;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 16px;
	color: #4D140D;
	font-weight: lighter;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #4D140D;
	font-weight: lighter;
}

td, th {
	/*font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
	color: #3D2B0F;*/
}

a {
	font-size: 12px;
	color: #336600;
}

form {
}

.title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
 	background-color: #99CC00;
	color: #003333;}

.subtitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 30px;
 	color: #003300;
}

/* Navigation Section - start */

.homePageNavLinks {
	width: 130px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

.homePageNavLinks a:link, .homePageNavLinks a:visited {
	color: #DEC990;
	text-decoration: none;
}

.homePageNavLinks a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.homePageNavLink {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
}

.homePageNavLinkDivider {
	color: #FF9900;
	background-color: #FF9900;
	height: 1px;
	border: none;
}

.primaryTopNav {
	padding-left: 15px;
	padding-right: 15px;
}

.primaryTopNavLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}

.topNav {
	padding-left: 15px;
	padding-right: 15px;
	margin-top: -15px;
}

.topNavLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.topNav a:link, .topNav a:visited, .primaryTopNav a:link, .primaryTopNav a:visited {
	color: #922D2E;
	text-decoration: none;
}

.topNav a:hover, .primaryTopNav a:hover {
	color: #5E0D0F;
	text-decoration: none;
}

.topNavVerticalLinkDivider {
	display: inline;
	width: 14px;
	height: 14px;
	border-left: solid #FF9900 1px;
}

.primaryBottomNav {
	padding-left: 15px;
	padding-right: 15px;
}

.primaryBottomNavLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.bottomNav {
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: -15px;
}

.bottomNavLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.bottomNav a:link, .bottomNav a:visited, .primaryBottomNav a:link, .primaryBottomNav a:visited {
	color: #57251F;
	text-decoration: none;
}

.bottomNav a:hover, .primaryBottomNav a:hover {
	color: #922D2E;
	text-decoration: none;
}

.bottomNavVerticalLinkDivider {
	display: inline;
	width: 12px;
	height: 12px;
	border-left: solid #FF9900 1px;
}

/* Navigation Section - end */

.sidebar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding: 3px;
	background-color: #FFFFCC;
 	color: #003333;
}

.sidebarHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #003300;
	background-color: #FFFF66;
}

.sidebarFooter {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	background-color: #FFFF99;
 font-style: italic;
}

.footer {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 22px;
	color: #333333;
	background-color: #CCFF99;
}

.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.box1 {
	border-width: thin;
	border-color: #99FF99 #003300 #003300 #99FF99;
 border-style: double;
 }

.promo {
	font-family: "Times New Roman", Times, serif;
	color: #000033;
}

.titlebar {
	font-family: "Times New Roman", Times, serif;
	font-size: 9px;
	color: #FFFFFF;
	background-color: #336699;
}

.dingbat {
	font-family: Arial, Helvetica, sans-serif;
 color: #660000; font-weight: bolder; font-size: medium;
 }

input.big {
	width: 100px;
}

input.small {
	width: 50px;
}

#copyright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	padding-top: 25px;
	padding-bottom: 10px;
}

.referenceHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
}

.references {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	margin-left: 3em;
}

.references a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

/* Tables - start */

.stdTable table {
	border: solid #000000;
	border-color: #4D140D;
	border-style: solid solid solid solid;
}

.stdTable td {
	text-align: left;
}

.formTable table {
	border: none;
}

.formTable td {
	text-align: left;
	vertical-align: top;
}

.formTable hr {
	color: #FF9900;
	background-color: #FF9900;
	height: 1px;
	border: none;
}

/* Tables - end */

/* Images - begin */

.imageLeftSide {
	display: inline;
	border: none;
	float: left;
	margin-right: 10px;
}

.imageRightSide {
	display: inline;
	border: none;
	float: right;
	margin-left: 10px;
}

/* Images - end */

/* zencart sideboxes - begin*/
.columnLeft {}

h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
	font-size: 10px;
	color: #4D140D; /* Changed by Mike */
	}
#manufacturersHeading, #currenciesHeading, #musicgenresHeading, #recordcompaniesHeading, #searchHeading, #search-headerHeading {
	font-size: 0.9em;
	color: #4D140D; /* Changed by Mike */
}

.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
	margin: 0em;
	background-color: #abbbd3;
	background-image: url(/store/includes/templates/tifa/images/tile_back.gif);
	padding: 0.5em 0.2em;
	}

.leftBoxContainer, .rightBoxContainer {
	margin: 0em;
	border: 1px solid #9a9a9a;
	margin-top: 5px;
	}

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

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

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

.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;
	}

#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;
	}
	
.sideBoxContent {
	font-size: 1.1em;
	}
/* zencart sideboxes - end*/