/* ---------------------------------------------------------------------------- Copyright Creative Giant Design Group, LLC 2008. Used with Permission. May not be duplicated or reproduced. ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } em { font-style: normal; font-weight: bold; } /* global elements * ------------------------------------------------------------------------- */ body { background-color: #414141; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #3a3a3a; text-align: center; } a { color: #d88431; } table { font-family: Arial, Helvetica, sans-serif; font-size: 12px; } td { vertical-align: top; } h1,h2,h3,h4,h5,h6 { color: #515151; font-weight: normal; font-family: Arial, Helvetica, sans-serif; } h1, h2 { font-size: 30px;} h3,h4,h5,h6 { font-size: 20px; margin: 0px;} table h3 { font-size: 15px; } td { vertical-align: top; } textarea, input, table { font-family: Arial, Helvetica, sans-serif; } .blue { color: #5887b4; } .orangebold { color: #d88431; font-weight: bold; } .whitebold { color: #ffffff; font-weight: bold; } .imgright, .alignright { margin: 5px 0px 5px 15px; float: right; clear: both; } .imgleft, alignleft { margin: 5px 15px 5px 0px; float: left; clear: both; } .breadcrumb { font-size: 11px; margin: 0px 0px 8px 0px; padding: 3px 0px 3px 0px; color: #666666; border-width: 1px 0px 1px 0px; border-style: dotted; border-color: #cccccc; } .narrowcolumn { padding-top: 8px; } .entry, .commentlist li { border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #d1d1d1; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; } .learn_more { background: url(../images/btn_learn.gif) no-repeat; width: 82px; height: 20px; display: block; padding: 0px 0px 0px 20px; } .learn_more span { display: none; } /* framework * ------------------------------------------------------------------------- */ #container { margin: 0px; padding: 0px; width: 100%; background: url(../images/top_bg.jpg) top repeat-x; background-color: #ffffff; text-align: center; } #container:after, #page_container:after, #content_area:after, #left_column:after, #right_column:after, #car_finder:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #page_container { margin: 0px auto 0px auto; padding: 0px; width: 960px; text-align: left; background: url(../images/page_bg.gif) repeat-y; } /* top area */ #top_area { width: 960px; height: 116px; background: url(../images/topbar.jpg) top no-repeat; } #top_bar { width: 960px; height: 72px; } #top_bar h1 { display: none; } #nav_area { height: 44px; width: 960px; } #nav { background: url(../images/navbar.jpg) no-repeat; width: 960px; height: 44px; position: relative; margin: 0px; } #nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px;} #nav li, #nav a { height: 44px; display: block; } #nav span { display: none;} #nav_1 { width: 110px; left: 0px;} #nav_2 { width: 81px; left: 110px;} #nav_3 { width: 132px; left: 191px;} #nav_4 { width: 101px; left: 323px;} #nav_5 { width: 103px; left: 424px;} #nav_6 { width: 105px; left: 527px;} #nav_7 { width: 79px; left: 881px;} #nav_1 a:hover { background: transparent url(../images/navbar.jpg) -0px -44px no-repeat;} #nav_2 a:hover { background: transparent url(../images/navbar.jpg) -110px -44px no-repeat;} #nav_3 a:hover { background: transparent url(../images/navbar.jpg) -191px -44px no-repeat;} #nav_4 a:hover { background: transparent url(../images/navbar.jpg) -323px -44px no-repeat;} #nav_5 a:hover { background: transparent url(../images/navbar.jpg) -424px -44px no-repeat;} #nav_6 a:hover { background: transparent url(../images/navbar.jpg) -527px -44px no-repeat;} #nav_7 a:hover { background: transparent url(../images/navbar.jpg) -881px -44px no-repeat;} /* content area */ #content_area { background: url(../images/page_ft.gif) no-repeat bottom; padding: 0px 0px 20px 0px; } #content_area h3 { margin: 0px 0px 0px 0px; } #content_area h4 { margin: 15px 0px 10px 0px; } #content_area .post h4 { margin: 15px 0px 0px 0px; } #content_area p { margin: 10px 0px 15px 0px; line-height: 20px; } #content_hdr { width: 400px; } #comment_container { background-color: #efefef; padding: 10px 15px 10px 15px; margin: 0px 10px 0px 0px; } #comment_container label { float: left; display: block; width: 110px; } #comment_container input { margin-bottom: 5px; } /* parts specials */ .specials td { padding: 15px 5px 15px 0px; border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #d1d1d1; } .categories td { text-align: center; border: 1px dotted #d1d1d1; font-weight: bold; padding: 0px 0px 10px 0px; margin: 10px;} .category_item { margin: 5px; line-height: 18px; } /* left column */ #left_column { width: 259px; color: #ffffff; padding-bottom: 42px; float: left; } #left_column h3, #left_column h4, #left_column h5, #left_column h6 { color: #d8d8d8; } #left_buttons { width: 259px; height: 249px; background: url(../images/feature_btn.gif) no-repeat; } #feature_btn { width: 259px; height: 222px; padding: 14px 0px 0px 9px} #feature_btn li, #feature_btn a { width: 245px; height: 74px; display: block; } #feature_btn span { display: none; } /* Quick Form */ #quick_contact { padding: 29px 20px 10px 20px; background: url(../images/left_top.gif) top no-repeat; } #quick_contact form { padding: 0px 0px 10px 0px; } .quick_select { font-size: 11px; font-weight: bold; color: #000000; width: 219px; height: 20px; margin-bottom: 4px; } .quick_field { font-size: 11px; font-weight: bold; color: #000000; width: 219px; height: 20px; padding: 2px 0px 0px 2px; margin-bottom: 4px; } .quick_text { width: 219px; height: 90px; font-size: 11px; font-weight: bold; color: #000000; padding: 2px 0px 0px 2px; margin-bottom: 4px; } #left_column .info_pod { padding: 15px 20px 15px 20px; font-size: 11px; } #left_column .info_pod p { line-height: 18px; margin: 0px 0px 0px 0px; } /* right column */ #right_column { width: 701px; float: left; } #flash_area { width: 701px; height: 249px; background: url(../images/flash_bg.gif) no-repeat; } #right_column .info_pod { padding: 20px 0px 0px 24px; } #partsbox { width: 320px; border: 1px #dcdcdc solid; background-color: #f5f5f5; margin: 15px 0px 15px 15px; font-size: 11px; line-height: 18px; clear: both; } #partsbox td { padding: 0px 12px 0px 12px; } #partboxtitle { font-size: 12px; background-color: #dcdcdc; font-weight: bold; height: 32px; vertical-align: middle; } .price { color: #d88431; font-size: 13px; font-weight: bold; } .partname { font-size: 13px; font-weight: bold; } #graybox { padding: 10px 13px 10px 13px; background-color: #efefef; margin: 15px 0px 0px 13px; font-size: 11px; } #sub_content { background: url(../images/subcontent_bg.jpg) no-repeat top; padding: 15px 0px 0px 24px; } #sub_content li li { background: url(../images/bullet.gif) no-repeat 0px 5px; padding-left: 20px; line-height: 25px; font-weight: bold; } #sub_content li li li { background: none; padding: 0px; font-weight: normal; font-size: 11px; line-height: 18px; } /* Parts */ #car_finder { width: 675px; margin: 20px 0px 20px 0px; height: 172px; padding: 40px 0px 0px 0px; background: url(../images/bg_partsfinder.gif) no-repeat top left; } #car_finder #form_container { float: left; } #form_container form { padding: 14px 0px 10px 20px; text-align: right; } #form_container form span { font-size: 11px; } #form_container label { float: left; width: 100px; margin: 1px 0px 0px 0px; font-weight: bold; text-align: right;} #car_finder #info { float: left; width: 270px; } #sub_content .productdisplay { line-height: 18px; border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #d1d1d1;} #sub_content .prodtitles { font-size: 14px;} #sub_content .imagecol { padding-top: 4px; } #sub_content .wpsc_description p, #sub_content .wpsc_extras_forms p { font-size: 11px; margin: 0px; padding: 0px; } #sub_content .wpsc_product_price p { margin: 0px; padding: 5px 0px 0px 0px; } #sub_content .pricedisplay { font-weight: bold; } #contact_form { border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #d1d1d1; margin: 10px 0px 10px 0px; padding: 15px 0px 10px 0px; } #contact_form label { display: block; float: left; width: 250px; text-align: right; padding-right: 10px; font-size: 11px; } /* Contact Form */ #contact_page { width: 400px; margin: 0px auto 0px auto; text-align: right; margin: 0px 200px 0px 0px; } .lrg_field { width: 250px; height: 22px; margin: 0px 0px 3px 0px; font-size: 11px; padding: 0px 0px 0px 3px; vertical-align: text-top; } .lrg_textarea { width: 250px; height: 100px; margin: 0px 0px 6px 0px; font-size: 11px; padding: 0px 0px 0px 3px; vertical-align: text-top; } #footer_bar { background: url(../images/footer_bg.jpg) top repeat-x; margin: 0px; padding: 0px; width: 100%; text-align: center; } #footer { width: 960px; background: url(../images/footer_img.gif) no-repeat 0px top; height: 180px; padding: 10px 0px 20px 0px; margin: 0px auto 0px auto; text-align: left; font-size: 11px; color: #919191; } #foot_wrap { padding: 0px 0px 0px 265px; color: #cfcece } #footer a { color: #cfcece; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer ul { float: left; margin: 20px 15px 0px 15px; line-height: 18px; } #copyright { float: right; text-align: right; line-height: 18px; margin: 20px 0px 0px 15px; } /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { visibility: hidden; } .sIFR-hasFlash #left_column h2 { visibility: hidden; } .sIFR-hasFlash #left_column h3 { visibility: hidden; } .sIFR-hasFlash h5#pullquote { visibility: hidden; }