/* #################################################################
Copyright © 2008 BBB Systems, LLC, All rights reserved
################################################################## */
/* admin specific css */



input {
    background-color: #fff;
    font-weight: normal;
    font-size: 15px;
    border: 1px solid #e2e2e2;
    padding: 10px;
    color: #515050;
    box-sizing: border-box;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

select {
    padding: 14px;
}



#columnLeft{
    width: 200px;
}

#m_work_td{
    width: 350px;
    padding: 10px;
    border: 1px solid #eee;
    vertical-align: top;
}

/* admin module styles */

.md_message_error{
    position: relative;
    margin-bottom: 4px;
}
.md_message_error .error{
    height: auto;
    overflow: hidden;
    overflow: auto;
    padding: 8px;
}

.md_container{
    width: inherit;
}

.md_container, .md_content{
    margin: 0px; padding: 0px;
}

.md_content{ }

.md_title{
    text-decoration:none;
    font-weight: bold;
    text-align: left;
    font-size: 18px;
    margin: 0px;
    padding: 8px 0px;
    text-transform: uppercase;
}
/* plus and minus used for collapsable md_content */
.md_plus, .md_minus{
    background-repeat: no-repeat;
    background-position: 6px center;
    cursor: pointer;
}
.md_plus{ background-image: url(/app_lib/app_images/plus.gif); }
.md_minus{ background-image: url(/app_lib/app_images/minus.gif); }


.md_search{
    background-color: #fff;
    padding: 0px 0px 20px 0px;

}
.md_search_help, .md_search_tools, .md_search_string{ font-size: 9px; }
.md_search_tools, .md_search_string{ padding-top: 8px; }
.md_search_tools input[type=text]{ width: 64px; }

.md_search select{
    max-width: 150px;
}

.md_table_container{
    position: relative;
    margin-bottom: 4px;
}

.md_show_container{
    position: relative;

}

.md_show_table{
    border-collapse: collapse;
    margin-top: 1px;
    width: 100%;
}


/* lock stuff */

.md_show_table thead{
    position: relative;
}
.md_show_table thead th{
    white-space: nowrap;
    display: table-cell !important;
}
.md_show_table tbody td{
    white-space: normal;
    display: table-cell !important;
}

.md_show_table tbody{
    /* overflow set in javascript for compatibility reasons */
}

/*
.md_show_table thead th.md_sticky, .md_show_table thead td.md_sticky{
    display: block !important;
    position: fixed;
}
*/

/* end lock stuff */

/* td and th dimmensions must match exactly (including padding and borders), otherwise safari and opera will be off */
.md_show_table td, .md_show_table th{
    vertical-align: middle;
    text-align: left;
    font-size: 12px;
    padding: 4px 8px 4px 8px;/* don't change this (except the top/bottom padding on the th) */
}
.md_show_table thead th{
    color: #fff;
    padding:  0px 8px 0px 8px;
}
.md_show_table thead th a, .md_show_table thead th span{
    display: block;
    position: relative;
    top: 0px;
    left: -8px;
    width: 100%;
    height: 100%;
    padding: 4px 8px 4px 8px;
    text-decoration: none;
}
.md_show_table thead th a:hover{
    color: #fff !important;
    background-color: #101010;
}
.md_show_table thead th a img{
    border-width: 0px;
}

.md_show_table td a{
    font-size: 10px;
}

.md_show_table thead th, .md_footer{
    font-size: 12px;
    font-weight: bold;
    background-color: #2f2f2f;
    color: #fff;

}
.md_show_table thead th a, .md_footer a{
    color: #fff;
}
.md_show_table thead th a:hover, .md_footer a:hover{
    color: #fff;
}

.md_table_center{
    margin: 0px;
    width: auto;
}

.md_table_center_cells td, .md_table_center_cells th{
    text-align: center;
}

