/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */
   
/* .container { background: url(lib/grid.png); } */

body {
    background-color: #f8f8f8;
}

body.mceContentBody {
    background-color: #fff;
}

img#logo {
    margin: 0;
}

a { color: #17366B; }
a:hover { color: #17366B; text-decoration: underline; }

.underline { text-decoration: underline; }
.center { text-align: center; }
.larger { font-size: 1.5em; }

.container {
    margin-top: 10px;
    margin-bottom: 10px;
}

.container-box {
    background-color: #fff;
    border: 1px solid #d6d6d6;
}

.span-3a {
    width: 176px;
}

#header {
    padding: 5px 20px;
}

#upper-right div {
    text-align: right;
}

#nav {
    border-top: 1px solid #7c1f70;
    padding: 0 20px;
    background-image: url(../../images/layout/purple_bg.gif);
}

#nav ul {
    /* border-top: 1px solid #7c1f70; */
    list-style: none;
    margin: 0;
    padding: 0;
    height: 30px;
}

#nav ul li {
    /* border-left: 1px solid #7c1f70; */
    float: left;
    margin: 0;
    padding: 0 10px;
}

#nav ul li.first {
    padding: 0 8px 0 7px;
}

#nav ul li.last {
    border-right: 1px solid #7c1f70;
    padding: 0 8px;
}

#nav ul li a {
    display: block;
    color: #fff;
    font-weight: bold;
    line-height: 29px;
    text-decoration: none;
}

#search {
    background-image: url(../../images/layout/yellow_bg.gif);
    border-bottom: 1px solid #e4d028;
    border-top: 1px solid #e4d028;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

#content {
    padding: 10px 20px;
}

#breadcrumbs {
    margin: 0 0 2em 0;
}

#footer {
    background: #eee;
    border-top: 5px solid #888;
    text-align: center;
    padding: 0 20px;
}

#footer .first {
    margin-left: 11px;
}

#footer h4 {
    border-bottom: 1px solid #444;
    color: #444;
    font-size: 110%;
    font-weight: bold;
    line-height: 2em;
    margin-bottom: 0;
}

#footer ul {
    list-style: none;
    margin: 5px 0;
}

#footer ul li {
    border-bottom: 1px solid #ddd;
    font-size: 11px;
    padding: 0 0 2px 0;
    margin: 0 0 2px 0;
}

#footer ul li.last {
    border-bottom: none;
}

#footer ul li a,
#footer ul li a:active,
#footer ul li a:visited,
#footer ul li a:hover {
    color: #666;
    text-decoration: none;
}
#footer ul li a:hover {
    text-decoration: underline;
}

#copyright {
    font-size: 11px;
    margin: 10px 0;
}

ul.submenu {
    overflow: hidden;
    list-style-type: none;
    width: 100%;
    margin: 0;
    margin-bottom: 1.5em;
}

ul.submenu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.submenu li {
    width: 100%;
    margin: 0;
    padding: 0;
}

ul.submenu li.small {
    font-size: 80%;
}
ul.submenu li.small a {
    color: #666;
}

ul.submenu li.active a {
    border-left: 2px solid #ccc;
    background-color: #eee;
}

ul.submenu a,
ul.submenu li.active span,
ul.submenu strong {
    display: block;
    width: 90%;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    background-color: #fff;
    color: #444;
    border-bottom: 1px #ddd solid;
}

ul.submenu li.active span {
    font-weight: bold;
}

ul.submenu li.title {
    padding: 3px 0px 3px 0px;
    /*color: #444;*/
    background-color: #fff;
    border-bottom: 2px #ccc solid;
    font-size: 1.2em;
    font-weight: bold;
}

ul.submenu li a {
    width: 90%;
    padding-left: 10%;
    background-color: #fff;
    color: #444;
}
ul.submenu li a:focus,
ul.submenu li a:hover,
ul.submenu li a:active {
    text-decoration: underline;
}

/* level 2 */
ul.submenu li ul li a,
ul.submenu li ul li span {
    padding-left: 20%;
    width: 80%;
}
ul.submenu li ul li a {
    background-color: #f8f8f8;
    color: #666;
}

a.edit {
    color: #008000;
    font-weight: bold;
}

a.delete {
    color: #f00;
    font-weight: bold;
}

table.categories td.category {
}
table.categories tr.last-row td {
    border: none;
}
table.categories td.category table {
    margin: 0 auto 0 auto;
}
table.categories td.category table td {
    border: none;
    padding: 0;
    text-align: center;
}
table.categories td.category table td.cat_image {
    height: 110px;
}
table.categories td.category table td.cat_text {
    padding: 10px 5px;
}
table.categories td.category table td.cat_image img {
    margin: 0;
}

table.small_product_table {
    
}
table.small_product_table th {
    text-align: left;
    border-bottom: 2px solid #ddd;
}
table.small_product_table td {
    border-bottom: 1px solid #ddd;
}
table.small_product_table td.product_image {
    vertical-align: top;
    text-align: center;
    width: 50px;
}
table.small_product_table td.product_info {
    vertical-align: top;
    text-align: left;
}

table.products td {
    padding: 10px 0;
}

table.products table.product {
    margin-bottom: 0;
}

table.products table.product td {
    border: none;
    vertical-align: top;
}
table.products table.product td.image {
}
table.products table.product td.image img {
    margin: 0;
}
table.products table.product td.links {
    text-align: center;
}
table.products table.product td.description .title {
    color: #000;
    font-size: 1.1em;
    font-weight: bold;
}

