body{
background: #9c9c9c url("../background_sm.png") repeat;
text-align: center;
color: black;
font: 8pt/1em Verdana, sans-serif;
margin: 0px;
}

#background{
background: transparent url("../background.png") repeat-x;
}

#pagealign{
margin: 0px auto 0px auto;
width: 955px;
background: transparent url("../shadows.png") repeat-y;
text-align: left;
}

/*
obsolete shadows

#shadow_left{
background: transparent url("shadow_left.gif") repeat-y;
height: 100%;
width: 5px;
float: left;
}

#shadow_right{
background: transparent url("shadow_right.gif") repeat-y;
height: 100%;
width: 5px;
float: left;
}
*/


#page{
width: 935px;
margin: 0px 0px 0px 10px;
}

#header{
background: white;
width: 100%;
height: 115px;
position: relative;
}

#header_note{
position: absolute;
width: 500px;
height: 40px;
left: 145px;
top: 40px;
background: orange;
}

#title_bar{
height: 90px;
width: 100%;
}

#logo{
background: transparent url("../logo.png") no-repeat;
float: left;
height: 75px;
width: 115px;
margin: 10px 0px 0px 10px;
}

#help{
width: 600px;
text-align: right;
height: 10px;
}

#search_tab{
background: transparent url("../search_tab.png") no-repeat;
float: right;
width: 290px;
height: 35px;
margin: 15px 0px 0px 0px;
}

form{
margin: 0px;
}

#navlist{
background: transparent url("../nav_bar.png") repeat-x;
width: 100%;
height: 25px;
clear: both;
text-align: center;
}

#navlist a{
color: black;
text-decoration: none;
padding: 4px 8px 8px 8px;
}

#navlist li a:hover{
color: white;
background: transparent url("../nav_bar.png") 0px -30px repeat-x;
text-decoration: underline;
}

#navlist ul{
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: center;
}

#navlist li{
display: inline;
}

#sidebar{
background: url("../shadow_top.png") repeat-x;
width: 170px;
float: right;
position: relative;
min-height: 715px;
text-align: center;
}

#sidebar p{
line-height: 1.4em;
}

/*
#sidebar li{
list-style-type: square;
margin: 7px 0px 0px 15px;
}
*/

#checkout_box{
font-size: 10pt;
line-height: 2em;
text-align: center;
background: lightgrey;
bottom: 0;
position: relative;
border-top: 1px solid grey;
border-bottom: 1px solid grey;
}

#content{
background: #f2f2f2;
width: 935px;
float: left;
}

#unique{
height: 50%;
background: white;
}

#part_pic{
width: 150px;
margin: 0px 25px 0px 15px;
border: 1px lightgrey solid;
}

#footer{
padding: 0px 0px 15px 0px;
color: grey;
text-align: center;
display: block;
border-top: 1px solid lightgrey;
clear:both;
background: white;
}

#footer a{
color: grey;
margin: 0px 4px 0px 4px;
}

#lot_pricing{
width:240px;
height:50px;
border:1px solid grey;
font-size: 10pt;
margin: 5px 0px 0px 25px;
}

#lot_pricing td{
padding: 0px 7px 0px 7px;
}

#availability{
width:400px;
height:50px;
border:1px solid grey;
font-size: 10pt;
margin: 5px 0px 0px 25px;
}

#weekly_deal{
/*border: 1px solid grey;*/
height: 300px;
width: 130px;
margin: 20px auto 0px auto;
text-align: center;
font: 8pt/1.7em Verdana, serif;
padding: 3px;
}

#frontpage_deals{
background: url("../frontpage_deals.png");
width: 600px;
height: 275px;
margin: 0px auto 0px auto;
border: 1px solid black;
}

#sales_header{
margin: 0px auto 0px auto;
font-size: 14pt;
color: black;
line-height: 1.4em;
text-align: center;
color: red;
}

#frontpage_reminders{
background: transparent url("../frontpage_reminders.png") repeat-y;
width: 675px;
margin: 30px auto 20px auto;
display: block;
float: left;
text-align: left;
}

#frontpage_bottom{
background: lightyellow;
width: 675px;
height: 175px;
margin: 0px auto 0px auto;
border: 1px solid gold;
}

#page_content{
padding: 15px 15px 0px 15px;
float: left;
width: 735px;
.width: 763px;
min-height: 735px;
background: white url(../shadow_top.png) repeat-x;
}

/* for Internet Explorer */
* html #page_content {
height: 100em;
}


#search_results{
width: 325px;
overflow: auto;
float: right;
border: 1px solid grey;
font-size: 8pt;
}

#search_results_grey{
width: 325px;
overflow: auto;
float: right;
border: 1px solid lightgrey;
font-size: 8pt;
}
#search_results_grey td{
font-size:0.7em;
border: 1px solid lightgrey;
}