/* md_cells */
.md_even{
    padding: 4px 8px 4px 8px;/* don't change this */
    font-size: 12px;
    text-align: left;
    background-color: #ffffff;
}
.md_odd{
    padding: 4px 8px 4px 8px;/* don't change this */
    font-size: 12px;
    text-align: left;
    background-color: #cccccc;
}
.md_error{
    padding: 4px 8px 4px 8px;/* don't change this */
    font-size: 12px;
    background-color: #cc9999;
}

.avs_addr{
    background-color: #b5b9f2;
}
.avs_zip{
    background-color: #f4f416;
}
.avs_cvv2{
    background-color: #c4687a;
}

.md_show_table tbody td.md_even{
    padding: 4px 8px 4px 8px;/* don't change this */
    border-left: 1px solid #ffffff !important;
    border-right: 1px solid #ffffff !important;
}
.md_show_table tbody td.md_odd{
    padding: 4px 8px 4px 8px;/* don't change this */
    border-left: 1px solid #cccccc !important;
    border-right: 1px solid #cccccc !important;
}

.md_show_table tbody td.md_even:last-child, .md_show_table tbody td.md_odd:last-child{
    padding-right: 12px;
}

/* misc */

.md_header{
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #2f2f2f;

}

.md_footer{

    padding: 20px;

    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    border-left: 0px solid #ffffff;
}
.md_footer table{
    width: 100%;
}
.md_footer .md_cnt_cur{
    font-size: 14px;
    text-decoration: none;
}

.md_update_table{
    width: 100%;
}

.md_update_table td{
    padding: 8px 4px;
    border-bottom: 1px solid #dddddd;
    font-size: 14px;
}
.md_update_table td input{
    font-size: 14px;
}
.md_update_table td input[type=text], .md_update_table td select{
    width: 100%;
    box-sizing: border-box;
}

.md_update_table td.md_cell:first-child{
    max-width: 250px;
}
.md_cell{
}

/* fancy rows */

tr.md_row{
    background-color: transparent;
    color: #000;
}
tr.md_row_hover td.md_even, tr.md_row_hover td.md_odd{
    background-color: #F5F6BE;
    color: #000000;
}
tr.md_row_clicked td.md_even, tr.md_row_clicked td.md_odd{
    background-color: #FBFB83;
    color: #000000;
}

