/**

 * Main CSS Stylesheet

 *

 * @package templateSystem

 * @copyright Copyright 2003-2005 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 3215 2006-03-20 06:05:55Z birdbrain $

 */



body {

	margin: 0;

	font-family: verdana, arial, helvetica, sans-serif;

	font-size: 62.5%;

	color: #000000;

	background-color: #66CCCC;

	}



a img {border: none;}



a:link, #navEZPagesTOC ul li a {

	color: #333;

	text-decoration: none;

	}

 

a:visited {


	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 {


	}



h1 {

	font-size: 1.5em;

	}



h2 {

	font-size: 1.4em;

	}



h3 {

	font-size: 1.3em;

	}



h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{

	font-size: 1.3em;

	}



.biggerText {

	font-size: 1.2em;

	}

	





h1, h2, h3, h4, h5, h6 {

	margin: 0.3em;

	}



CODE {

	font-family: arial, verdana, helvetica, sans-serif;

	font-size: 1em;

	}



FORM, SELECT, INPUT {

	display: inline;

	font-size: 1em;

	margin: 0.1em;

	}

#ProductName {

}





TEXTAREA {

	float: left;

	margin: auto;

	display: block;

	width: 95%;

	}



input:focus, select:focus, textarea:focus {

	background: #F0F8FF;

	}



FIELDSET {

	padding: 0.5em;

	margin: 0.5em 0em;

	border: 1px solid #cccccc;

	}



LEGEND {

	font-weight: bold;

	padding: 0.3em;

	}



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;

	}

	

#logo {

	margin-top: 40px;

	margin-left: 25px;

}



LABEL.inputLabel {

	width: 11em;

	float: left;

	}



LABEL.inputLabelPayment {

	width: 15em;

	float: left;

	}



LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {

	width: 12em;

	float: left;

	}



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 #000000;

	}



.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: #66CCCC;

	text-align: left;

	width: 975px;

	vertical-align: top;

	}

	

#Footer {

	background-color: #66CCCC;

	text-align: center;

	width: 760px;

	height: 25px;

	vertical-align: middle;

	border: 1px solid #EC207B;

	color: #EC207B;

	background-color: #F692C0;

	}

	

.legalCopyright{

 color: black;

 background-color: transparent;

 text-align: center;

 vertical-align: middle;

 padding-top: 10px;

}



#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {

	margin: 0em;

	padding: 0em;

	}

	

#contentMainWrapper{

}



#logoWrapper {

	width:760px;

	height:110px;

	

	}

	

	.headertxt {

	font-size: 18pt;

	font-weight: Bold;

	color: Black;

	background-color: transparent;

	}



#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {

	margin: auto;

	} 



#tagline {

	padding-top:10px;

	color:#000000;

	font-size: 2em;

	text-align : left;

	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 {
	font-size: 120%;
	}

.navSplitPagesLinks {
		
	font-size: 120%;
	}

.navNextPrevCounter {

	margin: 0em;

	font-size: 0.9em;

	}

.navNextPrevList {

	display: inline;

	white-space: nowrap;

	margin: 0;

	padding:  0.5em 0em;

	list-style-type: none;

	}



#navSuppWrapper{

	margin: 0em;

	background-color: #66CCCC;

	font-weight: bold;

	color: #ffffff;

	height: 25px;

	width: 100%;

	border: 0;

	}

	

	#navCatTabsWrapper {

	background-color: #66CCCC;

	font-weight: bold;

	color: #ffffff;

	width: 760px;

	border: 0;

	margin-top: 2px;

	position: relative;

	}

	

#navMainWrapper{

	background-color: #66CCCC;

	font-weight: bold;

	color: #ffffff;

	height: 25px;

	width: 49%;

	float: left;

	text-align: left;

	margin-top: 5px;

	border: 0;





	}



#navMain ul, #navSupp ul{

	

	padding:  0.5em 0.5em;

	list-style-type: none;

	text-align: center;

	line-height: 1.5em;

	margin: 0em;



	}

	

#navCatTabs ul  {

	margin-top: 0.5em;

	list-style-type: none;

	text-align: right;

	height: 15px;

	width: 720px;

	border: 0;

	}

	

	

	#sitenavwrapper{

	background-color: #66CCCC;

	font-weight: bold;

	color: #ffffff;

	height: 25px;

	width: 49%;

	float: right;

	margin-top: 0.5em;

	border: 0;



	}







.sitenav a  {

	border: 1px solid #EC207B;

	color: black;

	background-color: #FF99FF;

	float: right;

	padding: 5px 5px 5px 5px;

	margin-left: 0.5em;

} 

.sitenav a:visited  {

	border: 1px solid #EC207B;

	color: black;

	background-color: #FF99FF;

	float: right;

	padding: 5px 5px 5px 5px;

	margin-left: 0.5em;

}

.sitenav a:hover {

	border: 1px solid #EC207B;

	color: #EC207B;

	background-color: #FF99FF;

	float: right;

	padding: 5px 5px 5px 5px;

	margin-left: 0.5em;

}



#navSupp ul li, #navCatTabs ul li {

	display: inline;

	white-space: nowrap;

	color: black;

	background-color: transparent;

	}

	

	#navMain ul li{

	display: inline;

	white-space: nowrap;

	color: black;

	background-color: transparent;

	text-align: right;

	text-

	}



#navMain ul li a {

	display: inline;

	text-decoration: none;

	padding: 0.5em;

	margin: 0;

	color: #3300ff;

	}
