#header {
    /* background: url(  '../image/stretch.png' ) repeat-x ; */
    background: #0d519a;
    background-size: 16px 100%;
    /* overflow: auto ; */
}

#account-box {
    float: right ;
}

#generic-links {
    float: left ;
}

#top {
    background: url( '../image/top-bg.png' ) repeat-x ;
    overflow: auto ;
}

#interface-bar {
    background: #5d5d5d
}

#logo {
    float: left ;
	width: 800px ;
	height: 88px;
	/* background: url( 'logopart.jpg' ) no-repeat; */
	/* background: url( '130reformatted.jpg' ) no-repeat; */
	background: url( '../image/logo.png' ) no-repeat;
}

#logo.logo-industrial {
	background: url( '../image/logo-industrial.png' ) no-repeat;
}

#footer-logo {
    /* float: left ; */
    display: block;
	width: 408px ;
	height: 217px;
	/* background: url( 'logopart.jpg' ) no-repeat; */
	/* background: url( '130reformatted.jpg' ) no-repeat; */
	background: url( '../image/footer-logo.png' ) no-repeat;
    background-size: contain;
}

#footer-warehouse {
    /* float: right; */
    margin: 0 auto;
    display: block;
	width: 333px ;
	height: 152px;
	/* background: url( 'logopart.jpg' ) no-repeat; */
	/* background: url( '130reformatted.jpg' ) no-repeat; */
	background: url( '../image/footer-warehouse.jpg' ) no-repeat;
}

#hpic {
    float: right ;
    padding: 10px ;
    text-align: right ;
    color: white ;
}

#leftbar {
/*
    background: white url( 'gradback.jpg' ) top left no-repeat 
*/
}

#content-background {
    background: white ;
}

#rightbar-background {
/*
    background: white url( 'rightbar.png' ) right top repeat-y
*/
}

#container.content-wide #rightbar-background {
    background: white ;
}

#container {
    /* this is the width where the 195px float right will wrap to the next
     * line and break the layout */
    min-width: 975px ;
}

#rightbar {
    width: 195px ;
    float: right ;
}

ul {
    padding: 0px ;
    margin: 0px ;
    margin-left: 2em; 
    padding-left: 0px ;
}

/* Dominant color scheme */
a,
    .subheader,
    .userinfo, 
    .zoom {
/*
    color: #213a8c ;
*/
    color: #213a8c
}

/* hilite items (new/closeout/popular/etc) */
.selected, .hilite {
    background: #0d519a ;
	color: white ; 
    text-align: center ;
    padding: 3px ;
}

.hilite {
    border: 1px solid #0d3283 ;
}


.selected a, .hilite a  {
    color: #dedede
}

#loginbox, 
 .header, .header a, 
 .tooltip a:hover span,
 .subheader a,
 .hcolored
 {
    /* background: */
    /* color: #FF8C00 */
    /* color: #ff7c00 */
    /* color: #2138ac */
    color: #5d5d5d
}

.bar-block.header {
    display: block;
    background: #5d5d5d;
    color: white;
    padding: 2px;
}

tr.header, th, tr.header th a {
    padding: 5px;
    background: #5d5d5d;
    font-size: 100% ;
    font-weight: bold ;
    color: white;
}

/* ID defs */

#loginbox {
/*
    background: white ;
    border: 1px solid #0d3283 ;
    */
    text-align: center ;
    padding: 5px ;
    margin: 3px ;
}

#loginbox input {
	display: block ;
	width: 70% ;
    /* border: 1px solid #aaaaaa ; */
    margin-left: auto ;
    margin-right: auto ;
    margin-bottom: 5px
}

#navigation {
    /* background:  #213a8c ; */
    color: white ;
    width: 57%;
}

#navigation a {
    background: #0d519a;
    color: white ;
}

/*
td input[type=text], td select {
    box-sizing: border-box;
    width: 100%;
}
*/

select, input {
    padding: 5px 0 5px 5px;
    background: white;
}

button, input[type=submit], .button, .button:hover {
    box-sizing: border-box;
    font-size: 100%;
    text-decoration: none;
    display: inline-block;
	/* border: 1px solid #bebebe ; */
    background: #0d519a ;
	/* background: white ; */
    padding: 3px ;
    color: white;
    border: 0;
    border-radius: 5px;
    padding: 10px 25px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}

/* alternate colored add to cart button */
.alt-color, input.alt-color {
    background: #f89810
}

#leftbar li {
}