tr.md_row a{ color: #333; }

/* end fancy rows */

/* resize stuff */

.md_resizer{
    position: absolute;
    top: 100%;
    left: 0px;
    cursor: s-resize;
    z-index: 1500;
    display: block;
    background-color: #de2b34;
    width: 100%;
    height: 4px;
    padding: 0;
}

/* end scrollable and resize stuff */
/* end admin module styles */

.overLayer{
    width: 200px;
    padding: 15px;
    color: #FFFFFF;
    background-color: #28558F;
    border: 1px dotted #FF00FF;
}
.overLayer a{
    color: #FFFFFF;
}

/* admin search suggestion styles */
#search_suggestions{ position: absolute; z-index: 5000; }
.search_suggestions{ background-color: #fff; width: 150px; overflow-x: hidden; }
.search_suggestions .suggestion, .search_suggestions .suggestion_over{
    color: #000;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #fff;
    padding: 2px;
    height: auto;
    min-height: 20px;
    font-weight: normal;
}
.search_suggestions .suggestion_over{ background-color: #9bb8cf; cursor: pointer; }

.search_suggestions  strong{
    background-color: #ccc;
    color: #000;
    font-weight: bold
}

.search_suggestions .suggestion_desc{
    padding-left: 4px;
    text-transform: uppercase;
    font-size: 10px;
    color: #6f6f6f;
}

/* admin help styles */
.admin_help_icon{ position: relative; cursor: pointer; margin-left: 8px; top: 4px; }
.admin_help_info{
    display: none;
    position: absolute;
    z-index: 6000;

    width: 250px;

    margin-left: 8px;
    padding: 15px 8px 3px 8px;

    color: #000;
    background-color: #dfdfdf;
    border: 1px solid #a0a0a0;

    white-space: normal;
}

.close_help{ position: absolute; top: 1px; right: 8px; }

/* end admin module styles */

.overLayer{
    width: 200px;
    padding: 15px;
    color: #FFFFFF;
    background-color: #28558F;
    border: 1px dotted #FF00FF;
}
.overLayer a{
    color: #FFFFFF;
}

/* admin search suggestion styles */
#search_suggestions{ position: absolute; z-index: 5000; }
.search_suggestions{ background-color: #fff; width: 150px; }
.search_suggestions .suggestion, .search_suggestions .suggestion_over{
    color: #000;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #fff;
    padding: 2px;
    height: auto;
    min-height: 20px;
    font-weight: normal;
}
.search_suggestions .suggestion_over{ background-color: #9bb8cf; cursor: pointer; }

.search_suggestions  strong{
    background-color: #ccc;
    color: #000;
    font-weight: bold
}

.search_suggestions .suggestion_desc{
    padding-left: 4px;
    text-transform: uppercase;
    font-size: 10px;
    color: #6f6f6f;
}

/* admin help styles */
.admin_help_icon{ position: relative; cursor: pointer; margin-left: 8px; top: 4px; }
.admin_help_info{
    display: none;
    position: absolute;
    z-index: 6000;

    width: 250px;

    margin-left: 8px;
    padding: 15px 8px 3px 8px;

    color: #000;
    background-color: #dfdfdf;
    border: 1px solid #a0a0a0;
}

.close_help{ position: absolute; top: 1px; right: 8px; }

/* admin default page */
#admin_default h3{
    margin-bottom: 4px;
    padding: 4px 2px;
    border-bottom: 1px solid #354276;
}
.admin_page_cat{ padding-top: 15px; }

/* legacy editor styles */
body.bStart{
    margin: 2px; padding: 2px;
    background-color: #FFFFFF;

    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 12px;
}

#content{}

#content table{
    margin: 0px auto;
    text-align: left;
    width: 100%;
}
#content div{
    text-align: left;
}

.editorTop{
    background-color: #555555;
    border: 1px solid #000000;
}

.editorHeader{
     background-color: #CCCCCC;
     padding: 4px;
     color: #000000;
     border: 1px solid #000000;
     text-align: center;
}

#bgzDiv, #bgzActionDiv{
    border: 1px solid #000000;
}

table.bzero{
    border: 0px;
}
td.bzero{
    border: 0px;
}

#b_fontselect{
     width: 100px;
}
.cbtn, .cbtnOver, .cbtnDown, .cbtnActive{
    width: 22px;
    height: 21px;
    border: 0px none #CCCCCC;
    padding: 0px 0px 0px 0px;
    cursor: pointer;
}

.cbtn{
    background-color: #CCCCCC;
    border: 0px solid #CCCCCC;
}

.cbtnOver{
    background-color: #7db1e6;
    border: 0px outset #999999;
}

.cbtnDown{
    background-color: #7db1e6;
    border: 0px inset #999999;
}

.cbtnActive{
    background-color: #BBBBBB;
    border: 0px inset #999999;
}

#contextDiv{
    position: absolute;
    width: 150px;
    height: auto;
    background-color: #CCCCCC;
    border: 1px solid #000000;
    visibility: hidden;
    opacity: .95;
}

.cxhead, .cxbtn, .cxbtnOver, .cxbtnDown{
    width: 146px;
    height: 14px;
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-size: 12px;
    text-align: left;
    color: #000000;
}

.cxhead{
    background-color: #000000;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    color: #FFFFFF;
}

.cxbtn{
    background-color: transparent;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #CCCCCC;
}

.cxbtnOver{
    background-color: #7db1e6;
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #EEEEEE;
}

.cxbtnDown{
    background-color: #7db1e6;
    border-top: 1px solid #000000;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #BBBBBB;
    border-left: 1px solid #333333;
}

/* New Button Styles */
.edtd{ padding: 0px 1px; }
.edtd div{ height: 18px; }

