/*  QuadCommerce default screen stylesheet
    Copyright 2006 Quadsimia - Internet Presence Professionals - www.quadsimia.com     */



/*============================================================================*/
/*- Basic site-wide default styles: ------------------------------------------*/
/*============================================================================*/

body{
    margin:0;
    font-size: 67.5%;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align:center;
    background-color:#fff;
    /*background-image:url({Q_BG_IMAGE});*/
    background-repeat:no-repeat;
    background-position:middle middle; /* can use keywords, %, or px */
    background-attachment:scroll; /* value: scroll, fixed */
    color:#333;
}

h1,h2,h3,h4,h5,h6{
    color:#1a4d17;
    font-family:Arial, Sans-Serif;
    font-weight:normal;
    margin:.5em 0 .25em 0;
}
h1 { font-size:240%; margin:0; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:120%; }
h5 { font-size:110%; }
h6 { font-size:100%; }

h2 small{ font-size:1em; }

p,div{
    margin:.25em 0 .5em 0;
}

div.buffer{ /* generic "buffer" element */
    border:0;
}

div.twocolumn{ /* two-column layout */
    margin:auto 0; padding:auto 0;
    float:left;
    width:49%;
}

.error{
    padding:1em;
    color:#f00;
    font-weight:bold;
    background-color:#fcc;
    border:1px solid #faa;
}
p.notice{ font-weight:bold; color:#f00; text-transform:uppercase; }

address br{
    /*display:none;*/
}


/*=== Links ==================================================================*/

a img,
a:link img,
a:visited img,
a:hover img,
a:active img{
    border:0;
}

a:link { color:#1a4d17; }
a:visited { color:#1a4d17; }
a:hover { color:#1a4d17; text-decoration:none; }
a:active { color:#1a4d17; }


/*=== Forms ==================================================================*/

form{
    margin:1em 0 2em 0;
}

form fieldset{
    margin:.5em 0; padding:1em;
    border:0;
    border-top:1px solid #ddecc2;
    background-color:#eaf4d7;
}

form fieldset div{
    clear:both;
    margin:.25em 0
}

form fieldset legend{
    font-weight:bold;
    color:#99a880;
    margin:0; padding:0;
}

form fieldset label{
    float:left;
    width:12em;
}

form fieldset label input,
form fieldset label select,
form fieldset label textarea{
    margin-left:12em;
}
form fieldset div input{
    width:18em;
}
form fieldset.inline div label{
    display:inline;
    margin:0;
    padding:0;
    float:none;
    width:auto;
    font-weight:bold;
}
form fieldset.inline div input{
    display:inline;
    width:auto;
    margin:0;
    padding:0;
    vertical-align:middle;
}

.required{
    font-weight:bold;
}


/*=== Tables ==================================================================*/

table{
    margin:1em 0 2em 0;
    width:100%;
    border:1px solid #ee0;
}

table tr th,
table tr td{
    padding:5px;
    vertical-align:top;
    text-align:left;
}
table thead tr th{ white-space:nowrap; }

table thead tr th,
table tbody tr th,
table tfoot tr td,
table tfoot tr th{
    background-color:#ffc;
}

table thead th{ border:0; }

table tfoot tr th,
table tfoot tr td{
    font-weight:bold;
    text-align:right;
}

table * tr th.price,
table * tr td.price{
    text-align:right;
    white-space:nowrap;
}

table * tr th.opts,
table * tr td.opts,
table * tr th.qty,
table * tr td.qty{
    text-align:center;
}


/*=== Lists ==================================================================*/

ul,ol{
    margin:0 0 1em 0; padding:0 0 0 2em;
}
ul li,ol li{
    margin:0; padding:0;
}
ul{
    list-style:outside;
    list-style-type:square;
}

dl{
    margin:0 0 .25em 0; padding:0;
}
dl dt{
    font-weight:bold;
    margin:1em 0 0 0;
}
dl dd{
    margin:0 0 0 2em; padding:0;
}



/*============================================================================*/
/*- Site Layout: -------------------------------------------------------------*/
/*============================================================================*/

div#container{
    margin:0 20px;
    padding-top:3em;
    text-align:left;
    background-color:#fff;
    position:relative;
    min-width:750px;
}
div#container{
    /* for IE-only! */
    width:expression(documentElement.clientWidth < 800 ? '750px' : 'auto');
}

div#header{
    margin:0; padding:20px 0;
    background-color:#fff;
    border-bottom:1px solid #bbcaa0;
    position:relative;
    white-space:nowrap;
}

div#content{
    margin:0; padding:0;
    background-color:#fff;
    width:100%;
}

div#main{
    float:right;
    width:75%;
    margin:0;
    padding:20px 0 20px 0;
    background-color:#fff;
    overflow:hidden;
}

