/** This should be read by ALL browsers! Define all CONTENT styles here. Do NOT define Page LAYOUT information */ /*Ideally all content is inside of ContentPlaceHolder: CustomContent inside BaseMasterPage3c. CustomContent is wrapped with class id OHD_BodySection*/ /** CSS is case-sensitive and the CMS changes HTML tags to UPPERCASE ******/ /*This is for text OUTSIDE of the WEB CONTENT AREA */ body{font-family:Lucida Sans, verdana;} /* used on the home page ONLY*/ .OHD_BodySection a:link {color:#013DA4; text-decoration:none;} .OHD_BodySection a:visited {color:#013DA4;text-decoration:none;} .OHD_BodySection a:hover{color:red;text-decoration:none;} .OHD_BodySection a:active {color:black;text-decoration:underline overline;} h1, h2, h3, h4, h5, H1, H2, H3, H4, H5{font-family:Lucida Sans, Arial,sans-serif; } h1, H1 {font-size:1.4em; font-weight: bold; color:#848484;} h2, H2 {font-size:1.3em; font-weight: bold; color:#848484; } h3, H3 {font-size:1.2em; font-weight: bold; color: #848484;} h4, H4 {font-size: 1.1em; font-weight: bold;color:#848484; } h5, H5 {font-size: 1.0em; font-weight: bold;color:red; } /* These styles are set up via SEO recommendation - Please use accordingly */ /* ------------ h1 is used for Page TITLE ------------ */ /* ------------ h2 is used for Content TITLES ------------ */ /* ------------ h3 is used for Content Sub-Tites ------------ */ /* ------------ h4 is used for Content HEADERS ------------ */ /* ------------ h5 is used for BREADCRUMBS ------------ */ /* Please do NOT use tables for page layout of content but if you must.... Please place the Page TITLE above the table used for the content. */ p{font-family:Lucida Sans, Verdana;font-size:12px;} /***************************************************** HORIZONTAL RULES (try instead to use border-bottom:solid 1px silver; width 300px; *****************************************************/ hr{text-align:left; background-color:#cecece; width:97%; height:1px;} hr.underBreadcrumb{color: #cecece; width:100%; text-align:left;} hr.rightlink{width:115px; color:White;text-align:center;} /* used on gray backgrounds */ hr .rightlink{width:115px; color:White;text-align:center;} /* used on gray backgrounds */ /***************************************************** LISTS ul li { font-size:12px; list-style-image: url("../images/Red-Bullet.jpg");} .linked li {list-style-image: url("../images/Red-Bullet.gif"); } .points li { list-style-type: square; color:red;}/*Makes the bullets a RED SQUARE via default disc and changes the color of the words to RED */ *****************************************************/ /***************************************************** TABLE Elements *****************************************************/ th.h1{color: white;font-size: 0.7em;font-weight:bold;background-color: #4455aa} td {font-size: 12px;text-align:left; color: black; FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } td.h1 {color: white;font-weight:bold;background-color: #4455aa} td.column{font-size: 0.7em; color: white; font-weight:bold; background-color: #4455aa} td.column1{font-size: 0.7em; color: black; font-weight:bold;FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } td.r1{ font-size: 0.7em; color: red; font-weight:bold; FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } td.roH1{font-size: 1.1em; color: #848484; font-weight:bold; font-family: : Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } td.roT1{font-size: 0.8em; color: black; FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } td.roT1Grey{font-size: 0.6em; color: #848484; FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } td.roT1GreyMdm{font-size: 0.8em;color: #848484; FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } td.roT1GreyLrg{font-size: 1.0em;color: #848484; FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } td.roT2{font-size: 0.6em;color: black; FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } td.roT3{font-size: 0.7em; color: white;font-weight:bold; FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } td.roT4{font-size: 0.7em; color: black;FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } /***************************************************** Form Elements *****************************************************/ select{font-family: Lucida Sans, Arial, Helvetica, sans-serif;font-size: 0.8em;} textarea{font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;} input{font-family: Lucida Sans, Verdana, Arial, Helvetica, sans-serif;font-size: 0.8em;} /***************************************************** *ID SELECTORS TO BE USED ON EACH PAGE *****************************************************/ #lbHead {text-align:left; color:#848484;font-family:Arial;font-size:XX-Small;} /*The ID is for pages that gets the breadcrumb from the CMS */ /*The CLASS SELECTOR is for pages that do NOT get the breadcrumb from the CMS but are aspx pages with breadcrumb hard-coded.*/ #Breadcrumb{ font-size: 10px; margin-top:-3px; text-align:left; color: #848484;FONT-FAMILY: Lucida Sans, Arial, Verdana, Helvetica, sans-serif; border-bottom:solid 1px silver; width:500px; } /***************************************************** /* WEB CONTENT AREA CLASSES (This is for text INSIDE of the WEB CONTENT AREA)*/ /*****************************************************/ /* Inside the MasterPage there is an area for content & is used to override styles listed above. The div id "PageLayout_MiddleSection_Center" is used for the positioning of the content area and is defined in the Browser Specific Stylesheets. The div id "OHD_BodySection" is used to define the content text styles and is defined HERE in the AllBasic.css stylesheet. Do NOT try to combine these! They must remain separate in order to work !*/ /* If you find a page not following the below styles then in-line styles are being used (I find this done a lot in CMS pages)*/ #OHD_BodySection{font-family:Lucida Sans, Verdana,sans-serif;text-align: left; } #OHD_BodySection a:link {color:#013DA4; text-decoration:none;} #OHD_BodySection a:visited {color:#013DA4;text-decoration:none;} #OHD_BodySection a:hover{color:red;text-decoration:none;} #OHD_BodySection a:active {color:black;text-decoration:underline overline;} #OHD_BodySection h1, h2, h3, h4,h5, H1, H2, H3, H4, H5 {COLOR: #848484; } /***************************************************** /* MENUS AREA CLASSES + FOOTER */ /*****************************************************/ /*Set font-size for menus */ #LeftMenuContainer {font-size:12px; white-space:nowrap;font-family:Arial;} #RightMenuContainer{font-size:12px; white-space:nowrap;font-family:Arial;} #FooterWrapper{font-size:12px; white-space:nowrap;font-family:Arial;} /*Left Menu - see UC:OHDLeftSideNav (this is placed in MasterPage */ .OHD_LeftLinks a:link { color:gray; text-decoration:none;text-align:left; margin-left:4px;} .OHD_LeftLinks a:visited {color:gray;text-decoration:none;text-align:left;margin-left:4px; } .OHD_LeftLinks a:hover {color:red;text-decoration:none; text-align:left;margin-left:4px;} .OHD_LeftLinks a:active {color:red;text-decoration:underline overline;text-align:left;margin-left:4px; } /*Left Menu - see UC:OHDRightSideNav (this is placed in MasterPage */ .OHD_RightLinks a:link{ color:white;text-decoration:none;} .OHD_RightLinks a:visited{color:white;text-decoration:none;} .OHD_RightLinks a:hover{color: red;text-decoration:none;background-color:Silver;padding:0px; } .OHD_RightLinks a:active{color:white; text-decoration:none; } div#BottomRedArea {width:800px;height:20px;color:white;background-color:red;} /*Left Menu - see UC:OHDBottomFooter (this is placed in MasterPage */ div#FooterWrapper{color:White;} div#footerLeft{color:white;float:left;width:400px;border:solid 0px black;} div#footerRight{color:white;float:right;width:300px;border:solid 0px black;} .OHD_FooterLinks a:link{color:white;text-decoration:none;padding:15px;} .OHD_FooterLinks a:visited{color:white;text-decoration:none;padding:15px;} .OHD_FooterLinks a:hover{color: black;text-decoration:none;padding:15px;} .OHD_FooterLinks a:active{color:black; text-decoration:none;padding:15px;} /*If you want to set different styles for the page, just add a div id inside the content pages wrapping that section and add a definition (example: sitemap)*/ #OHD_SITEMAP h1 {font-size:1.0em; font-weight: bold; color: red;} #OHD_SITEMAP h2 {font-size:1.0em; font-weight: bold; color: red;} /*Copied from original stylesheet to retain existing pages*/ /***************************************************** Table Header and cell definitions *****************************************************/ .DoorDetail{font-family: "MS Sans Serif", Geneva, sans-serif;} .DoorDetail thead th {font-size: x-small; font-weight: bold;color: White; background-color: #949494;} .DoorDetail tbody th {font-size:115%; color:#fff; background: #DCB375 repeat-x 0 -1400px; padding: 6px} .DoorDetail tbody th.heading {font-size:20px;color:#fff;background: #CF2034 repeat-x 0 -1400px; padding: 6px} .DoorDetail tbody td {font-size: x-small; text-align: center; background: white; color: Black;} .DoorDetail tbody td a {background-color: white;} .DoorDetail tbody td a:hover { background-color: #cccccc;} .DoorDetail tfoot th {font-size: x-small; color: White;font-weight: bold; background-color: #949494;} /***************************************************** /* SPECIAL CLASSES */ /*****************************************************/ .customContent{font-family:Lucida Sans, Verdana;font-size:12px;} .specialContent{font-family:Lucida Sans, Verdana;font-size:12px;color:Red;} .clear {clear: both;display: block;height: 1px;overflow: hidden; margin: 0;padding: 0;} .floatright{float:right;} .floatleft{float:left;} .bc { font-size: 10px;text-align:left; color: #848484;FONT-FAMILY: Lucida Sans, Arial, Verdana, Helvetica, sans-serif; } .cmsbody{font-size: 10px; text-align:left; color: black;FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } .pagebody{font-size: 12px;text-align:left; color: black; FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } .sideText{font-size: 10px; text-align:left; color: black; FONT-FAMILY: Lucida Sans, Verdana, Arial, Helvetica, sans-serif; } .boxwrapper2{margin-left: 70px;width:330px; text-align:center; margin-top:10px;} .leftbox{float:left; width:160px;} .rightbox{float:right; width:160px;} .lowerbox{margin-top:10px; margin-left:130px;} .boxwrapper3{width:500px; text-align:center; margin-top:10px;} .productinfo{float:left; width:250px;} .productimage{float:right;padding-left:10px; width: 250px; margin-right:10px;margin-bottom:5px;margin-left:10px;} .legal{font-size:8px; vertical-align: super; } /*Makes the R or TM superscript and decreases the font size */ .disclaimer{font-family:Arial; font-size: 9px; color: gray; line-height:1.5;}/*Used for HomeLink and Car2U disclaimer info:see RM User Control */ .REDErrorMsg{ color: red; font-size: 10px; FONT-FAMILY: Lucida Sans, Arial, Verdana, Helvetica, sans-serif; } .txt1 { font-size : 1.0em; }/*General Text - the higher the number the smaller the font:*/ .txt2 { font-size : 0.9em; } .txt3 { font-size : 0.8em; } .txt4 { font-size : 0.7em; } .txt5 { font-size : 0.6em; } .txt3red{ font-size : 0.8em; color: Red;} .hd12black{ color: black; } /* to keep existing code from breaking */ .V10{font-size:10px;font-family:Lucida Sans, Verdana;} /* for correcting CMS */ .V11{font-size:11px;font-family:Lucida Sans, Verdana;} /* for correcting CMS */ .V12{font-size:12px;font-family:Lucida Sans, Verdana;} /* for correcting CMS */ .REDErrorMsg{ color: red; font-size: 10px;FONT-FAMILY: Lucida Sans, Arial, Verdana, Helvetica, sans-serif; } /* Use for TM */ .supT { vertical-align: baseline; font-size: 0.6em; position: relative; top: -0.4em;} /* Use for R */ .supR { vertical-align: baseline; font-size: .8em;position: relative; top: -0.4em;} /* Used on the page: FindADistributor.aspx */ .btnLOCATION{font-size: 11px;font-weight: bold;font-family: Lucida Sans, Verdana;color: #FFFFFF;background-color: #FF0000; font-variant: small-caps; border: thin groove #666666; width:100px; height:30px; margin-left:3px; margin-right:3px;} /* The below styles should be fazed out */ .PageTitle{color: #848484; font-size: 1.2em; font-weight:bold; font-family:Arial;} .SubTitle{color: #848484; font-size: 1.1em; font-weight:bold; font-family:Arial;} /*Changing color to black so that we can find these and faze them out */ h1.PageTitle{color: black; font-size: .8em; font-family:Arial;} h2.SubTitle{color: black; font-size: .7em; font-family:Arial;}