.edtd_spacer{ width: 5px; border-right: 1px solid #a9a9a9; }
.edtd_spacer2{ width: 5px; }

#b_bold, #i_b_bold{
    background: url(/customers/images/e_bold.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_bold, .cbtnActive#b_bold, .cbtnOver#i_b_bold, .cbtnActive#i_b_bold{
    background: url(/customers/images/e_bold_over.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnDown#b_bold, .cbtnDown#i_b_bold{
    background: url(/customers/images/e_bold_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_italic, #i_b_italic{
    background: url(/customers/images/e_italic.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_italic, .cbtnActive#b_italic, .cbtnOver#i_b_italic, .cbtnActive#i_b_italic{
    background: url(/customers/images/e_italic_over.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnDown#b_italic, .cbtnDown#i_b_italic{
    background: url(/customers/images/e_italic_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_sub, #i_b_sub{
    background: url(/customers/images/e_subscript.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_sub, .cbtnActive#b_sub, .cbtnOver#i_b_sub, .cbtnActive#i_b_sub{
    background: url(/customers/images/e_subscript_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_sub, .cbtnDown#i_b_sub{
    background: url(/customers/images/e_subscript_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_super, #i_b_super{
    background: url(/customers/images/e_superscript.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_super, .cbtnActive#b_super, .cbtnOver#i_b_super, .cbtnActive#i_b_super{
    background: url(/customers/images/e_superscript_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_super, .cbtnDown#i_b_super{
    background: url(/customers/images/e_superscript_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_fcolor, #i_b_fcolor{
    background: url(/customers/images/e_color.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_fcolor, .cbtnActive#b_fcolor, .cbtnOver#i_b_fcolor, .cbtnActive#i_b_fcolor{
    background: url(/customers/images/e_color_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_fcolor, .cbtnDown#i_b_fcolor{
    background: url(/customers/images/e_color_down.gif) no-repeat top left !important;
    width: 28px !important;
}


#b_nlist, #i_b_nlist{
    background: url(/customers/images/e_olist.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_nlist, .cbtnActive#b_nlist, .cbtnOver#i_b_nlist, .cbtnActive#i_b_nlist{
    background: url(/customers/images/e_olist_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_nlist, .cbtnDown#i_b_nlist{
    background: url(/customers/images/e_olist_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_blist, #i_b_blist{
    background: url(/customers/images/e_ulist.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_blist, .cbtnActive#b_blist, .cbtnOver#i_b_blist, .cbtnActive#i_b_blist{
    background: url(/customers/images/e_ulist_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_blist, .cbtnDown#i_b_blist{
    background: url(/customers/images/e_ulist_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_outdent, #i_b_outdent{
    background: url(/customers/images/e_deindent.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_outdent, .cbtnActive#b_outdent, .cbtnOver#i_b_outdent, .cbtnActive#i_b_outdent{
    background: url(/customers/images/e_deindent_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_outdent, .cbtnDown#i_b_outdent{
    background: url(/customers/images/e_deindent_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_indent, #i_b_indent{
    background: url(/customers/images/e_indent.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_indent, .cbtnActive#b_indent, .cbtnOver#i_b_indent, .cbtnActive#i_b_indent{
    background: url(/customers/images/e_indent_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_indent, .cbtnDown#i_b_indent{
    background: url(/customers/images/e_indent_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_rformat, #i_b_rformat{
    background: url(/customers/images/e_eraser.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_rformat, .cbtnActive#b_rformat, .cbtnOver#i_b_rformat, .cbtnActive#i_b_rformat{
    background: url(/customers/images/e_eraser_over.gif) no-repeat top left !important;
    width: 28px !important;
}

.cbtnDown#b_rformat, .cbtnDown#i_b_rformat{
    background: url(/customers/images/e_eraser_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_link, #i_b_link{
    background: url(/customers/images/e_link.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_link, .cbtnActive#b_link, .cbtnOver#i_b_link, .cbtnActive#i_b_link{
    background: url(/customers/images/e_link_over.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnDown#b_link, .cbtnDown#i_b_link{
    background: url(/customers/images/e_link_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_image, #i_b_image{
    background: url(/customers/images/e_img.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnOver#b_image, .cbtnActive#b_image, .cbtnOver#i_b_image, .cbtnActive#i_b_image{
    background: url(/customers/images/e_img_over.gif) no-repeat top left !important;
    width: 28px !important;
}
.cbtnDown#b_image, .cbtnDown#i_b_image{
    background: url(/customers/images/e_img_down.gif) no-repeat top left !important;
    width: 28px !important;
}

#b_spell, #i_b_spell{
    background: url(/customers/images/e_spell.gif) no-repeat top left !important;
    width: 29px !important;
}
.cbtnOver#b_spell, .cbtnActive#b_spell, .cbtnOver#i_b_spell, .cbtnActive#i_b_spell{
    background: url(/customers/images/e_spell_over.gif) no-repeat top left !important;
    width: 29px !important;
}
.cbtnDown#b_spell, .cbtnDown#i_b_spell{
    background: url(/customers/images/e_spell_down.gif) no-repeat top left !important;
    width: 29px !important;
}

#b_heading, #i_b_heading{
    background: url(/customers/images/e_heading.gif) no-repeat top left !important;
    width: 58px !important;
}
.cbtnOver#b_heading, .cbtnActive#b_heading, .cbtnOver#i_b_heading, .cbtnActive#i_b_heading{
    background: url(/customers/images/e_heading_over.gif) no-repeat top left !important;
    width: 58px !important;
}
.cbtnDown#b_heading, .cbtnDown#i_b_heading{
    background: url(/customers/images/e_heading_down.gif) no-repeat top left !important;
    width: 58px !important;
}

#member_tools_tabs{ list-style: none; margin: 0px; padding: 20px 0; overflow: hidden; }

#member_tools_tabs li a {
    border-bottom: 5px solid;
    color: #a1a1a1;
    display: block;
    font-size: 18px;
    font-weight: bold;
    margin-right: 2px;
    padding: 20px 210px 12px 0;
    text-align: left;
    text-decoration: none;
    transition: color 0.1s linear 0s;
}
#member_tools_tabs li a:hover, #member_tools_tabs li a.cur {
    color: #08367a;
}

#member_tools > h2 {
    font-size: 18px;
}
.customer_information {
    display: block;
    margin: 15px 0 25px;
}
#customer_id {
    background-color: #0091d9;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    color: #fff;
    margin-top: 7px;
    margin-bottom: 40px;
    padding: 10px 0;
    text-align: center !important;
    width: 95px;
}

.m_addresses{ list-style: none; margin: 0px; padding: 0px; overflow: hidden; }
.m_addresses .m_box{ padding: 20px; }
.m_addresses li:first-child{ padding-bottom: 40px; }
.m_addresses li h2{  }

.m_addresses .m_link_button{ padding-top: 20px; }
.m_link_button.force_center{ padding-top: 0px; text-align: center; margin-top: -10px; display: flex; }
.m_link{ width: 105px; min-width: 0px; text-transform: none; }
.m_link:first-child{ margin-bottom: 10px; }

.m_email_groups{ list-style: none; }

#shipping_addresses .m_box {
    min-height: 356px;
}

.m_box{ overflow: hidden; background-color: #f8f8f8; margin-bottom: 40px; position: relative; border: 1px solid #f0f0f0 !important; border-radius: 0px !important; }
.m_box_empty{ padding: 4px; }
.m_order_info{ font-weight: bold; font-size: 16px; color: #a1a1a1; margin-bottom: 40px; }
.m_order_info_i{ border-bottom: 1px solid #d1d1d1; background-color: #f8f8f8; }
div.mo_placed{ padding: 0px; }


.m_order_prod{ overflow: hidden; padding-bottom: 30px; padding-left: 20px; }
.m_order_prod:last-child{ padding-bottom: 0px; }
.m_order_prod_img, .m_order_prod_info{ float: left }
.m_order_prod_img{ width: 35%; margin-right: 7.5%; }
.m_order_prod_img img{ max-width: 100%; border-radius: 7px; }
.m_order_prod_info{ width: 57.5%; }

.order_container{ width: auto; margin-top: 40px; }
.order_totals table{ width: 300px; }
.order_totals td{ text-align: right; }
.order_total_val{ width: 80px; }

#email_preferences .m_box{ padding: 30px 40px; margin-top: 20px; }

#login_form li:last-child, #registration_form li:last-child{ padding-top: 15px; }
#login_left, #login_right{
    opacity: 1;
    position: relative;
    display: block;
    left: 0;
    visibility: visible;
    right: 0;
    transition: opacity 1s ease, left 1s ease, right 1s ease, visibility 1.1s ease;
}
#login_left.left_hide, #login_right.right_hide{
    opacity: 0;
    visibility: hidden;
}
#login_left.left_hide {
    left: -500px;
}
#login_right.right_hide {
    left: 780px;
}
#login_container{
    min-height: 600px;
}
#reg_form_container {
    box-sizing: border-box;
    left: 0;
    margin: 0 auto 20px;
    opacity: 0;
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: 35px;
    transition: opacity 1s ease 0s, visibility 1s ease 0s;
    visibility: hidden;
    width: 100%;
    top: 155px;
}
#registration_form ul li div {
    display: block;
}
#reg_form_container.form_unhide {
    opacity: 1;
    visibility: visible;
}
#registration_form ul {
    list-style: outside none none;
    padding: 0;
    width: 100%;
}
#registration_form ul li {
    margin: 10px 0;
    width: 100%;
}
#registration_form ul li input {
    width: 59%;
}
#registration_form input[type="checkbox"] {
    width: 14px;
}

.arrow > span {
    left: 0;
    position: relative;
    transition: left 0.5s ease 0s;
}
.arrow:hover > span {
    left: 5px;
}

.content_right.right_full {
    width: 100%;
    float: none;
}
#clr_btns {
    display: block;
    text-align: center !important;
}
#clr_btns > div {
    border-radius: 10px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    margin: 5px 0;
    min-height: 220px;
    padding: 30px;
    text-align: center;
    vertical-align: top;
}
#clr_btns > div:first-child{ margin-left: 0; }
#clr_btns > #rd_wsh_lst{ margin-right: 0; }
#bl_prfl{ background-color: #08367a; }
#grn_opn_ordr{ background-color: #b90005; }
#orng_ordr_hstry{ background-color: #6fba45; }
#rd_wsh_lst{ background-color: #ec2925; }
#clr_btns div .arrow, #clr_btns div > h3 {
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
}
#clr_btns div > p{ font-weight: 100; }

.content_left {
    text-align: center !important;
    margin-bottom: 20px;
}
.content_left > div {
    max-width: 350px;
    display: block;
    margin: 0 auto;
}
.content_left #accnt_blck {
    vertical-align: top;
    width: 100%;
}
.content_left .blockOuter .block .blockC {
    border: 1px solid #d9d9d9;
    margin-bottom: 15px;
    min-height: 217px;
}
.content_left .blockOuter .block .blockC p {
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0 15px;
}
.content_left .blockOuter .block .blockC ul li .cur span,
.content_left .blockOuter .block .blockC ul li a:hover span,
.content_left .blockOuter .block .blockC ul li a:hover,
.content_left .blockOuter .block .blockC ul li .cur {
    color: #68167c;
    text-decoration: none;
}
.content_left .blockOuter .block {
    border: none;
}

.content_right > h1 {
    font-weight: 700;
}
.content_right > p {
    font-style: italic;
}

#nd_hlp_block {
    border: 1px solid #d9d9d9;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
}
#nd_hlp_block > p {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 15px;
}
.nd_hlp_in_blk {
    margin-top: 15px;
    overflow: hidden;
}
#nd_hlp_block #nd_hlp_inner {
    padding: 0 15px 20px;
}
#nd_hlp_block > p {
    background-color: #dedede;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    padding: 15px 0 15px 20px;
}
.nd_hlp_in_blk > a {
    float: left;
    position: relative;
    top: 10px;
    width: 40px;
}
.nd_hlp_in_blk > span {
    float: left;
    margin-left: 6%;
    max-width: 215px;
    width: 75%;
    vertical-align: middle;
}


.mo_right_restat {
    text-align: center !important;
}
.m_order_info_i{ overflow: hidden; }
.m_order_info_i > div {
    box-sizing: border-box;
    display: inline-block;
    min-width: 110px;
    padding: 15px;
    vertical-align: top;
    width: 100%;
}
.m_order_info_i > div > div:first-child {
    font-weight: 500 !important;
    margin-bottom: 5px;
    padding: 0;
}
.mo_details_link {
    background-color: #dedede;
}
.mo_status, .mo_reorder {
    display: inline-block;
    width: 50%;
    text-align: center !important;
    width: 100%;
}
.mo_status {
    background-color: #f8f8f8;
    border: solid #dedede;
    border-width: 1px 2px;
    box-sizing: border-box;
    padding: 20px 0;
    position: relative;
    margin: 13px 0;
    width: 100%;
}
.mo_status > div {
    text-align: center !important;
}
.mo_status > div + div {
    font-weight: bold;
    color: #77c14c;
}
.mo_reorder .button.details, .mo_reorder .button.reorder {
    display: inline-block;
    margin-bottom: 10px;
}
.button.details {
    background-color: #77c14c;
    padding: 14px 27px;
}
.button.details:hover {
    background-color: #87ea4c;
}
.button.reorder {
    background-color: #fff;
    border: 1px solid;
    color: #000;
    min-height: 21px;
    transition: color .2s ease-in, background-color .2s ease-in;
    vertical-align: top;
}
.button.reorder:hover {
    background-color: #515050;
    border-color: #515050;
}

#user_info_block {
    background-color: #f8f8f8;
    border: 1px solid #f0f0f0;
    margin: 15px 0 20px;
    padding: 30px;
}
#user_info_block > a {
    float: right;
    height: auto;
    width: auto;
}
#user_info_block > h5 {
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 10px;
    padding: 0;
}

