html, body
{
    margin: 0;
    padding: 0;
}
body
{
    font: 11px Arial, Helvetica, sans-serif;
    color: #646664;
    background-color: #D2D6D9;
}
h1, h2, h3, h4, h5{margin: 1em 0;}
h2{font: 22px Arial, Helvetica, sans-serif; margin: 0 0 .5em;}
h3{font: bold 12px Arial, Helvetica, sans-serif; margin: 0 0 .1em;}
p
{
    margin: 0 0 1em;
    line-height: 1.5em;
}
a,
a:link,
a:visited{color: #818584;}
a:hover,
a:active{color: #C70F2E;}
a img{border: none;}
ul li,
ol li{line-height: 1.5em;}
form{margin: 0;}
fieldset{padding: 0;}

/* ~~~ === POSITIONING SELECTORS =========================================================== ~~~ */
#wrapper
{
    width: 960px;
    margin: 0 auto;
    background: #fff url(../images/content_bg.gif) repeat-y 0 0;
}
#masthead
{
    height: 72px;
    border-bottom: 1px solid #fff;
}
    #masthead h1
    {
        width: 809px;
        height: 72px;
        float: left;
        background-color: #fff;
        margin: 0;
        overflow: hidden;
    }
    #login
    {
        width: 151px;
        float: left;
        background-color: #C7C7C7;
    }
        #login .input{background-color:#fff;}
        #login label{color:#758980;}
        #login .button
        {
            font: 11px Arial, Helvetica, sans-serif;
            border: 1px solid #999;
            background-color: #D4D0C8;
        }
#menu
{
    height: 46px;
    background-color: #fff;
    border-bottom: 1px solid #fff;
}
    #menuList
    {
        list-style-type: none;
        margin: 0;
        padding: 0;
        width: 809px;
        height: 24px;
        float: left;
        background-color: #D4D4D4;
    }
    #menuList li{display: inline;}
    #menuList a
    {
        display: block;
        float: left;
        line-height: 24px;
        padding: 0 10px;
        font-size: 12px;
        text-decoration: none;
    }
    #menuList li.active a,
    #menuList a:hover
    {
         background-color: #8B9A93;
         color: #fff;
    }
    #categorySearch
    {
        width: 151px;
        float: left;
        background-color: #D4D4D4;
    }
        #categorySearch p{margin: 4px 0 4px 24px;}
        #searchCategory{width: 120px; background-color: #fff;}

#content
{
    width: 960px;
    float: left;
}
#leftcol
{
    width: 151px;
    float: left;
    background-color: #ccc;
}
    #search{border-bottom: 1px solid #fff;}
    #search p{margin: 4px 0 4px 24px;}
    #search .input{background-color: #fff;}
    #search .button
    {
        font: 11px Arial, Helvetica, sans-serif;
        border: 1px solid #999;
        background-color: #D4D0C8;
        width: 20px;
    }


/* ~~~ === PRODUCT NAVIGATION ============================================================ ~~~ */
#categoryMenu
{
    list-style-type: none;
    margin: 0 0 258px;
    padding: 0;
}
#categoryMenu a
{
    display: block;
    width: 125px;
    line-height: 23px;
    padding: 0 4px 0 22px;
    text-transform: uppercase;
    text-decoration: none;
    color: #758980;
    background-color: #ccc;
    border-bottom: 1px solid #fff;
}
#categoryMenu li.active a,
#categoryMenu a:hover{background-color: #9CACA5; color: #fff;}



/* ~~~ === MAIN CONTENT ===================================================== ~~~ */
#midcol
{
    width: 601px;
    float: left;
}
    #midcol .copy{margin: 12px 44px;}

/* ~~~ === RIGHT COLUMN ================================================== ~~~ */
#rightcol
{
    width: 206px;
    float: right;
}
    #cartSummary{margin: 14px;}
    dl.cartSummaryItems{clear: both; margin: 0 0 1em;}
    dl.cartSummaryItems dt
    {
        width: 38px;
        float: left;
        text-align: center;
    }
    dl.cartSummaryItems dt img{border: 0px solid #3A423E;}
    dl.cartSummaryItems dd
    {
        margin: 0 0 0 44px;
        height: 1%;
    }
    dl.cartSummaryItems span
    {
        font-weight: bold;
        color: #C70F2E;
    }
    dl.cartSummaryItems span a{color: #C70F2E;}
    dl.cartSummaryItems span a:hover{color: #818584;}


/* ~~~ === FOOTER =========================================================== ~~~ */
#footer
{
    position: relative;
    clear: both;
    height: 35px;
    background-color: #fff;
}
    #contactDetails
    {
        position: absolute;
        width: 151px;
        bottom: 0;
        left: 0;
        background-color: #ccc;
    }
    #contactDetails ul
    {
        list-style-type: none;
        margin: 0 0 0 24px;
        padding: 0;
        color: #979797;
    }
    #contactDetails li{line-height: 1.3em;}
    #contactDetails p{margin: 0 6px 8px;}
#copyright
{
    width: 960px;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    line-height: 3em;
}
/* ~~~ === CATEGORY LISTINGS ============================================= ~~~ */
#categoryListing{margin: 12px 44px;}
dl.categoryThumb
{
    width: 33%;
    float: left;
    margin: 0 0 24px;
}
dl.categoryThumb dt{text-align: center;}
dl.categoryThumb dt img{border: 0px solid #3A423E;}
dl.categoryThumb dd
{
    margin: 0;
    font-weight: bold;
    text-transform: uppercase;
    color: #B7292B;
    text-align: center;
}

/* ~~~ === PRODUCT LISTING ================================================ ~~~ */
#productListing{margin: 12px 12px 12px 44px;}
dl.thumb
{
    width: 50%;
    float: left;
    margin: 0 0 24px;
}
dl.thumb dt
{
    width: 100px;
    float: left;
    text-align: center;
}
dl.thumb dt img{border: 0px solid #3A423E;}
dl.thumb dd h3,
dl.thumb dd p{margin: 0;}
dl.thumb dd h3
{
    color: #B7292B;
    font-size: 11px;
}
dl.thumb dd{margin: 0 0 0 112px;}

#subCategoryLinks{clear: both;}
#subCategoryLinks ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#subCategoryLinks li{display: inline;}



/* ~~~ === PRODUCT DETAIL ================================================= ~~~ */
#options{clear: both; width: 510px;}
.productOptionsLabel{float: left;}
table.productOptions{float: left;}
#productDetail{margin: 12px 44px;}
#productDetail dt
{
    width: 300px;
    float: left;
    text-align: center;
}
#productDetail dt img{border: 0px solid #3A423E;}
#productDetail dd
{
    margin: 0 0 0 312px;
    height: 1%;
}
#productDetail h3
{
    margin: 0;
    color: #B7292B;
    font-size: 11px;
}
#productDetail dd p{margin: 0;}
#productDetail dd a
{
    text-transform: uppercase;
    font-weight: bold;
}
#productDetail table th,
.productOptionsLabel th
{
    text-transform: uppercase;
    padding: 2px 4px;
    text-align: left;
}
#productDetail .productOptionsLabel th{padding: 4px;}
#productDetail table th label{color: #3A423E;}
#productDetail table td{padding: 2px 4px;}
#doPurchase
{
    text-transform: uppercase;
}


/* ~~~ === VIEW ORDER =================================================== ~~~ */
#viewOrder
{
    clear: both;
    margin: 12px 24px;
}
table.orderDetails
{
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #DEDEDE;
    margin: 0 0 1em;
}
table.orderDetails thead th
{
    border: 1px solid #DEDEDE;
    background-color: #DEDEDE;
    text-transform: uppercase;
    padding: 4px;
    text-align: center;
}
table.orderDetails tbody td
{
    padding: 4px;
    border: 1px solid #DEDEDE;
    text-align: center;
}
table.orderDetails tbody td.left{text-align: left;}
table.orderDetails tbody td.right{text-align: right;}

/* ~~~ === SEARCH RESULTS ================================================= ~~~ */
#searchResults{margin: 12px 44px;}
#searchKeywords{margin: 0 44px; font-weight: bold;}
.pagination
{
    clear: both;
    height: 24px;
    margin-bottom: 1em;
}
.pagination_first,
.pagination_last,
.pagination_previous,
.pagination_next,
.pagination_group
{
    padding: 4px;
    border: 1px solid #fff;
    text-decoration: none;
}
.pagination_first:hover,
.pagination_last:hover,
.pagination_previous:hover,
.pagination_next:hover,
.pagination_group:hover
{
    border: 1px solid #BDBDBD;
}
.pagination_active{font-weight: bold;}

/* ~~~ === FORMS =========================================================== ~~~ */
.formBox h3
{
    font: 11px Arial, Helvetica, sans-serif;
    color: #fff;
    background-color: #EAB543;
    text-align: center;
    padding: 0 24px;
    margin: 0;
    line-height: 24px;
}
dl.formList{margin: 3px 4px 0;}
dl.formList dt
{
    clear: both;
    width: 54px;
    float: left;
    line-height: 22px;
    margin: 0;
    text-align: right;
}
dl.formList dd
{
    margin: 0 0 0 54px;
    line-height: 22px;
}
dl.formList dd .button{width: 20px;}

/* ~~~ FORMTABLE ~~~ */
table.formtable
{
    border-collapse: collapse;
    border: 1px solid #DEDEDE;
    width: 100%;
    margin: 0 0 1em;
}
table.formtable thead th
{
    border: 1px solid #DEDEDE;
    background-color: #DEDEDE;
    text-transform: uppercase;
    padding: 4px;
    text-align: center;
}
table.formtable tbody th
{
    text-align: left;
    padding: 4px 4px 4px 8px;
}
table.formtable tbody td{padding: 4px 8px 4px 4px;}
table.formtable tbody th,
table.formtable tbody td{border: 1px solid #DEDEDE;}
table.formtable thead th p{margin: 0;}
table.formtable thead th span{font-weight: normal; text-transform: none;}
.input
{
    font: 11px Arial, Helvetica, sans-serif;
    border: 1px solid #D3D3D3;
    background-color: #DEDEDE;
}
.invalid
{
    border: 1px dashed red;
}
.button{font: bold 11px Arial, Helvetica, sans-serif;}

/* ~~~ === CLASSES ============================== ~~~ */
.clear{clear: both;}
.center{text-align: center;}
.right{text-align: right;}
div.captionImageLeft,
div.captionImageRight
{
    font-size: .9em;
    color: #888;
}
div.captionImageLeft
{
    float: left;
    margin: 4px 12px 4px 0;
}
div.captionImageRight
{
    float: right;
    margin: 4px 0 4px 12px;
}
.img-left
{
    float: left;
    margin: 0 12px 4px 0;
}
.img-right
{
    float: right;
    margin: 0 0 4px 12px;
}
.border-none{border: none;}
.border-thin{border: 1px solid #000;}
.border-thick{border: 2px solid #000;}
table.tableForm{border-collapse:collapse; width:100%}
table.tableForm tfoot td,
table.tableForm tfoot th
{
    border:1px solid #ccc;
    padding:4px 10px;
    text-align:left;

}
table.tableForm thead th
{
    border:1px solid #ccc;
    color:#fff;
    font:bold 11px Arial,Helvetica,sans-serif;
    text-align:left;
    text-transform:uppercase;
    padding:4px 10px;
	background-color:#CCCCCC;
}
table.tableForm tbody th,
table.tableForm tbody td
{
    border:1px solid #ccc;
    padding:4px 10px;
}
table.tableForm tbody th
{
    text-align:left;
    white-space:nowrap;
}
table.tableForm tbody th label
{
    font-weight:bold;
    font-size:11px;
    text-align:right;
    vertical-align:middle;
}

table.tableForm tbody th em{color:#d00c0c;}

/* ~~~ === BLOG AREA =============================================================== ~~~ */
div.blogItems{}
div.blogActions
{
}
div.blogContent h1
{
    font: 24px Arial, Helvetica, sans-serif;
    margin: 12px 0;
}
div.blogTitle
{
    font: 24px Arial, Helvetica, sans-serif;
    margin: 12px 0;
}
div.blogImages{}
div.blogImages img
{
    border: 1px solid #ccc;
    background-color: #fff;
    padding: 4px;
}
div.blogFooter
{
    padding: 12px 0;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 12px;
}
#blogRightColumn
{
    padding: 0 12px; 
}
#blogRightColumn h3
{
    text-transform: uppercase;
    color: #646664;
    font-size: 12px;
}
#blogRightColumn ul
{
    list-style-type: none;
    margin: 0 0 1em;
    padding: 0;
}
#blogRightColumn table.tableForm{margin-bottom: 1em;}
#blogRightColumn table.tableForm th
{
    width: 1%;
    white-space: nowrap;
}
a.edit
{
    background: url(../images/edit.gif) no-repeat 0 50%;
    padding: 1px 6px 1px 12px;
}
a.delete
{
    background: url(../images/delete.gif) no-repeat 0 50%;
    padding: 1px 0 1px 12px;
}
#blogIntro ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#blogIntro h2
{
    text-transform: uppercase;
    color: #646664;
    font-size: 18px; 
}
#blogIntro ul dd a
{
    background: url(../images/arrow.gif) no-repeat 0 50%;
    padding-left: 12px;
}
#blogIntro ul li{margin-bottom: 4px;}
#blogIntro ul img
{
    border: 1px solid #ccc;
    padding: 4px;
    background-color: #fff;
}
#blogIntro ul dd{margin: 0;}
/* blog 
.blogItems{
width:100%;
border-bottom:1px solid #F69129;
margin:2px 0px 12px 0px;

padding:6px 12px;

}
.blogFooter{
background-color:#D2D6D9;
color:snow;

}*/