/**

 * 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: Comic Sans MS, cursive;

	font-size: 62.5%;

	color: #000066;

	background-color: #ffffff;

	}



a img {border: none; }



a:link, #navEZPagesTOC ul li a {

	color: #000066;

	text-decoration: none;

	}

 

a:visited {

	color: #000066;

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

	}



a:active {

	color: #000066;

	}



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

	}



.biggerText {

	font-size: 1.2em;

	}



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

	margin: 0.3em 3px;

}



CODE {

	font-family: Comic Sans MS, cursive;

	font-size: 1em;

	}



FORM, SELECT, INPUT {

	display: inline;

	font-size: 1em;

	margin: 0.1em;

	}



TEXTAREA {

/*	float: left;*/

	margin: auto;

	display: block;

	width: 95%;

	}



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

	background: #ffffff;

	}



FIELDSET {

	padding: 0.5em;

	margin: 0.5em 0em;

	border: 1px solid #cccccc;

	}



LEGEND {

	font-weight: bold;

	padding: 0.3em;

	}



LABEL, h4.optionName {

	line-height: 1em;

	padding: 0.2em;

	}



LABEL.checkboxLabel, LABEL.radioButtonLabel {

	margin: 0.5em 0.3em;

	}



#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {

	float: left;

	}



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

	color: #f3f3f3;

	}



.messageStackSuccess {

	background-color: #000066;

	color: #ffffcc;

	}



.messageStackCaution {

	background-color: #000066;

	color: #000000;

	}



/*wrappers - page or section containers*/

#mainWrapper {

	background-color: #ffffff;

	text-align: left;

	width: 100%;

	vertical-align: top;

	}



#headerWrapper, #logoWrapper {

width:760px;

height:110px;

align-center;

background-image:url(../images/bbpheader.jpg);

background-repeat:no-repeat;

}



#cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {

	margin: 0em;

	padding: 0em;

	}



#navColumnOneWrapper, #navColumnTwoWrapper, #mainWrapper {

	margin: auto;

	} 



#tagline {

	color:#ffffcc;

	font-size: 1.25em;

	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: 1em;

	}

.navNextPrevList {

	display: inline;

	white-space: nowrap;

	margin: 0;

	padding:  0.5em 0em;

	list-style-type: none;

	}



#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {

	margin: 0em;

	background-color: #ccccff;

	font-weight: bold;

	color: #000066;

	height: 1%;

	width: 100%;

	}



#navMain ul, #navSupp ul, #navCatTabs ul  {

	margin: 0;

	padding:  0.5em 0em;

	list-style-type: none;

	text-align: center;

	line-height: 1.25em;

	}



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

	white-space: nowrap;

	}



#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: 1em;

	}



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

	background-color: #ccccff;

	}



#navEZPagesTop {

	background-color: #ccccff;

	}



#navBreadCrumb, #navEZPagesTop {

	font-size: 1.25em;

	font-weight: bold;

	margin: 0em;

	padding: 0.5em;

	}


#navColumnOne {

	background-color: #9999ff;

	}



#navColumnTwo {

	background-color: #9999ff;

	}



/*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.25em;*/

	padding: 0.5em;

	}



.alert {

	color: #ffffcc;

	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: 1px solid #000000;

	padding: 1em;

	}



.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: 1em;

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

	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;

	}

.mediaTitle {

	float: left;

	}

.mediaTypeLink {

	float: right;

	}



.normalprice, .productSpecialPriceSale {

	text-decoration: line-through;

	}



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

	color: #000066;

	}



.orderHistList {

	margin: 1em;

	padding: 0.2em 0em;

	} 



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

	}



/*sideboxes*/

.columnLeft {}



h3.leftBoxHeading, h3.leftBoxHeading a {

	font-size: 1.25em;

	color: #000066;

	}



.leftBoxHeading, .centerBoxHeading {

	margin: 0em;

	background-color: #ccccff;

	padding: 0.5em 0.2em;

	}



.leftBoxContainer {

	border: 1px solid #333399;

	margin-top: 1.5em;

	}



.sideBoxContent {

	background-color: #ffffff;

	padding: 0.4em;

	}



h3.rightBoxHeading, h3.rightBoxHeading a {

	font-size: 1.25em;

	color: #000066;

	}