.md_update_password, .md_update_information {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.md_update_password li, .md_update_information li {
    margin: 15px 0;
}
.md_update_password li input, .md_update_information li input {
    margin: 0 0 15px;
    width: 50%;
    box-sizing: border-box;
}
.md_update_password li input[type="submit"], .md_update_information li input[type="submit"] {
    max-width: 200px;
}
.md_update_information {
    margin: 0 auto;
    max-width: 600px;
    padding: 20px 0;
    box-sizing: border-box;
}
.md_update_information li {
    display: inline-block;
    max-height: 60px;
    vertical-align: top;
    width: 94%;
}
.md_update_information li input, .md_update_information li select {
    max-width: none;
    width: 100%;
}
.md_update_information input[type="checkbox"] {
    display: inline;
    width: 50px;
}

.m_link_button.address_buttons .button {
    float: right;
    margin-left: 10px;
    max-width: 130px;
    min-width: 100px;
    width: 50%;
}
.m_link.button.is_default {
    background-color: #6fc043;
    color: #fff;
    border-color: #6fc043;
}
.m_link.button.is_default:hover {
    background-color: #8AE25A;
    border-color: #8AE25A;
}
.m_link.button {
    background-color: transparent;
    color: #fff;
    background: #b90005;
    transition: color .2s ease-in, background-color .2s ease-in, border-color .2s ease-in;
}
.m_link.button:hover {
    opacity: .8;
}
.m_link.m_edit {
    font-style: italic;
}
.m_link.button.new_addr {
    box-sizing: border-box;
    width: 100%;
}

.Account {
    background: none repeat scroll 0 0 #fff;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
    left: -22px;
    position: absolute;
    text-align: center;
    top: 38px;
    width: 150px;
    z-index: 1201;
}
#home_invoice {
    background-color: #f8f8f8;
    display: block;
    margin: 50px 0;
    padding: 50px 0;
    text-align: center !important;
    width: 100%;
}
.invoice_cont .inv_box {
    border: 1px solid #efefef;
    box-sizing: border-box;
    margin-bottom: 25px;
    padding: 15px;
}

