@charset "UTF-8";
/* CSS Document */

body {
    padding:0px;
    margin:0px;
    background-color:#e7e7e7;
    background-image:url(images/bg.gif);
    background-repeat:repeat-y;
    background-position:center top;
}

#sidebar {
    float:left;
    width:189px;
    text-align:center;
    background-color:#f6f6f6;
}
#rhs_section {
    float:left;
    width:699px;
}
#rhs_inner {
    margin-left:auto;
    margin-right:auto;
    width:631px;
}

#searchForm {
    padding-top:16px;
    padding-bottom:16px;
    margin:0px;
}

.heading {
    font-size: 18px;
}

.searchinput {
    border: 1px solid #d6d6d6;
    padding:4px;
    width:140px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#8c8c8c;
    height:24px;
}

.textarea {
    border: 1px solid #d6d6d6;
    padding:4px;
    width:100%;
    ;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    height:80px;
}

.textinput {
    border: 1px solid #d6d6d6;
    padding:4px;
    width:280px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    height:24px;
}

.po {
    border: 1px solid #d6d6d6;
    padding:4px;
    width:100px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#6f6f6f;
    height:24px;
    text-align:center;
}

.po_focus {
    border: 1px solid #000000;
    padding:4px;
    width:100px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#000000;
    height:24px;
    text-align:center;
}

.qtyinput {
    border: 1px solid #d6d6d6;
    padding:4px;
    width:30px;
    height:24px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#8c8c8c;
    text-align:center;
}
.qtyinputnb {
    border: 1px solid #fff;
    padding:4px;
    width:40px;
    height:24px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#8c8c8c;
    text-align:center;
}
.sidebar_heading {
    width:100%;
    height:26px;
    background-color:#9a9a9a;
    background-image:url(images/header_bg.gif);
    background-repeat:repeat-x;
}
.sidebar_heading h1 {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FFF;
    margin:0px;
    padding-top:7px;
    text-shadow:0px 1px 0px #616161;
    text-transform:uppercase;
}
#sidebar p {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#757575;
}
.line {
    background-image:url(images/line.gif);
    background-repeat:no-repeat;
    margin-top:20px;
}

.spotcolor {
    color:#005a9c;
}
table th {
    height:26px;
    text-align:left;
    padding-left:10px;
    padding-right:10px;
    background-color:#9a9a9a;
    background-image:url(images/header_bg.gif);
    background-repeat:repeat-x;
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FFF;
    margin:0px;

    text-shadow:0px 1px 0px #616161;
    text-transform:uppercase;
}

table td {
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#6f6f6f;
}

.withpadding td {
    padding:10px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#6f6f6f;
}

.withpadding a:link, .withpadding a:active, .withpadding a:visited {
    text-decoration:none;
    color:#6f6f6f;
}

.withpadding a:hover {
    text-decoration:underline;
}

.FAQ a:link, .FAQ a:active, .FAQ a:visited {
    text-decoration:underline;
    color:#6f6f6f;
}

.FAQ a:hover {
    text-decoration:none;
}


.fatpad {
    padding-left:34px;
    padding-right:34px;
}

#breadcrumbs {
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#6f6f6f;
    padding-top:23px;
}

#breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited {
    text-decoration:underline;
    color:#6f6f6f;
}

#breadcrumbs a:hover {
    text-decoration:none;
    color:#6f6f6f;
}



.alt {
    background-color:#f6f6f6;
}

.footer {
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#757575;
}

.footer a:link, .footer a:active, .footer a:visited {
    text-decoration:none;
    color:#6f6f6f;
}

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

.recordsnav {
    position: relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#6f6f6f;
}

.recordsnav a:link, .recordsnav a:active, .recordsnav a:visited {
    text-decoration:none;
    color:#6f6f6f;
}

.recordsnav a:hover {
    text-decoration:underline;
}

.prev {
    text-align: left;
    position: absolute;
    left: 0;
    z-index: 2;
}
.middle {
    text-align: center;
    position: relative;
    z-index: 0;
}
.nextr {
    text-align: right;
    position: absolute;
    right: 0;
    float: right;
    top: 0;
    z-index: 1;
}



#nav {
    width:100%;
    background-color:#005a9c;
    height:32px;
    background-image:url(images/nav_bg.gif);
    background-repeat:repeat-x;
    text-align:right;
}
#nav_container {
    padding-right:36px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
    color:#FFF;
    padding-top:8px;
    text-shadow:0px 1px 0px #002743;
}
#nav_container a:link, #nav_container a:active, #nav_container a:visited {
    color:#FFF;
    text-decoration:none;
}
#nav_container a:hover {
    color:#FFF;
    text-decoration:underline;
}
.nav_spacer {
    padding-left:10px;
    padding-right:10px;
    text-align:center;
    color:#df1932;
    text-shadow:0px 1px 0px #002743;
}

.ui-autocomplete-loading {
    background: white url("../images/ui-anim_basic_16x16.gif") right center no-repeat;
}
.ui-autocomplete {
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 0.8em;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
    height: 200px;
}

@-moz-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* IE */
@-ms-keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
/* Opera and prob css3 final iteration */
@keyframes blink {
    0% {
        opacity:1;
    }
    50% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}
.blink-image {
    -moz-animation: blink normal 1s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 1s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 1s infinite ease-in-out; /* IE */
    animation: blink normal 1s infinite ease-in-out; /* Opera and prob css3 final iteration */
}