#result_container{
margin: 0px 0px 0px 30px;
_margin: 0 0 0 15px;
line-height: 2.5em;
float: left;
width: 327px;
}

#search_results td{
font-size:0.7em;
}

#catalog{
background: white;
border: 1px solid #d4d4d4;
width: 140px;
padding: 7px 5px 7px 0px;
margin: 20px auto 10px auto;
}

#catalog a{
color: red;
font: bold 8pt trebuchet ms, verdana, sans-serif;
}

tr.yellow td {
border-bottom: 1px solid black;
background: lightgoldenrodyellow;
}

tr.grey_headers td {
border-bottom: 1px solid black;
background: lightgrey;
}

a img{
border: 0px;
}

p{
margin:0px;
padding: 0px;
}

.grey{
color: grey;
border: 1px solid grey;
}

.right_margin{
margin: 0px 20px 0px 0px;
}

.small_margin{
margin: 3px 3px 3px 3px;
}

.medium_margin{
margin: 10px 10px 10px 10px;
}

.search_margin{
margin: 6px 0px 0px 70px;
}

.story_paragraph01{
margin: 0px 0px 50px 15px;
display: block;
width: 480px;
}

.story_paragraph02{
margin: 0px 0px 40px 15px;
display: block;
width: 365px;
}

.wide_input{
width: 175px;
}

.small_input{
width: 40px;
}

.some_padding{
padding: 15px 15px 15px 15px;
}

.no_margin{
margin: 0px;
}

.float_right{
float: right;
}

.float_left{
float: left;
}

.center{
margin: 0px auto 0px auto;
text-align: center;
display: block;
}

.lg_red{
font-size: 14pt;
color: red;
}

.lg_green{
font-size: 14pt;
color: limegreen;
}

.lg_black{
font-size: 14pt;
color: black;
line-height: 1.4em;
}

.med_black_text{
font-size: 12pt;
color: black;
line-height: 1.3em;
}

.red_text{
color: red;
}

.indent{
margin: 0px 0px 0px 30px;
}

.lgindent{
margin: 0px 0px 0px 60px;
}

.lgindent li{
list-style-type: disc;
}

h1{
margin: 0px;
padding: 0px;
font: bold 16pt trebuchet ms, verdana, sans-serif;
}

h2{
margin: 0px;
padding: 0px;
font: bold 14pt/1em trebuchet ms, verdana, sans-serif;
}

h3{
font: bold 12pt trebuchet ms, verdana, sans-serif;
margin: 0px;
padding: 0px;
}

h4{
font: bold 8pt trebuchet ms, verdana, sans-serif;
margin: 0px;
padding: 0px;
}

.no_pic{
margin: 50px 0px 50px 0px;
color: red;
text-align: center;
}

.text{
font: 10pt/1.2em Verdana, serif;
}

.part_info{
font: 11pt/1.2em Verdana, serif;
float: left;
width: 70%;
}

.part_info_cols{
float: left;
width: 50%;
}

.pricing{
margin: 0px 0px 0px 20px;
}

.container01{
margin: 0px;
width: 100%;
height: 100%;
}

.align_right{
text-align: right;
}

.align_left{
text-align: left;
}

.tall_text{
line-height: 2.5em;
}

.small_text{
font-size: 8pt;
}

.logout_text{
text-align: center;
line-height: 1.5em;
color: black;
}

.stripe{
background: #ebebeb;
/*border: 1px solid grey;*/
}

.yellow {
background: #FFC;
}

.dk_stripe{
background: lightgrey;
/*border: 1px solid grey;*/
}

.min_width{
min-width: 100px;
}

.set_width{
width: 50px;
}

.addresses{
border: 0px;
border-collapse: collapse;
}

.state_header{
text-decoration: underline;
margin: 65px 0px 0px 0px;
}

.addresses td{
border: 0px;
}

.borderless{
border: 0px none;
}

.borderless td{
border:0px;
}

.frontpage_column{
width: 46%;
float: left;
padding: 10px;
.margin: 0px 15px 0px 0px;
}

.sitemap_column{
width: 35%;
float: left;
margin: 10px 10px 10px 90px;
}

.center_675{
margin: 0px auto 0px auto;
width: 675px;
}

.manufacturer{
margin: 10px;
}

table {
border-collapse: collapse;
border-color: black;
text-align: left;
}

td {
border: 1px solid black;
}

textarea{
width:310px;
height:80px;
white-space:pre;
overflow:auto;
}

li{
list-style-type: none;
}

ul{
padding: 0px 0px 0px 10px;
margin: 5px 0px 5px 0px;
}

blockquote{
margin:15px;
}

.yellow h4{
text-decoration: underline;
}

.borderless{
 border: 0px;
}