div#sidebar{
    margin:0; padding:0;
    float:left;
    width:24%;
    overflow:hidden;
}

div#footer{
    margin:0; padding:20px 0;
    background-color:#fff;
    border-top:1px solid #bbcaa0;
    clear:both;
}

* div.buffer{
    background-color:transparent;
    margin:0; padding:0;
    clear:both;
}


/*= Site Layout: Main Content Box ============================================*/

div#main{
    font-size:1.2em;
}


/*= Site Layout: Sidebar =====================================================*/

div#sidebar{
    background-color:#fff;
}

div#content div#sidebar div.buffer{
    margin-right:20px;
}

div#sidebar div.buffer div{
    margin:20px 0; padding:0 15px 15px 15px;
    background-color:#eaf4d7;
    border:1px solid #bbcaa0;
}

div#sidebar div h2{
    margin:0 -15px 10px -15px; padding:10px 15px;
    background-color:#ddecc2;
}

div#sidebar div ul,
div#sidebar div ol,
div#sidebar div p{
    margin:10px 0;
}

div#sidebar div ul li{
    margin:.25em 0;
}


/*= Site Layout: Footer ======================================================*/

div#footer{ text-align:center; }
div#footer p{ margin:10px 0; }



/*============================================================================*/
/*- Store-wide Components ----------------------------------------------------*/
/*============================================================================*/

/*- Store Home/Continue Shopping/Checkout menu -------------------------------*/

div#content div#main ul.storenav,
div#sidebar ul.storenav{
    margin:30px 0 20px 30px; padding:0;
}
div#content div#main ul.storenav li,
div#sidebar ul.storenav li{
    margin:.25em 0; padding:0;
}
div#content div#main ul.storenav{
    margin:20px 0; padding:0;
    clear:both;
    list-style-type:none;
    text-align:center;
}
div#content div#main ul.storenav li{
    margin:5px 5px 5px 0; padding:5px;
    display:inline;
    font-weight:bold;
    background-color:#eaf4d7;
    background-color:#fff;
    border:1px solid #ddecc2;
}
div#content div#main ul.storenav li a{
    text-decoration:none;
}



/*============================================================================*/
/*- Specific Sections: -------------------------------------------------------*/
/*============================================================================*/

/*= Category =================================================================*/

img.category{
    float:left;
    margin:0 10px 20px 0;
}

/*= Products (product lists, details, search) ================================*/

.product{
    width:100%;
}
ul.product{
    list-style-type:none;
    margin:0; padding:0;
    clear:both;
}
ul.product:after{
    content:'.';
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
}
ul.product li{
    margin:0; padding:20px 0;
    border-top:1px dotted #bbcaa0;
    clear:both;
}
ul.product li h2{
    margin:0 0 10px 0;
}
ul.product li p.number{
    color:#bbb;
    margin:0 0 5px 0;
    font-weight:bold;
    font-size:90%;
    text-transform:uppercase;
}
.product p{
    margin:10px 0;
}
.product p.actions{
    padding:10px;
    background-color:#ff9;
    display:table;
}
.product p.price{
    margin:5px 0 0 0;
    font-size:90%;
    font-weight:bold;
}
.product p.price del{
    color:#666;
    font-weight:normal;
}
.product p.sku{
    margin:5px 0;
    color:#666;
    font-size:90%;
}
.product p.details{ clear:left; display:block; }
.product p.details a{
    white-space:nowrap;
    font-weight:bold;
}
.product img{
    margin:0 20px 10px 0;
    float:left;
}
.product .attributes{ clear:left; }
* html .product .attributes dl{ height:1%; }
.product .attributes dl:after{ content:'.'; display:block; clear:both; height:0; visibility:hidden; }
.product .attributes dl dt{ float:left; margin:0 5px .5em 0; clear:left; }
.product .attributes dl dd{ float:left; margin:0 0 .5em 0; }