/* Media Screens */
@media screen and (min-width: 480px){

.m_order_prod_img{ width: 30%; margin-right: 7.5%; }
.m_order_prod_info{ width: 62.5%; }
.m_addresses li h2 {
    font-size: 30px;
}

}/*End 480*/

@media screen and (min-width: 580px){

#reg_form_container {
    min-width: 460px;
    width: 33%;
}
#registration_form ul li div {
    display: inline-block;
    width: 33%;
}
#reg_form_container {
    top: 215px;
}
@media screen and (min-width: 1368px){
    #reg_form_container {
        top: 325px;
    }
}

#member_tools_tabs li{ float: left; }
#member_tools_tabs li:nth-child(2) a{ border-left: 0px solid #fff; }
.m_order_info_i > div{ width: 49.59%; }
.mo_status {
    margin-right: 10px;
    padding: 20px 0;
    width: 47%;
}
.mo_reorder {
    position: relative;
    top: 16px;
    width: 47%;
}
.mo_reorder .button.details, .mo_reorder .button.reorder{ margin-right: 10px; }
.md_update_information .half_form {
    margin-right: 2%;
    width: 46%;
}

}/*End 580*/

.m_link.button {
    margin-bottom: 10px;
}

@media screen and (min-width: 320px){
    .m_link_button.address_buttons .button {
        max-width: initial;
        width: 100%;
    }
}

