/* New Classes */
a img {text-decoration: none;}

.cartcontents_supplier {
    background-color: #9933CC /*#660033*/ ;
    border-width: 0px;
    border-style: solid;
    border-collapse: collapse;
    border-color: #9933CC /*#660033*/ ;
    text-decoration: none;
    color: #ffffff;
    white-space: nowrap;
    text-align: left;
    font-family: arial;
    font-size: 12   px;
    font-weight: bold;
    padding-left: 5px;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#9933CC ,endColorStr=#660033);
}


.checkout_nav {
    background-color: #f0f0f0;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    border-color: #c0c0c0;
    text-decoration: none;
    color: #000000;
    white-space: nowrap;
    text-align: center;
    font-family: arial;
    font-size: 12   px;
    font-weight: bold;
}

.searchkeyword {
    color: #0000ff;
    font-weight: bold;
}

.checkout_nav_current {
    background-color: #CCFF99;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    border-color: #c0c0c0;
    text-decoration: none;
    color: #000000;
    white-space: nowrap;
    text-align: center;
    font-family: arial;
    font-size: 12   px;
    font-weight: bold;
}

.cart_contents_footer {
    text-decoration: none;
    color: #000000;
    text-align: left;
    font-family: verdana;
    font-size: 12   px;
    font-weight: bold;
}
.cart_contents {
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    border-color: #c0c0c0;
}
.cart_contents_header {
    background-repeat: repeat-y;
    background-color: #f0f0f0;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    border-color: #c0c0c0;
    text-decoration: none;
    color: #000000;
    text-align: left;
    font-family: arial;
    font-size: 12   px;
    font-weight: bold;
}


.product_details_header {
    background-repeat: repeat-y;
    background-color: #f0f0f0;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    border-color: #c0c0c0;
    text-decoration: none;
    color: #000000;
    text-align: left;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
}

.product_details_body {
    background-repeat: repeat-y;
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    border-color: #c0c0c0;
    color: #000000;
    text-align: left;
    font-family: verdana;
    font-size: 10px;
}

.search_result_item {
    background-repeat: repeat-y;
    background-color: #ffffff;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    border-color: #c0c0c0;
    color: #000000;
    text-align: left;
    font-family: verdana;
    font-size: 10px;
}

.search_result_item_header a, .search_result_item_header a:hover {
    cursor: hand;
    text-decoration: none;
    color: #000000;
    text-align: left;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;

}
 
.search_result_item_header{
    cursor: hand;
    background-repeat: repeat-y;
    background-color: #f0f0f0;
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
    border-color: #c0c0c0;
    text-decoration: none;
    color: #000000;
    text-align: left;
    font-family: verdana;
    font-size: 11px;
    font-weight: bold;
}
.search_results_head {
    color: #000000;
    /*font-family: verdana,arial, helvetica, sans-serif;*/
    font-size: 11px;
    font-weight:bold;
    line-height: 18px;
}