.product p.error{
    margin:0 0 1.5em 1.5em; padding:1em 0;
    float:right;
    width:19.5em;
    font-size:90%;
    text-align:center;
}
.product div.sale{
    float:left;
    margin:10px 0; padding:5px 10px; background-color:#eaf4d7; display:table;
    font-size:90%; font-weight:bold; color:#af1313; border:1px dashed #408000;
}
.product div.sale p{ margin:5px 0; }
.product div.sale p.price{ color:#408000; }


div#alsobought ul{
    display:table; /* keeps list bullets from disappearing behind images */
}

/*- Products: Page Navigation ------------------------------------------------*/

div.pagenav{
    margin:1em 0;
    clear:both;
}
div.pagenav span{
    color:#aaa;
}
div.pagenav .prev{
    padding:0 5px;
    border-right:1px solid #ccc;
}
div.pagenav .next{
    padding:0 5px;
    border-left:1px solid #ccc;
}

/*- Products: Discounts table ------------------------------------------------*/

table#discounts{
    width:19.5em;
    float:right;
    clear:right;
    font-size:90%;
}
table#discounts thead th,
table#discounts tbody td{
    text-align:center;
}
table#discounts caption{
    font-weight:bold;
    margin:0 0 -5px 0;
}

/*- Products: Documents table ------------------------------------------------*/

table#documents{
    width:19.5em;
    float:right;
    clear:right;
    font-size:90%;
}
table#documents caption{
    font-weight:bold;
    margin:0 0 -5px 0;
}


/*- Products: Order forms ----------------------------------------------------*/

.product form{
    margin:10px 0 1.5em 1.5em; padding:0;
    float:right;
    width:19.5em;
    overflow:hidden;
    font-size:90%;
}

.product form fieldset{
    margin:0; padding:.5em 1em 1em 6.5em;
    border:1px solid #ee0;
    background-color:#ffc;
}

.product form fieldset legend{
    color:#aa6;
}
* html .product form fieldset legend{
    xmargin:-13px 0 5px 0;
    xposition:relative;
    display:none;
}

.product form fieldset div{
    margin:0;
    clear:both;
    margin-left:0;
}

.product form fieldset div label{
    margin:0;
    padding:.5em 0;
    width:auto;
    margin-left:-5.5em;
    text-align:right;
    vertical-align:middle;
    width:5em;
}

.product form fieldset p{
    margin:.25em 0 0 0;
    clear:left;
}

.product form fieldset div input{
    display:inline;
    width:auto;
    margin:0;
}
.product form fieldset div input,
.product form fieldset div select{
    margin:.25em 0;
}

div#emailafriend{
    clear:right;
    font-weight:bold;
}

div#emailafriend img,
div#emailafriend a{
    margin:0 5px 0 0; padding:0;
}


/*=== Home Page ==============================================================*/

body.home div#content div#main{
    width:100%;
    text-align:center;
}
body.home div#content div#main p{
    text-align:left;
}
body.home div#content div#main p strong{
    display:block;
    clear:both;
    margin:1em;
}

/*--- Home Page Splash Image -------------------------------------------------*/

body.home img#splash{
    margin:0 auto 1em auto;
    display:block;
    /*float:right;*/
}

/*--- Home Page: Products Menu -----------------------------------------------*/

body.home div#content ul.products{
    margin:1em auto; padding:0;
    list-style-type:none;
    clear:both;
}

body.home div#content ul.products li{
    margin:0 0 1em 1em;
    float:left;
    width:110px;
    height:160px;
    text-align:center;
    overflow:hidden;
}

body.home div#content ul.products li img{
    vertical-align:middle;
}

body.home div#content ul.products li a{
    padding:10px;
    display:block;
    height:90px;
    border:1px solid #bbcaa0;
    background-color:#eaf4d7;
}

body.home div#content ul.products h2{
    margin:0;
    padding:.25em 0;
    display:inline;
    text-align:center;
    font-size:1em;
}

body.home div#content ul.products h2 a{
    height:auto;
    vertical-align:middle;
    border:0;
    background-color:transparent;
}


body.home div#content ul.products li p{
    display:none;
}


/*============================================================================*/
/*- Login/Register Pages: ----------------------------------------------------*/
/*============================================================================*/

body.auth div#container{
    padding-top:0;
}


/*============================================================================*/
/*- Shopping Cart ------------------------------------------------------------*/
/*============================================================================*/