@media screen and (min-width: 400px){
    .m_link_button.address_buttons .button {
        max-width: 130px;
        width: 50%;
    }
}





@media screen and (min-width: 720px){

#member_tools > h2 {
    font-size: 24px;
}
.m_link_button.address_buttons .button {
    float: right;
    margin: 0 0 15px 23%;
    max-width: 130px;
    min-width: 100px;
    width: 50%;
}

.m_order_info_i{ border-bottom: 0px solid #d1d1d1; }
.m_order_products{ width: 60%; float: left; }
.mo_right_restat { float: right; width: 40%; text-align: center !important; }
.m_order_products_i{ min-height: 280px; }
#clr_btns > div { display: inline-block; width: 45%; }
.mo_reorder{ bottom: 20px; position: absolute; right: 20px; width: 300px; top: auto; }
.mo_reorder .button.details, .mo_reorder .button.reorder{ margin-right: 0; }
.mo_status {
    margin: 0;
    top: 0;
    width: 80%;
}
.m_addresses li {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}
.m_addresses li:first-child {
    margin-right: 2%;
}

}/*End 580*/

@media screen and (min-width: 750px){

.content_left > div { display: inline-block; }
.content_left > div:first-child { margin-right: 15px; }
.m_order_info_i > div{ width: 49.69%; }

}/*End 750*/

@media screen and (min-width: 980px){

.content_left, .content_right{ float: left; }
.content_left{ width: 32%; margin-right: 3%; }
.content_right{ width: 65%; }
.content_left > div:first-child { margin-right: 0; }
#clr_btns > div {
    width: 35%;
}
.m_box{
    padding: 0;
    border-radius: 0;
}
.button.reorder {
    min-height: 21px;
    vertical-align: top;
}
.mo_details_link {
    float: right;
}
.m_order_info_i > div {
    width: auto;
}

}/*End 980*/

@media screen and (min-width: 1240px){
}

@media screen and (min-width: 1330px){

#clr_btns > div {
    margin: 0 14px;
    padding: 30px 20px;
    width: 23%;
}

}/*End 1330*/