/* version 7 Screen Display */ /* OVERALL PAGE STYLES */ body { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 76%; line-height: 120%; background-color: #FFFFFF; margin: 0px; background-image: url(/files/stucture/index-backBlack.gif); background-repeat: repeat-x; background-position: left top; min-width: 1000px; } /* Specification so fonts display correctly in Internet Explorer */ table { font-size: 100% } /* General Link Color */ a:link { color: #7f362e; text-decoration: underline; font-weight: normal; } a:active { color: #ff0000; text-decoration: underline; font-weight: normal; } a:visited { color: #7f362e; text-decoration: none; font-weight: normal; } a:hover, a:focus { color: #ff0000; text-decoration: underline; font-weight: normal; } /* Type Style Tags */ h1 { color: #000000; font-size: 148%; line-height: 148%; font-style: normal; font-weight: normal; margin: 0px 0px 10px 0px; } h2 { color: #FFFFFF; font-size: 108%; font-style: normal; font-weight: bold; line-height: 116%; margin: 0px 0px 10px 0px; padding: 6px 10px 6px 10px; display: block; background-color: #00523b; } h2 a:link { color: #FFFFFF; text-decoration: underline; font-weight: bold; } h2 a:active { color: #CC6699; text-decoration: underline; font-weight: bold; } h2 a:visited { color: #FFFFFF; text-decoration: none; font-weight: bold; } h2 a:hover, h2 a:focus { color: #CC6699; text-decoration: underline; font-weight: bold; } h3 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 10px 10px; padding: 0px 0px 5px 0px; display: block; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #00523b; } h4 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 10px 10px; } h5 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 10px 10px; } h6 { color: #000000; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 10px 10px; } p { margin: 0px 0px 10px 10px; } strong, bold { } em, i { } abbr, acronym { font-style: normal; text-decoration: none; } ul, ol { list-style-position: outside; margin: 0px 0px 10px 35px; padding: 0px; } li { margin: 0px 0px 5px 0px; } img { border: none; } /* ALTERNATE INFORMATION FOR PRINT/HANDHELD/SCREENREADERS */ .screenRead { display: none; } @media aural { .screenRead { display: block; speak: normal; } } /* MASTHEAD LAYER */ #mastLogo { height: 40px; width: 132px; margin: 20px 30px 0px 30px; background-image: url(/files/stucture/index-mastLogo.gif); background-repeat: no-repeat; background-position: top left;background-color: #00523b; } /* Masthead Graphic Rollover */ a.linkHome { display: block; height: 100%; width: 100%; } a.linkHome:link { } a.linkHome:active { } a.linkHome:visited { } a.linkHome:hover, a.linkHome:focus { } /* MASTHEAD LEVEL NAVIGATION LAYER */ #mastLinks { height: 28px; margin: 0px 30px 0px 30px; background-color: #7f362e; } #mastLinks p { font-size: 92%; line-height: 100%; margin: 0px 0px 0px 0px; float: left; } #mastLinks p a { font-weight: bold; padding: 8px 10px 8px 10px; display: block; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #9d6e69; } #mastLinks p a:link { color: #FFFFFF; text-decoration: none; background-color: #7f362e; } #mastLinks p a:active { color: #FFFFFF; text-decoration: underline; background-color: #e99c2d; } #mastLinks p a:visited { color: #FFFFFF; text-decoration: none; background-color: #7f362e; } #mastLinks p a:hover, #MastLinks p a:focus { color: #FFFFFF; text-decoration: underline; background-color: #e99c2d; } /* MASTHEAD LEVEL NAVIGATION LAYER */ #mastSecondaryLinks { clear: both; height: 28px; margin: 0px 30px 0px 30px; background-color: #dfd3b0; border-width: 0px 0px 2px 0px; border-style: solid; border-color: #7f362e; } #mastSecondaryLinks p { font-size: 92%; line-height: 100%; margin: 0px 0px 0px 0px; float: left; } #mastSecondaryLinks p a { font-weight: bold; padding: 8px 12px 8px 12px; display: block; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #daa79c; } #mastSecondaryLinks p a:link { color: #7f362e; text-decoration: none; background-color: #dfd3b0; } #mastSecondaryLinks p a:active { color: #FFFFFF; text-decoration: underline; background-color: #e99c2d; } #mastSecondaryLinks p a:visited { color: #7f362e; text-decoration: none; background-color: #dfd3b0; } #mastSecondaryLinks p a:hover, #mastSecondaryLinks p a:focus { color: #FFFFFF; text-decoration: underline; background-color: #e99c2d; } /* PAGE CONTENT LAYER */ #containercontent { height: 1%; display: block; margin: 0px 30px 0px 30px; padding: 0px 0px 10px 0px; background-image: url(/files/stucture/index-backDKtan.gif); background-repeat: repeat-y; background-position: top left; background-color: #dfd3b0; } /* Lefthand Navigation Menu */ #columnlink { width: 150px; float: left; display: block; background-color: #b2a98d; } #columnlink p.subLink8 { display: none; } /* Nav Link Props */ #columnlink p { font-size: 92%; line-height: 100%; margin: 0px 0px 0px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #dfd3b0; } #columnlink p a { font-weight: bold; display: block; padding: 5px 10px 5px 10px; } #columnlink p a:link { color: #7f362e; text-decoration: none; background-color: #b2a98d; } #columnlink p a:active { color: #FFFFFF; text-decoration: underline; background-color: #e99c2d; } #columnlink p a:visited { color: #7f362e; text-decoration: none; background-color: #b2a98d; } #columnlink p a:hover, #columnlink p a:focus { color: #FFFFFF; text-decoration: underline; background-color: #e99c2d; } #columnlink p a.secondary:link { margin: 0px 0px 0px 10px; text-decoration: none; } #columnlink p a.secondary:active { margin: 0px 0px 0px 10px; text-decoration: underline; } #columnlink p a.secondary:visited { margin: 0px 0px 0px 10px; text-decoration: none; } #columnlink p a.secondary:hover, #columnlink p a.secondary:focus { margin: 0px 0px 0px 10px; text-decoration: underline; } #columnlink p.siteLink12 { width: 93px; height: 78px; text-align: center; border: none; margin: 10px auto 0px auto; paddding: 0px; } #columnlink p.siteLink12 a.orderNow { width: 93px; height: 78px; display: block; margin: 0px; paddding: 0px;} #columnlink p.siteLink12 a.orderNow:link { background-image: url(/files/stucture/ad_orderOnline.gif); background-repeat: no-repeat; background-color: #b2a98d; } #columnlink p.siteLink12 a.orderNow:active { background-image: url(/files/stucture/ad_orderOnlineUp.gif); background-repeat: no-repeat; background-color: #b2a98d; } #columnlink p.siteLink12 a.orderNow:visited { background-image: url(/files/stucture/ad_orderOnline.gif); background-repeat: no-repeat; background-color: #b2a98d; } #columnlink p.siteLink12 a.orderNow:hover, #columnlink p.orderNow a.orderNow:focus { background-image: url(/files/stucture/ad_orderOnlineUp.gif); background-repeat: no-repeat; background-color: #b2a98d; } #columnlink p.siteLink13 { width: 93px; text-align: center; border: none; margin: 20px auto 0px auto; paddding: 0px;} #columnlink p.siteLink13 a.orderNow2 { width: 93px; height: 68px; display: block; margin: 0px; paddding: 0px;} #columnlink p.siteLink13 a.orderNow2:link { background-image: url(/files/stucture/ad-dealerOrder.gif); background-repeat: no-repeat; background-color: #b2a98d; } #columnlink p.siteLink13 a.orderNow2:active { background-image: url(/files/stucture/ad-dealerOrderup.gif); background-repeat: no-repeat; background-color: #b2a98d; } #columnlink p.siteLink13 a.orderNow2:visited { background-image: url(/files/stucture/ad-dealerOrder.gif); background-repeat: no-repeat; background-color: #b2a98d; } #columnlink p.siteLink13 a.orderNow2:hover, #columnlink p.orderNow a.orderNow2:focus { background-image: url(/files/stucture/ad-dealerOrderup.gif); background-repeat: no-repeat; background-color: #b2a98d; } /* Main Content Body */ #columnbody { margin: 0px 0px 0px 150px; padding: 15px 10px 0px 15px; } /* Float Window Information */ #containerSpecial { width: 250px; float: right; display: block; } #containerSpecial img { vertical-align: bottom; margin: 0px; padding: 0px; display: block; } #containerSpecial h2 { color: #FFFFFF; font-size: 100%; font-style: normal; font-weight: bold; line-height: 100%; margin: 0px 0px 5px 0px; padding: 6px 10px 6px 10px; display: block; background-color: #00523b} #containerSpecial h3 { font-size: 92%; } #containerSpecial p { font-size: 92%; line-height: 110%; margin: 5px 10px 5px 10px; } #containerSpecial ul { margin: 0px 0px 10px 25px; } #containerSpecial li { font-size: 92%; line-height: 110%; } #containerSpecial li a { font-weight: bold; } #containerText { height: 1%; display: block; margin: 0px 260px 0px 0px; padding: 0px 0px 10px 0px; } #containerText:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } */ #containerText th { margin: 0px; display: block; } #containerText th { color: #FFFFFF; font-size: 92%; text-align: center; padding: 3px 5px 3px 5px; background-color: #00523b; } #containerText td { font-size: 92%; text-align: center; padding: 3px 5px 3px 5px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #b2a98d; } #containerText td.dataRow { font-size: 92%; text-align: left; padding: 3px 5px 3px 5px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #b2a98d; } #containerText td.valueRow { font-size: 92%; text-align: right; padding: 3px 5px 3px 5px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #b2a98d; } #containerText td.dataTotal { font-size: 92%; text-align: left; padding: 3px 5px 3px 5px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #00523b; } #containerText td.valueTotal { font-size: 92%; text-align: right; padding: 3px 5px 3px 5px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #00523b; } table.dealerLocator { } table.dealerLocator th { margin: 0px; color: #FFFFFF; font-size: 92%; text-align: center; padding: 3px 5px 3px 5px; background-color: #00523b; } table.dealerLocator td { } table.dealerLocator td.dealerName { text-align: left; margin: 0px; color: #FFFFFF; font-size: 92%; text-align: center; padding: 3px 5px 3px 5px; background-color: #a79a74; } /* Styles for MultiColumn Formats */ div.containercolumns { height: 1%; display: block; width: 98%; } div.containercolumns:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } div.containercolumns p { margin: 0px 0px 10px 5px; } div.containercolumns ul { list-style-position: outside; margin: 0px 0px 10px 15px; padding: 0px; } div.containercolumns li { margin: 0px 0px 5px 0px; } /* Styles for the Two Column Formats */ div.twocolumnleft { float: left; width: 49%; } div.twocolumnright { margin: 0px 0px 0px 52%; } div.threecolumnleft { float: left; width: 34%; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #000000; } div.threecolumnmiddle { float: left; width: 34%; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #000000; } div.threecolumnright { margin: 0px 0px 0px 70%; } /* FOOTER LAYER */ #footer1 { height: 20px; margin: 0px 30px 0px 30px; clear: both; display: block; background-color: #000000; } #footer1 p { font-size: 92%; line-height: 100%; margin: 0px 0px 0px 0px; float: left; } #footer1 p a { padding: 4px 10px 4px 10px; display: block; } #footer1 p a:link { color: #FFFFFF; text-decoration: none; background-color: #000000; } #footer1 p a:active { color: #ff0000; text-decoration: underline; background-color: #e99c2d; } #footer1 p a:visited { color: #FFFFFF; text-decoration: none; background-color: #000000; } #footer1 p a:hover, #footer1 p a:focus { color: #ff0000; text-decoration: underline; background-color: #e99c2d; } #footer2 { height: 17px; margin: 0px 30px 0px 30px; clear: both; display: block;background-image: url(/files/stucture/index-backCorn.gif); background-repeat: repeat-x; background-position: left top; } #footer3 { margin: 0px 30px 0px 30px; } #footer3 p { font-size: 92%; line-height: 100%; margin: 5px 10px 5px 10px; } #footer3 p a { } #footer3 p a:link { color: #999999; text-decoration: none; } #footer3 p a:active { color: #ff0000; text-decoration: underline; } #footer3 p a:visited { color: #999999; text-decoration: none; } #footer3 p a:hover, #footer3 p a:focus { color: #ff0000; text-decoration: underline; } /* FORM CSS */ form { width: 90%; margin: 0px 0px 0px 20px; padding: 0px; } .formInputBox { margin: 0px 0px 5px 10px; } .formInputBox label { float: left; width: 80px; display: block; } .formListMenu { margin: 0px 0px 5px 10px; } .formListMenu label { float: left; width: 80px; display: block; } .formTextArea { margin: 0px 0px 5px 10px; } .formTextArea label { float: left; width: 80px; display: block; } .formCheckBox {margin: 0px 0px 5px 20px; } .formCheckBox input { float: left; } .formCheckBox label { margin: 0px 0px 0px 30px; display: block; } .formRadioButton { margin: 0px 0px 5px 20px; } .formRadioButton input { float: left; } .formRadioButton label { margin: 0px 0px 0px 30px; display: block; } .FormSubmit { text-align: right; margin: 20px 0px 00px 0px; padding: 10px 0px 0px 0px; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #999999;} .formHeading { font-weight: bold; margin: 0px 0px 10px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #999999; } .formSubHeading { font-weight: bold; margin: 20px 0px 10px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #999999; }