/**************************** OLD COL STYLES *****************************/
tt { font-family: "Tahoma", Geneva, sans-serif; }
#copage { display: block; padding: 0px; clear: none; margin: 0px; }
.nowrap { white-space: nowrap; }

.div-loading { background: url('../../images/loading.gif') no-repeat center center; height: 50px; }
.div-loading.working { border: 1px solid #ccc; font-size: 70%; height: 100px; padding: 10px; text-align: center; width: 100px; }

.colindent { margin: 10px 0px 0px 40px; }

/************ MID ************/
/* PAGE BODY */
#page-body { display: block; clear: none; background: #ffffff; zoom: 1; }
#page-body:before, #page-body:after { content: ""; display: table; }
#page-body:after { clear: both; }
#page-body-content { zoom: 1; }
#page-body-content:before, #page-body-content:after { content: ""; display: table; }
#page-body-content:after { clear: both; }
/** CONTENT **/
#framemeat { border: 0px none #FFF; vertical-align: top; min-width: 1010px; background: #FFF; padding: 0px; margin: 0px; }
#framemeat-content { margin: 0px 10px; padding: 0px 0px 20px 0px; width: auto; _width: 100%; }
#framemeat-content h1 { margin: 20px 0px 10px 0px; }

.bxdecor { border: 1px none #FFF; padding: 0px; margin: 0px; }
.bxdecor .headcat { padding: 2px 0px 2px 3px; border: 1px solid #AAA; margin: 0px 0px 1px; font-weight: bold; background: #FCC; }
.bxdecor .body UL.category { list-style: none outside none; text-indent: 0px; margin: 0px; padding: 0px; }
.bxdecor .body UL.category LI.catarw { border-bottom: 1px solid #CCC; background: url('../img/clear.gif') no-repeat scroll center center transparent; }
.bxdecor .body UL.category LI.catarw A { text-decoration: none; display: block; }
.bxdecor .body UL.category LI.catarwselected { background: url('../../images/b_bluearrow_down.gif') no-repeat scroll center center #FCC; }
.bxdecor .body UL.category LI.catarwselected A { font-weight: bold; text-decoration: none; display: block; }
.bxdecor .body UL.category LI.subcat { text-decoration: none; padding: 0px; display: block; border-bottom: 1px solid #CCC; }
.bxdecor .body UL.category LI.subcat UL { background-color: #FCC; list-style: none outside none; display: inline; }
.bxdecor .body UL.category LI.subcat UL LI { background-color: #FCC; display: block; }
.bxdecor .body UL.category LI.subcat UL LI A { padding: 1px 3px; text-decoration: none; display: block; }
.bxdecor .body UL.category LI.subcathidden UL { background-color: #FCC; display: none; list-style: none outside none; }

/* TEXT STATUS */
.status-on { color: #64ab21; font-weight: normal; }
.status-off { color: #cc3333; font-weight: normal; }
.status-oof { font-weight: normal; }


/************ FOOTER ************/
#footer { /*border-top: 1px solid #CCC;*/ background: #DDDFE5; overflow: hidden; clear: both; margin: 0px; zoom: 1; }
#footer:before, #footer:after { content: ""; display: table; }
#footer:after { clear: both; }
#footer-content { padding: 0px; }
#footer-content td { padding: 10px; }
#footer-content td.framedecor a.help-center { color: #1f3e94; }
#footer A { text-decoration: none; color: #666; }
#footer A:HOVER { text-decoration: underline; color: #666; } #footer P { margin: 10px 20px; }
.bxlegend { border-collapse: collapse; border-bottom: none; border-left: none; border-right: none; border-top: 1px solid #CCC; background: #DDDFE5; padding: 20px; margin: 0px; color: #666; width: 98%; }
.bxlegend TD { border-bottom: 1px solid #CCC; padding: 4px 0px 6px; line-height: 15px; color: #666; }
.bxlegend TD A { text-decoration: none; }
.bxlegend TD A:HOVER { text-decoration: underline; }
.bxlegend TD.icon { text-align: center; width: 25px; }
.bxlegend TD.icon IMG { margin-right: 5px; }

HR.dot { border-bottom: 0px none #FFF; border-top: 1px dashed #CCC; border-right: 0px none #FFF; border-left: 0px none #FFF; background: #FFF; margin: 5px 0px; padding: 0px; height: 1px; }
HR.dot0 { border-bottom: 0px none #FFF; border-top: 1px dashed #CCC; border-right: 0px none #FFF; border-left: 0px none #FFF; background: #FFF; padding: 0px; margin: 0px; height: 1px; }

TABLE.attFilter TD { background: #EEE; }
table.attFilter { background: #999; border: 1px solid #999; width: 230px; margin: 8px; }
table.attFilter td { background: #EEE; font-size: 10px; padding: 5px 10px;}
table.attFilter tr:last-child td { padding-bottom: 10px; }
table.attFilter th { background: #18223C; font-weight: bold; color: #FFF;  padding: 5px 10px; text-align: left; }
table.attFilter td.header { background: #F4F4F4; font-weight: bold; color: #000; }
table.attFilter td.catmfrheader { background: #DDDFE5; border-bottom: 1px solid #999; border-top: 1px solid #999; font-weight: bold; color: #000; padding: 2px 10px; }
table.attFilter td.catmfr { background: #FFF; font-weight: bold; color: #000; }
table.attFilter input[name="search|keyword_filter"] { box-sizing: border-box; width: 70%; }
table.attFilter .attfilter-btn { float: right; }
table.attFilter input[name="search|pricemin"] { box-sizing: border-box; float: left; width: 30%; }
table.attFilter .search_to { display: block; box-sizing: border-box; float: left; margin: 0; padding: 5px 0 0 0; text-align: center; width: 9%; }
table.attFilter input[name="search|pricemax"] { box-sizing: border-box; float: left; width: 30%; }
table.attFilter .att-container ul.att-list { padding: 0; }
table.attFilter .att-container ul.att-list li { padding: 3px 10px; }
table.attFilter .attDropdown { background-position: right 2px center; box-sizing: border-box; padding: 2px 2px 2px 5px; }
table.attFilter .attDropdownCollapsed, table.attFilter .attDropdownDisplayed { box-sizing: border-box; }
table.attFilter .attDropdownDisplayed { border-top: 0; }
table.attFilter .attHighlight a, table.attFilter .attHighlightLast a { box-sizing: border-box; padding: 5px; }
table.attFilter .attDropdownInline { border-bottom: 1px solid #80715c; border-left: 1px solid #80715c; border-right: 1px solid #80715c; border-top: 0; box-sizing: border-box; display: block; }
table.attFilter .attDropdownInline .attHighlightShowAll a { box-sizing: border-box; padding: 1px 5px 2px 5px; }
.attFilter TBODY { float: none; }
input.attbox, select.attbox { width: 170px; }
table.attgroup { margin: 7px 0px 2px 0px; border-top: 1px solid #fff; }
table.attgroup tr td.attHead { padding: 0px; }
table.attgroup td, table.attgroup tr:last-child td { padding: 0; }
table.attgroup .RegExpCursor { margin-top: 5px; }
table.attgroup table.RegExpInner tr td a { border-bottom: 0; }
table.attgroup table.RegExpInner tr:last-child td a { border-bottom: 1px solid #bbb; }
/* virtual select boxes */
.attDropdown { width: 210px; background: url('../../images/i_attarrow.gif') right no-repeat #FFF; color: #333; font: 10px verdana; border: 1px #80715C solid; padding: 2px; cursor: pointer; }
.attDropdownDisplayed { width: 210px; background: #FFF; color: #333; font: 10px verdana; border: 1px #80715C solid; padding: 2px;  z-index: 1200 ; position: absolute; }
.attDropdownCollapsed { width: 210px; background: #FFF; display: none;  }
.attDropdownInline { width: 210px; background: #FFF; display: inline;  }
.attHighlight { border-bottom: 1px solid #e9e9e9; }
.attHighlightLast { }
.attHighlight a, .attHighlightLast a { background: #FFF; color: #1F3E94; display: block; font-size: 90%; text-decoration: none; width: 100%; padding: 1px 0px; }
.attHighlightShowAll a { background: #FFF; color: #333; display: block; font-size: 90%; text-decoration: none; width: 100%; padding: 1px 0px; text-align: right; }
.attHighlight a:hover, .attHighlightLast a:hover, .attHighlightShowAll a:hover { background: #F4F4F4; color: #333; text-decoration: none; }
#sort-icons:before, #sort-icons:after { content: ""; display: table; }
#sort-icons:after { clear: both; }
#sort-icons { margin: 3px 0px 0px 0px; zoom: 1; }
#sort-icons a { float: left; _width: 22px; }
#sort-icons img { margin: 0px 2px 0px 0px !important; }

/* SEARCH FILTER ATTRIBUTE LIST TREE */
ul.att-list, ul.att-list ul, ul.att-list li { list-style: none; }
ul.att-list { margin: 0; padding: 5px; }
ul.att-list ul { display: none; margin: 0 0 0 20px; padding: 0 0 0 10px; }
ul.att-list li { border-bottom: 1px solid #E9E9E9; padding: 3px 0 3px 0; }
ul.att-list li:hover { background: #F4F4F4; }
ul.att-list li.last { border: none !important; }
a.att-icon { display: block; float: left; height: 10px; margin: 3px 3px 0 0; padding: 0; vertical-align: middle; width: 10px; }
a.att-expand { background: url('../../images/icon_expand.gif') no-repeat 0 0; }
a.att-collapse { background: url('../../images/icon_collapse.gif') no-repeat 0 0; }
.att-hover { background: #F4F4F4; }
.att-hide { display: none; }

.bxemailfinder { border: 2px solid #CCC; padding: 5px 10px; margin: 20px 1px; }
.bxmsg { border: 2px solid #CCC; padding: 5px 10px; background: #FFE; margin: 20px 1px; }
.bxalert { border: 2px solid #900; padding: 5px 10px; background: #FFE; margin: 10px 1px; }

/* my channel dashboard */
.bxdash { background: #FFF; border: 0; margin: 0 0 10px 0; }
.bxdash .head { border: 0; margin: 0; padding: 4px 8px; background: #3e4248; }
.bxdash .body2 { background: #F9F9F9; border: #AAA 1px solid; margin: 0px; padding: 0px; }
.bxdash .body { background: #f3f4f5; border-bottom: 1px solid #cacece; border-left: 1px solid #cacece; border-right: 1px solid #cacece; border-top: 0; margin: 0px; padding: 3px 10px 10px 10px;}
.bxdash h1 { font-size: 100%; color: #900; margin: 10px 0 0 0; }
.bxdash h3 { color: #f5f5f5; font-size: 12px; margin: 0; padding: 0; }

INPUT#TopSearchajax { width: 340px; }
.menu_icon { vertical-align: top; float: left; clear: left; }
.category_title, .category_title:hover { font-weight: bold; }
INPUT.button { cursor: pointer; }
IMG.button { vertical-align: middle; margin-bottom: 3px; cursor: pointer; }
.menu_icon{ align:top; float:left; }

/*Storesite Admin Page*/
.ss_hnav { width:100%; height:40px; margin-top:20px }
.ss_hnav a, .ss_hnav a:hover { font-weight: bold; border-right:1px solid #CCCCCC; padding:5px 15px 5px 15px; }
.ss_hnav .nav,.ss_hnav .nav:hover { padding:5px 15px 5px 0; }

.settings_border { border-top:dotted 1px #cccccc; padding-top:15px; }
.settings_tdheight { height:55px; vertical-align:top; }
.color_black { color:#000000 }
.catalogtext { font-size: 95%; color:#cccccc }

/* LOGIN PAGE */
TABLE.login-table TD { padding: 0px 0px 5px 0px; }

/* ACCORDION CONTENT */
.accordion-content { padding-left: 15px; }
.accordion-content ul { margin: 5px 0px 0px 25px; padding: 0px; }
.accordion-content li { margin: 0px; padding: 0px; }

.BodyDataBold, .bodydatabold { font-weight: bold; }

.component-tn-business_logos { display: block; height: 75px; overflow: hidden; width: 100px; }
.component-tn-business_logos img { width: 100px; }

.component-tn-carousel { display: block; height: 100px; overflow: hidden; width: 500px; }
.component-tn-carousel img { width: 500px; }

.tn-gallery { display: block; float: left; height: 75px; overflow: hidden; width: 200px; padding: 5px; }

.accsection { float:left; width: 49%; }
.accsectionfull { float:left; padding: 0 15px; width: 100%; }
.accsubsectionrow { margin: 2px 2px 10px 0px; }
.accsubsection { margin: 2px 2px 30px 0px; }
.link-disabled { opacity: .50; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: .50; -moz-opacity: .50; text-decoration: none; cursor: default; }
.link-disabled:hover { color: #1F3E94; text-decoration: none; }

/* Comparison Table */
#comparison-table { background: #fff; border-collapse: collapse !important; border-spacing: 1px; }
#comparison-table td { background: #fff; border: 1px solid #666666 !important; padding: 5px; }
#comparison-table td img { border: none !important; }
#comparison-table td.compareheader { background: #eee !important; }

/* JAVASCRIPT MENU ON STYLES - hide sub nav initially */
ul.navdecor li ul { display: none; }

table#todo_list td { font-size: 11px; font-weight: bold; padding: 5px 3px; }
table#todo_list td:first-child { padding-left: 10px; }


/* EXPLORE PRODUCT */
div#TB_overlay { z-index: 50000 !important; }
div#TB_window { z-index: 51000 !important; }

/*ads zones and sites */
.hiddenzone { display: none; }

#external_notes_view { width:320px; height:40px; border: 1px solid; margin: 1px; overflow:scroll; } 

.widlabel { width: 70px; float: left; margin: 3px; }

table.costandard tr.mline td { background: #b1bdc7; }
table.costandard td.printsourcingpo { border-bottom: 0px; }

/* popup */
body.popup form#copage { background-color: #fff; }
body.popup table.popupbody { border: none !important; width: 100%; }

#cust_price { color: #0e6e0e; }

.editimage { cursor: pointer; vertical-align: middle; }

/* to fix bug in datepicker from displaying at bottom of page initially */
#ui-datepicker-div { display: none; }

/* Update Price dialog */
table.costandard input.price { margin-right: 5px; }
#dialog-form .formrow { margin-bottom: 5px; }
#dialog-form div.formrow a { color: #1F3E94; }
#dialog-form.update-price .button { height: auto; vertical-align: middle; width: auto; }

.accordion-content iframe { border: none; }

.side-ad-banner { text-align: center; }

#alertmessage { background: #FCF8E3; border: 1px solid #f7ddab; color: #1F3E94; padding: 8px 14px; }
#alertmessage h2 { background: url('../../images/alert.gif') no-repeat left center; color: #1F3E94; padding-left: 18px; }

.beta-flag { color: #fff; font-size: 8px; letter-spacing: 1px; margin: 0 5px 0 5px; padding: 1px 5px 1px 5px; text-transform: uppercase; white-space: nowrap; background: #f19e6c; background: -moz-linear-gradient(top,  #f19e6c 0%, #ed7127 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f19e6c), color-stop(100%,#ed7127)); background: -webkit-linear-gradient(top,  #f19e6c 0%,#ed7127 100%); background: -o-linear-gradient(top,  #f19e6c 0%,#ed7127 100%); background: -ms-linear-gradient(top,  #f19e6c 0%,#ed7127 100%); background: linear-gradient(to bottom,  #f19e6c 0%,#ed7127 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f19e6c', endColorstr='#ed7127',GradientType=0 ); -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.3); -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.3); box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.3); }
.item-flag { color: #fff; font-size: 8px; letter-spacing: 1px; margin: 0 5px 0 5px; padding: 1px 5px 1px 5px; text-transform: uppercase; white-space: nowrap; background: #33548b; background: -moz-linear-gradient(top,  #33548b 0%, #142a50 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33548b), color-stop(100%,#142a50)); background: -webkit-linear-gradient(top,  #33548b 0%,#142a50 100%); background: -o-linear-gradient(top,  #33548b 0%,#142a50 100%); background: -ms-linear-gradient(top,  #33548b 0%,#142a50 100%); background: linear-gradient(to bottom,  #33548b 0%,#142a50 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33548b', endColorstr='#142a50',GradientType=0 ); -webkit-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.3); -moz-box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.3); box-shadow: 1px 1px 2px rgba(50, 50, 50, 0.3); }

textarea.fullspan { height: 120px; width: 80%; }

.wordsplit { word-wrap: break-word; }

/* Esign preview */
.esign_preview h3 {margin-top:10px; }

.muted {color:#999999;}

.cke_button_label.cke_button__mergefields_label { display: inline; }


/* ACCORDION */
/*Accordion*/
#accordion {
	margin-bottom: 10px;
	background: #FFFFFF;
	overflow: hidden;
	display: block;
	clear: both;
}
#accordion H3.accordion {
	background: #fff;
	border-top: 1px solid #d5d5d5;
	margin: 0px 0px -4px;
	line-height: 28px;
	display: block;
	color: #666;
	height: 33px;
	cursor: pointer;
	clear: both;
	padding: 0;
}
#accordion H3.accordion b {
	background: url('../img/col/arrow_left.png') no-repeat right center;
	padding-right: 20px;
}
#accordion H3.accordion.openHeader {
	background: #fff;
	color: #666;
}
#accordion H3.accordion.openHeader b {
	background: url('../img/col/arrow_down.png') no-repeat right center;
}
#accordion>DIV, .openDiv {
	margin: 10px 0px 10px 0px;
	clear: both;	/* position: relative;
    overflow: hidden;
    overflow: auto;
    top: 1px; */
}
#accordion HR {
	margin: 10px 0px;
}

.accordion_rightside {
	padding: 0px 10px 0px 0px;
	float: right;
}
.btnEdit, .btnSave, .btnCancel, .btnReturn {
	text-align: top;
	display: none;
}
.btnEdit {
	margin-top: 7px;
}
.iconArrow {
	/*background: url('../../images/panelArrow_Closed.png') no-repeat center center;
	margin-right: 5px;
	padding: 0 10px;
	height: 28px;*/
}
.iconArrowOpen {
	/*background: url('../../images/panelArrow_Open.png') no-repeat center center;
	margin-right: 5px;
	padding: 0 10px;
	height: 28px;*/
}
.unpin {
    margin-left: 10px
}
.pin {
    margin-left: 10px;
    display: none
}
.accordion-content H3 {
	font-weight: bold;
	background: none;
	border: none;
	color: #666;
}
.accordion-content DIV {
	font-weight: normal;
	background: none;
	border: none;
	color: #666;
}
.accordion-content:before, .accordion-content:after { content: ""; display: table; }
.accordion-content:after { clear: both; }
.accordion-content { zoom: 1; }
.wid130label { border: none }
.wid130dat { border: none }
#lightbox {
    background: #000000;
    filter: alpha(opacity=90);
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    height: 4000px;
    width: 1600px;
    z-index: 100000;
    display: none;
    opacity: 0.9;
    left: 0px;
    top: 0px;
}
#lightbox-panel {
    padding: 10px 15px 10px 15px;
    border: 2px solid #CCCCCC;
    background: #FFFFFF;
    #position: absolute;
    position: fixed;
    display: none;
    width: 1310px;
    z-index: 100001;
    height: 600px;
    left: 100px;
    top: 50px;
}
#accordion_save {
	background-color: #fff;
	text-align: center;
	position: absolute;
	height: 100px;
	padding: 30px;
	z-index: 2000;
	width: 350px;
	left: 550px;
	top: 200px;
}
.view_btnEdit {
	background: #F4F4F4 url('../../images/b_edit.gif') no-repeat left center;
	padding: 0px 10px 0px 25px;
	border: solid 1px #CCC;
	position: relative;
	line-height: 28px;
	font-weight: bold;
	overflow: hidden;
	cursor: pointer;
	color: #1F3E94;
	display: none;
	margin: 10px;
	clear: left;
	float: left;
}
.view_btnSave {
	background: #F4F4F4 url('../../images/b_save.gif') no-repeat left center;
	padding: 0px 10px 0px 25px;
	border: solid 1px #CCC;
	position: relative;
	line-height: 28px;
	font-weight: bold;
	overflow: hidden;
	cursor: pointer;
	color: #1F3E94;
	display: none;
	margin: 10px;
	clear: none;
	clear: left;
	float: left;
}
.view_btnCancel {
	background: #F4F4F4 url('../../images/b_x.gif') no-repeat left center;
	padding: 0px 10px 0px 23px;
	margin: 10px 10px 10px 0px;
	border: solid 1px #CCC;
	position: relative;
	line-height: 28px;
	font-weight: bold;
	overflow: hidden;
	cursor: pointer;
	color: #1F3E94;
	display: none;
	clear: right;
	float: left;
}
.view_btnReturn {
	background: #F4F4F4 url('../../images/b_return.gif') no-repeat left center;
	padding: 0px 10px 0px 23px;
	margin: 10px 10px 10px 0px;
	border: solid 1px #CCC;
	position: relative;
	line-height: 28px;
	font-weight: bold;
	overflow: hidden;
	cursor: pointer;
	color: #1F3E94;
	display: none;
	clear: right;
	float: left;
}
.view_btnSaveShow {
        background: #F4F4F4 url('../../images/b_save.gif') no-repeat left center;
        padding: 0px 10px 0px 25px;
        border: solid 1px #CCC;
        position: relative;
        line-height: 28px;
        font-weight: bold;
        overflow: hidden;
        cursor: pointer;
        color: #1F3E94;
        margin: 10px;
        clear: none;
        clear: left;
        float: left;
}
.view_btnCancelShow {
        background: #F4F4F4 url('../../images/b_x.gif') no-repeat left center;
        padding: 0px 10px 0px 23px;
        margin: 10px 10px 10px 0px;
        border: solid 1px #CCC;
        position: relative;
        line-height: 28px;
        font-weight: bold;
        overflow: hidden;
        cursor: pointer;
        color: #1F3E94;
        clear: right;
        float: left;
}
.view_btnReturnShow {
        background: #F4F4F4 url('../../images/b_return.gif') no-repeat left center;
        padding: 0px 10px 0px 23px;
        margin: 10px 10px 10px 0px;
        border: solid 1px #CCC;
        position: relative;
        line-height: 28px;
        font-weight: bold;
        overflow: hidden;
        cursor: pointer;
        color: #1F3E94;
        clear: right;
        float: left;
}

.header-icon {cursor: pointer; display: block; float: left; margin: 6px 0px 0px 0px; padding: 0px; }
.btnSave { background: url('../../images/b_save.gif') no-repeat scroll 0% 0% transparent; height: 15px; width: 24px; cursor: pointer; float: left; margin: 6px 0px 0px 0px; padding: 0px; }
.btnCancel { background: url('../../images/del.gif') no-repeat scroll 0% 0% transparent; height: 15px; width: 24px; cursor: pointer; float: left; margin: 6px 0px 0px 0px; padding: 0px; }
.btnReturn { background: url('../../images/b_return.gif') no-repeat scroll 0% 0% transparent; height: 15px; width: 24px; cursor: pointer; float: left; margin: 6px 0px 0px 0px; padding: 0px; }
.btnEdit {background: url('../../images/edit.gif') no-repeat scroll 0% 0% transparent; height: 15px; width: 24px; cursor: pointer; float: left; margin: 6px 0px 0px 0px; padding: 0px; }

/* AUTOCOMPLETE */
.ac_results a {
     text-decoration: none !important;
}

.ac_results ul {
     list-style: none outside none;
     width: 100%;
     padding: 0;
     margin: 0;
}

.ac_results iframe {
     position: absolute;
     display: block;
     height: 3000px;
     width: 3000px;
     z-index: -1;
     left: 0;
     top: 0;
}

.ac_results li {
     border-top: #E1E1E1 1px dotted;
     overflow: hidden;
     cursor: pointer;
     font-size: 12px;
     display: block;
     padding: 5px;
     width: 100%;
     font: menu;
     margin: 0;
}

.ac_over {
     background-color: #EEEEEE;
     color: #000000 !important;
     text-decoration: none;
}

.ac_over a {
     text-decoration: underline !important;
     background-color: #EEEEEE;
     color: #000000 !important;
}


/* FROM admin_cop.css */
/* MKTG */
.mktg { margin: 5px 0px;}
.mktg h1, #mktg h2 { color: #900; margin: 0px; }
.mktg h1 { margin: 0px 0px 15px; }
.mktg h2 { }
.mktg h3 { }
.mktg table td { color: inherit; }
.bxscreen { width: 200px; background: #FFF; border: #CCC 1px solid; margin: 10px 0px 10px 20px; padding: 10px; }
.mktgtext { color: inherit; text-decoration: none; background: url(/images/bg_mktgtext.gif); margin: 10px 0px 20px; padding: 2px; }
.mktgtext em { color: #900; }
.bxmktg { width: 160px; border: #FFF 1px solid; margin: 15px 5px 0px; }
.bxmktg .head { background: url(/images/bg_mktg.gif); border: #AAA 1px solid; margin: 0px 0px 1px 0px; padding: 2px 0px 2px 3px; }
.bxmktg .body { background: #FFE; border: #AAA 1px solid; margin: 0px; padding: 5px; }
.bxmktg h1 { color: inherit; margin: 0 0 5px; }
.bxmktg a { color: #900; }
.bxmktg a:hover { color: #ED7127; }


/* GENERAL */ 
body.preview { color: inherit; margin: 0px; background-color: #FFF; }

/* DECOR FRAME */
.frame { padding: 10px;}
.framedecor { /*background: #E1E1E1;*/ }
#framemeat { background: #FFF; border-left: #999 1px solid; border-bottom: #999 1px solid; padding: 7px 10px 50px; vertical-align: top;}
.logobg { background: #FFF; padding: 0px 5px 0px 0px; }
.decorleft { border-top: #666 1px solid; background: #E1E1E1; }
/* top bar */
.topbar { background: #EEE; color: inherit; border-bottom-color: #DDD; border-bottom-width: 1px; border-bottom-style: solid; padding: 1px 5px; }
.topbar a { color: inherit; }
.topbar a:hover { color: #ED7127; } 


/* footer */
#footer { margin: 15px 5px; }
/* popup */
.popuphead { background: #FFF; border-bottom: #666 1px solid; margin: 0px; padding: 0px; } 
.popupbody { background: #FFF; border: #999 1px solid; padding: 10px 10px 30px; margin: 0px; }
.popupdivider { border-top: #FFF 1px solid; }


/* NAVIGATIONS */
/* tabs */
/*.tabbar { width: 100%; height: 19px; border-top: #666 1px solid; border-left: #999 1px solid; background-image: url(/images/bg_tab.gif); background-color: #999; }
a.tabs, a.tabs:hover, a.tabOn, a.tabOn:hover, a.tabsES, a.tabsES:hover, a.tabESOn, a.tabESOn:hover
{ float:left; display: block; border-width: 0px 1px 0px 0px; border-color: #666; border-style: solid; }
a.tabs { color: #FFF; text-decoration: none; padding: 2px 7px 1px 10px; background: #999; }
a.tabOn { color: inherit; text-decoration: none; padding: 2px 7px 2px 10px; background: #FFF; }
a.tabs:hover, a.tabOn:hover { color: #ED7127; text-decoration: underline; background: #FFF; }*/

/* mktg & grayedout tabs */
a.gtabs, a.gtabs:hover, a.mktgtabOn, a.mktgtabOn:hover { float:left; display: block; background: top left no-repeat; border-right: #666 1px solid; margin: 0px 2px 0px 0px; }
a.gtabs { color: #999; text-decoration: none; background: url(/images/mktgtab_off.gif); background-repeat: no-repeat; padding: 2px 7px 2px 10px; }
a
a.gtabs:hover, a.mktgtabOn:hover { color: #900; text-decoration: underline;  background: url(/images/mktgtab_on.gif); }
a.tabsES { color: #999; text-decoration: none; padding: 2px 7px 1px 10px; background: #EEE; }
a.tabsES:hover { color: #666; text-decoration: underline; background: #FDEE8B; }
a.tabESOn { color: #666; text-decoration: none; padding: 2px 7px 1px 10px; background: #FDEE8B; }
a.tabESOn:hover { text-decoration: underline;} 


/* left menu */
/*ul.navdecor, ul.navdecor ul { background-color: #EEE; text-align: left; margin: 0px -5px; padding: 1px 10px; list-style: none; }
ul.navdecor li { border-top: #FFF 1px solid; border-bottom: #CCC 1px solid; margin: 0px -10px; padding: 0px 10px; padding: 0 10px; }
ul.navdecor li a, ul.navdecor li.disabled { margin: 0px -10px; padding: 3px 10px; text-decoration: none; display: block !important; display: block; } 
ul.navdecor li a:hover { background-color: #FFE; text-decoration: none; }
ul.navdecor ul li {  border-top: #EEE 1px solid; border-bottom: #EEE 1px solid; }
ul.navdecor li.on a, ul.navdecor ul li.on a { color: #ED7127; }
ul.navdecor li.off a, ul.navdecor ul li.off a { font-weight: normal; color: #000 }
ul.navdecor ul li.off li.on a { color: #ED7127; }
ul.navdecor li.disabled { color: #999; }*/

.prodCat { margin: 15px 0px; border-top: #999 1px solid; border-bottom: #999 1px solid; background: #FFF; padding: 0px 0px 15px; }
.prodCat .head { background-color: #999; color: #FFF; padding: 3px 5px; padding/**/: 3px 5px;  border: 0px; }
.prodCat .subhead { border-bottom: #CCC 1px solid; background: url(/images/b_bluearrow_down.gif) no-repeat right #EEE; padding: 3px 5px; padding/**/: 3px 5px; }
 
ul.navCS { background-color: #FFF; text-align: left; margin: 0px -5px; padding: 1px 10px; list-style: none; }
ul.navCS li { border-bottom: #CCC 1px dotted; margin: 0px -10px; padding: 0px 10px; padding/**/: 0 10px; }
ul.navCS li a { margin: 0px -10px; padding: 3px 10px 3px 20px; text-decoration: none; display: block !important; display/**/: block; } 
ul.navCS li a:hover { background-color: #FFC; text-decoration: none; color: #ED7127; }
ul.navCS li.on a { color: #ED7127; background: #FFC; }
ul.navCS li.off a { font-weight: normal; color: #000 }

.bxdecor .headcat { background: #FFC; border: #AAA 1px solid; margin: 0px 0px 1px 0px; padding: 2px 0px 2px 3px; color: inherit; }
ul.navdecor, ul.navdecor ul { background-color: #EEE; text-align: left; margin: 0px -5px; padding: 1px 10px; list-style: none; }	

/* */
/* .bxdecor ul { list-style: none; list-style-position: outside; text-indent: 0px; margin: 0px; padding: 0px; }
.bxdecor li { margin: 0px; padding: 2px; } */
.bxdecor .body ul.category { list-style: none; text-indent: 0px; margin: 0px; padding: 0px; }
.bxdecor .body ul.category li.catarw { border-bottom: #CCC 1px solid; background: url(/images/b_bluearrow.gif) no-repeat center; }
.bxdecor .body ul.category li.catarw a { text-decoration: none; display/**/: block; }
.bxdecor .body ul.category li.catarwselected { background: url(/images/b_bluearrow_down.gif) no-repeat center #FFC; }
.bxdecor .body ul.category li.catarwselected a { text-decoration: none; display: block}

.bxdecor .body ul.category li.subcat { text-decoration: none; padding: 0px; display: block; border-bottom: #CCC 1px solid;}
.bxdecor .body ul.category li.subcat ul { background-color: #FFC; list-style: none; display: inline }
.bxdecor .body ul.category li.subcat ul li { background-color: #FFC; display: block }
.bxdecor .body ul.category li.subcat ul li a { padding: 1px 3px; text-decoration: none; display/**/: block }
.bxdecor .body ul.category li.subcathidden ul { background-color: #FFC; display: none; list-style: none; }

/* HEADINGS */
h1.po { color: #996; }
h1.print { color: #FFF; }

/* TEXT & LINK */
a.disabled, a:hover.disabled { color: #999; text-decoration: none; }
a.sm, a.sm:hover { }

/* tips : sm notes */
i { color: inherit; } 
i a { color: inherit; text-decoration: underline; }
i a:hover { color: #ED7127; text-decoration: underline; }
i.b, i.b a, i.b a:hover, i.emb, i.emb a, i.emb a:hover, i.ttb, i.ttb a, i.ttb a:hover { }
i.em, i.em a, i.em a:hover, i.emb, i.emb a, i.emb a:hover { color: #900; } /* small red text */
i.tt, i.tt a, i.tt a:hover, i.ttb, i.ttb a, i.ttb a:hover { color: #999; } /* small grayed out text */
/* colored text */
em, em a, em a:hover { color: #900; } /* red text */
em.b, em.b a, em.b a:hover { } /* bold red text */
tt, tt a, tt a:hover { color: #999; } /* grayed out text */
tt.b, tt.b a, tt.b a:hover { }
tt.green, tt.green a, tt.green a:hover { color: #060; } /* green text */
tt.red, tt.red a, tt.red a:hover { color: #F00; } /* bright red text */
tt.highlite { color: inherit; background: #FFC; } /* text with yellow highlight */
span.blueCS { color: #06C; }

/* LIST STYLE */
#ul { margin: 0px 0px 0px -15px; }
#li { margin: 0px;}
ol { list-style-type: decimal; }

ul.keyfeatures { margin: 8px 18px; }
ul.keyfeatures li { padding: 5px; }
ul.packagecontent { margin: 8px 18px; }
ul.packagecontent li { padding: 5px; font-weight: normal; }

/* HORIZONTAL LINES */
hr.dot { background-color: #FFFFFF; border: #CCC 1px dashed ; margin: 5px 0px; padding: 0px; } /* dotted line */
hr.dot0 { background-color: #FFFFFF; border: #CCC 1px dashed ; margin: 0px; padding: 0px; } /* dotted line with 1 pix height */
.sline { width: 100%; height: 1px; } /* single line */
.dline { width: 100%; height: 3px; } /* double line */
.divline { width: 100%; height: 2px; margin: 10px 0px; } /* divider */
/* the horizontal line in quotes... */
.hline { height: 2px; color: #999; background-color: #999; border: 0px; }

/* ALIGNMENT */
.left { text-align: left; }
.center { text-align: center; }
.right, .rightbold { text-align: right; }
.rightbold { }
.bold { }
.floatright { float: right; border: 0px; padding: 0px; margin: 0px; }
.floatleft { float: left; clear: both; }
.nonothing { }

/* SPACING */
p { margin: 0px 0px 15px; } /* paragraph */
pre { margin: 0px 0px 0px 24px; } /* indent */
.hspace { margin: 0px 5px; } /* horizontal space between elements */
.vspace { margin: 15px 0px; } /* vertical space between elements */
.vspaceb { margin: 4px 0px; } /* vertical space between action buttons */
.hindent { margin: 0px 0px 0px 15px; } /* horizontal space between elements */

/* FORMS */
/*select, input, textarea { color: inherit; vertical-align: middle; margin: 0px; }
input.radio, input.checkbox { vertical-align: middle; margin: 0px 3px 0px 0px; }
input.file, input.button, input.searchbutton, input.buttonfixed , input.button70 , input.button90 { color: inherit; background: #EEE; border: #999 1px outset; margin: 0px 3px 0px 0px;  }
input.button, input.searchbutton { margin: 3px 5px 0px 3px; text-align: center; }*/
input.buttonfixed { width: 30em; }
input.button70 { margin: 0px 5px 3px 0px; width: 70px}
input.button90 { margin: 0px 5px 3px 0px; width: 90px}
input.txtfixed, select.selectfixed { width: 200px; }
option.red { color: #900; }
option.blueCS { color: #06C; }
input.price { text-align: right; }
input.cost { text-align: right; color: #900; }
select.disabled, input.disabled, textarea.disabled { background: #EEE ; color: #999; }
input.radiosrch {vertical-align: middle; margin: -1px 0px; padding: 0px;}
input.number { text-align: right }
select.configoption { width: 400px; }

/* TABLES */
td.noitems { height: 50px; text-align: center; } /* margin for no items found message */
/* header background */
td.bundle { background: #FFE; } /* highlight bundle items */
td.doc { background: #FFE; } /* highlight doc # */
td.po { background: #F0F0DF; } /* highlight po # */
td.head { background: #F1F1F1; border-top: #DDD 1px solid; } /* gray background header within a table i.e. customer view, catalog rules, related products */
td.head h2 { margin: 10px; }
td.headpo { background: #F0F0DF; border-top: #DDD 1px solid; } /* beige background header within a table i.e. supplier view */
/* spec table */
table.spec { background: #AAA; border-collapse: separate !important; margin: 5px 0px; }
table.spec th { background: #F1F1F1; }
table.spec td { background: #FFF; padding: 5px; vertical-align: top; }
/* full catalog table */
td.catlt { border-left: #DDD 1px solid; border-top: #DDD 1px solid; border-bottom: #DDD 1px solid; }
td.cat { border-top: #DDD 1px solid; border-bottom: #DDD 1px solid; }
td.catrg { border-right: #DDD 1px solid; border-top: #DDD 1px solid; border-bottom: #DDD 1px solid; }
tr.print { background: #999; }
tr.print td { color: #FFF; }

.RegExp { right: 0px; top: 0px; text-align: center; border: 1px #BBB solid; color: #666; text-decoration: none; padding: 0px 2px; background: #FFC; }
.RegExpCursor { top: 0px; text-align: center; border: 1px #BBB solid; color: #666; text-decoration: none; padding: 0px 2px; position: relative; background: #FFC; cursor: pointer; }

.RegExpCollapsed { right: 0px; display: none; position: absolute; }
.RegExpDisplayed { right: -2px; z-index: 18000; position: absolute; }

table.RegExpInner { padding: 0px; }
table.RegExpInner tr td a { border: 1px #BBB solid; background: #FFC; padding: 3px 5px; text-decoration: none; display: block; }
table.RegExpInner tr td a:hover { border: 1px #BBB solid; color: #FFF; text-decoration: none; background: #ED7127; display: block; }


/* BOXES */
/* general boxes */
.bxbasic { background: #EEE; margin: 5px 0px; padding: 5px; } /* gray bg : no border */
.bxcoldisplay { padding-left: 5px; background-color: #FFFFEE; border: 1px; border-style: solid; border-color: #cccccc; }
.bxemailfinder { color: inherit; border: #CCC 2px solid; margin: 20px 1px; padding: 5px 10px; } /* gray border */
.bxmsg { color: inherit; background: #FFE; border: #CCC 2px solid; margin: 20px 1px; padding: 5px 10px; } /* yellow bg : gray border */
.bxalert { color: inherit; background: #FFE; border: #900 2px solid; margin: 10px 1px; padding: 5px 10px; } /* yellow bg : red border */
.bxalert h1 { color: #900; margin: 0px; }
.bxprofit { width: 350px; background: #EEE; border: #999 1px solid; margin: 5px 0px; padding: 5px; }
/* info box */
.alert-info.show-legend-reference { background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20enable-background%3D%22new%200%200%2064%2064%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.gray%7Bopacity%3A0.9%3Bfill%3A%23757575%3B%7D%20.st0%7Bopacity%3A0.9%3Bfill%3A%23FF3333%3B%7D%20.st1%7Bopacity%3A0.9%3Bfill%3A%234D9306%3B%7D%20.st2%7Bopacity%3A0.9%3Bfill%3A%23EB7126%3B%7D%20.st3%7Bopacity%3A0.5%3Bfill%3A%23FFFFFF%3B%7D%20.st4%7Bopacity%3A0.9%3Bfill%3A%233366CC%3B%7D%20.st5%7Bopacity%3A0.8%3Bfill%3A%23FFFFCC%3B%7D%20.st6%7Bfill%3Anone%3B%7D%3C%2Fstyle%3E%3Cpath%20id%3D%22legend_reference-reference_1_%22%20d%3D%22m41.7%209.7c1%205-3.5%209.4-8.8%208.4-3-0.5-5.3-2.8-5.9-5.6-1-5%203.5-9.4%208.8-8.4%203%200.6%205.3%202.8%205.9%205.6zm-14.9%2021c0.8%200%201.2%200.3%201.2%201%200%201.4-0.9%203.3-2.6%207.8l-3.4%209.1c-1.1%203-1.6%205.4-1.6%207.3%200%201.4%200.3%202.5%201%203.1s1.7%201%203%201c0.8%200%201.8-0.1%202.8-0.4%201.4-0.4%203.5-1%206.4-2.3l10.4-5.3v-4.8c-5%202.4-9.2%204.7-10.1%204.7-1%200-1.4%200.1-1.4-0.8%200-1.7%201.3-4.6%203.8-11l1.7-4.1c2.2-5.6%203.3-9.3%203.3-11.1%200-0.9-0.3-1.7-0.9-2.2s-1.4-0.8-2.3-0.8c-1.4%200-3.6%200.3-6.4%201.4-2.2%200.8-7.7%203.5-15.7%208v4.9c2-1.2%2010.2-5.5%2010.8-5.5z%22%20class%3D%22gray%22%2F%3E%3C%2Fsvg%3E'); background-position: 10px 16px; background-repeat: no-repeat; padding-left: 35px;}
.bxinfo h1 { color: inherit; margin: 0px 0px 5px; }
.bxinfolt { position: absolute; left: 10px;}
.bxinfort {  position: relative; margin-left: 30px}
/* product review box */
.bxreviewext { background: #F1F1F1; padding: 6px; }
.bxreviewext b { color: #900;}
.bxreviewint { background: #FFF; border-top: #DDD 2px solid; border-left: #DDD 2px solid; }
.bxreviewint h1 { font: bold 30px; color: #900; }
.bxreviewint em { color: #900; }
.bxreviewint b { color: inherit; }
/* search box */
.bxsrch { position: relative; background: #EEE; border: #DDD 1px solid; margin: 0px 0px 10px; padding: 0px 0px 0px 5px; }
.bxsrchlinks { position: absolute; margin: 0px; padding: 0px; left: auto; right: auto;}
/* price profile cost setup box */
.bxprofile { color: inherit; background: #FFF; border: #CCC 1px solid; padding: 0px; }
.bxprofile2 { color: inherit; background: #EEE;  border-top: #CCC 1px solid; margin: 0px; padding: 5px; }
/* configurator */
.bxmemconfig { margin: 15px 5px 0px; width: 160px; }
.bxmemconfig .head { background: url(/images/bg_config.gif); background-repeat: repeat-x; border: #EEE 1px solid; margin: 0px; padding: 2px 0px 2px 2px;  }
.bxmemconfig .body { color: #FFF; background: #AAA; border: #EEE 1px solid; margin: 0px; padding: 2px 3px 3px 3px; }

/* module */
.bxdecor { border: #FFF 1px solid; margin: 15px 5px 0px; }
.bxdecor .head { background: url(/images/bg_module.gif); border: #AAA 1px solid; margin: 0px 0px 1px 0px; padding: 2px 0px 2px 3px; }
.bxdecor .body { background: #FFE; border: #AAA 1px solid; margin: 0px; padding: 2px; }
.bxdecor ul { list-style: none; list-style-position: outside; text-indent: 0px; margin: 0px; padding: 0px; }
.bxdecor li { margin: 0px; padding: 2px; }
.bxbutton { color: inherit; background: #FFE; border: #CCC 2px solid; margin: 20px 1px; padding: 15px; text-align: center; }

/* legend */
.bxlegend { background: #FFE; border-top: #666 1px solid; border-bottom: #666 3px solid; height: 18px ; vertical-align: middle; }
.bxlegend td.legendhead { width: 18px; }
.bxlegend td.legendhead img { display: none; }
.bxlegend td a { text-decoration: none; }
.bxlegend td a:hover { text-decoration: underline; }
.bxlegend td.icon { text-align: right; }


/* CPAS */
.bxCPAS { border: 2px #CCC solid; padding: 5px 10px 10px; background: #F9F9F9; width: 98%; }
.bxCPAS h1 { color: #900; margin: 0px 0px 10px; }
.bxCPAS h2 { color: inherit; margin: 0px; }
.bxCPAS table { width: 100%; }
.bxCPAS table th { text-align: left; }
.bxCPAS tr.current td { color: #900; }
.bxCPAS textarea { width: 300px; height: 50px; }
/* product finder box */
.bxproductfinder { background: #EEE; border: 1px #DDD solid; margin: 3px; } /* gray bg : no border */
.bxproductfindermsg { background: #FFE; padding: 3px; } /* gray bg : no border */


/* old legend - will be deleted */
.legend { background: #FFE; border-top: #CCC 1px solid; vertical-align: middle; margin: 2px 0px 10px; }
.legend a { text-decoration: none; }
.legend a:hover { text-decoration: underline; }

/* ADVERTISEMENT */
div.textad { color: inherit; margin: 10px 5px; }
div.textad h1 { color: inherit; margin: 10px 0px 0px; }
div.textad a, div.textad a:hover { color: #900; }
div.skyad { margin: 5px 5px; text-align: center; }
img.skyad { width: 160px; height: 600px }
div.dashad { margin: 5px 5px; text-align: center; }
img.dashad { width: 300px; height: 250px }
div.bannerad { margin: 5px; }
div.learnmore { background: url(/images/bg_learnmore.gif); margin: 2px 0px; border-top: #CCC 1px solid; border-right: #CCC 1px solid; border-left: #AAA 1px solid; border-bottom: #AAA 1px solid; padding: 2px; text-align: center; }

/* IMPORT / EXPORT */
div.spacing2 { padding: 0px 2px 2px 2px }
.wid130label { position: absolute; margin: 2px 0px 2px 0px; }
.wid130dat { position: relative; margin: 2px 0px 2px 0px; left: 140px ; width: 50%}
.wid150label { position: absolute; margin: 2px 0px 2px 0px; }
.wid150dat { position: relative; margin: 2px 0px 2px 0px; left: 200px ; width: 50%}


/* IMAGES */ 
img { border-width: 0px; border-style: none; margin: 0px; padding: 0px; }
img.adtag  { width: 110px; height: 9px; }
img.alert  { width: 15px; height: 17px; vertical-align: middle; }
img.attach { vertical-align: middle; }
img.cal    { vertical-align: middle; }
img.button { width: 24px; height: 15px; vertical-align: middle; }
img.buttonright { width: 24px; height: 15px; float: right; } /* button float right */
img.calendar  { vertical-align: middle; margin: 0px 3px; }
img.chain { vertical-align: middle; margin: 0px 3px; }
img.check { width: 7px; height: 7px; vertical-align: middle; }
img.config  { width: 97px; height: 11px; vertical-align: middle; }
img.dropship { vertical-align: middle; margin: 0px 3px; }
img.file  { width: 15px; height: 10px; vertical-align: middle; }
img.item { vertical-align: middle; margin: 0px 3px; }
img.livecost { width: 9px; height: 10px; vertical-align: middle; margin: 0px 3px; }
img.legend { width: 16px; height: 43px; }
img.lock { vertical-align: middle; margin: 0px 3px; }
img.note { vertical-align: middle; margin: 0px 3px;}
img.notequal { width: 17px; height: 7px; }
img.plus  { vertical-align: middle; margin: 0px 3px; }
img.promo { vertical-align: middle; margin: 0px 3px; }
img.slant { width: 12px; height: 26px; }
img.serial { vertical-align: middle; margin: 0px 3px; }
img.srvopt { width:120px; height: 14px; }
img.step { width: 15px; height: 15px; vertical-align: top; margin: 0px 1px 0px 7px; }
img.supplylast { width: 127px; height: 13px; vertical-align: middle; margin: 2px 20px; }
img.updown  { width: 13px; height: 10px; }
img.wait  { width: 63px; height: 15px; }
img.colorschemeref { width: 281px; height: 169; margin: 31px 10px;}
/* product */
img.prod { width: 200px; height: 150px; border: #CCC 1px solid; margin: 0px 0px 10px; }
img.mini { width: 120px; border: #CCC 1px solid; margin: 10px; cursor: pointer; }
img.thumbnail { width: 100px; height: 75px; }
img.tn_big { width: 120px; height: 90px; border: #DDD 1px solid; }
img.tn_small { width: 75px; }
img.high_res_medium { width: 600px; border: #CCC 1px solid; margin: 10px; cursor: pointer; }
img.high_res_full { border: #CCC 1px solid; margin: 10px; cursor: pointer; }
/* reseller logo */
img.rlogo { width: 200px; height: 150px; margin: 6px 0px; }
img.rlogostore { width: 283px; height: 45px; }
/* supplier logo */
img.slogo19 { width: 91px; height: 22px; }
img.slogo16 { width: 43px; height: 22px; }
img.slogo4 { width: 102px; height: 22px; }
img.slogo1, img.slogo29 { width: 62px; height: 30px; }
img.slogo3 { width: 74px; height: 30px; }
img.slogo2 { width: 90px; height: 22px; }
img.slogo18 { width: 32px; height: 40px; }
img.slogo33 { width: 100px; height: 56px; }
img.slogo61 { width: 120px; height: 88px; }

/* Carrier Logo */
img.logoups { width: 49px; height: 56px; }
/* col logo */
img.logocol { width: 283px; height: 45px; margin: 0px 0px 10px 0px; }
/* Configurator Options */
.baseImg, .baseImg a { color: #999; text-decoration: none; }
.baseImg a b.select { color: #ED7127; }
.baseImg a b.clear { color: #666; }
.baseImg a:hover b.clear { color: #ED7127; }
img.thumbnail { width: 60px; height: 45px; vertical-align: middle; border: 1px #CCC solid; }
em.yes { color: #093; }
em.no { color: #F30; }
table.cds { width: 100%; background-color: #666666; border-collapse: separate !important; padding: 0px; border-spacing: 1px; }
table.cds tr th, table.cds tr td { text-align: left; 
                                   color: #444444;  
                                   ; 
				   padding: 4px; }
table.cds tr th { background-color: #E6E6E6; 
                  }
table.cds tr th.link { text-align: right; }
table.cds tr, table.cds tr.attrodd { background-color: #FFF; }
table.cds tr.attreven { background-color: #EEE; }
table.cds tr td.attr,  table.cds tr.attrodd td.attr, table.cds tr.attreven td.attr { width: 30%; }
table.cds tr td.value, table.cds tr.attrodd td.value, table.cds tr.attreven td.value { width: 70%; color: #000000 }

dt, dd {  }
dt { vertical-align: middle; color: #444444;}
dd { color: #333333;}

/* Tables */

/* Configurator Options */
.costandard td.configItem { background: #EEE; }
.configProducts { background: #DDD; margin: 0px 0px; }
.costandard .temp td { background: #FFF; border: 0px; }
.configProducts th { background: #FFE; font-weight: normal; }
.configProducts td.configProductsSearch {background: #EEE;}
.configProducts table.configProductsSearch td {background: #EEE;}
.comargin {margin: 5px 0px;}
table.costandard caption { text-align: left; font-color: #444; }
.costandard table.configProducts td { border: 0px; } 

/* cos table without width constraints */
table.costdnowidth {color: inherit; font-weight: normal; border: 0px; border-style: none; border-collapse: collapse;      margin: 3px 0px 0px 0px}
table.costdnowidth tbody tr td {border-bottom: #ddd 1px solid;}


table.searchresult {color: inherit;         font-weight: normal; width: 100%; border: 0px; border-style: none; border-collapse: collapse}
table.searchresult tr td {padding: 2px 3px; margin: 3px;}
table.searchresult thead {color: #444; text-align: left;}
table.searchresult thead tr th {font-weight: normal; margin: 0px; border: none; background-color: #ddd; padding: 2px 3px;}
table tr th.headprod {background-color: #F1F1F1; }
table tfoot.dline tr td {background: url(/images/line_double.gif); background-repeat: repeat-x;}


/* shipping and tracking table */
table.shiptrack { border-left: #ccc 1px solid; border-top: #ccc 1px solid; }
table.shiptrack th { background: #FFFFEE; text-align: left; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; }
table.shiptrack td { background: #FFF; border-bottom: #ccc 1px solid; border-right: #ccc 1px solid; }
table.shiptrack tr.unallocatedSN td { background: #EEE; border-bottom: #ccc 1px solid; }


.configoptionT { background: #DDD; margin: 0px 0px; }
.configoptionT th { background: #FFE; font-weight: normal; }
.configoptionT td {background: #fff;}
.configoptionThidden { display: none; }


.cofilter td {border: medium none; padding: 3px 13px 3px 3px; margin: 2px;}
.coaction {color: inherit; font-weight: normal; 
	   border: 0px; border-style: none;}
.coaction tr td {padding: 3px 0px 3px 0px; margin: 0px; border: none;}

.colabel {color: #444; 
	  font-weight: normal; border: 0px; border-style: none;}
.colabel td {padding: 3px 13px 3px 3px; margin: 2px; border: none;}
.colabel .radio td {padding: 3px; margin: 2px; border: none;}
.bxopen { border-top: 1px #CCC solid; border-bottom: 1px #CCC solid; }

/* TEXT */
.confidential { color: #cccccc; }
.header { color: #ffffff; }
/***** dont use this font ... its going to go away *******/
.labelunbold { color: #444444; }
.labelb { color: #444444; }
a.labelb:hover { color: #ED7127; text-decoration: underline; }
.labelW { color: #ffffff; }
.labelThin { color: #444444; }
.data { color: #333333; }
.databold { color: #333333; }
.codata { color: #000000; }
/* Yuck, just added .bodydata* for backward compatibility in line_item.epl. */
/* Ask Amy what she really wants to do when she is back from leave. */
.bodydata { color: #333333; }
.labelsm { color: #444444; }
.labelsmW { color: #ffffff; }
.datasmon { color: #990000; }
.datasmoff { color: #666666; }
.note { font-size: 90%; color: #666666; }
.docnotes { color: #333333; }
.intnotes { color: #333333; }
.custcomments { color: #333333; }
.comments { color: #333333; }
.disclaimer { color: #333333; }
.smallbr { font: 4px; color: #333333; }
.microbr { font: 1px; color: #333333; }

/* TABLE */
.borderThline { border-top: #666666 3px solid; }
.borderT { border-top: #CCC 1px solid; }
.borderL { border-left: #CCC 1px solid; }
.borderR { border-right: #CCC 1px solid; }
.borderB { border-bottom: #CCC 1px solid; }

.borderTL { border-top: #CCC 1px solid; border-left: #CCC 1px solid; }
.borderTR { border-top: #CCC 1px solid; border-right: #CCC 1px solid; }
.borderTB { border-top: #CCC 1px solid; border-bottom: #CCC 1px solid; }

.borderLR { border-left: #CCC 1px solid; border-right: #CCC 1px solid; }
.borderLB { border-left: #CCC 1px solid; border-bottom: #CCC 1px solid; }
.borderRB { border-right: #CCC 1px solid; border-bottom: #CCC 1px solid; }

.borderTLB { border-top: #CCC 1px solid; border-left: #CCC 1px solid; border-bottom: #CCC 1px solid; }
.borderTRB { border-top: #CCC 1px solid; border-right: #CCC 1px solid; border-bottom: #CCC 1px solid; }
.borderTLR { border-top: #CCC 1px solid; border-left: #CCC 1px solid; border-right: #CCC 1px solid; }
.borderLRB { border-left: #CCC 1px solid; border-right: #CCC 1px solid; border-bottom: #CCC 1px solid; }
.borderTLRB { border-top: #CCC 1px solid; border-left: #CCC 1px solid; border-right: #CCC 1px solid; border-bottom: #CCC 1px solid; }

.bgColor01 { background-color: #999999; }
.bgColor02 { background-color: #dddddd; }
.bgColor03 { background-color: #eeeeee; }
.bgColor04 { background-color: #f1f1f1; }

.printcustomfield { border-top: #999 1px solid; border-left: #999 1px solid; border-right: #999 1px solid; background-color: #FFF; }
.printcustomfield table th { background: #EEE; border-bottom: #999 1px solid; text-align: left; margin: 0px; padding: 0px; }
.printsourcing { border-top: #999 1px solid; border-left: #999 1px solid; border-right: #999 1px solid; background-color: #FFF; }
.printsourcing table th { background: #FFE;  border-bottom: #999 1px solid; }
.printsourcingtopborder { background: #FFE;  border-top: #999 1px solid; border-bottom: #999 1px solid; }

#class_list { padding: 2px;}
.d_hidden_cat { display: none; }
.d_shown_cat { display: block; background-color: #eeeeee; padding: 2px;  }
.height17 { height: 17px }
a.d_class_clicker_selected { height: 17px; color: #ED7127; text-decoration: none; }
a.d_class_clicker, a.subcatxegory { color: inherit; text-decoration: none; height: 17px}
a.subcatxegory:hover { color: #ED7127; text-decoration: underline; height: 17px }
a.d_class_clicker:hover { color: #ED7127; text-decoration: underline; height: 17px }


/* STORE:HOME */
.bxspotlite .head { background-repeat: repeat-x; margin: 0px; padding: 2px 0px 4px 10px; }
.bxfeatured .head { background-color: #666666; background-repeat: repeat-x; margin: 0px; padding: 2px 0px 4px 10px; }
.bxspotlite h1 a, .bxspotlite h1 a:hover { }
.bxfeatured h1 a, .bxfeatured h1 a:hover { }
.bxspotlite, .bxfeatured { margin: 10px 0px; clear: both; }
.bxspotlite .body, .bxfeatured .body { 
background: #FFF; margin: 0px; padding: 5px 10px; clear: both; }
.bxspotlite p, .bxfeatured p { margin: 0px 0px 8px 0px; }
.bxbrowsemenu { width: 200px; background: #FFF; border: #FFF 1px solid; margin: 10px 0px; }
.bxbrowsemenu .head { border: #AAA 1px solid; margin: 0px 
0px 1px; padding: 2px 0px 2px 3px; }
.bxbrowsemenu .body { background: #F9F9F9; border: #AAA 1px 
solid; margin: 0px; padding: 3px 5px 10px;}
.bxbrowsemenu h1 { color: inherit; margin: 
5px 2px; }
.bxbrowsemenu ul { margin: 0px 0px 0px 35px; padding: 0px; }
.bxbrowsemenu li { margin: 0px 0px 0px 15px; margin/**/: 0px 0px 0px -15px; 
padding: 2px 0px; }
.picleft { position: relative; float: left; margin: 0px 10px 0px 0px; display: 
block; width: 120px; height: 90px; border: #DDD 1px solid; }
.picright { position: relative; float: right; margin: 0px 0px 10px 5px; display: 
block; width: 200px; height: 150px; border: #DDD 1px solid; }
em.price { }


/* REVIEWS */
.urate, .crate {  height: 51px; padding: 2px; text-align: center; width: 100px }
.urate { background: url("/images/bg_urate.gif") no-repeat center;   }
.crate { background: url("/images/bg_crate.gif") no-repeat center; color: #900; }
.crate i { font-size: 90%; color: #900; }


/* Purchase Approval System Navigation */
.pasnav { padding: 5px 0px; border-top: 1px solid #AAA; }
.pasnav a { color: inherit; background: url(/images/pas-off.gif); padding: 5px 8px; border-left: 1px solid #AAA; border-bottom: 1px solid #AAA; border-top: 1px solid #AAA; }
.pasnav a:hover, a.selected { color: #ED7127; background: url(/images/pas-on.gif); padding: 5px 8px; border-left: 1px solid #AAA; border-bottom: 1px solid #AAA; border-top: 1px solid #AAA; text-decoration: none; }
.pasnav i { color: #ED7127; padding: 5px 8px; border-left: 1px solid #AAA; }


/* External links */
.extlink { background: url(/images/bg_extlink.gif) repeat-x; border-top: 1px #CCC solid; padding: 5px; margin: 10px 0px;}	
.extlinktop, extlinkbottom, .SSextlinktop, SSextlinkbottom { margin: 5px 5px 20px 0px; }

.extlinkRight, .SSextlinkRight { width: 200px; background: #FFF; border: #FFF 1px solid; margin: 10px 0px; }
.extlinkRight .head, .SSextlinkRight .head  { border: #AAA 1px solid; margin: 0px 0px 1px; padding: 2px 0px 2px 3px; }
.extlinkRight .body, .SSextlinkRight .body  { background: #F9F9F9; border: #AAA 1px solid; margin: 0px; padding: 3px 5px 10px;}
.extlinkRight h1, .SSextlinkRight h1  { color: inherit; margin: 5px 2px; }
.extlinkRight ul, .SSextlinkRight ul  { margin: 0px 0px 0px 35px; padding: 0px; }
.extlinkRight li, .SSextlinkRight li  { margin: 0px 0px 0px 15px; margin/**/: 0px 0px 0px -15px; padding: 2px 0px; }

.extlinkLeft, .SSextlinkLeft  { border: #FFF 1px solid; margin: 15px 5px 0px; } 
.extlinkLeft .head, .SSextlinkLeft .head { border: #AAA 1px solid; margin: 0px 0px 1px 0px; padding: 2px 0px 2px 3px; }
.extlinkLeft .body, .SSextlinkLeft .body { background: #FFE; border: #AAA 1px solid; margin: 0px; padding: 2px; }
.extlinkLeft ul, .SSextlinkLeft ul { margin: 0px 0px 0px 35px; padding: 0px; }
.extlinkLeft li, .SSextlinkLeft li { margin: 0px 0px 0px 15px; margin/**/: 0px 0px 0px -15px; padding: 2px 0px; }

/* virtual select boxes */
.attDropdown { width: 165px; background: url(/images/i_attarrow.gif) right no-repeat #FFF; color: inherit; border: 1px #80715C solid; padding: 2px; cursor: pointer; }
.attDropdownDisplayed { width: 165px; background: #FFF; color: inherit; border: 1px #80715C solid; padding: 2px;  z-index: 1200 ; position: absolute; }
.attDropdownCollapsed { width: 165px; background: #FFF; display: none;  }
.attDropdownInline { width: 165px; background: #FFF; display: inline;  }

.attHighlight { border-bottom: 1px solid #e9e9e9; }
.attHighlightLast { }
.attHighlight a, .attHighlightLast a { background: #FFF; color: inherit; display: block; text-decoration: none; width: 100%; padding: 1px 0px; }
.attHighlightShowAll a { background: #FFF; color: inherit; display: block; text-decoration: none; width: 100%; padding: 1px 0px; text-align: right; }
.attHighlight a:hover, .attHighlightLast a:hover { background: #FFC; color: inherit; text-decoration: none; }
.attHighlightShowAll a:hover { background: #fff; }


/* new product overview */
.poverviewUpper { border-top: 1px #CCC solid; margin: 5px 0px 20px; }
.poverviewUpper td.gray { background: #EEE; padding: 8px; border-top: 1px #FFF solid; }
.poverviewUpper table.info td { background: url(/images/i_dottedline.jpg) repeat-x bottom left; padding: 4px 10px; } 
.richcontent { background: #EEE; padding: 8px; border-top: 1px #FFF solid; margin: 0px 0px 0px; text-align: left; vertical-align: middle; }
.richcontent td { padding: 10px; }
img.more { margin: 0px 0px 0px; vertical-align: middle;}
#framemeat-content h1.price { margin: 0px; color: #000; }
#pricecolumn { padding: 0px 0px 0px 10px; }
#pricecolumn p { margin: 0px 0px 3px; }

.poverviewLower { border: 1px #CCC solid; border-top: 0px; margin: 0px; }
.poverviewLower td.tabOn, .poverviewLower td.tabOff, .poverviewLower td.tabDisabled  { text-align: center; height: 24px; border-right: 1px #CCC solid; } 
.poverviewLower td.tabOff, .poverviewLower td.tabDisabled { background: url(/images/bg_taboff.jpg) repeat-x; border-top: #CCC 1px solid; border-left: 1px #FFF solid; border-bottom: 1px #CCC solid;} 
.poverviewLower td.tabOff:first-child { border-left: 1px solid #ccc; }
.poverviewLower td.tabOn { background: url(/images/bg_tabon.jpg) repeat-x; border-top: #AAA 1px solid; border-left: 1px #DDD solid; }
.poverviewLower td.tabOff, .poverviewLower td.tabDisabled  { background: url(/images/bg_taboff.jpg) repeat-x; border-top: #CCC 1px solid; border-left: 1px #FFF solid; }
.poverviewLower td.tabDisabled { color: #AAA; }
.poverviewLower td.tabOff a { color: #666; text-decoration: none; }
.poverviewLower td.tabOff a:hover { color: #ED7127; text-decoration: none; }
.poverviewLower td.tabOn a { color: #ED7127; text-decoration: none; }
.poverviewLower td.tabOn a:hover { color: inherit; text-decoration: none; }
.poverviewLower td.tab { background: url(/images/bg_tab.jpg) repeat-x; height: 14px; }
.poverviewLower td.content {  padding: 10px 10px 20px; }
.poverviewLower td.contentnotab {  padding: 10px 10px 20px; border-top: 1px #CCC solid; }
.poverviewLower hr { margin-left: 0; margin-right: 0; }
.DropShadow { border: #EFEFEF 3px solid; border-top: 0px; border-left: 0px; }

h2.underline { color: inherit; border-bottom: #CCC 1px solid; padding: 0px 0px 5px; margin: 10px 0px 15px;  }

/* product catalogs list */
.prodcatIndex { margin: 20px 0px; }
.prodcatIndex .head { border-top: 2px #BBB solid; border-bottom: 1px #BBB solid; background: #EEE; color: inherit; padding: 2px 5px; margin: 30px 0px 0px; }
.prodcatIndex .body { border-bottom: 1px #BBB dotted; padding: 5px 10px; }
.prodcatIndex .body2 { border-bottom: 1px #BBB dotted; background: #FFE; padding: 5px 10px; }

/* login divs with forgot password loaded */
.shownWidget { display: inline; } 
.hiddenWidget { display: none; } 


.break { float:right !important; float: none; }
a.abreak { overflow: auto; width: 150px; height: 40px; }
.spanbreak { overflow: auto; width: 150px; height: 40px; }

/* Block */
.message { border-bottom: 1px solid #E2E2E2; margin-bottom: 5px; padding: 5px; clear: both; }
.message H5 { padding: 0; margin: 0; }
.message P { padding: 5px 0 0; line-height: 130%; margin: 0; }

/* Colors */
.high H5 { color: #CC3333; }
.low H5 { color:#003C7F; }
.normal H5 { color:#333333; }

/* cobrand image */
img.cobrand { width: 170px; height: 100px; }

/* external logo style */
img.external_logo { padding: 5px; vertical-align: middle; }

/* padding logos */
.CCLPlogo { padding: 7px; }

/* product review */
#reviewHeader A { padding: 0 10px 0 0; float: left; } 
#reviewHeader P { line-height: 150%; clear: both; float: left; width: 100%; padding: 0 0 5px 0; margin: 0; } 
#reviewHeader { display: block; clear: both; width: 100%; padding: 0; margin: 0; } 
#reviewHeader H2 { padding: 0 0 5px 0; margin: 0 0 5px 0; } 
#reviewsSummary .title { text-decoration: none; } 
#reviewsSummary .date { color: #999; } 
#reviewsSummary .review { padding: 5px 0 0; } 
#reviewsSummary .review P { line-height: 130%; padding: 0 0 5px; margin: 0; }

img.gallery { width: 200px; border:solid 1px #eee; }
img.gallerytn { width: 100px; border:solid 1px #eee; }
img.logoGallery {height:70px}
.blackbold{color:#000;font-weight:bold}

/* zebra stripe table */
table.zebrastripe tr:nth-of-type(odd) { background: #F4F4F4; }

table#supp_price { float: none !important; margin-left: 0; }

.ui-icon-colbutton { display: inline-block; text-indent: 20px; background-repeat: no-repeat; width: 16px; height: 16px; background-image: url('../js/jquery-ui-1.13.2/images/ui-icons_888888_256x240.png'); }

table.legacy-doctable td { padding-right: 5px; }