.category-top a, .sideBoxContent a{ color:#fff}
	

#navSupp ul li a, #navCatTabs ul li a {

	text-decoration: none;

	padding: 0.5em;

	margin: 0;

	color: #3300ff;

	}



#navEZPagesTOCWrapper {

	font-weight: bold;

	float: right;

	height: 1%;

	border: 1px solid #000000;

	}



#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;

	}



#navMainSearch, #navCategoryIcon, .buttonRow, #indexProductListCatDescription {

	margin: 0.5em;

	}



#navBreadCrumb {

	margin-top:16px;

	background-repeat:no-repeat;

	background-position:center;

	font-size: 0.95em;

	font-weight: bold;

	padding: 0.5em 0 0.5em 1.5em;

	}



#navEZPagesTop {

	font-size: 0.95em;

	font-weight: bold;

	margin: 0em;

	padding: 0.5em 0 0.5em 1.5em;

	}



#navColumnOne, #navColumnTwo {


	}





/*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;

	}



.alert {

	color: #FF0000;

	margin-left: 0.5em;

	}

.advisory {}

.important {

	font-weight: bold;

	}

.notice {}

.rating{}

.gvBal {
productsListingTopNumber
	float: right;
	font-size: 95%;

	}

.centerColumn, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix {

	padding: 0.8em;

	}
.centerColumn, .centerColumn a{ background:#438375; color:#fff; margin-left:3px}

.smallText, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP {

	font-size: 0.9em;

	}



/*Shopping Cart Display*/

#cartAdd {

	text-align: center;

	margin: 0 auto;

	padding: 1em;

	width: 150px;

	color: #66CCCC;

	}



.tableHeading TH {

	border-bottom: 1px solid #cccccc;

	}



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

}

.normalprice, .productSpecialPriceSale {

	text-decoration: line-through;

	}



.productSpecialPrice, .productSalePrice, .productSpecialPriceSale, .productPriceDiscount {

	color: #ff0000;

	}



#cartBoxListWrapper ul, #ezPageBoxList ul {

	list-style-type: none;

	}



#cartBoxListWrapper li, #ezPageBoxList li, .cartBoxTotal {

	margin: 0;

	padding: 0.2em 0em;

	} 



.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 { 

color: #EC207B; 

font-size: 12pt;

font-weight: bold;

}





#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;

	}



/*sideboxes*/

.columnLeft {
	}



h3.leftBoxHeading, h3.leftBoxHeading a, h3.leftBoxHeading label, h3.rightBoxHeading, h3.rightBoxHeading a, h3.rightBoxHeading label {

	font-size: 1.5em; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	}

	

h3.leftBoxHeading a:hover, h3.rightBoxHeading a:hover{

	color: #fff;

	text-decoration: none;

	} 



.leftBoxHeading, .rightBoxHeading {

	margin: 0em;

	background-repeat:no-repeat;

	padding: 0.5em 0.2em;
	background:#438375;
	color:#fff

	}



.centerBoxHeading {

	margin: 0em;

	padding: 0.5em 0.2em;

	}



.leftBoxContainer, .rightBoxContainer {

	background-image:url(../images/sidebox_middle.gif);

	background-repeat:repeat-y;

	margin-top: 3em;

	}



.sideBoxContent {
	background: #438375;

	padding: 0.4em;

	}



.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading,  .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {

	text-align: center;

	}

	

.productListing-data{

	text-align: left;

	margin-top: 5px;

	}



#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;

	}



/*misc*/

.back {

	float: left;

	list-style-type: none;

	}



.forward {

	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;

	}



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;

	}



#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 {

	background-color: #ffffff;

	}



#imgLink1 a:link, #imgLink1 a:visited 	{

	color: #EC207B; 

	font-size: 8pt;

	font-weight: normal;

	}



#imgLink1 a:hover	{

	color: #EC207B; 

	font-size: 8pt;

	font-weight: normal;

	text-decoration: underline;

	}

	

#imgLink1 a:active	{

	color: #EC207B; 

	font-size: 8pt;

	font-weight: normal;

	}

	

/**

 * Frames CSS Stylesheet

 *

 * @this is used for the frames around the products that change for each category

 * @To add a new category here take out the spaces of the new category name and add Frames to the front of it

 * @That will create the style name that will be spit out by Zen_Cart.

 * 

 * 

 */



.FramesX-Small {

height: 451px; 

background-image:url('/catalog/includes/templates/classic_hats/images/xs-sm.jpg'); 

background-position: center center;

background-repeat: no-repeat;

}



.FramesSmall {

height: 451px; 

background-image:url('/catalog/includes/templates/classic_hats/images/small.jpg'); 

background-position: center center;

background-repeat: no-repeat;

}



.FramesMedium {

height: 451px; 

background-image:url('/catalog/includes/templates/classic_hats/images/medium.jpg'); 

background-position: center center;

background-repeat: no-repeat;

}



.FramesLarge {

height: 451px; 

background-image:url('/catalog/includes/templates/classic_hats/images/large.jpg'); 

background-position: center center;

background-repeat: no-repeat;

}



.categorybox {

border: 1px solid #EC207B;

width:150px; 

margin: auto; 

text-align: center;

color: black;

background-color: #FF99FF;

}
.homepage{
	font-size:1.5em
	
	}
.frontimage1 {
	padding-right:30px;
	}