/*
########################
stylesheet.css
This stylesheet is for alignments, margins, paddings, and cascades that allow for unique elements outside the standard style manager format.  To allow you to have the most control of your styles we have exluded them from the style sheet generated by the mBase Commerce System.  Use this style sheet at your liesure.  system_stylesheet.css should only be modified through the store section as it will be overwriten when re-created from the backend. 
########################
*/

h1, h2, h3, h4, h5 {white-space: nowrap;}

h1
{margin: 0 0 15px 0;
width: 100%;}
h1 span {font-weight: normal;}

h2
{margin: 0 0 5px 0;
width: 95%;}
h2 span {font-weight: normal;}

h3 {margin: 0;}
h3 span {font-weight: normal;}

h5
{color: #FF0000;
font-weight: bold;
font-size: 12px;
background-color: transparent;
text-align: left;
margin: 0;}

p
{text-indent: 0px;
text-align: justify;
width: 95%;
margin: 0 0 10px 0;}

ul,ol {padding-left: 15px;}

textarea, .input-text, select
{background-color: #ffffff;
color: #000000;
margin: 0 1px 0 1px;}

textarea, .input-text, input
{font-weight: normal;}

textarea
{width: 100%;}

select
{height: 16px;
font-size: 9px;
font-weight: bold;
cursor: hand;}

input
{vertical-align: middle;
margin: 0 1px 0 1px;}

form
{margin: 0;
padding: 0;}

.buy-button, .input-button, .input-button2
{line-height: 12px;
margin: 0 2px 0 2px;
padding: 0 2px 1px 2px;
text-align: center;
vertical-align: middle;
white-space: nowrap;}

.input-checkbox
{background-color: transparent;
color: #000000;
line-height: 17px;
margin: 0 0px 0 1px;
vertical-align: middle;
width: 14px;}

.country-select
{font-weight: normal;
font-size: 10px;
width: 250px;
height: 75px;}

.multiple-select
{font-weight: normal;
width: 100%;
font-size: 10px;
height: 75px;}

.state-select
{font-weight: normal;
font-size: 10px;
width: 175px;
height: 75px;}

.col-header,th.col-header,.col-footer
{white-space: nowrap;
padding: 2px 3px 2px 3px;}

th.col-header { text-align: right; }

.col-data,th.col-data
{white-space: nowrap;
padding: 1px 3px 1px 3px;}

th.col-data { text-align: right; }
.col-footer { text-align: center; }

table.grid
{width: 95%;
padding: 10px 0 10px 20px;}

td.grid table.grid
{width: 100%;
padding: 0px;}

td.grid
{padding: 0px;}

.row-header,.row-header2
{padding: 2px;
vertical-align: top;}

.row-header span,.row-header2 span
{font-size: 9px;
font-weight: normal;}

.row-data, .row-data2
{padding: 2px;}

.login-grid { width: 300px; }
.login-grid-internal { width: 100%; }

div.login
{width: 300px;
padding: 10px 0 10px 20px;}

div.password table.grid { width: 300px; }

.content-grid
{width: 98%;
margin: 0px 0px 0px 10px;}

tr.shoppingcart td.row-header,tr.place-order td.row-header,tr.orderdetails td.row-header
{font-weight: bold;
padding: 2px;}

tr.shoppingcart td.row-header2,tr.place-order td.row-header2,tr.orderdetails td.row-header2
{padding: 2px;}

tr.cart-nav td.grid,tr.cart-nav td.row-header,tr.cart-nav td.row-data,tr.cart-nav td.row-data2,tr.phone-card td.grid,tr.phone-card td.row-header,tr.phone-card td.row-data,tr.phone-card td.row-data2,tr.fax-card td.grid,tr.fax-card td.row-header,tr.fax-card td.row-data,tr.fax-card td.row-data2
{color: #000000;
background-color: transparent;}

div.phone-card table.grid,div.fax-card table.grid { width: 100px; }

div.cart-nav
{width: 95%;
text-align: right;}

div.mail-order { width: 100px; }

div.mail-order table.grid
{width: 400px;}

div.cart-nav table.grid
{width: 100px;
padding: 10px 0 10px 20px;}

tr.cart-nav td.grid table.grid,
{width: 100%;
padding: 0px;}

div.pay-account,div.pay-creditcard,div.pay-phone,div.pay-fax,div.pay-mail { margin: 0 0 10px 0; }

div.pay-account .input-button,div.pay-creditcard .input-button,div.pay-phone .input-button,div.pay-fax .input-button,div.pay-mail .input-button
{width: 135px;
margin: 5px 0 5px 0;}

div.pay-account p,div.pay-creditcard p,div.pay-phone p,div.pay-fax p,div.pay-mail p
{padding: 0 0 0px 0;
margin: 0px 0 0px 0;}

.no-carrier
{color:#ff0000;}

table.grid tr.classifications-nav td.row-data { vertical-align: top; }
table.product-line-nav, table.manufacturers-nav, table.classification-nav { width: 100%; }

tr.category td.row-header, tr.industry td.row-header
{color: #000000;
background-color: transparent;}

tr.register td.grid,tr.register td.row-data,tr.register td.row-data2,tr.register td.row-header
{color: #000000;
background-color: transparent;}

tr.classifications-nav td.row-data { padding: 1px; }
div.grid-header { text-align: center; }
div.search-dialog
{text-align: center;
font-weight: bold;}
p.search-results { text-align: center; }

div.search-dispay,div.search-dispay table.grid
{margin-top: 0px;
padding-top: 0px;}

tr.search-display td.row-header, tr.search-display td.row-header2 { text-align: center; }

div.search-nav
{text-align: center;
margin-bottom: 10px;}

tr.register td.row-header
{font-weight: normal;
vertical-align: middle;}

div.register
{width: 300px;
padding: 10px 0 10px 20px;
text-align: center;}

div.custregister table.grid,div.shoppingcart table.grid,div.place-order table.grid,div.orderdetails table.grid
{width: 95%;
padding: 10px 0 10px 20px;}

div.custregister table.grid tr.custregister td.grid table.grid,
div.shoppingcart table.grid tr.shoppingcart td.grid table.grid,
div.place-order table.grid tr.place-order td.grid table.grid,
div.orderdetails table.grid tr.orderdetails td.grid table.grid
{width: 100%;
padding: 0;}

table.ship select
{font-size: 9px;
height: 14px;
padding: 0px;
vertical-align: middle;}

.address
{font-size: 9px;
white-space: nowrap;}

.address a { font-weight: normal; }

.qty
{text-align: center;
font-size: 12px;
font-weight: bold;}

span.sku
{white-space: nowrap;}

.cancel { text-align: center; }

.add-cart { white-space: nowrap; }

.price, td.row-header2 div.price, .total-price, .ext-price, .ext-price span, .price span, .price span.user-price
{text-align: right;
white-space: nowrap;
background-color: transparent;}

/*
########################
Default Template Classes
########################
*/
a.sidebar-nav-link:link, a.sidebar-nav-link:active, a.sidebar-nav-link:visited, a.sidebar-nav-link:hover
{width: 100%;}

tr.sidebar-nav td span { line-height: 16px; }

tr.search td { border: 0; }

.search-box
{width: 100%;
font-size: 10px;}

/* Go Button */
.search-button
{height: 12px;}

tr.cart td
{border: 0;
font-size: 10px;}