#leftbar ul {
    list-style-type: none ;
	margin: 0px ;
	padding: 0px ;
	margin-left: 25px ;
    margin-bottom: 25px ;
    margin-top: 15px ;
	/* margin-bottom: 15px ; */
}

#leftbar form {
    margin: 0px ;
    padding: 0px
}

#leftbar .navblock {
    margin-bottom: 10px
}

#footer {
    background: #333333 ;
    color: white ;
/*
	border-top: 1px solid #bbb ;
	color: #bbb ;
	font-size: 70% ;
	text-align: center 
*/
}

#userinfo {
    /* background: #ddd ; */
    color: #0d3283 ; 
    font-size:75% ;
    border-bottom:1px solid #0d3283 ;
    border-top:1px solid #0d3283 ;
/*
    padding-left: 1em;
    padding-right: 1em ;
*/
    background: white
}

.header {
	font-size: 120% ;
}

.header a {
    text-decoration: none ;
}

.subheader {
	font-size: 100% ;
	color: #0d3283
}

.subheader a {
    text-decoration: none;
}


.zoom {
    color: white
}

a:hover {
	color: #bdbdbd
}

.noweb {
    display: none
}

.hr {
    border: none 0px ;
    border-bottom: 1px dashed ;
    height: 1px ;
    font-size: 1px
}

.row1 {
    background: #e0e0e0 ;
}

.row2 {
    background: white ;

}

.tooltip a {
    color: black ;
    position: relative ;
    font-size: 50%
}

.tooltip a span {
    display: none ;
}

.tooltip a:hover {
    color: black ;
     /* ie bug */
    text-indent: 0
}

.tooltip a:hover span {
    display: block ;
    position: absolute ;
    top: 0;
    left: 0 ;
    border: 1px solid #0d3283 ;
    background: #D2DAE9 ;
    width: 10em ;
    font-size: 200% ;
    text-decoration: none ;
    z-index: 2 ;
    padding: 3px
}

.popup_catalog {
    background: white ;
    position: absolute ;
    top: 0px ;
    left: 40px  ;
    border: 1px solid black ;
    width: 200px ;
}

.popup_catalog_container {
    position: relative ;
    z-index: 10
}

.clickup_marker {
/*
    display: block ;
    float: left ;
    text-indent: -500px ;
    width: 20px ;
    height: 13px ;
*/
    /* background: url( 'arrow.gif' ) no-repeat ; */

    display: none ;
}

.disabled {
    font-style: italic ;
    color: #aaa
}

._brightbutton {
    /* background: #55ddFF; */
    /* background: #55aaFF; */
    background: #00aaFF;
    /* background: #57FFF4; */
    /* background: #7EB9E6; */
    color: white
}

#rightbar .header {
    margin-top: 1ex ;
    margin-bottom: 1ex ;
    padding: 1ex ;
    background: white ;
}

#top a, #header a {
    text-decoration: none ;
}

#browse-products-button {
    background: #e0e0e0 ;
    color: #5d5d5d
}

#leftbar .header {
    background: #e0e0e0 ;
    color: #5d5d5d ;
    text-decoration: none ;
}

#leftbar .header:hover, #leftbar .header a:hover {
    color: #0d519a ;
}

#interface-bar .extra-button {
    color: #e0e0e0 ;
}

#top-search-button {
    /* background: url(  '../image/stretch.png' ) repeat-x ; */
    background: #0d519a;
    color: white ;
}

#media-bar {
    clear: both ;
    background: url(  '../image/stretch.png' ) repeat-x ;
    background-size: 18px 100%;
    color: white ;
}

#media-bar .media-button {
    background: #333333 ;
}

#footer .footer-box {
    border-bottom: 1px solid white ;
    padding: 2ex;
}

#footer .footer-box a {
    text-decoration: none ;
    color: white ;
}

/* disable outline in chrome */
#search:focus {
    outline: none
}

#search_suggestions a {
    display: block ;
    line-height: 30px;
}

#search_suggestions a.selected {
    text-align: left;
    color: white
}

.alpha-letterbox {
    display: inline-block;
    background: #e0e0e0;
    width: 3ex;
    height: 3ex;
    color: black;
    text-decoration: none;
    text-align: center;
    padding-top: 3px;
    margin-top: 1ex;
    margin-bottom: 1ex;
}

.alpha-letterbox:hover {
    background: #0d519a ;
    color: white;
}

.navblock li a {
    text-decoration: none;
    font-weight: bold;
    color: #5e5e5e
}

.navblock li a:hover {
    color: #0d519a;
}