/* CSS 4 Huttig.com by Ben Voran @ ER Marketing RESET adapted from http://devkick.com/lab/tripoli/ */ *{text-decoration:none;font-size:1em;outline:none;}code,kbd,samp,pre,tt,var,textarea,input,select,isindex,listing,xmp,plaintext{font:inherit;white-space:normal}a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym{border-width:0}dfn,i,cite,var,address,em{font-style:normal}th,b,strong,h1,h2,h3,h4,h5,h6,dt{font-weight:400}caption,th,td{text-align:left}html{background:#FFF;color:#000;line-height:1;font-family:arial, sans-serif}/* \*/html{font-family:sans-serif}/* */q{quotes:"\201C""\201D""\2018""\2019"}ul,ol,dir,menu{list-style:none}sub,sup{vertical-align:baseline}a{color:inherit}/* _______________________________ DISABLE DEPRECATED HTML */ font,basefont{color:inherit;font:inherit;font-size:100%}center,*[align]{text-align:inherit}s,strike,u{text-decoration:inherit}img{border:none;margin:0}ol{list-style-type:decimal}body{background-color:transparent}tr,th,td{width:auto;height:auto;background-color:transparent;vertical-align:top;border:none}table[border],.content table[border]{border-collapse:separate;border-spacing:0}nobr{white-space:normal}marquee{overflow:visible;-moz-binding:none}blink{text-decoration:none}/* _______________________________ GENERAL */ html{font-size:125%}body{font-size:50%}a{text-decoration:underline}strong,th,thead td,h1,h2,h3,h4,h5,h6,dt{font-weight:normal}cite,em,dfn{font-style:italic}code,kbd,samp,pre,tt,var,input[type='text'],input[type='password'],textarea{font-size:100%;font-family:mono-space,monospace}pre{white-space:pre}pre *{font-size:100%;white-space:pre}del{text-decoration:line-through}ins,dfn{border-bottom:1px solid #000}small,sup,sub{font-size:85%}big{font-size:125%;line-height:80%}abbr,acronym{text-transform:uppercase;font-size:85%;letter-spacing:.1em}abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #000}sup{vertical-align:super}sub{vertical-align:sub}blockquote{padding-left:2.2em}hr{display:none/* We will re-reset it later for content */}:lang(af),:lang(nl),:lang(pl){quotes:'\201E' '\201D' '\201A' '\2019'}:lang(bg),:lang(cs),:lang(de),:lang(is),:lang(lt),:lang(sk),:lang(sr),:lang(ro){quotes:'\201E' '\201C' '\201A' '\2018'}:lang(da),:lang(hr){quotes:'\00BB' '\00AB' '\203A' '\2039'}:lang(el),:lang(es),:lang(sq),:lang(tr){quotes:'\00AB' '\00BB' '\2039' '\203A'}:lang(en-GB){quotes:'\2018' '\2019' '\201C' '\201D'}:lang(fi),:lang(sv){quotes:'\201D' '\201D' '\2019' '\2019'}:lang(fr){quotes:'\ab\2005' '\2005\bb' '\2039\2005' '\2005\203a'}*[lang|='en'] q:before{content:'\201C'}*[lang|='en'] q:after{content:'\201D'}*[lang|='en'] q q:before{content:'\2018'}*[lang|='en'] q q:after{content:'\2019'}input,select,button{cursor:pointer}input[type='text'],input[type='password']{cursor:text}input[type='hidden']{display:none}/* _______________________________ CONTENT */ .content{font-size:.8em;line-height:1.2em}.content h1{font-size:1.6em;line-height:1;margin:1em 0 .5em}.content h2{font-size:1.5em;line-height:1;margin:1.07em 0 .535em}.content h3{font-size:1.4em;line-height:1;margin:1.14em 0 .57em}.content h4{font-size:1.3em;line-height:1;margin:1.23em 0 .615em}.content h5{font-size:1.2em;line-height:1;margin:1.33em 0 .67em}.content h6{font-size:1em;line-height:1;margin:1.6em 0 .8em}.content hr{display:block;background:#000;color:#000;width:100%;height:1px;border:none}.content ul{list-style:disc outside}.content ol{list-style:decimal outside}.content table{border-collapse:collapse}.content hr,.content p,.content ul,.content ol,.content dl,.content pre,.content address,.content table,.content form{margin-bottom:1.6em}.content p+p,.content p+ul,.content ul+ul,.content p+ol,.content ol+ol{margin-top:-.8em}.content fieldset{margin:1.6em 0;padding:1.6em}/* \*/.content legend{padding-left:.8em;padding-right:.8em}/* *//* for Opera 8 */@media all and min-width 0px{.content legend{margin-bottom:1.6em}.content fieldset{margin-top:0}.content[class^='content'] fieldset{margin-top:1.6em}}.content fieldset>*:first-child{margin-top:0}.content textarea,.content input[type='text']{padding:.1em .2em}.content input{padding:.2em .1em}.content select{padding:.2em .1em 0}.content select[multiple]{margin-bottom:.8em}.content option{padding:0 .4em .1em}.content button{padding:.3em .5em}.content input[type='radio']{position:relative;bottom:-.2em}.content dt{margin-top:.8em;margin-bottom:.4em}.content ul,.content ol{margin-left:1em; padding-left:1em; list-style:}.content li{ margin-bottom:.8em}.content caption,.content form div{padding-bottom:.8em}.content ul ul,content ol ul,.content ul ol,content ol ol{margin-bottom:0}/* _______________________________ VISUAL PLUG */ blockquote{color:#666}blockquote > *:first-child:before /* Tripoli bonus: pure CSS blockquote */{content:"\201C";font-size:2.5em;margin-left:-.62em;font-family:georgia,serif;padding-right:.2em;color:#aaa;line-height:0}abbr[title],acronym[title],dfn[title]{border-bottom:1px solid #ccc}ins,dfn{border-bottom-color:#666}del{color:#666}fieldset{border-color:#ccc}textarea,input[type='text'],input[type='password'],select{border:1px solid #ccc;background:#fff}fieldset{border:1px solid #ccc}textarea:hover,input[type='text']:hover,input[type='password']:hover,select:hover{border-color:#aaa}textarea:focus,input[type='text']:focus,input[type='password']:focus,select:focus{outline:2px solid #e4e4e4;border-color:#888}.content hr{background:#aaa;color:#aaa}.content table{/*border-top:1px solid #ccc;border-left:1px solid #ccc*/}.content th,.content td{/*border-bottom:1px solid #ddd;border-right:1px solid #ccc*/}.content th,.content td{padding:.8em}a:link{color:#f05b30}a:visited{color:#f05b30}a:hover,code,pre{color:#f05b30}a:active,.a:focus{color:#000}/* _______________________________ TYPE PLUG */ .alt{font-family:Georgia, serif;font-style:italic;font-weight:400}.dquo{margin-left:-.55em}/* _______________________________ RESET END */ /* _______________________________ _______________________________ Global Style _______________________________ */ #browserAlert { display:none; } #jsAlert { background:#ffc7c8;} #jsAlert p { margin:0; padding:10px;} html { background:#f6f6f6; overflow-y:scroll; } body { margin:0; text-align:center; font-family: Helvetica, Arial, sans-serif; font-size:.8em; color:#333; height:auto; } form { margin:0; background-color:transparent; } /* _______________________________ _______________________________ Layout Style _______________________________ */ #topmenu { background:#444; height:40px; padding-top:10px; line-height:30px; vertical-align:middle; vertical-align:middle; color:#eee; overflow:hidden; } #topmenu a:link, #topmenu a:active, #topmenu a:visited { color:#eee; text-decoration:none; padding:0 10px 0; } #topmenu a:hover, #topmenu a.active { color:#f05b30; } #topmenu a + #topmenu a { padding:0 10px; } #topmenu input { float:right; display:inline; background:#666 url(../img/search-field.png) no-repeat; border:none; width:178px; height:17px; color:#ccc; font-size:.8em; line-height:1em; margin:3px 280px 0 0; vertical-align:middle; padding:6px 15px 2px 10px; font-family: Helvetica, Arial, sans-serif; } #search-controls { position:absolute !important; top:70px; left:0; right:0; z-index:1; font-size:.8em; color:#999; text-align:center; min-width:980px } #search-controls-wrap { width:710px; padding-right:260px; padding-left:10px; margin:0 auto; text-align:left; position:relative !important; } #search-controls-wrap div { line-height:2em; vertical-align:middle; height:2em; clear:left;} #search-controls label { color:#CCC; font-size:1em; } #search-controls label.small { font-size:11px; } #search-controls label.big { font-size:1.2em; } #search-controls #whocarry, #search-controls #branchmap { border-top:1px solid #444; padding-top:5px; margin-top:10px; line-height:120%;} #search-controls #branchmap { padding-top:10px;} #search-controls #whocarry table { width:100%} #search-controls #whocarry td { text-align:right; padding:2px 0;} #search-controls #branchmap a { text-decoration:none; background:url(../img/map-icon.png) no-repeat; padding:3px 0 3px 30px; display:inline-block; text-decoration: none; line-height: 1; } #search-controls #branchmap a:hover { color:#fff } #search-controls input#zipcode { background:#666; border:1px solid #999; width:80px; vertical-align:middle; padding:4px 3px 3px 3px; color:#ccc; font-size:.9em; line-height:1em; vertical-align:middle; font-family: Helvetica, Arial, sans-serif; } #search-controls input#btnSubmit { float:right; background:#f05b30; color:#333; font-weight: bold; padding:4px; vertical-align:middle; border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; } #search-controls span.radio {background: url(../img/checkbox.png) no-repeat -14px 0px; height:13px; width:14px; margin-right:10px; display:inline-block; text-decoration: none; font-weight: bold; line-height: 1; position: relative; cursor: pointer; } #search-controls span.checkbox {background: url(../img/checkbox2.png) no-repeat -12px 0px; height:12px; width:12px; margin-right:10px; display:inline-block; text-decoration: none; font-weight: bold; line-height: 1; position: relative; cursor: pointer; } #slidebg { background:#333;} #slidewrap { position:relative; z-index:100; } #content { background:#e1e1e1; } #sub-right { float:right; display:inline; width:300px; padding:.6em 0 2em 3.4em; margin:1.6em 0 2em 3em; border-left:1px dashed #e5e5e5; } #pagefeature { float:right; display:inline; padding:1.5em; margin:-2em 1em 2em 3em; background:#F2F2F2; /*border-left:1px solid #eee; border-right:1px solid #eee;*/ border-top:1px solid #fff; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); position:relative; } #slidewrap #pagefeature p, #slidewrap #pagefeature p + p { margin-top:0.8em; margin-bottom:.5em;} #slidewrap #pagefeature h2, #slidewrap #pagefeature h3 { margin-top:.5em; margin-bottom:.5em; color:#f05b30} #content2 { background-color:#eee; } #news { float:left; width:235px; height: 100px; padding:15px 15px; font-size:1em; border:solid #ccc; border-width:0px 1px 0px 1px; margin: 10px; } #news h3 { margin:0 0 10px 0; } .content #news td { padding: 0 0.8em 0 0; } #ad { float:left; width:380px; padding: 25px 10px 20px 0; } #ad .button { width: 80px; text-align: center; margin-bottom: 10px; } #ad img { display:block;} #ad-history { float:left; padding: 20px 0 20px 20px; } #content3 { background-color:#f2f2f2; } #content4 { background-color:#f6f6f6; margin:0; } #footer { background-color:#f6f6f6; } #footer .extcenter { padding:20px 0 10px 0; font-size:.8em; line-height:1em;} /* _______________________________ _______________________________ Main Navigation _______________________________ */ #menu { background:#fff; padding:10px 0; } #menu a#locator-tab:link, #menu a#locator-tab:active, #menu a#locator-tab:visited { display:block; background: #fff url(../img/locator-tab.png) no-repeat; font-size:.8em; line-height:41px; vertical-align:middle; text-indent:70px; overflow:hidden; width:236px; height:41px; float:right; right:50%; margin-right:-480px; top:-51px; clear:right; position:absolute; z-index:101; text-decoration:none; color:#666; } #menu a#locator-tab:hover { color:#f05b30;} #menu #locator-tab span { background:url(../img/triangle.png) no-repeat right center; padding-right:10px} #menu h1 { float:left; margin:0; padding:5px 0 0 15px; } #menu h1 img { padding-top:0;} #menu ul { float:right; margin:0; padding:0; list-style:none; } #menu ul li { float:left; overflow:hidden; margin:0; padding:0 0 0 15px; border-left:1px solid #e3e3e3; list-style:none; font-size:1.2em; min-height:65px; } #menu ul li:first-child { border-left:none; } #menu ul li.who { width:150px; } #menu ul li.how { width:210px; } #menu ul li.advantage { width:215px; } #menu ul li.products { width:120px; } #menu li a:link, #menu li a:active, #menu li a:visited { float:left; overflow:hidden; text-decoration:none; padding:5px 0; line-height:1.4em; color:#333; } #menu li a:hover, #menu li a.active { color:#f05b30; } #menu li a span { display:block; font-size:.7em; line-height:1em; color:#777; } /* _______________________________ _______________________________ Sub Navigation _______________________________ */ .content ul.subnav { display:block; list-style:none; margin:0; padding:0; overflow:hidden; } .content ul.subnav li { list-style:none; float:left; display:inline; padding:.7em .9em .7em .9em; background:url(../img/sep.gif) right center no-repeat; margin:0; font-size:12px; font-weight:bold } .content ul.sub li { font-weight:normal } .content ul.subnav li.last { background:none; } ul.subnav a:link, ul.subnav a:active, ul.subnav a:visited, ul.sub a:link, ul.sub a:active, ul.sub a:visited { color:#333; text-decoration:none; } ul.subnav a:hover, ul.sub a:hover, ul.subnav a:hover, ul.subnav a.active { color: #f05b30; } /* _______________________________ _______________________________ Slider & Audience Selection _______________________________ */ #right-col { position: absolute; right:0px; top:0px; width:170px; padding: 10px 0 10px 0; } #selection { overflow:hidden; width:765px; } #intro { float:left; width:142px; height:310px; vertical-align:baseline; padding:0px 15px 0 20px; background:#fff; } /* .content #intro a.history { color:#ffffff; padding:65px 10px 0 0; font-size:1.1em; display:block; text-align:center; text-decoration:none; text-transform:capitalize } */ .content #intro a.history:hover { color:#f05b30; } .content #intro h2 { color:#f05b30; margin:25px 0 10px 0; font-size:24px; } .content #intro p { font-size:15px; line-height:18px; margin-top:.2em; color: #333} #selection .aud { float:left; width:194px; height:310px; overflow:hidden; font-size:1.2em; border:1px solid #E5E5E5; border-bottom:none; text-decoration:none; } #dealer { background:url(../img/dealer.jpg) top center no-repeat; } #pro { background:url(../img/pro.jpg) top center no-repeat; } #consumer { background:url(../img/consumer.jpg) top center no-repeat; } #selection .aud:hover { border:1px solid #f05b30; border-bottom:none; text-decoration:none;} #selection .aud b { display:block; height:163px; margin:295px 0 0 0; padding:34px 15px; background:url(../img/aud-info-bg.png) top center no-repeat; color:#eee; } #bottom-bar { background:url(../img/bar-bg.png) top left no-repeat; height:35px; padding-left:175px; font-size:1.2em; font-weight:bold } #bottom-bar b { display:block; float:left; width:193px; line-height:35px; height:35px; vertical-align:middle; color:#eee; text-align:center; } /* _______________________________ _______________________________ My Huttig _______________________________ */ #myhtg-popup { background:url(../img/myhtg-popup.png); width:193px; height:246px; position:absolute; top:-200px; left:175px; z-index:2000; display:none; } #myhtg-popup a { text-decoration:none; display:block; width:40px; height:40px; margin-left:auto} #myhtg-popup p { margin:10px 25px 40px 28px; padding:0; font-size:1.1em; line-height:1.5em; } #myhtg-popup p span.mycity { font-weight:bold; color:#f05b30; } #myhtg-popup p span.mybranch { font-weight:bold; color:#f05b30; } #myhtg { background:url(../img/myhtg.jpg) no-repeat; margin-bottom: 15px; width:140px; height:91px; padding:45px 15px 0 15px; text-align:center; overflow:hidden; font-size:1em; } #myhtg.cc { height:inherit; background:transparent none; margin:10px 0 10px 40px; padding:0 15px 0 15px; width: 320px} #myhtg.cc img { float: left; margin-top: 5px; margin-right: 10px } #not-htg { float: right; width:100%; display:inline; padding-top:15px; } /* #branch { float:right; background:#da4228 url(../img/mybranch-bg.png); width:154px; height:38px; color:#eee; line-height:38px; vertical-align:middle; text-decoration:none;} */ /* #branch span { color:#999999 } */ /* _______________________________ _______________________________ Branch Style _______________________________ */ #branch-area a:link, #branch-area a:visited, #branch-area a:active { color:#FFF; text-decoration:none; } #branch-area a:hover { text-decoration:underline; } a.linecard { display:block; background:#e5452a; border:1px solid #ccc; width:180px; } a.linecard span { display:block; border:1px solid #fff; text-align:center; padding:5px; color:#FFF; } #branch-area { overflow:hidden; background:#7e0c00 url(../img/branch/area-bg.png) repeat-x; color:#eee } #branch-area table, #branch-area tr, #branch-area td {border:none; margin-bottom:0;} #branch-area h2 { font-size:3em; text-transform:uppercase; margin-top:0; } #branch-area h3 { font-size:1.5em; margin-top:10px; font-weight:bold} #branch-area ul { margin-left:15px; padding-left:0; font-size:1.3em;} #branch-area .more { float:right; background: #9a2424 url(../img/branch/area-bg.png) center repeat-x; display: inline; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; border: 1px solid #9a2424; cursor: pointer;} #branch-area #binfo { float:left; display:inline; overflow:hidden; font-size:1.2em;} #branch-area #ctl00_ContentPlaceHolder1_gen { margin:0 0 1.5em 0; } #branch-area #ctl00_ContentPlaceHolder1_gen p { margin:.8em 0 0 0; } #branch-area2 { padding:10px 0; } #branch-area2 table, #branch-area2 tr, #branch-area2 td {border:none; margin-bottom:0;} #branch-area2 strong { font-size:1.3em } /*#branch-area2 p { margin-bottom:0;}*/ #branch-area2 ul { margin-left:15px; padding-left:0;} #gm-spot { float:left; background:#670302 url(../img/branch/gm-branch-bg.png) no-repeat; width: 532px; height:100px; display:inline; margin-top:10px; color:#FFF; position:relative; } .content #gm-spot p { padding:25px 0 0 150px; } #gm-spot img { float:right; margin:1px; display:inline; } #gmname2 { float:right; clear:right; position:relative; margin:1; background:url(../img/branch/gmnamebg.gif); padding:3px 0; width: 98px; font-weight:bold; text-align:center } #branch-area #genmore { color:#aaa; font-weight:bold; text-shadow: 0 1px 1px #444} /* _______________________________ _______________________________ Products style _______________________________ */ .content .plink { float:left; margin-right:20px; height:75px; text-decoration:none; width:50px} .content .pdf { display:block; background:url(../img/page_white_acrobat.png) left top no-repeat; padding:3px 5px 2px 20px; margin:1em 0 0 0; color:#333; text-decoration:none} .content .flash { background:url(../img/page_white_flash.png) left top no-repeat; } .content .issue { background:url(../img/page_white.png) left top no-repeat; } .content .link {background:url(../img/page_white_link.png) left top no-repeat;} .content .pdf:hover { color:#f05b30; text-decoration:underline; } a.pdf + a.pdf { margin-top:.5em } .media { padding:1em 0 1em 0 } .media a {border-radius: 5px; display:inline-block; padding:5px; margin:3px; background:#ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .media a:hover {background:#fff} /* _______________________________ _______________________________ Customer Connections style _______________________________ */ #ltr, #rtr {border-color: transparent #444 #444 transparent; float:left; border-style:solid; border-width:15px; height:0px; width:0px; } #rtr {border-color: transparent transparent #444 #444; float:right} #top-cc-menu { background:#444; overflow:hidden; padding:5px 10px 5px 10px; color:#ccc; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; box-shadow: 0 0 3px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5); height:20px; overflow:hidden } #top-cc-menu a.manage, #top-cc-menu a.branch { float:left; padding:2px 20px 0 20px; background:url(../img/user_gray.gif) no-repeat; } #top-cc-menu a.manage:hover { background:url(../img/user_white.gif) no-repeat; } #top-cc-menu a.branch { background:url(../img/myhtgico.png) no-repeat;} #top-cc-menu a.branch:hover { background:url(../img/myhtgico2.png) no-repeat;} #top-cc-menu a {text-decoration:none; color:#aaa; padding-top:2px} #top-cc-menu a:hover { color:#fff } #top-cc-menu #manage { padding:25px; font-size:1.2em; line-height:120%; } #top-cc-menu #manage .left { width:590px; margin-right:30px; padding-right:25px; border-right:1px solid #666 } #top-cc-menu #manage a {color:#f05b30} #slidewrap #top-cc-menu #manage p, #slidewrap #top-cc-menu #manage ol { font-size:1em} #slidewrap p.ccintro { float:right; width:430px; padding:20px; margin:15px 10px 20px 10px; font-size:1.15em; background:#ddd; line-height:130%; border:1px solid #ccc; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #slidewrap p.ccintro a.button {background:#9dcd50; color:#333; font-weight: bold; padding:10px; display:inline-block; line-height:1; position:relative; vertical-align:middle; border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #slidewrap p.ccintro a.button:hover { color:#FFF;} #cccol-wrap { background:url(../img/cccols.gif); margin-top:-1px;} #cccol-wrap .cccol { width:310px; position:relative; float:left; margin:0; padding:0 15px 0 0; } #cccol-wrap .one, #cccol-wrap .two { width:350px; } #cccol-wrap .three { width:235px; } #slidewrap #cccol-wrap p { padding-right: 2em; margin-top:0; } #cccol-wrap table.DD-article-link { clear:both; width:95%; margin-bottom:5px } table.DD-article-link + table.DD-article-link { border-top:1px solid #ccc;} table.DD-article-link span.orange { font-size:1.2em; } #ccissue-wrap { background:url(../img/cccols.gif); margin-top:-1px;} #ccissue-wrap .cccol { position:relative; float:left; margin:0; padding:0 15px 0 0; } #ccissue-wrap .one, #ccissue-wrap .two { width:350px; } #ccissue-wrap .three { width:235px; } #slidewrap #ccissue-wrap p { padding-right: 2em; margin-top:0; } #slidewrap #ccissue-wrap p + p { margin-top: -0.8em;} #slidewrap #ccissue-wrap span.rule, #slidewrap #cccol-wrap span.rule { margin: 0 1.5em 0 1px; display:block; height:1px; background-color:#eee; border-top: 1px solid #fafafa; border-bottom: 1px solid #ddd; clear:both } #slidewrap #ccissue-wrap .three hr { width:95%} #slidewrap #ccissue-wrap .more { float:right; margin:0 2em 1.5em; } #ccbranch { overflow:hidden; background:#7e0c00 url(../img/branch/area-bg.png) repeat-x; color:#eee } #slidewrap #ccbranch h2 { color:#FFF; background:transparent; border:none; text-shadow:none; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; font-size:3em; margin:.7em 0 0 0em; text-align:right; display:block } #slidewrap #ccbranch h3 { text-align:right; margin:0 0 1em 0; font-weight:normal } #issue-menu { background:#444; color:#ccc; } #issue-menu span { float:left; background:#444; margin:-1.5em 0 -5px .5em; padding:5px 8px; color:#999 border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; } #issue-menu a { color:#CCC;} #issue-menu a:hover { color:#7e0c00;} .content #issue-menu ul.subnav li a:hover { color:#f05b30} /* _______________________________ _______________________________ Layout Helpers _______________________________ */ /* slightly enhanced, universal clearfix hack */ .extcenter:after, .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .extcenter, .clearfix { display: inline-block; } /* start commented backslash hack \*/ * html .extcenter, * html .clearfix { height: 1%; } /* close commented backslash hack */ .extcenter, .clearfix { display: block; } .extcenter { border:0; width:980px; margin:0 auto; padding:0; text-align:left; position:relative !important; } #slidewrap .iefix { position:static !important; } #content .extcenter { border:1px solid #e1e1e1 !important; } /* auto margin fix */ #content2 .extcenter { border:1px solid #eeeeee !important; } /* auto margin fix */ #content3 .extcenter { border:1px solid #f2f2f2 !important; } /* auto margin fix */ #content4 .extcenter { border:1px solid #f6f6f6 !important; } /* auto margin fix */ #footer .extcenter { border:1px solid #f6f6f6 !important; } /* auto margin fix */ .exp { min-height:250px} .sitemap table, .sitemap table td { padding:0; margin:0;} .right { float:right; } .left { float:left; } .clear { clear:both; } .invis { display:none; } .orange { color:#f05b30; } /* _______________________________ _______________________________ Typography _______________________________ */ .content p {margin-top:1.6em;} #content p, #content2 p, #content3 p, #content4 p, #content ul, #content2 ul, #content3 ul, #content4 ul, #content ol, #content2 ol, #content3 ol, #content4 ol { font-size:1.2em; line-height:120%; } #content ul ul, #content2 ul ul, #content3 ul ul, #content4 ul ul, #content ol ol, #content2 ol ol, #content3 ol ol, #content4 ol ol { font-size:1em; line-height:120%; } #content3 p { padding-left:1em; } #content4 p { padding-left:1.5em; } #content2 h2 { text-transform:uppercase; font-weight:bold; position:relative; text-shadow:0 1px 0 #f6f6f6; color:#306149; font-size:2em; display:inline-block; margin-left:.5em } #content3 h3, #content4 h3 { text-transform:uppercase; font-weight:bold; text-shadow:0 1px 0 #f6f6f6; color:#306149; font-size:1.5em; display:inline-block; margin-left:.5em } #content2 h2 span { text-transform:uppercase; font-weight:bold; position:absolute; top:-.4em; left:0; width:100%; height:2em; text-indent:-1000px; background:url(../img/title-gra.png) repeat-x; } #content3 h2, #content4 h2 { float:left; display:inline-block; line-height: 1; position: relative; font-weight:bold; text-shadow:0 1px 0 #ffffff; color:#f05b30; font-size:1.6em; margin:-1px 0 .8em; padding:.8em 1em .4em 1em; background:#eeeeee; border-left:1px solid e5e5e5; border-right:1px solid #eee; border-bottom:1px solid #ddd; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px; box-shadow: 0 2px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1); } #content3 h2 + p, #content4 h2 + p { clear: left;} #slidewrap .button { background:#e5452a url(../img/b-grad.png) 0 -3px repeat-x; /*border:1px solid #ccc;*/ display:inline-block; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; position: relative; cursor: pointer; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow: 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); padding:10px; color:#FFF; border-color:#fcd9cf #c93610 #8a4031 #c93610;border-width:1px; border-style:solid;} #slidewrap .dsearch { background:#306149 url(../img/b-grad2.png) 0 -3px repeat-x; border-color:#a3e2c3 #2b5d44 #1a402d #2b5d44} #slidewrap #sub-right .dsearch {margin-bottom:.5em;} #slidewrap .button:hover, #slidewrap .button.over { background-position:center; box-shadow: 0 -1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 -1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.2); color:rgba(255,255,255,0.8); border-color:#8a4031 #c93610 #fcd9cf #c93610;} #slidewrap .dsearch:hover { border-color:#1a402d #2b5d44 #a3e2c3 #2b5d44 } strong { color:#306149; font-weight:bold } #slidewrap .small { font-size:1em;} sup { line-height:1; font-size:60%; vertical-align:middle; padding-bottom:.5em;} /* _______________________________ _______________________________ Form Style _______________________________ */ .content input[type='button'] {/* background:#f05b30; color:#333; font-weight: bold; padding:4px; vertical-align:middle; border:none; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;*/ } .list-container { border:1px solid #ccc; float:left; display:inline; padding:1.5em; margin:0 0 1.5em 1.4em; max-width:560px;} .content .list-container .listRow {border-bottom:1px solid #fdfdfd} .content .list-container .listAltRow {border-top:1px solid #000} .content .list-container table { margin-bottom:0;} .content .list-container th { border-bottom:1px solid #fdfdfd} /* _______________________________ _______________________________ Location results Style _______________________________ */ .content .branchtable {} .content .dealertable {} .content .results-info { width:200px; font-family:Arial, Helvetica, sans-serif; color:#e5452a; font-weight:bold; font-size:13px; } .content .results-dist { min-width:80px; font-family:Arial, Helvetica, sans-serif; color:#656565; font-weight:bold; font-size:11px; overflow:visible; } .content .results-map { min-width:100px;} .content .results-logos { max-width:495px; } .content .results-logos img { margin:7px; } .content .results-logos span { overflow:hidden; width:1px; } .content .bordersep { background: #ddd; height:5px; padding:0; font-size:1px; line-height:0; } /* _______________________________ _______________________________ CC Pop-up _______________________________ */ #setbranch {position:absolute; top:0; left:0; right:0; bottom:0; z-index:201; background:url(../img/warning-bg.png); text-align:center;} #setbranchinner { position:relative; width:430px; margin:60px auto; padding:40px; background:#fff; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,.9); -moz-box-shadow:0 0 10px rgba(0,0,0,.9); -webkit-box-shadow:0 0 10px rgba(0,0,0,.9); text-align:left;} #setbranch .button { background:#e5452a url(../img/b-grad.png) 0 -3px repeat-x; /*border:1px solid #ccc;*/ display:inline-block; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; position: relative; cursor: pointer; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; box-shadow: 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2); padding:10px; color:#FFF; border-color:#fcd9cf #c93610 #8a4031 #c93610;border-width:1px; border-style:solid;} #setbranch .dsearch { background:#306149 url(../img/b-grad2.png) 0 -3px repeat-x; border-color:#a3e2c3 #2b5d44 #1a402d #2b5d44} #setbranch .button:hover { background-position:center; box-shadow: 0 -1px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 -1px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.2); color:rgba(255,255,255,0.8); border-color:#8a4031 #c93610 #fcd9cf #c93610;} #setbranch .dsearch:hover { border-color:#1a402d #2b5d44 #a3e2c3 #2b5d44 } #setbranch h2 { color:#f05b30; margin:0 0 10px 0; font-size:1.5em; }