* { margin: 0; padding: 0; outline: 0; } body { text-align: center; background:url(../images/bg.png) repeat; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:100%; line-height:1.4em; /* 16x1.4=22.4 */ font-weight: normal; color: #333333; } a {text-decoration: none;} p, li { font-size: .8em; line-height: 1.6em; color: #333333; margin: 5px 0px 7px 0px; } .inside li { margin-left: 10px; } a img { border-top: 0; border-right: 0; border-bottom: 0; border-left: 0; text-decoration:none } a:hover { color: #AB4B13; } .left { float: left; padding: 4px 15px 4px 0; } tr.sub_row .left { padding: 4px 0px; } .right { float: right; margin: 0px; padding-top: 4px; padding-right: 0; padding-bottom: 4px; padding-left: 10px; } #container { background:url(../images/container_bg.png) repeat-y; width:900px; margin: 0px auto; padding: 0px 10px; text-align: left; } #container_inside { background:url(../images/container_in_bg.png) repeat-y; width:900px; margin: 0px auto; padding: 0px 10px; text-align: left; } #header { background:url(../images/header_bg.png) no-repeat; float:left; width:900px; height:200px; margin: 0px; padding: 0px; } #header_inside { clear: both; background:url(../images/header_in_bg.png) no-repeat; float:left; width:900px; height:200px; margin: 0px; padding: 0px; } #cart { width: 290px; height: 116px; text-align: center; float: left; padding-top: 32px; position:relative; left: 600px; } #nav_bar { background:url(../images/nav_bar.png) no-repeat; clear: both; width:900px; height:40px; margin: 0px; padding: 0px; position: relative; } #below_nav { clear: both; background:url(../images/below_nav.png) no-repeat; width:900px; height:71px; margin: 0px; padding: 0px; } #content_home { clear: both; float:left; width:601px; margin: 0px; padding: 0px; } #content_inside { float:left; width:550px; margin: 0px; padding: 20px; } #find-a-part { float: left; width: 242px; margin: 0px 0px 20px 0px; padding: 10px 20px 10px 38px; } #rebuilders { float: left; width: 250px; margin: 0px; padding: 10px 25px; } #right_bar { float:left; width:299px; margin: 0px; padding: 0px; } #left_bar { float:left; width:239px; margin: 0px 0px 0px 10px; padding: 18px 20px 10px 28px; } #footer { clear: both; background: url(../images/footer.png) no-repeat; width:900px; height:90px; margin: 0px; padding: 0px; border-bottom:1px solid #002a96; } #footer_home { clear: both; background: url(../images/footer_home.png) no-repeat; width:900px; height:90px; margin: 0px; padding: 0px; border-bottom:1px solid #002a96; } /*** Text and Headers ***/ p { font-size:0.71em; /* 16x0.71=11.5px */ text-align:left; margin: 1.286em 0; /* 14x1.286=18px */ } #right_bar p { margin: 0px; padding: 2px 50px 10px 30px; } #rebuilders p { margin-top: 0px; line-height: 1.5em; } li { margin-left: 1.286em; /* 14x1.286=18px */ } ol li { list-style-position: inside; } a, a:visited { color: #c69537; text-decoration: none; border: 0px none; } a:hover { text-decoration: none; color: #4677c1; border: 0px none; } h1 { } h2 { font-weight:normal; color: #002A96; font-size: 1.10em; /* 14x1.10=15.5px */ line-height: .91em; /* 22.4x.91=20.5px */ } h3 { font-weight:normal; color: #002A96; font-size: 1em; /* 14x1.10=15.5px */ line-height: .91em; /* 22.4x.91=20.5px */ } h4 { } h5 { font-size:0.71em; /* 16x0.71=11.5px */ font-weight: bold; } h6 { font-size:0.68em; /* 16x0.71=11px */ font-weight: bold; } /*** Overrides ***/ #header h1 { text-indent: -6000px; background-image: url(../images/header_image.jpg); background-repeat:no-repeat; position:absolute; width: 590px; height: 190px; float: left; margin: 10px 0px 0px 10px; } #header_inside h1 { text-indent: -6000px; background-image: url(../images/header_in_logo.png); background-repeat:no-repeat; position:absolute; width: 590px; height: 138px; float: left; margin: 10px 0px 0px 10px; } #left_bar h2 { margin: 2px 0px 20px 0px; } ul.last-child { margin-top: 20px; } #cart h5, #cart h6 { margin: 0px; padding: 0px; font-weight:normal; } #below_nav h2 { padding: 25px 50px 0px 625px; margin: 0px; } .locate h2 { margin: 5px 0px; } #content_inside h3 { margin: 20px 0px 0px 0px; } #rebuilders h5 { margin-bottom: 0px; } #rebuilders h6 { color:#999999; font-weight: normal; padding-left: 20px; margin: 10px 0px; } #footer h5, #footer_home h5 { font-weight: normal; width: 505px; float: left; padding: 27px 60px 10px 35px; margin: 0px; color: #666666; line-height: 1.7em; /* 22.4x.8=18px */ } #footer h6, #footer_home h6 { font-weight: normal; width: 170px; float: left; padding: 27px 20px 10px 105px; margin: 0px; color: #666666; line-height: 1.7em; /* 22.4x.8=18px */ text-align:right; } ul.locate { background-image:url(../images/divider.png); background-position: bottom left; background-repeat: no-repeat; width: 540px; height: 157px; padding: 0px; margin: 0px; } ul.locate li { list-style-type: none; background-image:url(../images/vert_bar.png); background-position:top right; background-repeat:no-repeat; width: 240px; margin: 0px; padding: 15px; float: left; } ul.locate.last-child { background-image:none; } ul.locate li.last-child { background-image: none; } ul.location_links { list-style-type: none; padding: 0px; margin: 5px 0px; width: 550px; } ul.location_links li { background-image: url(../images/bar.png); font-size: 0.78em; /* 18x0.88em=16px; */ background-position: bottom right; background-repeat:no-repeat; margin: 0px 0px 0px 10px; padding: 0px 10px 0px 0px; display: inline-block; } ul.location_links li.last-child { background-image:none; } p.maplink { font-size: 14px; font-weight: bold; } /********** Nav Bar **********/ #nav_bar li { margin: 0; padding: 0; list-style: none; display: block; position: absolute; text-indent: -9000px; } #nav_bar a {display: block;} #home, #home a {left: 39px; top: 1px; width: 70px; height: 39px;} #find, #find a {left: 110px; top: 1px; width: 91px; height: 39px;} #rebuild, #rebuild a {left: 202px; top: 1px; width: 185px; height: 39px;} #resources, #resources a {left: 388px; top: 1px; width: 151px; height: 39px;} #locations, #locations a {left: 540px; top: 1px; width: 113px; height: 39px;} #contact, #contact a {left: 654px; top: 1px; width: 100px; height: 39px;} #home a:hover, #home .active {background: url(../images/nav_bar.png) -39px -41px no-repeat;} #find a:hover, #find .active {background: url(../images/nav_bar.png) -110px -41px no-repeat;} #rebuild a:hover, #rebuild .active {background: url(../images/nav_bar.png) -202px -41px no-repeat;} #resources a:hover, #resources .active {background: url(../images/nav_bar.png) -388px -41px no-repeat;} #locations a:hover, #locations .active {background: url(../images/nav_bar.png) -540px -41px no-repeat;} #contact a:hover, #contact .active {background: url(../images/nav_bar.png) -654px -41px no-repeat;} /********** Misc **********/ .clearBoth { clear:both; } .car-listing { width: 250px; height: 90px; margin: 10px 0px; background:url(../images/divider_txp.png) bottom left no-repeat; padding: 5px 0px 10px 0px; } div#success_box, div#error_box { margin-left: 318px; width: 400px; padding: 5px 10px; color: #ffffff; background: transparent; border: 0px none; } #main_success_message, .main_success_message, #main_error_message, .main_error_message { width: 400px; padding: 5px 10px; color: #ffffff; font-size: 1em; background: #b27602; margin-top: 215px; border: 1px solid #000000; } #content_inside #main_success_message, #content_inside.main_success_message, #content_inside #main_error_message, #content_inside.main_error_message { margin-left: 0px; } #main_success_message a, #main_error_message a { color: #dadada; text-decoration: underline; font-size: .8em; } ul.errors { clear: both; margin: 5px 0px 0px 0px; padding: 5px; background: #b27602; } ul.errors li, ul.errors li a { color: #ffffff; font-size : 1em; } #content_inside table, table.cart { clear: both; float: left; font-size:.6em; line-height: 1.3em; border-collapse: collapse; padding: 0px; margin: 0px 0px 10px 0px; width: 550px; text-align: left; } #content_inside table th, table.cart th { height:24px; border:0px none; margin: 0px; text-align: left; vertical-align: top; padding:2px 5px; } #content_inside table td, #content_inside table th,table.cart td, #content_inside table { margin:0px; padding: 4px 0px 7px 0px; border-bottom: 0px none; background: url(../images/gray_table_divider.png) bottom left repeat-x; padding:4px 2px; } #content_inside table tr { background: none; } #content_inside table tr.sub_row td { background: none; border: 0px none; } /********** Forms **********/ /***** Part Finder - home page *****/ #content_home ul.part-finder { padding: 0px; } #content_home ul.part-finder li, div.item { margin: 18px 0px 0px 0px; padding: 0px; clear: both; } div.submit { margin: 0px; padding: 0px; clear: both; } .shipping { font-size: 11px; font-weight: bold; } #content_inside fieldset, fieldset#parts_search, #login fieldset, fieldset#login_info, fieldset#personal_info, fieldset#credit_card, fieldset#account_info { border: 0px none; margin: 0px; padding: 0px; font-size: 100%; line-height: 1em; } fieldset#billing_address, fieldset#shipping_address, fieldset#credit_card, fieldset#account_info { padding: 0px 0px 20px 0px; } #billing_address div.item, #shipping_address div.item { margin: 5px 0px; } fieldset#credit_card div.item, fieldset#account_info div.item { margin: 5px 0px 0px 0px; } fieldset#login_info.first-child { margin-bottom: 15px; padding-bottom: 30px; border-bottom: 1px solid #666666; } .part-search label, #parts_search label, #login label { font-weight: bold; } ul.part-finder label, label.optional, #login label, label.required { float:left; font-size:0.6em; /* 16x0.6=9.6px */ list-style-type:none; padding:0px; text-align:left; width:80px; } #express_checkout { } #express_checkout p { float : left; width : 320px; font-size : .6em; margin-bottom : 20px; margin-right : 20px; } #expres_checkout img { float : left; } #account_name { clear : both; } #credit_card label, #billing_address label, #shipping_address label, #account_info label { width: 100px; } #billing_address input, #shippping_address input { width: 200px; } ul.part-finder select, ul.part-finder input, fieldset#parts_search select { list-style-type:none; } ul.part-finder input, fieldset#parts_search select { width: 150px; } form.part-search li { border:0px none; clear:both; list-style-type:none; margin:0px; padding:0px; } #content_home .small { margin: 0px 0px 0px 65px; font-size: .84em; /* 13x.84=11px */ color: #999999; } ul.part-finder input.submit, input#submit { width: 55px; margin: 0px 0px 0px 65px; } fieldset#login_info legend, fieldset#personal_info legend, fieldset#credit_card legend, fieldset#billing_address legend, fieldset#shipping_address legend, fieldset#comment legend, fieldset#account_info legend { font-weight: bold; font-size: 0.84em; /* 13x.84=11px */ padding: 7px 0px 14px 0px; } fieldset#tracking { float: left; margin: 0px; width: 240px; } fieldset#tracking div.item { margin: 0px 0px 0px 0px; padding: 0px; clear: both; } fieldset#tracking legend { display: none; } fieldset#tracking label { line-height: 18px; width: 110px; } fieldset#tracking input { width: 100px; margin: -20px 0px 0px 0px; } div.track { margin: -25px 0px 0px 0px; padding: 83px 0px 0px 85px; width: 130px; height: 150px; float: left; background: url(../images/track_arrow.png) no-repeat; } div.track-option { font-size: .6em; text-align: center; } form#tracking_small_form { padding-top : 10px; padding-bottom : 10px; } fieldset#tracking_small { float: left; margin: 0px; } fieldset#tracking_small div.item { margin: 0; padding: 0; display : inline; } fieldset#tracking_small label { line-height: 18px; width: 110px; } fieldset#tracking_small input { width: 100px; margin: -20px 0px 0px 0px; } div#track_small { float: left; } form p { margin: 0px; padding: 0px; } p.hint { padding: 5px 0px 0px 80px; font-size: .6em; color: #666666; } form .clearfix { clear: both; } input.submit { margin: 0px 0px 14px 0px; } #content_inside input.image { margin-top : 10px; } input#submit_form.first-child.only-child.last-child.image { padding: 0px 0px 10px 0px; } input#track.submit { width: 51px; height: 21px; background: url(../images/btn_track.gif) no-repeat; } input[type="hidden"] { display: none; } hr.sep { margin: 3px 0px 10px 0px; height: 1px; } /*----- pagination -------*/ ul.pagination { width: 550px; margin:10px 0px; padding: 0px; list-style-type: none; float: left; clear:both; } ul.pagination li.previous, ul.pagination li.previous-off { margin: 0px 10px 0px 0px; padding: 0px; float: left; } ul.pagination li.active { margin: 0px 5px 0px 0px; padding: 0px; float: left; color: #333333; } ul.pagination li { margin: 0px 5px 0px 0px; padding: 0px; float: left; } ul.pagination li.next, ul.pagination li.next-off { margin: 0px 0px 0px 10px; padding: 0px; float: left; } /********** Map **********/ #map { width: 259px; height: 267px; background: url(../images/map.png); margin: 0px 0px 10px 0px; padding: 0; position: relative; } #map li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;} #map a {display: block;} #graham {left: 92px; top: 70px; width: 57px; height: 24px;} #tacoma {left: 95px; top: 46px; width: 57px; height: 24px;} #redmond {left: 126px; top: 173px; width: 61px; height: 17px;} #portland {left: 86px; top: 127px; width: 60px; height: 23px;} #albany {left: 86px; top: 153px; width: 53px; height: 17px;} #corvallis {left: 74px; top: 169px; width: 52px; height: 16px;} #eugene {left: 51px; top: 187px; width: 45px; height: 22px;} #springfield {left: 96px; top: 188px; width: 65px; height: 22px;} #graham a {height: 24px;} #tacoma a {height: 24px;} #redmond a {height: 17px;} #portland a {height: 23px;} #albany a {height: 17px;} #corvallis a {height: 16px;} #eugene a {height: 22px;} #springfield a {height: 22px;} #graham a:hover {background: url(../images/map.png) -351px -70px no-repeat;} #tacoma a:hover {background: url(../images/map.png) -354px -46px no-repeat;} #redmond a:hover {background: url(../images/map.png) -385px -173px no-repeat;} #portland a:hover {background: url(../images/map.png) -345px -127px no-repeat;} #albany a:hover {background: url(../images/map.png) -345px -153px no-repeat;} #corvallis a:hover {background: url(../images/map.png) -333px -169px no-repeat;} #eugene a:hover {background: url(../images/map.png) -310px -187px no-repeat;} #springfield a:hover {background: url(../images/map.png) -355px -188px no-repeat;} /*************************************/ /* TODO: give this to Ryan to style */ #site_error { width : 550px; } #site_error h2 { font-size : 180%; color : red; padding-bottom : 3px; } #site_error p { color : red; background : #ccc; padding : 5px; } /*************************************/ /* Cully: maybe this should go in the parts style sheet? */