table#cart{
    width:100%;
    border:1px solid #ee0;
}
table#cart thead tr th,
table#cart tbody tr th,
table#cart tfoot tr th{
    background-color:#ffc;
}
table#cart tr th,
table#cart tr td{
    padding:5px;
    vertical-align:top;
}
table#cart thead,
table#cart tbody,
table#cart tfoot{
}
table#cart thead tr th{
    border:0;
}
table tfoot tr td.orderbutton,
table#cart tfoot tr td.orderbutton{
    padding:.5em;
    text-align:center;
    width:12em;
}

/*--- "Check Out/Place Order" Button: ----------------------------------------*/

.orderbutton a{
    border:1px solid #ee3;
    padding:.5em 1em;
    background-color:#ffa;
    text-decoration:none;
    color:#990;
    display:block;
    width:auto;
    margin:0;
    text-align:center;
    white-space:nowrap;
}
.orderbutton a:hover{
    background-color:#ff6;
}



/*============================================================================*/
/*- Store Header (at the top of all pages): ----------------------------------*/
/*============================================================================*/

div#shop{
    margin:0; padding:0;
    position:absolute;
    top:0;
    left:0;
    height:3em;
    line-height:3em;
    background-color:#eaf4d7;
    border-bottom:1px solid #bbcaa0;
    width:100%;
}

div#shop div.buffer{
    margin:0; padding:0;
    float:none;
    background-color:transparent;
    border:0;
}
div#shop div{
    margin:0; padding:0;
    float:left;
    display:inline;
    border:0;
    height:3em;
}

div#shop div a{
    margin:0; padding:0 10px;
    background-color:#eaf4d7;
    text-decoration:none;
    height:3em;
    display:inline;
    float:left;
    border:0;
}

div#shop div a:hover{
    text-decoration:underline;
    /*background-color:#ddecc2;*/ /* triggers a nasty "guillotine bug" in IE */
}
div#shop div p,
div#shop div ul,
div#shop div ul li{
    margin:0; padding:0;
    display:inline;
    border:0;
}
div#shop div ul{
    list-style:none;
}
div#shop h2{
    display:none;
}

/*--- Main Store Navigation --------------------------------------------------*/

div#shop div#storebox{
    float:right;
    position:absolute;
    top:0em;
    right:0;
}
div#shop div#storebox a{
    /*background-color:#fff;*/
    font-weight:bold;
}

/*--- Account Box ------------------------------------------------------------*/

div#shop div#accountbox p{
    padding:0 10px;
    float:left;
    font-weight:bold;
    background-color:#ddecc2;
}

/*--- Shopping Cart Box ------------------------------------------------------*/

div#shop div#cartbox{
    margin:0; padding:0 0 0 25px;
    background-color:#ffc;
    position:absolute;
    top:8em;
    right:0;
    border:1px solid #ee0;
    background:#ffc url(cart_icon.png) no-repeat 12px 50%;
}

div#shop div#cartbox h2{
    margin:0 5px 0 10px; padding:0;
    display:inline;
    font-size:1em;
    float:left;
}
div#shop div#cartbox h2 a{
    padding:0;
}
div#shop div#cartbox p{
    margin:0 10px 0 5px; padding:0;
    float:left;
}
div#shop div#cartbox a{
    margin:0;
    background-color:#ffc;
}
div#shop div#cartbox li.orderbutton a{
    background-color:#ffa;
    font-weight:bold;
    padding:0 2em;
}
div#shop div#cartbox li.orderbutton a:hover{
    background-color:#ff6;
}

/*--- Search Form ------------------------------------------------------------*/

div#shop div#searchform{
    margin:0; padding:0;
    display:inline;
    position:absolute;
    right:0;
    top:4.5em;
    font-size:85%;
    text-align:right;
    clear:both;
    white-space:nowrap;
}

div#shop div#searchform form{
    margin:0; padding:0;
    border:0;
    background-color:transparent;
    display:inline;
    white-space:nowrap;
}

div#shop div#searchform form div,
div#shop div#searchform form fieldset div{
    margin:0; padding:0;
    display:inline;
    border:0;
    background-color:transparent;
    color:#000;
    white-space:nowrap;
    padding:0;
    float:left;
}

div#shop div#searchform form fieldset{
    display:inline;
    border:0;
    background-color:transparent;
    white-space:nowrap;
    padding:0;
}

