﻿body
{
    margin: 0px;
    padding: 0px;
    background: #f1f0ee url(../images/page_bg.jpg) repeat-x;
    font-family: Arial, Verdana, Sans-Serif;
}

img
{
    border: 0px;
}

#sitebanner 
{
    margin:0;padding:0;
}

#minicart h1 
{
    padding:0;margin:0;
}


/* Admin Panel */
#adminpanel {font-size:85%;background-color:#444;color:#fff;border-bottom: 1px solid #000;padding:5px;}
#adminleft, #admincenter, #adminright { width: 30%; vertical-align: middle; }
#adminleft { text-align: left; }
#admincenter { text-align: center; }
#adminright { text-align: right; }
#adminpanel a {color:#fff;border-bottom: 2px solid #666;text-decoration: none;}
#adminpanel a:hover {color:#fff;text-decoration:none;background: #666;}

#maincontent
{
    width: 980px;
    margin: 0px auto;
}

#header
{
    position: relative;
    height: 118px;
}

#headernavmenu
{
    position: absolute;
    right: 25px;
    top: 10px;
}

#headernavmenu ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#headernavmenu ul li
{
    display: inline;
    margin: 0px;
    padding: 0px 4px;
}

#headernavmenu ul li a
{
    font-size: 12px;
    font-family: Arial, Verdana, Sans-Serif;
    font-weight: bold;
    color: #616261;
    text-decoration: none;
}

#headernavmenu ul li a:hover
{
    text-decoration: underline;
}

#logo 
{
    position: relative;
    top: 39px;
    left: 5px;
}

#tagline
{
    position: absolute;
    left: 387px;
    top: 86px;
}

#header .searchboxform
{
    position: absolute;
    top: 41px;
    right: 32px;
    width: 230px;
    text-align: right;
}

#header .searchboxform h4
{
    display: none;
}

#header .searchboxform .forminput
{
    border: 0px;
    margin: 0px;
    padding: 4px;
    background: url(../images/search_bg.png);
    width: 182px;
    height: 16px;
}

#header .searchboxform input
{
    vertical-align: middle;
}

#searchTitle
{
    position: absolute;
    top: 41px;
    right: 255px;
}

#topNavWrapper
{
    background: url(../images/content_box_top_bg.gif);
    background-repeat: repeat-x;
    width: 980px;
    height: 38px;
    position: relative;
}

#topNavLeft
{
    width: 6px;
    height: 38px;
    overflow: hidden;
    background: url(../images/content_box_top_left.gif);
    position: absolute;
    top: 0px;
    left: 0px;
}

#topNavRight
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 6px;
    height: 38px;
    overflow: hidden;
    background: url(../images/content_box_top_right.gif);
}

.maincontentwrapper
{
    /*background: url(../images/content_box_middle.gif);*/
}

.maincontentwrapper .maincontentwrapper
{
    /*background: none;*/
}

.maincontentwrapperoutter
{
    background: url(../images/content_box_middle.gif) repeat-y;
}

.maincontentwrapperinner
{
    background: url(../images/content_box_inner_bg.jpg);
    background-repeat: no-repeat;
    padding: 4px 18px;
}

#maincontentfooter
{
    width: 980px;
    height: 18px;
    overflow: hidden;
    background: url(../images/content_box_footer.gif);
}

#topNav
{
    list-style-type: none;
    margin: 0px 6px 0px 6px;
    padding: 4px 0px 0px 0px;
}

#topNav li
{
    margin: 0px;
    padding: 0px;
    float: left;
}

#topNav li a
{
    display: block;
    padding-top: 34px;
    height: 0px;
    overflow: hidden;
    background-position: 0px 0px;
}

#topNav li a:hover
{
    background-position: 0px -34px;
}

#nav-newArrivals
{
    background: url(../images/nav_new_arrivals.gif);
    width: 104px;
}

#nav-closets
{
    background: url(../images/nav_closets.gif);
    width: 71px;
}

#nav-kitchen
{
    background: url(../images/nav_kitchen.gif);
    width: 72px;
}

#nav-bath
{
    background: url(../images/nav_bath.gif);
    width: 52px;
}

#nav-laundry
{
    background: url(../images/nav_laundry.gif);
    width: 76px;
}

#nav-office
{
    background: url(../images/nav_office.gif);
    width: 61px;
}