.list_price {
    font-weight: bold;
    text-decoration: line-through;
}
.your_price {
    font-size: 1.2em;
    font-weight: bold;
}
.savings {
    color: #060;
    font-weight: bold;
}

#order_box {
    border: 2px solid #ddd;
    padding: 1.5em;
    margin-bottom: 1.5em;
    background: #f9f9f9;
}

.purple {
    color: #7c1f70;
}

a.icon {
    padding-left: 22px;
    padding-bottom: 2px;
    padding-top: 2px;
}

a.edit {
    color: #008000;
    font-weight: bold;
    background: url(../../images/layout/icons/page_white_edit.png) no-repeat;
}

a.pdf {
    background: url(../../images/layout/icons/page_white_acrobat.png) no-repeat;
}

a.email {
    background: url(../../images/layout/icons/email.png) no-repeat;
    font-weight: bold;
}
a.print {
    background: url(../../images/layout/icons/printer.png) no-repeat;
    font-weight: bold;
}
a.delete {
    color: #f00;
    font-weight: bold;
    background: url(../../images/layout/icons/delete.png) no-repeat;
}

.product_list_menu {
    background-image: url(../../images/layout/purple_bg.gif);
    height: 30px;
    line-height: 30px;
    border: 1px solid #7c1f70;
    font-size: .9em;
    color: #fff;
}

.product_list_menu .product_list_menu_container {
    padding: 0 10px;
}

.product_list_menu ul {
    list-style: none;
    margin: 0;
}

.product_list_menu ul li {
    float: left;
}

.product_list_menu ul li a {
    padding: 7px;
    color: #fff;
    text-decoration: none;
}
.product_list_menu ul li.active a {
    background-color: #7c1f70;
    font-weight: bold;
}
.product_list_menu ul li a:hover {
    background-color: #7c1f70;
    font-weight: bold;
}

input#id_quantity {
    text-align: center;
    width: 40px;
}

#order_box ul.errorlist {
    margin-bottom: 0;
    list-style-type: disc;
}

ul.address {
    list-style-type: none;
    margin-left: 0;
}

#step_nav {
    margin: 0;
}
#step_nav li {
    background-color: #EBEBEB;
    list-style: none;
    float: left;
}

#step_nav li.current {
    background-color: #7c1f70;
}

#step_nav li.last_done {
    background-color: #7c8437;
}

#step_nav li.done {
    background-color: #7c8437;
}

#step_nav li a, #step_nav li a:link,
#step_nav li a:visited, #step_nav li a:hover,
#step_nav li a:active {
    color: #ccc;
}

#step_nav li.done a:hover, #step_nav li.last_done a:hover  {
    cursor: hand;
}

#step_nav a {
    color: #fff;
    text-decoration: none;
}

#step_nav li.last_done a, #step_nav li.last_done a:link,
#step_nav li.last_done a:visited, #step_nav li.lastDone a:hover,
#step_nav li.last_done a:active, #step_nav li.current a,
#step_nav li.current a:link, #step_nav li.current a:visited,
#step_nav li.current a:hover, #step_nav li.current a:active, #step_nav li.done a,
#step_nav li.done a:link, #step_nav li.done a:visited, #step_nav li.done a:hover,
#step_nav li.done a:active {
    color:#fff;
}

#step_nav li a em {
    font-size: 114%;
    width: 250px;
    display: block;
    margin: 6px 0 0 10px;
    font-style: normal;
    font-weight: bold;
}

#step_nav li a span {
    width: 240px;
    display: block;
    margin-left: 10px;
    font-weight: normal;
}

#step_nav li a {
    height: 48px;
    display: block;
}

#step_nav.three_step li { width: 250px; }
#step_nav.three_step li a { width: 250px; }

ul.payment {
    list-style: none;
    margin: 0 0 10px 0;
    padding: 0;
}
ul.payment li {
    padding: 5px 15px 5px 0;
}

div.sideblock {
    margin: 0 0 10px 0;
}

h2.subheading {
    position: relative;
    top: -20px; /* ugh, i am totally not a designer ;) */
    color: #a1a1a1;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

table.order_form {
}
table.order_form tr.group th {
    background: #7c1f70;
    color: #fff;
}

ul.errorlist {
    list-style: none;
    margin: 0px;
    padding: 5px;
    background: #FBE3E4;
    color: #D12F19;
    border-color: #FBC2C4;
}
ul.errorlist a {
    color: #D12F19;
}

.help_text {
    color: #a1a1a1;
    font-size: 95%;
}

.sku {
    color: #a1a1a1;
}

.free_shipping {
    font-weight: bold;
    color: green;
}

#office_depot_login {
    border: 2px solid #cc0000;
    background: #e26b6b;
    text-align: center;
    padding: 5px;
    font-weight: bold;
    margin-bottom: 10px;
}
#office_depot_login a {
    color: #fff;
    text-decoration: none;
}

.order_date {
    position: relative;
    top: -20px;
    font-size: 15px;
}

.announcement a {
    display: block;
    text-decoration: none;
}
.announcement a:hover {
    color: #817134;
    cursor: default;
}

#freight_link {
    background: url(../../images/layout/icons/delivery.png) no-repeat;
    padding-left: 40px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    padding-top: 20px;
}

/* some homepage classes */
div.vb {
    margin: 0 0 5px 0;
}
div.vb_test {
    height: 100px;
}