div#shop div#searchform form fieldset select,
div#shop div#searchform form fieldset input{
    font-size:10px;
}
div#shop div#searchform form fieldset div input{ width:10em; margin-right:5px; }

div#shop div#searchform form fieldset input.submit{ width:auto; }


body.search div#content div#searchform form{
    margin:20px 0 10px 0;
}
body.search div#content div#searchform form fieldset{
    padding:10px;
}
body.search div#content div#searchform form fieldset select,
body.search div#content div#searchform form fieldset input{
    vertical-align:middle;
    margin-right:5px;
}
body.search div#content div#searchform form fieldset input.submit{ width:auto; }
body.search div#content div#searchform form fieldset div label{ width:8em; border:5px dotted red; }
body.search div#content div#searchform form fieldset select{
    width:14em;
}
body.search div#content div#searchform form fieldset input{
    width:30em;
}
body.search div#content div#searchform form fieldset div{
    display:inline;
}

body.search div#content p#wildcard{
    margin:0 0 20px 0;
}

/*============================================================================*/
/*- Sidebar Items: -----------------------------------------------------------*/
/*============================================================================*/

/*= "Shopping in" Menu ====================================================== */

div#navbox p a{
    display:block;
    margin:.25em 0;
}


/*= Categories Menu ========================================================= */

div#topnavbox ul{
    margin:0; padding:0;
    list-style-type:none;
}

div#topnavbox ul li{
    margin:.25em 0;
}


/*= Subcategories Menu ====================================================== */

div#subnavbox{
    margin:0 0 20px 0; padding:10px;
    background-color:#eaf4d7;
    border:1px solid #bbcaa0;
    font-size:90%;
    clear:both;
}
* html div#subnavbox{
    /*margin:20px 0 15px 0;*/
}

div#subnavbox h2{
    margin:0 0 .5em 0; padding:0;
    font-size:1em;
}

div#subnavbox ul{
    margin:0; padding:0;
    list-style:none;
}

div#subnavbox ul li{
    display:inline;
    margin:0 5px;
    white-space:nowrap;
}
/* hacks for IE */
* html div#subnavbox ul{ height:1%; }
* html div#subnavbox ul li{  float:left; }



/*============================================================================*/
/*- Pop-up Windows -----------------------------------------------------------*/
/*============================================================================*/

body.popup div#header,
body.popup div#sidebar,
body.popup div#footer{
    display:none;
}

body.popup div#content,
body.popup div#content div#main{
    margin:0; padding:0;
    width:100%;
}

body.popup div#content h1{
    margin-top:0;
    font-size:1.3em;
    display:none;
}
body.popup div#content h2{
    margin:0;
}
body.popup dl{
    font-size:.85em;
}

body.popup div#container{
    min-width:0;
    width:auto;
}


body.popup form fieldset div input{
    width:180px;
}
body.popup form fieldset div textarea{
    width:auto;
}
body.popup form fieldset div label{
    white-space:nowrap;
}
body.popup form fieldset div label em,
body.popup form fieldset div label small{
    display:inline;
}



/*============================================================================*/
/*- Store Offline ------------------------------------------------------------*/
/*============================================================================*/

body.offline div#header{
    display:none;
}
body.offline div#content,
body.offline div#footer{
    text-align:center;
}

body.offline div#main{
    float:none;
    width:100%;
}



/*============================================================================*/
/*- "This is a test" store alert ---------------------------------------------*/
/*============================================================================*/

body.notice{
    padding-top:3em;
}
body.notice div#testShopNotice{
    background-color:#f66;
    font-weight:bold;
    margin:0;
    padding:0;
    height:3em;
    line-height:3em;
    border-bottom:1px solid red;
    color:#000;
    width:100%;
    
    /* transparency: */
    filter:alpha(opacity=70);
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    -moz-opacity:0.70; opacity:0.7;
    
    /* fixed positioning: */
    position:fixed;
    _position:absolute;
    top:0;
    _top:expression(eval((document.body.scrollTop)?document.body.scrollTop:document.documentElement.scrollTop));
    left:0;
}
body.notice div#testShopNotice p{
    padding:0 10px;
}


div.engraving{ clear:left; }

p.paypal{ color:#1a3665; font-weight:bold; }
p.paypal img{ vertical-align:middle; margin:-5px 5px 10px 0; float:left; }