.rightBoxHeading {

	margin: 0em;

	background-color: #ccccff;

	padding: 0.2em 0em;

	}



h3.leftBoxHeading a:hover {

	color: #f3f3f3;

	text-decoration: none;

	} 



h3.rightBoxHeading a:hover {

	color: #f3f3f3;

	text-decoration: none;

	}



.rightBoxContent {

	background-color: #f3f3f3;

	margin-bottom: 1em;

	}



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

}



#upProductsHeading {

	text-align: left;

	}



#upDateHeading {

	text-align: right;

	}



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

	}



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

	}

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

	}







Old css:



a{

color:#0000ff;

text-decoration:none;

}

a,body,html,table{

font:normal normal 12px Comic Sans MS, cursive;

}

a:hover{

color:#0000ff;

text-decoration:underline;

}

a.headerLink:link{

color:#f3f3f3;

font-weight:bold;

text-decoration:none;

}

a.headerLink:visited{

color:#f3f3f3;

font-weight:bold;

text-decoration:none;

}

a.headerLink:hover{

color:#f3f3f3;

font-weight:bold;

text-decoration:underline;

}

a.headerLink:active{

color:#f3f3f3;

font-weight:bold;

text-decoration:none;

}

a.menuBoxContentLink:link{

color:#ffffcc;

text-decoration:none;

}

a.menuBoxContentLink:visited{

color:#ffffcc;

text-decoration:none;

}

a.menuBoxContentLink:hover{

color:#ffffcc;

text-decoration:underline;

}

a.menuBoxContentLink:active{

color:#ffffcc;

text-decoration:none;

}

a.menuBoxHeadingLink:link{

color:#ffffcc;

font-weight:bold;

text-decoration:none;

}

a.menuBoxHeadingLink:visited{

color:#ffffcc;

font-weight:bold;

text-decoration:none;

}

a.menuBoxHeadingLink:hover{

color:#ffffcc;

font-weight:bold;

text-decoration:none;

}

a.menuBoxHeadingLink:active{

color:#ffffcc;

font-weight:bold;

text-decoration:none;

}

a.splitPageLink:link{

color:#0000ff;

text-decoration:none;

}

a.splitPageLink:visited{

color:#0000ff;

text-decoration:none;

}

a.splitPageLink:hover{

background-color:#ffff33;

color:#0000ff;

text-decoration:underline;

}

a.splitPageLink:active{

color:#0000ff;

text-decoration:none;

}

body{

background-color:#f3f3f3;

color:#333333;

margin:0;

}

.clearBoth {

	clear: both;

	}

body#login{

margin-top:100px;

text-align:center;

}

body#login .button{

cursor:pointer;

padding: 3px;

margin-top: 10px;

}

body#login fieldset{

margin:0 auto;

padding:10px;

width:400px;

}



.loginLabel {

	margin-left: 60px;

	margin-right: 5px;

	width: 125px;

	float: left;

	text-align: right;

	line-height: 1.5;

	}

body#login legend{

background:#f3f3f3;

border:1px solid #003D00;

color:#333333;

font-size:90%;

padding:0.2em 0.5em;

text-align:right;

}

checkbox,input,radio,select,textarea,file{

font-size:11px;

}

textarea {

width: 80%;

}

/* to handle textareas for browsers which don't like % widths */

textarea.sqlpatchKeyedQuery, TEXTAREA#file_contents {

width:auto;

}

form{

display:inline;

}

span.dataTableHeadingContentWhois{

color:#ff6600;

font-weight:bold;

}

span.normalprice{

text-decoration:line-through;

}

span.productPriceDiscount,.inputRequirement{

color:#000066;

}

span.productSpecialPrice,span.productSalePrice,.stockWarning,span.coming{

color:#000066;

}

span.productSpecialPriceSale{

color:#000066;
text-decoration:line-through;

}

span.SortOrderHeader{

color:#ff6600;

font-weight:bold;

}

span.SortOrderHeaderLink{

color:#ffffcc;

font-weight:bold;

}

td.alert,span.alert{

color:#000066;

font-weight:bold;

}

td.attributeBoxContent{

background-color:#dcdbd1;

color:#333333;

}

