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

/* remove browser default margins and padding */
body, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, a {margin:0; padding:0}

body {font-family: verdana, arial, helvetica, sans-serif; font-size: 76%; color: #666; background: #fff url(../images/general_page_bg.gif) repeat-x}
body#indexHomeBody {background: #fff url(../images/home_page_bg.gif) repeat-x}

a img {border: none; }
a:link, a:visited {text-decoration: none; color:#666}
a:hover {text-decoration:underline; color:#666}

h1 {font-size: 1.4em; color:#4191D0}
h2 {font-size: 1.4em}
h3 {font-size: 1.3em}

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

.biggerText {font-size: 1.2em}

h1, h2, h4, h5, h6 {margin: 0.3em 0}
h4#createAcctDefaultLoginLink {color:#0086cd; margin-bottom:20px}

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: #fff}

.address {width: 270px;float:left}
.instructions {width: 270px; float:right}

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

legend {font-weight: bold; padding: 0.3em; color:#0086cd}

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

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

.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 {
	padding: 0.5em 0;
	}

ADDRESS {font-style: normal; padding: 0.5em}

.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;
	margin-bottom:10px;
	}

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

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

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

/*wrappers - page or section containers*/

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

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

.wrapperAttribsOptions {
	margin: 0.3em 0em;
	}

/*navigation*/

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

#navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}




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

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

#productDescription, .shippingEstimatorWrapper {padding: 0.5em}

.alert {color: #FF0000; margin-left: 0.5em}
.important {font-weight: bold}

.centerColumn {padding: 0.8em 0; width:580px; float:left}

.smallText, #siteinfoCredits, #siteinfoStatus {
	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: 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;
	}

#shoppingcartContent {padding: 0 12px}

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

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

#cartBoxTotal {float: right; font-weight: bold; margin-top:5px}
#basket {float: left}

.cartRemoveItemDisplay {
	width: 3.5em;
	}

.cartAttribsList {
	margin-left: 1em;
	}

.orderHistList {margin: 1em;padding: 0.2em 0em}

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

#cartBoxListWrapper li, #ezPageBoxList li {
	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 ;
	}

#cartImage {
	margin: 0.5em 1em;
	}

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

/*list box contents*/
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerFour,  #bannerFive,  #bannerSix, #siteinfoCredits, #siteinfoStatus, .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}

/*misc*/
.back {float: left}
.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}

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

.accountTotalDisplay, .accountTaxDisplay {width: 20%;	text-align: right}
.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: #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;
	}

#orderAttribsList {padding-left:14px}

/* tables */
tr.tableHeading {background-color:#0086cd; color:#fff}
th, td {padding:3px}
caption {margin:10px}
.date {text-align: center}
.reference {text-align: center}
.recipient {text-align: left}
.status {text-align: center}
.total {text-align: right}
.view {text-align: center}
.quantity {text-align: center}
.product {text-align: left}

#siteMapList ul li ul {margin:10px}

#mainWrapper {width:100%; background: url(../images/main-content-bg.jpg) no-repeat top center; padding-top:10px }
#mainContent {text-align: left; width: 800px;	margin: 0 auto; background:transparent}

#navBreadCrumb {width:800px; margin:0 auto; font-size: 0.9em; line-height:1.5em}
#navBreadCrumb a, #navBreadCrumb a:visited {color:#666}
#navBreadCrumb a:hover {text-decoration:underline}

#sideBar {float:right; width:200px}

#bannerOne, #bannerTwo, #bannerThree {width:200px; float:left}

#loginbox {height:246px}
#loginboxHeading {padding-top:15px}
#loginboxContent {line-height: 1.8em; position:relative; width:200px}
#login_box {text-align:center; width:100%; height:100px; position:absolute; top:5px; left:0; background:url(../images/login-form-bg.gif) no-repeat 13px 5px}
input#email {width:155px; height:14px; position:absolute; top:8px; left:21px; background:transparent; border:1px solid white}
input#password {width:155px; height:14px; position:absolute; top:38px; left:21px; background:transparent; border:1px solid white}
#loginButton {position:absolute; top:65px; left:0; width:100%}
#newPassword {position:absolute; top:125px; left:0; width:100%}
#newCustomer {position:absolute; top:155px; left:0; width:100%}
#loginboxContent p {text-align:center; padding:0}
#loginboxContent ul {list-style:none; margin:15px 0 0 15px}
#loginboxContent ul li {padding:2px 0}
a#logoff {float:right;margin:15px 15px 0 0}

#shoppingcart {margin-bottom:5px}

/* Styles specific to the Protx panel in checkout payment */
.ProtxDirectFormGadgetError { background:#FF6633}
.ProtxDirectCardIcon { margin-right:4px; margin-bottom:4px}
.ProtxDirect3DSecureIcon { margin-left:1em; margin-bottom:2em; float:right}
h3.ErrorInfo {font-size:1em}

#categoryButtons {float:right; width:270px; text-align:right; margin:-5px 10px 0 0}
#pageLinks {float:left}
#pageLinks strong {color:#0086cd}
#myAccountOrdersStatus td {vertical-align:top; padding-bottom:6px}