@charset "utf-8"; /* CSS Wilson Niblett Performance Corvette - Jane Hay */ body { font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center; margin: 0px; padding: 0px; background: #000000 url(../images/nav/bg.jpg) center top repeat-y;} html, body { /* saves you from the "centering jump" on short pages */ min-height: 100%; margin-bottom: 1px;} a img { border: 0 none;} a:link { color: #993300; text-decoration: underline;} a:visited { color:#993300; text-decoration: underline;} a:hover { color:#000000; text-decoration: underline;} a:active { text-decoration: none;} p { font-size: 1.2em; line-height: 1.5em;} h1 { font-size: 1.6em; font-weight: bold;} h2 { font-size: 1.4em; font-weight: bold;} h3 { font-size: 1.3em; font-weight: bold;} /*ul { font-size: 1.2em; line-height:1.8em; font-family: Arial, Helvetica, sans-serif;} */ /* ============ Wrap Container Styles ============ */ #wrap { text-align: left; margin: 10px auto; width: 980px; background: url(../images/nav/wrap_bg.gif) repeat-y center top;} #wrap_left { text-align: left; margin: 10px auto; width: 980px; background: url(../images/nav/wrap_left.gif) repeat-y -1px top;} #wrap_blank { text-align: left; margin: 10px auto; width: 980px; background: url(../images/nav/wrap_blank.gif);} /* ============ Tech Wrap 800 ============ */ #wrap_800 { text-align: left; margin: 10px auto; width: 800px; background: #ffffff;} /* ============ Date Styles ============ */ #date { height: 18px; text-align: right; padding: 10px 10px 0 0; background: url(../images/nav/bg.jpg) repeat-y center top; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF;} #date a:link {color: #ffffff; text-decoration: underline;} #date a:visited {color:#ffffff; text-decoration: underline;} #date a:hover {color:#ff3300;text-decoration: underline;} #date a:active {text-decoration: none;} .calendar {font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; color: #ffffff; float: left; padding-left: 40px;} /* ============ Header Styles ============ */ #header { padding: 0px; width: 980px; height: 250px; } #logo { z-index: 1; height: 200px; width: 400px; position: relative; float: left; margin-left: 10px; padding: 0px; background-image: url(../images/nav/logo.png); top: auto; left: -1px; } .head1 { background-image: url(../images/nav/header1.jpg)} .head2 { background-image: url(../images/nav/header2.jpg)} .head3 { background-image: url(../images/nav/header3.jpg)} .head4 { background-image: url(../images/nav/header4.jpg)} .head5 { background-image: url(../images/nav/header5.jpg)} .head6 { background-image: url(../images/nav/header6.jpg)} .head7 { background-image: url(../images/nav/header7.jpg)} .head8 { background-image: url(../images/nav/header8.jpg)} .head9 { background-image: url(../images/nav/header9.jpg)} .head10 { background-image: url(../images/nav/header10.jpg)} .head11 { background-image: url(../images/nav/header11.jpg)} .head_callaway { background-image:url(../images/nav/callaway_head.jpg)} /* ============ Header 800 Style ============ */ #header_800 { padding: 0;width: 800px;} /* ============ Header Phone Number Style ============ */ #header_phone { width: 440px; height: 24px; float: right; margin-top: 225px; font-size: 1.4em; font-family: Arial, Helvetica, sans-serif; text-align: right; color: #333333; padding-right: 20px; padding-left: 10px;} /* ============ Menu Background Styles ============ */ #menu { background: url(../images/nav/menu.jpg) no-repeat; height: 34px; padding-bottom: 6px; font-size: 1.2em; font-family: Arial, Helvetica, sans-serif;} #menu_left { background: url(../images/nav/menu_left.jpg) no-repeat; height: auto; padding-bottom: 8px; font-size: 1.2em; font-weight: bold; font-family: Arial, Helvetica, sans-serif;} #menu_blank { background: url(../images/nav/menu_blank.jpg) no-repeat; height: auto; padding-bottom: 8px; font-size: 1.2em; font-weight: bold; font-family: Arial, Helvetica, sans-serif;} /* ============ Main Container Styles ============ */ #main_content { width: 980px; margin: 0; padding: 0;} /* ============ Content Styles ============ */ #content { width: auto; margin: 0 220px 0 240px; padding: 0;} #content_client_care { width: auto; margin: 10px 0px 20px; text-align: left; height: 100%; padding: 0px 40px;} #content_centre { width: auto; margin: 0 220px 0 240px; padding: 0 0 0 15px; text-align: center;} #content_logos { width: auto; margin: 0px; padding: 0px 40px; text-align: center; height: 100%;} #content_logos p { font-size: 1.3em;} #content_centre h1 { font-size: 1.6em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; padding: 0 0 0 10px; text-align: left;} #content p { font-size: 1.2em; line-height: 1.8em; padding: 0 20px;} #content h1 { font-size: 1.6em; font-weight: bold; padding: 0 0 10px 0;} #content h2 { font-size: 1.4em; font-weight: bold; padding: 0 0 0 10px;} #content a:link { color:#993300; text-decoration:underline;} #content a:visited { color:#993300; text-decoration:underline;} #content a:hover { color:#000000; text-decoration: underline;} #content a:active { background: #fff; text-decoration: underline;} #content ul { font-size: 1.2em; line-height: 1.8em; list-style-type:disc;} /* ============Content Right=========== */ #content_right { float: right; width: 720px; margin-top: 20px; padding: 0 10px 0 0;} #content_right h1 { font-size: 1.6em; font-weight: bold; } #content_right p { font-size: 1.2em; line-height: 1.8em; padding: 0 30px;} #content_right ul { font-size: 1.2em; line-height: 1.8em; list-style-type:disc; } /* ============ Content 800 styles ============ */ #content_800 { width: 720px; padding: 0 40px; margin: 0; background: #ffffff;} #content_800 p { font-size: 1.2em; line-height: 1.8em; text-align: left; margin: 0 30px;} /* ============Left Gallery Styles ============ */ #content_left { width: 100%; margin: 0px; padding: 0px; text-align: left;} #content_left h1 { font-size: 1.6em; font-weight: bold; padding: 0 0 0 260px;} /* ============Image Gallery Styles ============ */ #pic { font-size: 1.1em; left: 0px; position: relative; top: 0px; width: 180px; height: 180px; float: left; padding: 10px 20px 5px 40px; } #pic a:link { color: #333333; border: 0 none;} #pic a:visited { color: #999999; border: 0 none;} #pic a:hover { color: #CC3300; border: 0 none; background-color: #FFFFFF; text-decoration: underline;} #pic a:active { color: #666666;} .thumbnail { position: relative; z-index: 0;} .thumbnail:hover { background-color: #FFFFFF; border: none; z-index: 50;} .thumbnail span { /*CSS for enlarged image*/ position: absolute; padding: 2px; left: -1000px; border: 1px solid gray; visibility: hidden; color: black; text-decoration: none; background-color: #FFFFFF;} .thumbnail span img { /*CSS for enlarged image*/border-width: 0; padding: 2px; background-color: #FFFFFF;} .thumbnail:hover span { /*CSS for enlarged image on hover*/ visibility: visible; top: -100px; left: 160px; /*position where enlarged image should offset horizontally */} /* ============ Image Gallery Information Styles ============ */ #info { margin-left: 20px; padding: 20px 20px 20px 10px;} #info h2 { font-size: 1.2em; font-weight: bold; padding-left: 220px;} #info p { font-size: 1.2em; padding: 0 20px 20px 0px;} #info p.price { font-size: 1.3em; font-weight: bold; color:#990000;} #info a:link { color: #333333;} #info a:visited { color: #999999;} #info a:hover { color: #CC3300; border: 0; background-color: #FFFFFF; text-decoration: underline;} #info a:active { color: #666666;} #center { width: 190px; float: left; padding-right: 20px; } /* ============ left sidebar styles ============ */ #left { font-size: 1.2em; line-height: 1.5em; width: 230px; float: left; margin: 20px 0; padding: 0 0 0 5px; text-align: center;} #left h3 { font-size: 1.3em; font-weight: bold; margin: 0px; padding: 0px;} #left p { padding: 0 20px; text-align: left;} #left a:link { font-size: 1.3em; font-style: italic; color: #993300; text-decoration: none;} #left a:visited { font-size: 1.3em; font-style: italic; color:#993300; text-decoration: none;} #left a:hover { font-size: 1.3em; font-style: italic; color:#000000; text-decoration: underline;} #left a:active { font-size: 1.3em; font-style: italic; background: #fff; text-decoration: none;} #left ul { text-align: left; font-size: 1.1em; line-height: 1.3em; list-style-position: outside; list-style-type: disc; width: 145px;} /* ============Right Sidebar=========== */ #right { text-align: center; float: right; width: 210px; padding: 0 5px; margin: 25px 0 0 0;} #right a:link { font-size: 1.3em; font-style: italic; color: #993300; text-decoration: none;} #right a:visited { font-size: 1.3em; font-style: italic; color:#993300; text-decoration: none;} #right a:hover { font-size: 1.3em; font-style: italic; color:#000000; text-decoration: underline;} #right a:active { font-size: 1.3em; font-style: italic; background: #fff; text-decoration: none;} #right p { padding: 0 5px; text-align: left;} #right h3 { font-size: 1.3em; font-weight: bold; margin: 0px; padding: 0px;} /* ============Footer Styles=========== */ #footer { width: 980px; margin: 0px; padding: 0; height: 93px; background: url(../images/nav/footer.jpg);} #footer_left { width: 240px; float: left; text-align: center; margin: 0px; padding: 20px 0px 0px;} #footer_right { text-align: right; width: 740px; margin: 0px; padding: 15px 0 0 0; float: right;} #footer_right p { font-size: 1.1em; line-height: 1.8em; text-align: right; margin-right: 20px;} /* ============footer 800 style=========== */ #footer_800 { width: 800px; margin: 0; padding: 0; height: 100px; background: url(../images/nav/footer_800.gif);} #footer_800_right { width: 580px; text-align: right; margin: 0px; padding: 10px 20px 0 0; float: right;} .brclear { clear:both; height:0; margin:0; font-size: 1px; line-height: 0px;} .highlight { font-size: 1.3em; font-weight: bold; font-style: italic; color: #333333;} .sold { background: url(../images/nav/sold.gif) no-repeat scroll; z-index: 2; background-position: 100px;} .special { border: 1px solid #666666; margin-right: 10px; background-color: #FFFFFF;} .hybrid { font-size: 3em; font-weight: bold; color: #CC0000; text-transform: uppercase;} .zo6 { font-size: 1.6em; font-style: italic;} .line { margin-left: 140px; } /* ================== Hours of Operation Styles ================== */ .hours_operation { border: solid 1px #B2B2B2;} .hours { margin: 0px; text-align: center; padding: 4px 0; border-collapse: collapse; border-bottom: 1px solid #b2b2b2;} .day { text-align: left; padding: 2px 0px 2px 3px; border-right: 1px solid #b2b2b2; border-bottom: 1px solid #b2b2b2;} .title { font-size: 1.3em; font-weight: bold; text-align: center; margin: 0px; padding: 3px 0px 4px; border-bottom: 1px solid #b2b2b2; background: url(../images/nav/hours_title.jpg) top repeat-x; } .service_title { font-size: 1.4em; font-weight: bold; text-align: center; background-image: url(../images/nav/hours_title.jpg); margin: 0px; padding: 4px 0px;} /*.service_subtitle { font: bold 13px Verdana, Arial, Helvetica, sans-serif; text-align: left; }*/ .parts_img { vertical-align: middle; margin: 0px; padding: 2px; width: 115px; text-align: center;} .parts_description { font-size: 1.2em; line-height: 1.8em; vertical-align: top; border-bottom: 1px dashed #ccc; padding: 5px 15px;} .onOrder { font-size: 1.3em; font-style: italic; font-weight: bolder; color: #CC3300;} /*----------- contact styles -----------*/ .contact { font-size: 1.2em; line-height: 18px; border: 2px solid #CCCCCC; text-align: left; } .contact { text-align: left; width: 495px; } .contact_name { padding: 3px 3px 3px 10px; border-bottom: 1px solid #cccccc;} .contact_subtitle { font-size: 1.3em; font-weight: bold; padding: 3px; border-bottom: 1px solid #cccccc; } .contact_title { font-size: 1.6em; font-weight: bold; } .contact_address { padding: 3px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc;} .contact_row1 { background-color: #E8E8E8; padding: 0; margin: 0;} .contact_row2 { background: #ffffff; padding: 0; margin: 0;} /* ================== client care ================== */ .client_care { color: #000033; text-align: left;padding: 0 10px; margin: 0px;font: 12px Arial, Helvetica, sans-serif;} .green { font-size: 1.6em; color: #006600; font-weight: bolder;} .blue { font-size: 1.6em; color: #003366; font-weight: bolder;} .red { font-size: 1.6em; color: #CC0033; font-weight: bold; text-decoration: underline;} .red_free { font-size: 1.6em; font-weight: bold; font-style: italic; color: #CC0033; text-decoration: none;} .thank_you { font-size: 2.8em; font-weight: bolder; text-align: left; color: #006600;} /* =============== FLOAT ================== */ .fltlft { float: left; margin: 0px 8px; } .fltright { float: right; margin: 0px 8px; } /* =============== Callaway Styles ================== */ #standard_equipment { width: 45%; padding: 0px 10px; float: left; } #callaway_content { padding: 0 10px;} #callaway_content h1 { font-size: 1.6em; font-weight: bold; } #callaway_content h2 { font-size: 1.4em; font-weight: bold;} .callaway_info { width: 100%; text-align: left; margin-bottom: 20px;} .callaway_subtitle { border-bottom: 1px solid #ccc; text-align: left; padding: 10px;} .callaway_info h2 { font-size: 1.4em; font-weight: bold;} .callaway_option_left { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; width: 50%; padding: 5px 0 5px 10px;} .callaway_option_right { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; width: 50%; padding: 5px 0 5px 10px;} .callaway_option h2 { font-size: 1.4em; font-weight: bold;} #performance { width: 40%; float: left;} .callaway_performance { border: 1px solid #CCCCCC; text-align: center; margin: 0px; padding: 0px;} .callaway_performance_title { border-bottom: 1px solid #CCCCCC; padding: 5px; width: 100%; text-align: center;} .callaway_performance_subtitle { border-bottom: 1px solid #CCCCCC; padding: 3px 0 3px 0;} .callaway_performance_specsl { border-right: 1px solid #CCCCCC; padding: 3px 0 3px 0;} .callaway_performance_specsr { border-left: 1px solid #CCCCCC; padding: 3px 0 3px 0;} .callaway_performance_footer { border-top: 1px solid #CCCCCC; width: 100%; text-align: center;} .callaway_standard_equip { font-size: 1.2em; line-height:1.8em; text-align: center; padding: 5px; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;} #standard_equip_details { margin: 0; padding: 5px; width: 320px;} #standard_equip_details ul { list-style-position: outside; list-style-image: none; list-style-type: none; text-indent: -20px;} #standard_equip_details ul li { margin: 0px; padding: 0px;} .callaway_equip_img { padding: 10px; float: left;} .callaway_intro_img { padding: 8px; } .callaway_intro2010 { text-align: center; width: 100%;} .callaway_580 { padding: 0 2px; text-align: center;} .callaway_606 { padding: 0 2px; width: 255px; text-align: center;} .callaway_652 { padding: 0 2px; text-align: center;} .center { text-align: center;width: 100%;} .spacer { height: 1.25em;} .bar_800 { width: 800px; background:url(../images/nav/bar_800.jpg) repeat-x;} .techregister { border: solid 2px #990000; width: 390px; margin: 0 20px 0 40px; background-color: #F1E9CF;} .address { font-size: 1.3em; line-height:1.8em;} /* [if IE]>