/* General HTML Elements */
/**  { margin: 0; padding: 0; }*/

body { margin:0; padding:0; font-family: Arial, sans-serif; font-size: 78%; text-align: center; color: #333; background: #fff; }
* html, * html body { height: 98.6%; }
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; }


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

form { display: inline; margin: 0 0; }
legend { padding: 1em .5em; font-size: 1.00em; color: #333; font-weight: bold; border:0px solid #ccc;}
fieldset{padding:10px;border:1px solid #ccc;}


/* Category tree */
ul#categoryTreeTopLevel { margin: 0px; padding: 0px; padding-left:10px; overflow: hidden; list-style: none;}
ul.categoryTreeCategories ul { margin-left: 5px;padding:0px; overflow: hidden; list-style:none;}
ul.categoryTreeCategories li { margin-left:0px; padding:0px;border-bottom:0px solid #cdf;}
ul.categoryTreeCategories li a {font-size:12px; padding:3px; text-decoration: none; padding-left:3px; background: url(bg-arrow.gif) left no-repeat;display:block; }
ul.categoryTreeCategories li a:hover { text-decoration: underline; }
ul.categoryTreeCategories li a.active { text-decoration: none; font-weight: bold;margin-left:0px;background:#fff;display:block;border-bottom:0px solid #9cf; }


/* Containers */
div#outerWrapper { margin: 0; padding: 0;}
a#top { visibility: hidden; font-size: 0em; }
div#innerWrapper { position: relative; margin:0 auto; padding: 1em 0 0 0; min-width: 600px; text-align: left; }
div.clearit:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/* Content Region and global classes */

* html #content { height: 1%; }
body.oneColumn #content { margin: 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; border-bottom: 1px solid #777; }
.label { font-weight: bold;float:left; }
.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; }



/* Search form */
div#searchBlock { margin: 0 0 1em 0; }
#searchBlock{padding:5px;text-align:center;}
	
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: 3px solid #009900;background:#cfc;padding: 10px; margin: 10px 0; }
h4#messagesHeading { color: #009900; font-weight: bold;padding:0px;margin:0px; }
ul#messagesList {padding:0px; margin: 5px 0px 0px 20px; color:#333;list-style:none;}


/* Product, subcategory, and manufacturer lists */
div.productListPagination { float: right; } 
hr.productListSeparator { margin: .5em 0; }
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 .row { background: #fff; } 
div.rowList .altRow { background: #f3f3f3; } 
hr.clearRightSeparator { width: 0; clear: right; }

/* 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; }
table.attributeMatrix { width: 100%; }

/* 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: #fff; text-align: center;border-bottom:1px solid #ddd;  }
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; }
table.grid img{width:90px;}
div#cartButtons { margin-top: 10px; clear: none; width: 100%; text-align: center; }
div#cartButtons form { padding: 10px; }
tr.cartItemAttributes .name { text-align: right; }
tr.listFooter .label { 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; }
input.textbox, 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, 
form.centeredForm input.radiobtn, form.centeredForm input.checkbox { float: left; margin: 0 0 2px 0; }
form.centeredForm select.selectboxWide { width: 11em; }
form.centeredForm select.selectboxYear { width: 5em; }
form.centeredForm input.checkbox { margin: 0 0 0 8px; border: 0; }
form.centeredForm input.radiobtn { 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; }

/* Order details */
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#totalLabel { font-weight: bold; background: #eee; }
td#totalAmount { font-weight: bold; background: #eee; }
table.tabDetails td.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; 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% }

/* Footer */
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;  }
div#poweredBy { position: absolute; top: 8px; right: 0; }


/* Place new or modified custom styles here. */
body, html{margin:0px;padding:0px;color:#333;background:url('bg-grad.gif') repeat-x #fff;}

#miniCart{background:url('cart-bg.gif') no-repeat;text-align:center;margin-left:10px;height:90px;}
.miniCartImage a img{width:120px;}

a{font-size:13px;}

/* Mini cart, mini category, mini manufacturer */
div.widget { background:#fff url('left-nav-bg-02.gif') no-repeat;width: 200px; margin: 0px 0px 15px 12px; padding: 0px; border:0px;border-bottom: 0px solid #def; }
div.widget div { padding: 0 0; }
div.widget p { text-align: center; padding: .25em 0; border:0px;}

#miniCategoryHeading, #categoryTreeHeading, #miniCartHeading, .heading{font-size:14px;color:#666;text-align:left;border:0px solid #cf0;padding-left:5px;}
#header{padding:5px;margin:0px;background:url('head-bg.gif');display:block;height:70px;}

div#storeLogo{float:left;display:block;padding-left:5px;}

/* Links for Account, Cart, Checkout */
a.icon { display: block;text-align: left; }

#accountLinkWrapper{float:right;width:290px;margin-right:0px;border:0px solid #000;padding:0px;margin:0px;}

ul#accountLinks{list-style:none;border:0px solid #900;margin:0px;margin-bottom:0px;
padding:0px;width:200px;}
ul#accountLinks li{display:block;margin:1px;float:left;padding:0px;}
ul#accountLinks li a{display:block;padding:5px;border:0px solid #9cf;font-size:11px;}

#talk-live{text-align:center;margin-top:-5px;float:right;color:#666;border:0px solid #000;display:block;margin-right:15px;}
#talk-live h2{display:inline;font-size:21px;color:#f90;}

#navSearchForm{float:right;background:#369;padding:0px;padding:5px;margin-top:10px;margin-right:0px;}
#navSearchForm input[type='text']{width:200px;}

/*Messages*/
#errorMessage{background:#fff url('error-bg-01.gif') no-repeat; margin:5px;padding:15px; }
#errorMessage h4{font-size:14px;margin:0px;padding:0px;}
#errorMessage ul{list-style:none;margin-left:0px;padding-left:15px;}
#errorMessage ul li{display:block;}
#infoMessage{}
#okMessage{}

/*
White Tabs
div#pageNavigation{clear:both;position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url('bgOFF.gif') repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:5px solid #369;}
div#pageNavigation ul{margin:0;padding:0;list-style-type:none;width:auto;}
div#pageNavigation ul li{display:block;float:left;margin:0;}
div#pageNavigation ul li a{font-size:12px;display:block;float:left;color:#666;text-decoration:none;padding:8px 20px 0 20px;height:26px;background:transparent url('bgDIVIDER.gif') no-repeat top right;}
div#pageNavigation a span{text-transform:uppercase;display:block;padding:4px 5px;margin-top:0px;}
div#pageNavigation a:hover {color:#369;background:#fff url(bgON.gif) no-repeat top right;}
div#pageNavigation a.active, div#pageNavigation a.active:hover ul li a.current{color:#369;background:#fff url('bgONn.gif') no-repeat top right;margin-top:-2px; height:33px;}
div#pageNavigation a.active span, div#pageNavigation a.active:hover span ul li a.current{color:#369;background:#fff url('bgON.gif') no-repeat top right;}
*/

div#pageNavigation{clear:both;position:relative;display:block;height:39px;font-size:11px;font-weight:bold;background:transparent url('nav-blk-bg.gif') repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;border-top:5px solid #369;}
div#pageNavigation ul{margin:0;padding:0;list-style-type:none;width:auto;}
div#pageNavigation ul li{display:block;float:left;margin:0;}
div#pageNavigation ul li.active{background:url('nav-blk-rht-bg.gif') no-repeat top right;}
div#pageNavigation ul li a{font-size:12px;display:block;float:left;color:#def;text-decoration:none;
padding:8px 20px 0 20px;height:25px;background:transparent url('nav-blk-.gif') repeat-x top right;}
div#pageNavigation a span{text-transform:normal;display:block;padding:1px 5px;margin-top:0px;}
div#pageNavigation a:hover {color:#fff;}
div#pageNavigation a.active, div#pageNavigation a.active:hover ul li a.current
{color:#333;background:url('nav-blk-lft-bg.gif') no-repeat top left;margin-top:0px; height:31px;}
div#pageNavigation a.active span, div#pageNavigation a.active:hover span ul li a.current
{color:#333;background:url('') no-repeat top right;padding-top:3px;}


.active{background:transparent}


h1{color:#369;font-size:26px;font-weight:normal;padding:0px;margin:5px 0px 5px 0px;display:block;}
h2{font-size:15px;font-weight:normal;color:#666;display:block;margin:0px;padding:0px;}
h3 a{font-size:13px;color:#333;}

div.productList div.image img{display:block;text-align:center;vertical-align:middle;}

.price strong{color:#693;font-size:15px;font-weight:bold;}
.productList div.image{height:90px;text-align:center;vertical-align:middle;width:150px;border:0px solid #000;}

fieldset{border:0px;border-top:1px solid #ccc;margin-bottom:5px;}


div#content { margin:0px; padding: 0; display:block;margin-left:225px;margin-right:20px;margin-top:10px;}
div#panel { display: block; width: 220px; font-size: .85em;float:left;}

#footerNav{background:url('');display:block;padding:10px;margin-top:10px;border-top:1px solid #ccc;clear:both;}
#copyright{margin-top:10px;display:block;border-top:0px solid #eee;clear:both;padding:0px;}
#footer, #bottomNavigation{padding:10px;background:url('bg-grad.gif') repeat-x;}

.small{font-size:11px;color:#666;}
	
#list{width:333px;float:left;display:block;padding:0px;margin-right:10px;}
#list strong{color:#369;font-size:15px;clear:right;margin-top:12px;display:block;}
#list img{margin-left:0px;padding:5px;margin-bottom:10px;float:left;width:100px;}
#list div{clear:both;font-size:11px;color:#666;}

#features{float:left;margin-left:2px;display:block;border:0px solid #ccc;}
#features ul{padding:0px;margin-left:20px;font-size:11px;color:#666;}	

#pricing{clear:both;padding:15px;font-size:10px;color:#666;}
#pricing h3{font-size:26px;color:#9c0;padding:0px;margin:0px;display:block;clear:left;}
#pricing img{float:left;margin-left:95px;clear:both;}

#info{float:left;display:block;width:320px;}
#info span{font-size:11px;color:#666;}
#info h3{padding:0px;margin:0px;font-size:14px;color:#369;font-weight:bold;display:block;}
#info h1{padding:0px;margin:0px;display:block;font-size:21px;color:#f90;font-family:arial;font-weight:normal;}

#icons{text-align:right;display:block;clear:right;}

div.product h1.pageTitle{font-size:15px;width:300px;color:#369;font-weight:bold;margin:0px;padding:0px;}
.productCode,.catalogCode,.mfgSku{font-size:10px;color:#999;}

#productDetails{border:0px solid #900;display:block;width:240px;float:left;padding:10px;}
#productDetails .price{font-size:21px;font-weight:normal;color:#3c0;}

.altPrice{font-size:11px;font-weight:bold;color:#900;text-decoration:line-through;display:block;}
.description{display:block;}
.description h1{font-size:15px;	color:#333;}
.description ul{margin:20px;}

.viewMore{font-size:11px;color:#666;display:block;}
.floater{display:block;width:500px;	text-align:right;}

.table{background:url('sub-bg-03.gif') no-repeat;}
.td{padding:10px;}
.td h1{font-size:18px;color:#9c0;}

#standard-form{}
#standard-form legend{font-size:15px;}
#standard-form fieldset{}
#standard-form fieldset div{padding:5px;}
#standard-form div label{width:140px;float:left;display:block;}

#miniContact{display:block;padding:5px;margin-left:10px;width:200px;background:url('contact-bg.gif') no-repeat;
padding-left:20px;padding-top:21px;}
#miniContact h2{font-weight:bold;}
#headerWrapper{border:0px solid #f00;width:100%;}

.standard-table{width:100%;}
.standard-table h1{font-size:20px;color:#f90;padding:0px;}
.standard-table td{padding:0px;border-bottom:1px solid #eee;}
.standard-table td span{font-size:11px;color:#666;}

#subNavBg{background:#def;padding:3px;padding-left:7px;clear:both;margin-top:0px;}
/* Breadcrumbs */
div#crumbs { display: block; margin: 0;border-bottom:0px solid #ccc;padding:5px;background: url(bgOFFf.gif) repeat-x;}
.crumb{font-size:11px;}
.last{font-weight:bold;background:#fff;}
.crumb,.last{padding:3px;}

div#subcategories{background:#fff url('sub-bg-03.gif') repeat-y;padding:5px;display:block;margin-bottom:10px;border-bottom:0px solid #eee;float:left;width:98.5%;}

div#subcategories span.subcategory{font-size:11px; display:block;float:left;width:170px;padding:0px;border-right:0px solid #fff;}
div#subcategories span.subcategory a{font-size:12px; }

#grid{display:block;border:0px solid #f90;float:left;margin-bottom:10px;}
div.gridItem{float:left;margin:5px;width:205px;border:0px solid #c90;display:block;border:0px solid #000;padding:10px;}


p.viewDetails{padding:3px;}

h3.name{border-bottom:0px solid #eee;padding:0px;text-align:left;margin:0px;margin-top:0px;border:0px solid #000;height:26px;}
h3.name a{font-size:13px;height:25px;}

hr{height:1px;background:#999;border:0px solid #ccc;padding:0;margin:0;}
.grid-table{padding:10px;margin-bottom:10px;}
.grid-table td, .grid-table th {padding:5px;margin:0px;border-bottom:1px solid #ccc;}
/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head span { background:url('box.gif') #369 no-repeat bottom right; }
.cssbox { width: 90% !important; /* intended total box width - padding-right(next) */ width: 90%px; /* IE Win = width - padding */ padding-right: 0px; /* the gap on the right edge of the image (not content padding) */ margin: 0px auto; /* use to position the box */ }
/* set the top-right image */ 
.cssbox_head { background-position: top right; margin-right: 0px; /* pull the right image over on top of border */ padding-right:0px; /* right-image-gap + right-inside padding */ }
/* set the top-left image */ 
.cssbox_head span { background-position: top left; margin: 0; /* reset main site styles*/ border: 0; /* ditto */ padding: 0px 0 0px 0px; /* padding-left = image gap + interior padding ... no padding-right */ height: auto !important; height: 1%; /* IE Holly Hack */ }
/* set the lower-left corner image */ 
.cssbox_body { background-position: bottom left; margin-right: 0px; /* interior-padding right */ padding: 10px; /* mirror .cssbox_head right/left */ } 

.grid-table,.standard-table,table#home-table{width:100%;border-collapse:collapse;border-spacing:5px 0px;caption-side:top;table-layout:fixed;}

#home-table td{width:50%;}
#home-table td h2{font-size:18px;color:#f90;}

/* Forms ----------------- */

#lostPassword label, #registerFormGuts label, #loginFormGuts label{float:left;width:91px;text-align:right;margin-right:10px;padding:5px;}
#registerFormGuts input[type='submit'], #loginFormGuts input[type='submit']{float:right;margin-top:20px;}

td.subtotal{text-align:right;font-size:18px;color:#390;background:#eee;border-top:3px solid #999;}
#treeNavHeader{margin-left:15px;height:25px;padding:13px 0px 0px 10px;color:#def;font-size:13px;font-weight:bold;background:url('left-nav-bg.gif') no-repeat;}
#treeNavBody{background:#def url('nav-bottom-bg.gif') no-repeat bottom;padding:0px;margin-left:15px;width:194px;padding-top:10px;padding-bottom:30px;}

#reasonsToShop{display:block;float:left;}

fieldset label{width:120px;text-align:right;float:left;margin-right:5px;}
fieldset div{padding:5px;}

a:visited,a:active,a{color:#369;}

span.listPrice{font-size:11px;color:#900;display:block;}
span.streetPrice{font-size:11px;color:#369;}

.bigProductImage{float:left;padding:10px;border:0px solid #ddd;}
.productDetails{float:left;border:0px solid #900;margin-left:10px;display:block;width:320px;padding:10px;}
#productPrice{font-size:21px;color:#390;margin-top:10px;display:block;}
.productDescription{display:block;border:0px solid #900;float:left;with:90%;margin-top:10px;}
.addToCartForm{float:left;display:block;}
.imageFooter{margin-top:10px;}