@charset "utf-8";

/* Global Styles */

BODY
{
    background-color: #ffffff;
    background-image: url(../images/pagebg.jpg);
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px;
    padding: 0px;
    color: #353535;
}

A
{
    text-decoration: none;
    color: #728fcb;
}

A:hover
{
    text-decoration: underline;
}

FORM
{
    margin: 0px;
    padding: :0px;
}

UL
{
    margin: 0px;
    padding: 0px 0px 0px 15px;
}

H1
{
    font-size: 20px;
}
H2
{
    font-size: 18px;
    margin: 0px;
}
H3
{
    font-size: 15px;
    padding: 0px 0px 10px 0px;
    margin: 0px;
}

/* Main Template */

.pagecontainer
{
    width: 900px;
    background-color: #ffffff;
}

.topcontainer
{
    height: 98px;
    background-image: url(/images/topbg.gif);
    background-repeat: no-repeat;
    padding-top: 30px;
}

.maincontainer
{
    min-height: 645px;
    background-image: url(/images/pagebotbg.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
}

.maincontainerpayment
{
    /*min-height:650px;*/
    background-image: url(/images/pagebotbg.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 100%;
    height: auto;
}

.maincontainerconfirm
{
    /*min-height:650px;*/ /*background-image:url(/images/pagebotbg.jpg); background-position:bottom; background-repeat:no-repeat;*/
    min-height: 100%;
    height: auto;
}

.origprice
{
    text-decoration: line-through;
    float: left;
}

.clearance
{
    padding-left: 5px;
    color: #ff0000;
    float: left;
}

.toplink
{
    font-size: 10px;
    color: #897a6f;
}

.logo
{
    padding-left: 20px;
    padding-top: 5px;
    float: left;
    height: 52px;
}

.tagline
{
    padding-left: 45px;
    padding-top: 20px;
    float: left;
}

.toplinks
{
    padding-right: 20px;
    padding-top: 5px;
    float: right;
}

.searchlink
{
    font-size: 10px;
    color: #6e87b8;
}

.gobutton
{
    float: left;
    width: 20px;
    padding-left: 3px;
}

.cartnav
{
    height: 32px;
    float: right;
    padding-right: 20px;
    padding-top: 14px;
}

.breadcrumbrow
{
    font-size: 11px;
    background-color: #e7e7e7;
    height: 22px;
    padding: 8px 0px 0px 20px;
    width: 880px;
    vertical-align: middle;
}

/* Navigation */

.mainnav
{
    height: 32px;
    padding-top: 9px;
    float: left;
    width: 650px;
}

.dropnav
{
    background-color: #ffffff;
    border: 1px solid #897a6f;
    border-bottom: 4px solid #897a6f;
    position: absolute;
    left: 150px;
    z-index: 1;
    visibility: hidden;
    padding: 10px;
    line-height: 18px;
}

.pagetitlebar
{
    float: left;
    width: 880px;
    background-color: #a7badd;
    height: 20px;
    padding: 10px 0px 0px 20px;
}

.bluerow
{
    background-color: #a7badd;
    font-size: 18px;
    height: 48px;
    padding: 5px 0px 0px 20px;
    background-image: url(../images/bluerowbg.jpg);
    background-repeat: repeat-x;
}

.subnavhead
{
    border-bottom: 1px dotted #897a6f;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.sidenav
{
    float: left;
    width: 120px;
    padding-right: 10px;
    font-size: 11px;
}

.sidenavgroup
{
    padding-bottom: 5px;
    line-height: 14px;
}

#MainnavSub1
{
    position: absolute;
    visibility: hidden;
    z-index: 1;
}

#MainnavSub2
{
    position: absolute;
    visibility: hidden;
    z-index: 1;
}

#MainnavSub3
{
    position: absolute;
    visibility: hidden;
    z-index: 1;
}

#MainnavSub4
{
    position: absolute;
    visibility: hidden;
    z-index: 1;
}

/* Footer */

.footer
{
    font-size: 11px;
    line-height: 12px;
    padding-left: 20px;
    padding-top: 20px;
    float: left;
    padding-bottom: 10px;
}

.footerlink
{
    color: #a5a5a5;
}

.newsletter
{
    float: left;
    width: 330px;
    font-size: 10px;
    color: #a5a5a5;
    padding-left: 50px;
}

/* Content */

.leadin
{
    font-size: 22px;
}

.smalltext
{
    font-size: 10px;
}

.smalltextitalics
{
    font-size: 10px;
    font-style: oblique;
    color: #a5a5a5;
    line-height: 2px;
    padding-bottom: 10px;
}

.qty
{
    width: 20px;
    height: 14px;
    float: left;
    border: 1px solid #a5a5a5;
    font-size: 11px;
}

/* Home Page */

.homefeature
{
    width: 263px;
    height: 82px;
    background-color: #bdbaa4;
    float: left;
    margin-right: 5px;
    color: #353535;
    padding: 15px 15px 15px 15px;
    line-height: 15px;
    background-image: url(../images/featurebg.jpg);
}

.homeproduct
{
    border-top: 1px dotted #000000;
    padding-top: 2px;
    padding-bottom: 2px;
}

.catfeature
{
    width: 258px;
    border-right: 1px dotted #353535;
    margin-top: 5px;
    padding-right: 20px;
    padding-left: 20px;
    float: left;
    margin-bottom: 20px;
}


/* Mini Cart Panel */
#MiniCart
{
    width: 300px;
    background-color: #ffffff;
    border: 1px solid #897a6f;
    position: absolute;
    left: 180px;
    z-index: 1;
    visibility: hidden;
    line-height: 12px;
}

.cartthumb
{
    float: left;
    border: 1px solid #a5a5a5;
    margin-right: 5px;
}

/* Product pages */

.productthumb
{
    padding: 2px 12px 32px 12px;
    margin: 0px 0px 0px 0px;
    height: 90px;
    vertical-align: middle;
}

.productinfo
{
    height: 60px;
    padding-left: 8px;
    padding-right: 8px;
    font-weight: bold;
}

.qtyfield
{
    float: left;
    padding: 0px 4px 0px 7px;
    margin: 0px;
}

.productdata
{
    background-color: #ebeae4;
    font-size: 10px;
    padding: 7px;
    vertical-align: bottom;
    height: 40px;
}

.productspec
{
    padding: 0px 0px 10px 0px;
    color: #787878;
    font-size: 12px;
}

.spectitle
{
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}

.productlisting
{
    width: 149px;
    min-height: 269px;
    height: 269px;
    float: left;
    border-top: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    border-left: 1px solid #a5a5a5;
}

.productlistingdata
{
    font-size: 11px;
    padding-bottom: 8px;
}

.relatedlisting
{
    width: 148px;
    min-height: 220px;
    float: left;
    border-top: 1px solid #a5a5a5;
    border-bottom: 1px solid #a5a5a5;
    border-left: 1px solid #a5a5a5;
}

.refine
{
    color: #000000;
}

.refineon
{
    font-weight: bold;
    float: left;
    width: 105px;
    line-height: 12px;
    padding-bottom: 4px;
}

.refineoff
{
    float: left;
    width: 105px;
    line-height: 12px;
    padding-bottom: 4px;
}

.refinebox
{
    width: 14px;
    height: 9px;
    float: left;
    padding-top: 2px;
}

.moreoptions
{
    float: left;
}

.featurephoto
{
    border: 1px solid #353535;
    float: right;
    margin-left: 10px;
}

.featurehead
{
    font-size: 18px;
    padding-bottom: 4px;
}

.subfeature
{
    float: left;
    width: 273px;
    height: 160px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 5px;
    margin-top: 5px;
    font-size: 12px;
}

.subfeatureleft
{
    background-image: url(../images/subfeaturebg_left.jpg);
    background-repeat: no-repeat;
}

.subfeaturecenter
{
    background-image: url(../images/subfeaturebg.jpg);
    background-repeat: repeat-x;
}

.subfeatureright
{
    background-image: url(../images/subfeaturebg_right.jpg);
    background-repeat: no-repeat;
}

.subfeaturehead
{
    height: 26px;
    font-weight: bold;
    padding-bottom: 5px;
}

/* Form Elements */

.textinput
{
    border: 1px solid #a1a1a1;
    font-size: 12px;
    height: 16px;
    font-family: Arial, Helvetica, sans-serif;
}

.fieldtitle
{
    font-size: 12px;
}

/* ForgotPassword button - probably a better way to do this but..*/

.forgotpasswordsubmit a
{
    background-image: url(../images/getpassword_off.jpg);
    width: 127px;
    height: 18px;
    border: 0;
}

.forgotpasswordsubmit a:hover
{
    background-image: url(../images/getpassword_on.jpg);
}

.forgotpasswordcancel a
{
    background-image: url(../images/cancelbutton_off.jpg);
    width: 61px;
    height: 18px;
    border: 0;
}

.forgotpasswordcancel a:hover
{
    background-image: url(../images/cancelbutton_on.jpg);
}

.featuredproduct
{
    border-top: 1px dotted #000000;
    padding: 4px 0px 4px 0px;
}

.mediaicon
{
    margin: 0px;
    padding: 0px;
}

.mediaicons
{
    float: right;
    display: inline;
    position: relative;
    left: -10px;
    top: 15px;
}

.pl20
{
    padding-left:20px;
}
.pr10
{
    padding-right:10px;
}
.pr20
{
    padding-right:20px;
}
.pt8
{
    padding-top:8px;
}
.pb5
{
    padding-bottom:5px;
}
.checkoutlabel
{
    padding: 20px 0 0 35px;
}