/* CSS Document */

/*
    My Account
*/
.myaccount { width: 100%; }
.myaccount .line div, .myaccount .subline div { float: left; }
.myaccount div.line, .myaccount div.subline { clear: both; width: 100%; }
.myaccount div.subline { margin-top: 5px; }
.myaccount div.heading {
    clear: both;
    width: 100%;
    /*padding: 3px 0 5px 0;*/
}
.myaccount h1 {
    font-size: 20px;
    color: #6c5830;
    line-height: 22px;
		padding-left:10px;
}
.myaccount #leftnav {
    float: left;
    width: 23.5%;
    border-right: 1px solid #ddd;
    padding-left: 5px;
}
.myaccount #feature {
    float: left;
    width: 74%;
    margin: 5px 0 0 5px;
}

/* sign in */
#signInSelection .spacer { width: 25%; }
#signInButtons { width: 65%; margin-left: 12px; font-size: 14px; }
#signInButtons .w01 { width: 17%; }
#signInButtons .w02 { width: 25%; }

/* addresses */
.myaccount div.addressLine {
    clear: both;
    width: 100%;
    padding: 5px 0 10px 0;
    border-top: 1px solid #ddd;
}
.myaccount div.addressLine div, .myaccount div.addressLine button { float: left; }
.myaccount div.address {
    width: 40%;
}
.myaccount div.select, .myaccount div.edit {
    margin-top: 25px;
    font-size: 14px;
}
.myaccount div.select { width: 28%; }
.myaccount div.edit { width: 13% }
.myaccount div.addressForm {
    width: 100%;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #ddd;
}
.myaccount .left { width: 28%; }
.myaccount .right { width: 70%; }
.myaccount .leftlabel {
    width: 26%;
    padding-top: 3px;
    font-size: 14px;
    text-align: right;
}
.myaccount .rightinput {
    width: 70%;
    margin-left: 10px;
}
.myaccount .shortinput {
    width: 8%;
    margin-left: 10px;
}
.myaccount .midinput {
    width: 35%;
    margin-left: 10px;
}
.myaccount .rightlabel {
    width: 20%;
    padding-top: 3px;
}
.myaccount div.submit {
    padding: 10px 0 5px 5px;
    width: 25%;
}

/* order history */
.myaccount .yourOrders { width: 25%; }
.myaccount .order { margin-top: 20px; }
.myaccount .order .entrydate { width: 25%; }
.myaccount .order .orderstatus { width: 50%; }
.myaccount .order .ordernumber { width: 22%; text-align: right; }
.myaccount .showlabel { width: 8%; text-align: right; padding-top: 6px; font-size: 14px; }
.myaccount .dateRange { width: 55%; margin-left: 10px; padding-top: 3px; }
.myaccount .itemThumb { width: 20%; text-align: center; }
.myaccount .itemDetails { width: 80%; }
.itemDetails .itemName { width: 40%; }
.itemDetails .itemPrice { width: 12%; text-align: right; }
.itemDetails .spacer { width: 4%; }
.itemDetails .itemQty { width: 16%; text-align: center; }
.itemDetails .itemStatus { width: 82%; }
.itemDetails .itemQuickOrder { width: 18%; }
.itemStyle .lbl { width: 27%; }
.itemStyle .val { width: 73%; }
.myaccount .totals .half { width: 50%; }
.myaccount .totals .twothirds { width: 60%; }
.myaccount .totals .onethird { width: 39.5% }

.historyTabFrame {
    clear: both;
    width: 100%;
    background: #333;
    border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc;
    height: 25px;
    overflow: hidden;
}
ul.historyTab{
    display:block; position:relative; float: left;
    overflow:hidden; background-image:none;
    margin: 0; padding: 0;
}
.historyTab li {
    display: block;
    position: relative;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    overflow: hidden;
    margin: 0;
    height: 22px;
    padding: 2px 20px 5px 10px;
    background: #5090c9;
    color: #fff;
    border-right: 1px solid #eee;
}
.historyTab li:hover, .historyTab li.on { background: #0054a5; color: #eee; cursor: pointer; }

.shipments .invoiceID, .shipments .shipDT { width: 15%; }
.shipments .shipMethod { width: 18%; }
.shipments .trackingNum { width: 21%; }
.shipments .shipAddress { width: 31%; }

/* buttons */
ul.buttons {
    display: block; position: relative; margin: 0; padding: 0;
    overflow: hidden; background-image: none;
}
.buttons li {
    display: block; float: left;
    cursor: pointer;
    text-align: center; 
}
.buttons li a { display: block; text-decoration: none; }
.buttons li.hidden { display: none; }

/* working top nav */
.worktopnav {
    clear: both;
    margin-top: 0px;
    margin-left: 0px;
    width: 98.4%;
    border-bottom: 2px solid #69401D;
}
.worktopnav div { float: left; }
.worktopnav .buttons li {
    border-top-left-radius: 6px; -moz-border-radius-topleft: 6px;
    border-top-right-radius: 6px; -moz-border-radius-topright: 6px;
    margin-right: 3px;
    /*background: #78CC86;*/
    background: #BBCC9A;
    font-family: "Rokkitt", Arial, sans-serif;
    font-size: 18px; color: #333;
    padding: 6px 12px 5px 12px;
}
.worktopnav .buttons li a { color: #333; padding: 6px 12px 5px 12px; }
.worktopnav .buttons li:hover { background: #78CC86; }
.worktopnav .buttons li.on {
    /*background: #5B9C66;*/
    background: #694833;
    color: #eee;
    border-radius: 0;
    border-top-left-radius: 6px; -moz-border-radius-topleft: 6px;
    border-top-right-radius: 6px; -moz-border-radius-topright: 6px;
}
.worktopnav .buttons li.on a, .worktopnav .buttons li.on:hover { color: #eee; }

/* secondary top nav */
.secondtopnav {
    clear: both;
    margin-top: 0px;
    margin-left: 0px;
    width: 98.4%;
    /*background: #6BB878;*/
    background: #694833;
}
.secondtopnav div { float: left; }
.secondtopnav .buttons li {
    margin: 3px 2px 4px 3px;
    background: #BBCC9A;
    font-family: "Rokkitt", Arial, sans-serif;
    font-size: 18px; color: #333;
    padding: 6px 12px 5px 12px;
    border-radius: 4px; -moz-border-radius: 4px;
}
.secondtopnav .buttons li a { color: #333; padding: 6px 12px 5px 12px; }
.secondtopnav .buttons li:hover { background: #CCE3C5; }
.secondtopnav .buttons li.on { background: #fff; color: #333; }
.secondtopnav .buttons li.on a, .secondtopnav .buttons li.on:hover { color: #333; }