/* SoftSlate Base Style Sheet */

/* General HTML Elements */
*  { margin: 0; padding: 0; }
body { margin:0; padding:0; font-family: Lucida Grande, Verdana, Arial, sans-serif; font-size: 78%; text-align: center; color: #333; background: #fff; }
* html, * html body { height: 98.6%; }
table { font-size: 1em; }
h1 { margin: 0 0 .5em 0; padding: .25em 0; font-size: 2em; color: #333; }
h2 { margin: .5em 0; padding: .25em 0; font-size: 1.50em; color: #333; }
h3 { margin: .5em 0; padding: .25em 0; font-size: 1.1em; color: #333; }
form { display: inline; margin: 0 0; }
fieldset  { padding: 0 1em 1em 1em;  border: 1px solid #cecece; }
legend { padding: 1em .5em; font-size: 1.00em; color: #333; font-weight: bold; }
address { font-style: normal; }
hr { height: 1px; margin: 0; padding: 0; color: #ccc; background: #ccc; border: 0; }
* html hr { margin: -.5em 0 0 0; } /* IE 6 and below */
html>body hr { margin: .5em 0 .5em 0; } /* Firefox */
a:hover { text-decoration: none; }
a:active, a:focus { color: #333; }
a img { border: 0; }
option { padding: 0 4px; }
ul.normal, ol.normal, div.innerContent ul, div.innerContent ol { margin-left: 20px; } 
form.basicForm label, form.basicForm input { margin: 0 1em .5em 0; vertical-align: top; }

/* Containers */
div#outerWrapper { margin: 0; padding: 0; background: #fff; }
a#top { visibility: hidden; font-size: 0em; }
div#innerWrapper { position: relative; margin:0 auto; padding: 1em 0 0 0; width: 80%; min-width: 600px; text-align: left; }
div.clearit:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div#panel { display: block; width: 200px; float: left; padding-bottom: .5em; font-size: .85em; background: transparent;  }
div#secondPanel { display: block; width: 200px; float: right; padding-bottom: .5em; font-size: .85em; background: transparent;  }

/* Content Region and global classes */
div#content { margin: 0 0 1em 218px; padding: 0; }
* html #content { height: 1%; }
body.oneColumn #content { margin: 0 0 1em 0px; padding: 0; }
div#content p { margin: 0 0 1em 0; }
strong.heading { display: block; margin: 0; padding: 4px 0; text-align: center; color: #333; background: #ddd; border-bottom: 1px solid #777; }
.label { font-weight: bold; }
.floater { float: right; margin: -1em 1em 1em 1em; padding: .5em; font-size: .9em; }
div.innerContent { width: 100%; }

/* Header */
div#storeLogo { margin-bottom: .5em; }
h1#storeName { font-size: 2.25em; }
h1#storeName a { text-decoration: none; color: #333; }

/* Links for Account, Cart, Checkout */
ul#toolsNavigation { position: absolute; top: 2.5em; right: 0; margin-right: -2em; list-style: none; font-size: .8em; z-index: 100; }
ul#toolsNavigation li { float: left; margin: 0 2em 0 0; white-space: nowrap; }
ul#toolsNavigation a { color: blue; }
ul#toolsNavigation a:hover { text-decoration: none; }
a.icon { display: block; padding-top: 20px; text-align: center; }
li#accountLink { background: #fff url('bg-account.gif') top center no-repeat; }
li#checkoutLink { background: #fff url('bg-checkout.gif') top center no-repeat; }
li#cartLink { background: #fff url('bg-cart.gif') top center no-repeat; }

/* Page Navigation */
div#pageNavigation { height: 2em; margin: 0 0 1em 0; padding: 0; font-size: .9em; background: #ddd; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
div#pageNavigation ul {list-style: none; margin: 0; padding: 0; border: none; }
div#pageNavigation li { display: block; margin: 0; padding: 0; float: left; width: auto; }
div#pageNavigation a { display: block; width: auto; margin: 0; padding: 4px 10px; background: #ddd; color: #444; text-decoration: none; border-left: 1px solid #fff; border-top: 1px solid #fff; border-right: 1px solid #aaa; }
div#pageNavigation a:hover { background: #eee; }
div#pageNavigation a.active, div#pageNavigation a.active:hover { position: relative; z-index: 102; background: #f7f7f7; font-weight: bold; cursor: default;  }

/* Search form */
div#searchBlock { margin: 0 0 1em 0; }
label.hidden { visibility: hidden; display: none; }
input#searchString { padding: 2px; background:#fff url('bg-tbox.gif') no-repeat; border:1px solid #f0f0f0; border-color:#7c7c7c #cecece #c3c3c3 #7c7c7c; }

/* Errors and Messages */
div#errors { border: 1px solid #ff0000; padding: 10px; margin: 10px 0; }
h4#errorsHeading { color: #ff0000; font-weight: bold; }
ul#errorsList { margin: 20px 0 0 20px; }
div#messages { border: 1px solid #009900; padding: 10px; margin: 10px 0; }
h4#messagesHeading { color: #009900; font-weight: bold; }
ul#messagesList { margin: 20px 0 0 20px; }

/* Category tree */
ul#categoryTreeTopLevel { margin: 0; padding: 0; overflow: hidden; list-style: none; }
ul.categoryTreeCategories ul { margin: 0; overflow: hidden; list-style: none; }
ul.categoryTreeCategories li { margin: .5em 0; padding: 0 0 0 1em;  }
ul.categoryTreeCategories li a { text-decoration: none; padding-left: 1em; background: #fff url(bg-arrow.gif) left no-repeat; }
ul.categoryTreeCategories li a:hover { text-decoration: underline; }
ul.categoryTreeCategories li a.active { text-decoration: none; font-weight: bold; background: #fff; }

/* Mini cart, mini category, mini manufacturer */
div.widget { width: 95%; margin: 0 0 1em 0; padding: 0; border: 1px solid #777; border-right: 1px solid #000; border-bottom: 1px solid #000; }
div.widget div { padding: .5em 0; }
div.widget p { text-align: center; padding: .25em 0; }

/* Breadcrumbs */
div#crumbs { display: block; margin: 0.5em 0 1em 0; font-size: .85em; }

/* Product, subcategory, and manufacturer lists */
div.productListPagination { float: right; margin: 4px 0 6px 0; } 
hr.productListSeparator { margin: 1em 0 0.5em 0; }
span.pageNumber, a.pageNumber { padding: 4px 8px; border: 1px solid #ccc; background-color: #eee; text-decoration: none; }
span.pageNumber, a.pageNumber:hover { background-color: #fff; }
div.sortByLinks { padding: 8px 0 4px 0; width: 100%; text-align: right; }
div.columnList table { width: 100%; }
div.columnList table td { vertical-align: top; padding: 8px; }
div.columnList h3.name { padding: 8px 0; }
div.rowList table { width: 100%; border-collapse: collapse; }
div.rowList table td { vertical-align: top; padding: 8px; }
div.rowList table th { vertical-align: top; padding: 8px; background: #ddd; text-align: center;  }
div.rowList table td.price { text-align: right; }
div.rowList table th.price { text-align: right; }
div.rowList .row { background: #fff; } 
div.rowList .altRow { background: #f3f3f3; } 
div.rowList h3.name { margin: 0; padding: 0; }
hr.clearSeparator { width: 0; clear: both; visibility: hidden; }
hr.clearRightSeparator { width: 0; clear: right; visibility: hidden; }
hr.clearLeftSeparator { width: 0; clear: left; visibility: hidden; }
span.productSalePrice { color: #ff0000; }
span.searchString { font-weight: bold; }
div#additionalImages { margin-top: 1em; }
div.additionalImage { float: left; margin: 1em 1em 1em 0; }
div.additionalImageSpacer { clear: both; }
textarea.reviewTextarea { width: 75%; height: 10em; }

/* Product page */
table.chart { border-collapse: collapse; border-width: 1px; border-color: #333; }
table.chart th, table.chart td { padding: 4px; border-width: 1px; border-style: inset; border-color: #333; }

/* Attributes */
div.attribute { padding: 0 0 10px 0; }
div.attribute select.forceCompact { width: 140px; }
div.attribute.required .name { font-weight: bold; }

/* Cart page, other tables */
table.grid { width: 100%; border-collapse: collapse; }
table.grid td { vertical-align: top; padding: 4px; }
table.grid th { vertical-align: top; padding: 4px; background: #ddd; text-align: center;  }
table.grid .row { background: #fff; } 
table.grid .altRow { background: #f3f3f3; } 
table.grid tr.cartItemAttributes td { vertical-align: top; padding: 2px; }
table.accountTable td { text-align: center; }
table.grid td.total { text-align: right; }
div#cartButtons { margin-top: 10px; clear: none; width: 100%; text-align: center; }
div#cartButtons form { padding: 10px; }
div#cartButtons img { vertical-align: middle; }
tr.cartItemAttributes .name { text-align: right; }
tr.listFooter .label, tr.listFooter .subtotal { text-align: right; }

/* Cart item edit page */
div#cartItemEditContent div.quantity, div#cartItemEditContent div.total { padding: 4px 0; }
div#cartItemDelete { float: right; margin: -2em 1em 1em 1em; padding: 0; }

/* Checkout progress bar */
table#checkoutBreadcrumbs { border-collapse: collapse; width: 100%; margin: 0 0 .75em 0; padding: 0; border-spacing: 0; border-bottom: 1px solid #ccc; }
table#checkoutBreadcrumbs td { padding: .5em 0 14px 0; text-align: center; vertical-align: middle; }
table#checkoutBreadcrumbs td.active { font-weight: bold; background: transparent url('bg-progbar-active.gif') center bottom no-repeat; }

/* Checkout and customer forms */
fieldset#couponCodeForm  { margin: 0 0 1em 0; }
fieldset.sideBySide { padding: 0 0 1em 0; float: left; width: 48%; margin: 0 4px .25em 0; }
* html fieldset.sideBySide { width: 48.5%; }
fieldset.sideBySide div, fieldset.sideBySide h3 { padding: 0 .5em; }
form.centeredForm br { clear: both; }
form.centeredForm hr { margin: .5em 0; color: #ccc; background: #ccc; }
form.centeredForm hr.formSeparator { clear: both; }
.requiredLabel { font-weight: bold; }
form.centeredForm label { width: 40%; float: left; margin: 0 1em 5px 0; text-align: right; padding: 2px; clear: both; }
form.centeredForm label.plain { width: 10em; float: none; margin: 0; text-align: left; clear: none; }
form.centeredForm label span { padding: 0 0 4px 0; vertical-align: middle; border: 1px dashed #fff; }
* html form.centeredForm label span { position: relative; top: -2px; }
div.addressFormExtraPrompts { margin-bottom: 2em; }
form.centeredForm div.addressFormExtraPrompts label { width: auto; float: none; margin: 0; text-align: left; clear: none; }
input.textbox, input.number, input.length100, select.selectbox { margin: 0 0 .5em 0; padding: 2px; background:#fff url('bg-tbox.gif') no-repeat; border:1px solid #f0f0f0; border-color:#7c7c7c #cecece #c3c3c3 #7c7c7c; }
form.centeredForm input.textbox, form.centeredForm select, form.centeredForm textarea { float: left; margin: 0 0 4px 0; }
/* Keep the fields from float up to one line in IE on the side by side forms */
fieldset.sideBySide input.textbox, fieldset.sideBySide textarea { width: 40%; }
form.centeredForm select.selectboxWide { width: 11em; }
form.centeredForm select.selectboxYear { width: 5em; }
form.centeredForm input.checkbox { float: left; margin: 0 0 0 8px; border: 0; }
form.centeredForm input.radiobtn { float: left; margin: 0 8px; }
* html form.centeredForm input.radiobtn { margin: 2px 4px 0 8px; }
* html form.centeredForm input.checkbox { margin: 0; }
label#whenComplete { visibility: hidden; }
form.centeredForm input.button { clear: both; }
form.centeredForm div.instructions, form.centeredForm span.instructions { float: left; margin: 0 0 4px 0; width: 50%;  }
form.centeredForm div.instructions input.radiobtn, form.centeredForm span.instructions input.radiobtn { float: none; }
form.centeredForm div#challengeImageAndInstructions, form.centeredForm p#switchSoloInstructions { text-align: center; }
img.challengeImage { border: 1pt solid #ccc; }
input.compact { width: 50px; }
div.paymentButton { margin-top: 1em; width: 90%; text-align: center; }
div.checkoutButtonContainer { width: 100%; text-align: center; }
hr#billingNoCheckBox { margin-top: 1.7em; }
input#wishListDescription { width: 40%; }

/* Payment screen */
div#paymentOptionInstructions { width: 100%; margin-bottom: 1.5em;}

/* Order details */
div.prompt { margin: 0.5em 0; }
table#orderInformation td, table#contactInformation td { width: 50%; }
table.tabDetails { width: 100%; margin: 0 0 .5em 0; border: 1px solid #ccc; }
table.tabDetails th, .tabDetails td { position: relative; padding: .25em; vertical-align: top; }
table.tabDetails th { padding: .5em .25em; background: #eee; border-bottom: 1px solid #ccc; }
td#shippingInfoData { border-top: 1px solid #ccc; }
td.orderTotalLabel { text-align: right; width: 90%; }
td.orderTotalAmount { text-align: right; width: 10%; }
td.orderTotalLabelHighlighted { font-weight: bold; background: #eee; text-align: right; width: 90%; }
td.orderTotalAmountHighlighted { font-weight: bold; background: #eee; text-align: right; width: 10%; }
td#totalLabel { font-weight: bold; background: #eee; }
td#totalAmount { font-weight: bold; background: #eee; }
table.tabDetails td.total, table.tabDetails th.total { text-align: right; }

/* Customer account area */
div#logoutLink { font-size: 0.90em; float: right; margin-right: 1em; }
ul#tabnav { font-size: 0.90em; margin: 1em 0 1em 0; padding: 3px 10px; text-align: left; list-style-type: none; border-bottom: 1px solid #ccc; }
ul#tabnav li { display: inline; } /* leave this be... */
* html ul#tabnav li { margin-right: 4px; }
ul#tabnav li.active { /* settings for selected tab */
	border-bottom: 1px solid #fff; /* set border color to page background color */
	background-color: #fff; /* set background color to match above border color */
}
ul#tabnav li.active a { /* settings for selected tab link */
	background-color: #fff; /* set selected tab background color as desired */
	color: #000; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}
ul#tabnav li a { padding: 3px 4px; border: 1px solid #ccc; background-color: #eee; color: #000; margin-right: 0px; text-decoration: none; border-bottom: none; }
ul#tabnav li a:hover { background: #fff; }
div.accountPagination {text-align: center; width: 100% }
a.buttonLink { text-decoration: none; } 

/* Footer */
div.int { position: relative; margin:0 auto; padding: 1em 0 0 0; width: 80%; min-width: 600px; text-align: left; }
hr#bottomSeparator { clear: both; margin: .5em 0 0 0; }
div#bottomNavigation { clear: both; padding: .5em 0 1em 0; text-align: center; font-size: .85em; color: #777; background: transparent url('bg-grad2.gif') bottom left repeat-x; }
div#bottomNavigation a { white-space: nowrap; }
div#footer { min-height: 64px; margin: 0 auto; color: #333; font-size: .9em;  }
div#footer .int { width: 100%; min-width: 600px; border-top: 1px solid #ccc; }
* html #footer { height: 64px; }
div#footer span { padding: 1em 0; }
div#poweredBy { position: absolute; top: 8px; right: 0; }