#nav-media
{
    background: url(../images/nav_media.gif);
    width: 62px;
}

#nav-garage
{
    background: url(../images/nav_garage.gif);
    width: 68px;
}

#nav-containers
{
    background: url(../images/nav_containers.gif);
    width: 94px;
}

#nav-miscellaneous
{
    background: url(../images/nav_miscellaneous.gif);
    width: 118px;
}

#nav-outlet
{
    background: url(../images/nav_outlet.gif);
    width: 61px;
}

#nav-giftCertificates
{
    background: url(../images/nav_gift_certificates.gif);
    width: 129px;
}

#footer
{
    background: url(../images/footer_box_bg.gif);
    position: relative;
}

#footerTop
{
    background: url(../images/footer_box_top.gif);
    width: 980px;
    height: 8px;
    overflow: hidden;
}

#footerBottom
{
    background: url(../images/footer_box_bottom.gif);
    width: 980px;
    height: 7px;
    overflow: hidden;
    clear: both;
}

#footerContentRight
{
    float: right;
    margin-right: 25px;
    width: 273px;
}

#newslettersignupHeader
{
    font-weight: bold;
    color: #404040;
    font-size: 12px;
    padding-bottom: 6px;
    margin-top: 12px;
}

#newslettersignupInput
{
    border: 0px;
    margin: 0px;
    padding: 4px;
    background: url(../images/newsletter_input_bg.png);
    width: 182px;
    height: 16px;
}

#newslettersignupform input
{
    vertical-align: middle;
}

#creditCardDesc
{
    color: #404040;
    font-size: 12px;
    text-align: center;
    margin-top: 24px;
}

#creditCardLogos
{
    display: block;
    margin: 10px auto;
}

#footerNav
{
    list-style-type: none;
    padding: 0px;
    margin: 10px 0px 0px 30px;
    display: block;
    height: 110px;
}

#footerNav li
{
    float: left;
    margin: 0px;
    padding: 0px;
}

#footerNav li ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

#footerNav li ul li
{
    clear: both;
    margin: 0px;
    padding: 0px;
}

#footerNav a
{
    font-size: 12px;
    color: #040404;
    text-decoration: none;
    display: block;
}

#footerNav a:hover
{
    text-decoration: underline;
}

.footerNavSpacer
{
    margin: 4px 18px 0px 10px;
    padding: 0px;
    width: 1px;
    height: 74px;
    background: #c3c3c3;
}

#footerCredits
{
    font-size: 12px;
    color: #404040;
    text-align: center;
}

#footerCredits a
{
    color: #404040;
}

.bold 
{
    font-weight: bold;
}

.breadcrumbs
{
    /*display: none;*/
    background: #F1F0EE;
    padding: 3px 5px 5px 5px;
    margin: 5px 0px 20px 0px;
    font-size: 11px;
}

.breadcrumbs a
{
    font-size: 11px;
    color: #404040;
}

h1
{
    color: #404040;
    margin: 5px 0px;
    font-size: 30px;
    font-family: "Arial Black", Arial;
}