td.ot-subtotal-Amount,td.ot-cod-fee-Amount,td.ot-group-pricing-Amount,td.ot-gv-Amount,td.ot-loworderfee-Amount,td.ot-shipping-Amount,td.ot-subtotal-Amount,td.ot-tax-Amount,td.ot-coupon-Amount{

}

td.ot-subtotal-Text,td.ot-cod-fee-Text,td.ot-total-Text,td.ot-group-pricing-Text,td.ot-gv-Text,td.ot-loworderfee-Text,td.ot-shipping-Text,td.ot-subtotal-Text,td.ot-tax-Text,td.ot-coupon-Text{

font-weight:bold;

}

td.ot-total-Amount{

border-top:1px solid #9a9a9a;

font-weight:bold;

}

tr.attributeBoxContent{

background-color:#dcdbd1;

color:#333333;

}

.attributeBoxContent{

background-color:#dcdbd1;

color:#333333;

}

.attributes-even{

background-color:#f3f3f3;

}

.attributes-odd{

background-color:#f7f6ef;

}

.columnLeft{

background-color:#f2f1ee;

border-color:#999999;

border-style:solid;

border-width:1px;

padding:2px;

}

.dataTableContent{

color:#333333;

}

.dataTableContentBot{

color:#333333;

}

.dataTableContentWhois{

color:#333333;

}

.dataTableHeadingContent{

color:#333333;

font-weight:bold;

}

.dataTableHeadingContentWhois{

color:#333333;

font-weight:bold;

}

.dataTableHeadingContentWhois a:link,.dataTableHeadingContentWhois a:visited{

color:#0000ff;

font-weight:bold;

}

.dataTableHeadingContentWhois a:hover{

color:#f3f3f3;

font-weight:bold;

}

.dataTableHeadingRow{

background-color:#d7d6cc;

}

.dataTableHeadingRowWhois{

background-color:#d7d6cc;

}

.dataTableRow{

background-color:#f2f1ee;

}

.dataTableRowBot{

background-color:#facbfa;

}

.dataTableRowOver{

background-color:#f3f3f3;

cursor:pointer;

cursor:hand;

}

.dataTableRowOverBot{

background-color:#f3f3f3;

}

.dataTableRowOverWhois{

background-color:#f3f3f3;

}

.dataTableRowSelected{

background-color:#e7e6e0;

}

.dataTableRowSelectedBot{

background-color:#ff93ff;

}

.dataTableRowSelectedWhois{

background-color:#dee4e8;

}

.dataTableRowSpacer,td.dataTableRowSpacer,TR.dataTableRowSpacer{

background-color:#d7d6cc;

color:#ff6600;

font-size:11px;

font-weight:bold;

line-height:1.0;

}

.dataTableRowWhois{

background-color:#f2f1ee;

}

.errorText{

color:#000066;

}

.fieldRequired{

color:#00066;

}

.formArea{

background-color:#f1f9fe;

border-color:#7b9ebd;

border-style:solid;

border-width:1px;

}

.formAreaTitle{

font-family:Comic Sans MS, cursive;

font-size:11px;

font-weight:bold;

}

.headerBar{

background-color:#ffffcc;

}

.headerBarContent{

color:#ffffcc;

font-weight:bold;

padding:2px;

}

.infoBoxContent{

background-color:#333399;

color:#333333;

}

.infoBoxHeading{

background-color:#003D00;

color:#f3f3f3;

}

.main{

}

.menuBoxContent{

color:#616060;

}

.menuBoxHeading{

background-color:#333399;

color:#616060;

}

.messageBox{

}

.messageStackCaution{

background-color:#ffff00;

}

.messageStackError,.messageStackWarning{

background-color:#ffb3b5;

}

.messageStackSuccess{

background-color:#d4ffbd;

}

.oldPrice{

text-decoration:line-through;

}

h1,.pageHeading{

color:#003D00; /*727272*/

font-size:14px;

font-variant:small-caps;

font-weight:bold;

}

.SaleMakerDisabled{

background-color:#f0f1f1;

}

.SaleMakerOver{

background-color:#f3f3f3;

cursor:pointer;

cursor:hand;

}

.SaleMakerSelected{

background-color:#dee4e8;

cursor:pointer;

cursor:hand;

}

.smallText{

font-size:9px;

}

.specialPrice{

color:#ff6600;

}

.lookupAttention {

  color: #990099;

}

.clearBoth {

	clear:both;

}