.search_results {
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

.boxTitle a:hover {
    color: #ffffff;
    text-decoration: underline;
}
.boxTitle a {
    color: #ffffff;
    /*color: #333333;*/
    text-decoration: none;
}

.boxTitle {
    border-width: 1px;
    border-style: solid;
    border-color: #9933CC /*#660033*/ ;
    background-color: #9933CC /*#660033*/ ; /*#f0f0f0;   */
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#9933CC,endColorStr=#ff0000 );

    color: #FFFFFF; /*#333333;*/
    text-decoration: none;
    font-family: verdana;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    line-height: 18px;
    height: 20px;
    width: 100%;
}

.boxBody {
    background-repeat: repeat-y;
    background-color: #F1F1F1;
    border-width: 1px;
    border-style: solid;
    border-color: #c0c0c0;
    color: #000000;
    text-align: left;
    font-family: verdana;
    font-size: 10px;
}

.boxBody a {text-decoration: none;}



.header {
    background-image: url('/client/images/header.gif');
    background-repeat: no-repeat;
    background-color: white;
    height: 74px;
}

.header_public {
    background-image: url('/client/images/header.gif');
    background-repeat: no-repeat;
    background-color: #000000;
    height: 80px;
}
.menubar a, .menubar a:hover {
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: underline;
    vertical-align: text-top;
}
.menubar {
    background-color: #9933CC;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: text-top;
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#9933CC,endColorStr=#ff0000 );
}

.footer {
    background-color: #9933CC /*#660033*/ ;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #ffffff;
    font-weight: bold;
    white-space: nowrap;
    text-decoration: none;
    vertical-align: text-top;
}

.footer_copy {
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 10px;
    line-height: 11px;
    color: #a0a0a0;
}


.box_copy {
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

.navbar {
    color: #a0a0a0;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 10px;
    line-height: 14px;
    text-decoration: none;
}

.navbar a, .navbar a:hover {
    text-decoration: underline;
}

.navbar_current, .navbar_current a {
    color: #ff0000;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 10px;
    line-height: 14px;
    text-decoration: none;
}
.navbar_current a:hover {
    color: #00ff00;
    text-decoration: underline;
}

.category_list_selected, .category_list_selected a, .category_list_selected a:hover {
    background-color: #ffffff;
    text-align: top left;
    color: #0000ff;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 17px;
    vertical-align: bottom;
    text-decoration: none;
}

.category_list, .category_list a, .category_list a:hover {
    background-color: #ffffff;
    text-align: top left;
    color: #0000ff;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 17px;
    vertical-align: bottom;
    text-decoration: none;
}

.category_select, .category_select a, .category_select a:hover {
    text-align: center;
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    vertical-align: middle;
    text-decoration: none;
}



/* end new classes */


body { font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; }

A { color:#0000ff; text-decoration:underline; }
.whitelink { color:#FFFFFF; text-decoration:underline; }
.blacklink { color:#000000; text-decoration:underline; }
.blacklinkline { color:#000000; text-decoration:underline; }
.blacklinkwithrollover { color:#000000; text-decoration:underline; }
.bluelink { color:#0000FF; text-decoration:underline; }
A:hover { color:#0000ff; text-decoration:underline; }
A:hover.blacklink { color:#000000; text-decoration:underline; }
a:hover.blacklinkline { color:#000000; text-decoration:underline; }
A:hover.whitelink { color:#000000; text-decoration:underline; }
A:hover.blacklinkwithrollover { color:#0000FF; text-decoration:underline; }
A:hover.bluelink { color:#0000FF; text-decoration:underline; }
.boxborder { border:1px solid #000000;  }


.bgdots {
        background-image:url('images/jetstream/bgdots.gif');
        background-repeat: repeat-y
}

.flatbtn {
    border: solid 1px #000000;
    background-color: #E0E0E0;
}



.flattxt {
    border-style: solid;
    border-width: 1px
}

.details_left_header {
    background-color: #eeeeee;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: text-top;

}

.details_left_header_dark {
    background-color: #D4D0C8;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #000000;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: text-top;

}


.details_contentwrap {
    background-color: #ffffff;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #000000;
    vertical-align: text-top;
}

.details_content {
    background-color: #ffffff;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    color: #000000;
    white-space: nowrap;
    vertical-align: text-top;
}


.lockedinput {
        text-align: right;
        border-style: solid;
        border-width: 0;
        font-family: verdana,arial, helvetica, sans-serif;
        font-size: 11px;
        background-color: #EBEFF0;
}

.leftinput {
        text-align: left;
        border-style: solid;
        border-width: 1;
        font-family: verdana,arial, helvetica, sans-serif;
        font-size: 11px;

}
.rightinput {
        text-align: right;
        border-style: solid;
        border-width: 1px;
        font-family: verdana,arial, helvetica, sans-serif;
        font-size: 11px;

}
/* product listing */
.listwhite a, .listithardware a, .listtelecom a, .listearlylearning a, .listprodev a, .listitsupplies a, .listitsoftware a, .listaudiovideo a, .listcomm a {
    color: #0000ff;
    font-family: verdana;
    font-size: 11px;
    text-decoration: underline;
}

.listwhite a:hover, .listithardware a:hover, .listtelecom a:hover, .listearlylearning a:hover, .listprodev a:hover, .listitsupplies a:hover, .listitsoftware a:hover, .listaudiovideo a:hover, .listcomm a:hover {
    color: #0000ff;
    font-family: verdana;
    font-size: 11px;
    text-decoration: underline;
}

.listwhite {
    background-color: #FFFFFF;
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}


.listithardware {
    background-color: #C5C5E2;
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

.listtelecom {
    background-color: #B0DFB0;
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

.listearlylearning {
    background-color: #F9F9B7;
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

.listprodev {
    background-color: #D3C2D3;
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}


.listitsupplies {
    background-color: #CEC4D9;
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}
.listitsoftware {
    background-color: #E4DDA7;
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

.listaudiovideo {
    background-color: #F5F9B5;
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

.listcomm {
    background-color: #E9DCC5;
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}
/* copy */
.copy, .productlist, .copybig, .copysmall, .disclaimer, .fieldcopy, .tablecopy, .attrdisp, .relatedlinks, .streamlinks, .searchlinks, li {
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

.boldcopy {
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;

}

.specialprice {
    /* color: #22dd22; */
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}


.flatbtn {
    border: solid 1px #000000;
    background-color: #E0E0E0;
}

.address_data {
    text-align: left;
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
}

.address_error {
    text-align: center;
    color: #ff0000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
}
.address_header {
    text-align: right;
    color: #000000;
    font-family: verdana,arial, helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
}

.homeMenuTitleWide {
    background-position: right top;
    background-repeat: repeat-y;
    color: #ffffff;
    background-image:url('/client/images/tcbox/hp_menu_title_green.gif');
    background-color: #66cc00;
    font-family: verdana;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    line-height: 18px;
    height: 20px;
    width: 100%;
}

.homeMenu {
    border: none;
    width: 100%;
    padding: 0px 0px 0px 0px;
    color: #0000ff;
    font-family: verdana;
    font-size: 11px;
}


.bluetext {
    color: #0000ff;
    font-family: verdana;
    font-size: 10px;
    font-weight: normal;
}

.logintable {
        border-collapse: collapse;
        border-top-style: solid;
        border-bottom-style: solid;
        border-right-style: solid;
        border-left-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-color: #C0C0C0;
        color: #000000;
        font-family: verdana;
        font-size: 12px;
        font-weight: bold;
}


.bottomtable {
        border-collapse: collapse;
        border-top-style: solid;
        border-bottom-style: solid;
        border-top-width: 1px;
        border-bottom-width: 1px;
        border-color: #C0C0C0;
        color: #000000;
        font-family: verdana;
        font-size: 12px;
        font-weight: bold;
}

.bluetext a, .bluetext a:hover {
    color: #0000ff;
    font-family: verdana;
    font-size: 10px;
    text-decoration: underline;
}


/* Calendar */
table.calendar {
        border: 1px solid #5a5a5a;
        text-align: right;
}

table.calendar th {
        background-color: #cbcfe0;
        color: Black;
        font-weight: bold;
        text-align: center;
        font: 65% Verdana, Helvetica, Arial, sans-serif;
}

table.calendar td {
        background-color: transparent;
        width: 1.5em;
        padding: 3px;
        background: #ffffff;
        font: 65% Verdana, Helvetica, Arial, sans-serif;
}

table.calendar td.weekdays {
        background-color: #cbcfe0;
        border: 1px solid #5a5a5a;
        border-style: solid none;
        text-align: center;
        font: 65% Verdana, Helvetica, Arial, sans-serif;
}

table.calendar td.noevent {
        background: #ffffff;
        font: 65% Verdana, Helvetica, Arial, sans-serif;
}
table.calendar td.todaynoevent {
        background: #ffffff;
        border-collapse: collapse;
        border: 2px solid #FFA500;
        font: 65% Verdana, Helvetica, Arial, sans-serif;
}

/* =========== bottom nav ============ */

.disclaimer, .disclaimer a, .bottomNav, .bottomNav a {
    font-size: 10px;
    line-height: 14px;
    text-decoration: none;
}
.disclaimer a:hover, .bottomNav a:hover {
        text-decoration: underline;
}

.footer .disclaimer a {
        text-decoration:underline;
}

.rpsummaryhead {
    color: #000000;
    font-family: verdana,arial,helvetica,sans-serif;
    text-align: right;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
}
.rpsummaryleft {
    color: #000000;
    font-family: verdana,arial,helvetica,sans-serif;
    text-align: left;
    font-size: 10px;
    font-weight: bold;
    line-height: 14px;
}
.rpsummary {
    color: #000000;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 10px;
    text-align: right;
    line-height: 14px;
}

/* LINKS */

h1 { font-size: 18px; line-height: 24px; letter-spacing:-1px; color:#335768; display:inline; }
h2 { font-size: 16px; line-height: 20px; margin-bottom: -12px; display:inline;}
h3 { font-size: 12px; line-height: 18px; }
h4 { font-size: 11px; line-height: 18px; }

/* breadcrumbs */
.currentbreadcrumb, .currentbreadcrumb a, .currentbreadcrumb a:visited, .currentbreadcrumb a:hover {
    color: #66CC00;
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 10px;
    line-height: 14px;
}

/* JOP */
h1.jsorder  { background-color: #66CC00; }
.jshirow, .jshirowbrd, .jsrowimg, .jshirowimg, .jshirowbrdimg, .jsprogress .hi { background-color: #E1F5CD; }

h2.jsorder  { background-color: #66CC00; }
.jshirow, .jshirowbrd, .jsrowimg, .jshirowimg, .jshirowbrdimg, .jsprogress .hi { background-color: #E1F5CD; }

h2, h2 a, h2 a:visited {
    color: #66CC00;
}
.breadcrumbs, .breadcrumbs a, .breadcrumbs a:visited, .breadcrumbs a:hover {
    font-family: verdana,arial,helvetica,sans-serif;
    color: #666666;
    font-size: 10px;
    line-height: 14px;
}
.breadcrumbs a, .breadcrumbs a:visited {
    text-decoration: none;
}
.breadcrumbs a:hover  {
        text-decoration:underline;
}
/* fixes for bad h2 vs p ordering */
.attrdisp { margin-top:0px; }
.attrdisp h2 { display: block; margin-top:0px; margin-bottom:0px; }
.attrdisp .sh2 { display: block; margin-top:0px; margin-bottom:-12px; }
.attrdisp p.copy { padding-top:0px; padding-bottom:0px; }
.attrdisp h3 { display:block; margin-top:10px; margin-bottom:2px; }
.attrdisp .sh3 { display:block; margin-top:0px; margin-bottom:-10px; }
.attrdisp ul { display:block; margin-top:2px; margin-bottom:2px; }

.divider {
        width:100%;
        height:25px;
        line-height:25px;
        text-align:right;
        background-image:url('/asset_control/images/tcbox/dotted_divider.gif');
}
.divider a img {
        background-color:white;
        position: relative;
        top:8px;
        border:0px;
}


#sn { width:150px; background-color:#E1E7E9; }
.snv {
        border-top:1px solid #ffffff;
        border-bottom:1px solid #999999;
}
.snv a {
        font-size:10px;
        line-height:14px;
        text-decoration:none;
        width:160px;
        display:block;
        box-sizing:border-box;
}
.snA .snv a { padding: 3px 8px 3px 15px; }
.snB .snv a { padding: 3px 8px 3px 25px; }
.snC .snv a { padding: 3px 8px 3px 35px; }
.snD .snv a { padding: 3px 8px 3px 45px; }
/* IE box model workaround */
html>body .snA .snv a { box-sizing:content-box; width:137px; }
html>body .snB .snv a { box-sizing:content-box; width:127px; }
html>body .snC .snv a { box-sizing:content-box; width:117px; }
html>body .snD .snv a { box-sizing:content-box; width:107px; }
.currentsn a, .snOpen a, .snOpen a:hover, .snOpen a:visited { font-weight:bold; }
.snv a, .snv a:hover, .snv a:visited { color: black; text-decoration:none; }
.snv a:hover { text-decoration:underline; }
.snOpen .snv { background-color: #e1f5cd; }
.currentsn .snv { background-color: #a4e167; }
.currentsn a, .currentsn a:hover, .currentsn a:visited { color:#000000; }