/* Column Blocks */
.decoratedblock { border: 1px solid #eee; margin: 0 0 10px 0; padding: 0; }
.decoratedblock h4 { display: block; background: #eee; padding: 5px; color: #444; margin: 0px; }
.decoratedblock ul, .decoratedblock ol { margin: 0; padding: 0; }
.decoratedblock li { margin: 0; padding: 0; }
.blockcontent { padding: 5px; }

#footer .decoratedblock { border: none !important; }

/* Column Menus */
.sidemenu ul, .categorymenu ul {padding:0px;margin:5px 0px 5px 0px;}
.sidemenu li, .categorymenu li {padding: 2px 2px 2px 10px;list-style:none;}
.sidemenu li a, .categorymenu li a {text-decoration:none;}

/* Column Search Box */
.searchboxform .forminput { width: 130px; }
.searchboxform input { vertical-align: middle; }

a
{
    color: #404040;
    font-size: 12px;
}

#categoryleft .forminput
{
    width: 120px;
}

#navcolumn
{
    width: 175px;
    float: left;
    margin: 0 10px 0 0;
}

#maincolumn
{
    float: left;
    width: 755px;
}

.maincontentwrapper
{
    font-size: 12px;
}

/* Cart Page */
.cartitemimage {width:175px;height:175px;float:left; margin: 0 5px 5px 0; border: 1px solid #C5C3C3}
.cartitemimage img {margin: 0px 0 0 0px;}
.cartitemdescription { margin: 5px; float: left; width: 320px;}
#cartcontainer tr td {border-top:solid 1px #ccc; padding: 5px 5px 0 0;}
#cartcontainer, #carttitle, #cartactions, #cartcoupons {margin: 0 20px;}
#cartcontainer {border-bottom:solid 1px #ccc;}
#cartfooter {margin: 10px 20px 0 20px;}
#carttotals {width:200px;float:right;margin-bottom:10px;text-align:right; font-size: 110%; font-weight: bold;}
#carttotals table {float:right;}
#cartupdates {width:350px;margin-bottom:10px;text-align:right;float:right;}
#cartactions {clear:both;text-align:right;padding-bottom:12px;margin-top: 20px;}
#cartactioncontinue {float:left;width:120px;text-align:left;}
#cartactioncheckout {display:inline;}
#cartcoupons {border:solid 1px #ccc;background-color:#F0F0F0;padding:10px;}
.cartsku { font-size: 80%; }
.cartproductname { font-size: 110%; font-weight: bold; }
.lineitemnodiscounts {text-decoration: line-through; display: block;}
.totallabel { display: block; }
.productpricecolumn { vertical-align: top; text-align: right; }
.productquantitycolumn { vertical-align: top; text-align: right; }
.producttotalcolumn { vertical-align: top; text-align: right; }
.productdeletecolumn { vertical-align: top; text-align: center; }
.productquantitycolumn div { width: 60px; float: right; }

/* Checkout */
.creditcardinput {border:solid 1px #ff9; background-color:#ffc;padding:5px;}
.shippingdiscount { text-decoration: line-through; }
.radiobuttoncol {width: 20px;}

/* Checkout Addresses */
.addressbookpanel { border: 1px solid #eee; padding: 5px; }
.addressbookpanel table { width: 100%; }
.addressbookpanel ul { margin: 0; }
.addressbookpanel li { list-style: none; }
.addressbookpanel table { border-collapse: collapse; border: solid 1px #fff; }
.addressbookpanel td { border: none; padding: 5px;}
.addressbookpanel .alt { background-color: #eee; }
.addresseditor table{ width: 450px; }

input
{
    vertical-align: middle;
}

/* Form Fields */
fieldset { border: 1px solid #eee; margin: 0; padding: 0; }
fieldset table { margin: 15px auto; }
fieldset#CurrentUsers { width: 340px; float: left; }
fieldset#NewUsers { width: 380px; float: right; }
fieldset.contactform table { width: 510px; }
legend { font-size: 1.3em; line-height: 1em; font-weight: bold; color: #444; margin: 0 5px; padding: 2px; }

/* Form Elements */
td.formlabel { text-align: right; width: 120px; white-space: nowrap; padding-right: 5px; }
td.formfield { text-align: left; white-space: nowrap; }
.forminput { padding: 4px 0 0 6px; height: 20px; width: 90%; color: #444; vertical-align: middle; border: 1px solid #ccc; }
.formtextarea { padding: 4px 0 0 6px; border: 1px solid #ccc; width: 90%; }
.short { width: 25%; }
.medium { width: 50%; }
label { color: #666; font-size: 90%; }
label.required { font-weight: bold; }
select { border: 1px solid #ccc; color: #444; vertical-align: middle; }
div.errormessage { color: #c00; line-height: 2em; padding: 0 5px; }
span.errormessage { color: #fff; background: #c00; display: inline; line-height: 2em; padding: 0 5px; }
.forgot { background: #f5f5f5; padding: 5px; display: block; margin-top: 10px; }
.aligntop { vertical-align: top; }
.buttonrow { text-align: right; padding: 5px 20px; margin: 0 0 10px 0; }

table
{
    width: 100%;
}

.mailinglistsignupform h4 
{
    display: none;
}

.mailinglistsignupform .errormessage 
{
    display: none;
}

.mailinglistsignupform .Instructions 
{
    font-weight: bold;
    color: #404040;
    font-size: 12px;
    padding-bottom: 6px;
    margin-top: 12px;
}