/* this gets added in when adding warehouse codes to pages other than checkout
#warehouses{
width: 300px;
height: 120px;
border: 1px solid black;
background: lightgoldenrodyellow;
padding: 7px 10px 7px 10px;
font: 6.5pt/1.5em Verdana, serif;
margin: 0px 0px 0px 85px;
}

.warehouse_column{
float: left;
width: 145px;
}
*/

.portal_nav_divider{
margin: 0px 21px;
line-height: 2em;
}

#grey_searchbox{
width: 550px;
margin: 5px;
padding: 20px;
font-size: 10pt;
background-color: lightgrey;
border: 1px solid grey;
}

.dropdown_margin{
margin: 5px 0px;
}

.signup_form{
margin-left: 40px;
}

.signup_form td{
border: 0px none;
font-size: 8pt;
}
.errorlist {
color: red;
font-weight:bold;
}

#modelparts{
margin: 3px 3px 3px 0px;
width: 180px;
}

#modelParts td{
font-size: 10pt;
}

#modelParts table{
width: 100%;
}

#modelParts h2{
display: none;
}

#announcements_header{
width: 640px;
_width: 680px;
margin: 10px auto 0px;
_margin: 10px 0px 0px 27px;
background: #fff58d;
border: 1px solid #990000;
padding: 10px 20px;
font-weight: bold;
font-size: 10pt;
}

#announcements{
background: #fef9c1;
text-align: center;
width: 640px;
_width: 621px;
margin: 0px auto;
_margin: 0px 0px 0px 27px;
height: 105px;
_height: 110px;
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
border: 1px solid #990000;
padding: 0px 20px 10px 20px;
}

#announcements table{
background: #fef9c1;
width: 640px;
_width: 621px;
text-align: left;
font-size: 10pt;
}

#announcements td{
border: 0px;
padding: 10px 0px 0px 0px;
}

#announcements tr{
}


/*navigation*/
#navlist{
background: transparent url("../nav_bar.png") repeat-x;
height: 25px;
clear: both;
text-align: center;
margin: 0px;
padding: 0px;
list-style: none;
}
     
#navlist li { 
float:left; 
display:block; 
position:relative; /* li position relative so that position absolute for submenu*/
z-index:500; 
margin: 0px;
height: 25px;
.width: 20px;
/*display: inline;*/
border-left: 1px solid #bdbdbd;
white-space: nowrap;
}
   
#navlist li a {
display:block; 
padding:6px 28px; /* CHANGE THIS WHEN CHANGING NUMBER OF MENU ITEMS */
text-decoration:none; 
color: black;
height: 13px;
.height: 25px;
}

#navlist li a.unsecure {
padding:6px 36px; /* CHANGE THIS WHEN CHANGING NUMBER OF MENU ITEMS */
}
 
#navlist li a:hover {
color: white;
background: transparent url("../nav_bar.png") 0px -30px repeat-x;
.height:25px;
}

#navlist ul {
position:absolute; 
left:0; 
display:none; 
margin:0px; 
padding:0px; 
list-style:none;
text-align: center;
}

#nav ul{
margin:0px; 
padding: 0px;
}

#navlist ul li {
width:150px; 
float:left; 
border-top:1px solid #bdbdbd;
text-align: left;
}

/* display block will make the link fill the whole area of the li */
#navlist ul a {
display:block;  
height:15px;
padding: 8px 5px; 
color:#666;
white-space: nowrap;
}

#navlist ul a:hover {
text-decoration:underline;  
}

.submenu li{
background:#ddd;
}

.submenu{
border-bottom: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;
width: 151px;
}

*html #navlist ul {
    margin:0 0 0 -2px; /* fix ie6 small issue */
}

/* password change form */
.pw-group {
    float: left;
    width: 350px;
}
.pw-row {
    padding-left:17px;
    padding-top:5px;
}
.pw-row label {
    width: 150px;
    float: left;
}
.pw-row .errorlist {
    margin-left:145px;
}
.pw-tip {
    float:right;
    width: 300px;
    padding-top:5px;
    padding-left:10px;
    padding-bottom:5px;
    margin-right:50px;
 }

.pw-tip li {
    list-style-type: disc;
    padding-top:3px;
}
.pw-clear {
    clear:both;
}
.pw-row input {
    float:right:
}
/* end password change form */

#invalid-part-msg {
    float:left;
    padding-left: 20px;
    color: red;
    font-weight:bold;
}

.bill-info fieldset{
    float:  left;
    width:  350px;
    height: 150px;
    margin: 5px 5px 5px 5px;
}

.bill-info legend {
    font-size: 17px;
    color: #41383C;
    padding: 3px
}

.bill-info p {
    margin: 1px 1px 1px 7px;
    font-size:15px;
}