/* htdocs/dpsweb/doorhardwareplus.com/store.css $Id: store.css,v 1.56 2010/06/11 14:54:26 dferruggia Exp $ */ /* Basic Formatting */ *{margin:0px; padding:0px;} img {border:0;} body { font-size:11px!important; color:#333; font-family:Arial, Helvetica, sans-serif; background:#fbf7f2 url(images/dhp_background.jpg) repeat-x; text-align:center; /* For IE 5 */ } .clear {clear:both; visibility:hidden;} h1{font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#000; padding-bottom:3px;} h1.access {position:absolute; left:-9999px;} h2{font-size:12px; font-weight:bold; color:#471E0F;} h3{color:#552313; font-size:16px; font-weight:bold; height:16px; padding:0px 0px 3px 0px;} h4{color:#552313; font-size:16px!important; font-weight:bold; height:16px; padding:0px 0px 3px 0px;} h5{} h4 a,h4 a:link,h4 a:visited,h4 a:active{ color:#552313; font-size:16px!important; font-weight:bold; height:16px; padding:0px 0px 3px 0px; text-decoration:none; } h4 a:hover { text-decoration:underline; } a, a:link, a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#333; } a:active {color:#000;} a:hover {color:#e06315;} a.coloredLink, a.coloredLink:link, a.coloredLink:visited, a.coloredLink:active, a.coloredLink:hover { color: #515e69; } /* Forms */ .search { font-size:11px!important; color:#000; background:#EBE4DA; } .button { border-color:#7C7C7C; background:#501F11 url(images/button_bg.gif) repeat-x top left; font-size:11px!important; font-weight:bold; color:#FFF; } .aboutus p { margin:8px 0; } /* Container(s) */ #sitecontainer { margin:0px auto 0px auto; width:875px; text-align:left; position:relative; /*display: table;*/ } #platform { width:875px; background:#FFF; /*display: table;*/ } #platform_top { width:875px; background:#FFF; /*display: table;*/ } #platform_bottom { width:875px; background:#FFF; /*display: table;*/ } /* Content */ #content { width:860px; padding:0px 15px 15px 15px; display: table; } /* Header */ #header { width:845px; height:95px; position:relative; } /* Main Body */ #mainbody { width:860px; margin-top:12px; position:relative; } /* Left Column */ #leftcolumn { width:160px; margin-right:10px; float:left; } *html #leftcolumn { margin-right:5px; } #emailsignup { font-size: 11px!important; width:150px; height:49px; background:#FBF8F3; border:1px solid #7C7C7C; padding:5px; text-align:center; } #emailsignup p {font-size:11px!important;} /* Side Navigation */ #sidenav { width:150px; margin-top:10px; padding:5px; } #sidenav ul {list-style:none; margin-bottom:8px;} #sidenav li {color:#000; font-size:12px!important;} #sidenav li a {text-decoration:none; color:#000; font-size:12px!important;} #sidenav li a:visited {color:#666; font-size:12px!important;} #sidenav li a:active {color:#D0580B; font-size:12px!important;} #sidenav li a:hover {text-decoration:underline; color:#D0580B; font-size:12px!important;} /* Right Column */ #rightcolumn { width:660px; float:left; display:table; } #dhp_info { width:648px; padding:10px; margin-bottom:10px; background:#ECE3D6; height:165px; } #dhp_info h1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#552313; font-weight:bold; margin:2px 0; } #dhp_info p{font-size:10px; margin-bottom:5px;} #info_column1 {width:310px; float:left; margin-top:5px;} #info_column2 {width:310px; float:right; margin-top:5px;} #dhp_introtext { width:648px; background: #ae4e0d url(images/dhp_introtext_bg.gif) repeat-x top left; padding:10px; font-size: 11px; color:#FFFFFF; margin-top: 10px; height: 130px; } #dhp_introtext p { margin-bottom: 10px; font-size: 12px; } #dhp_introtext a {font-size: 12px; text-decoration:underline; color:#FFFFFF;} #dhp_introtext a:visited {font-size: 12px; text-decoration:underline; color:#FFFFFF;} #dhp_introtext a:active {font-size: 12px; text-decoration:underline; color:#FFFFFF;} #dhp_introtext a:hover {font-size: 12px; text-decoration:underline; color:#FFFFFF;} #bottom_ads_container { margin:2px 0; } #bottom_ads_section_left { float:left; width:210px; height:160px; margin:0 15px 0 0; } #bottom_ads_section_middle { float:left; width:210px; height:160px; margin:0; } #bottom_ads_section_right { float:left; width:210px; height:160px; margin:0 0 0 15px; padding:0; } .name {font-size:14px; font-weight:bold;} .description {font-size:12px;} .availability {font-size:11px;} .MSRP {font-size:11px;} .MSRP span {text-decoration: line-through;} .save {font-size:11px;} .price {font-size:12px; font-weight:bold;} /* Footer */ #clearfooter {clear:both;} #footernav { width:875px; height:18px; text-align:center; color:#FFF; margin:5px auto; } #footernav ul {list-style:none; font-size:11px!important;} #footernav li {text-decoration:none; display:inline; float:none; padding:0px 3px;} #footernav li a, #header li a:visited {text-decoration:none; color:#FFF;} #footernav li a:active {color:#FFF;} #footernav li a:hover {text-decoration:underline;} .footer { width:875px; height:auto; text-align:center; font-size:11px!important; color:#000; margin:5px auto; } a.freeShippingHomePage, a.freeShippingHomePage:link, a.freeShippingHomePage:visited, a.freeShippingHomePage:active, a.freeShippingHomePage:hover { font-family: Arial, Helvetica, sans-serif; color: #471E0F; font-size: 12px; text-decoration: underline; font-weight:bold; } /* Default CSS Classes */ .phoneOrange { font-size: 12px!important; color: #D0580B; font-weight: bold; } .footerFinePrint { font-size : 11px; padding-top: 6px; text-align : center; } .footerRow { font-size : 11px; padding: 2px 2px 2px 2px; vertical-align : middle; border-color: #7B951B; border-style:solid; border-width: 1px; text-align: center; } .footerGreenRow { background-color: #7B951B; font-size: 11px; padding: 2px 2px 2px 2px; vertical-align: middle; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; text-align: center; } a.footerGreenRowLink { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; text-decoration: none; } a.footerGreenRowLink:link { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; text-decoration: none; } a.footerGreenRowLink:active { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; text-decoration: none; } a.footerGreenRowLink:visited { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; text-decoration: none; } a.footerGreenRowLink:hover { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 11px; text-decoration: underline; } a.footerRowLink { font-size: 11px; padding: 2px 2px 2px 2px; text-decoration: none; } a.footerRowLink:link { font-size: 11px; padding: 2px 2px 2px 2px; text-decoration: none; } a.footerRowLink:active { font-size: 11px; padding: 2px 2px 2px 2px; text-decoration: none; } a.footerRowLink:visited { font-size: 11px; padding: 2px 2px 2px 2px; text-decoration: none; } a.footerRowLink:hover { font-size: 11px; padding: 2px 2px 2px 2px; text-decoration: underline; } .headclass { color: #525E6A; font-family: arial, sans-serif; font-size: 21px; } a.headclass { color: #525E6A; font-family: arial, sans-serif; font-size: 21px; } a.headclass:link { color: #525E6A; } a.headclass:visited { color: #525E6A; } a.headclass:active { color: #525E6A; } a.headclass:hover { color: #525E6A; } /* Begin Header/SideBar Colors */ .mainSideBarHeaderOrange { font-size: 12px; font-weight: bold; text-decoration: none; color: #FF6600; vertical-align:bottom;} a.mainSideBarHeaderOrange { font-size: 12px; color: #FF6600; text-decoration: none; font-size: 12px; vertical-align:bottom;} a.mainSideBarHeaderOrange:link { font-size: 12px; color: #FF6600; vertical-align:bottom;} a.mainSideBarHeaderOrange:visited { font-size: 12px; color: #FF6600; vertical-align:bottom;} a.mainSideBarHeaderOrange:active { font-size: 12px; color: #FF6600; vertical-align:bottom;} a.mainSideBarHeaderOrange:hover { font-size: 12px; color: #FF6600; text-decoration: underline; vertical-align:bottom;} .mainSideBarHeader { font-size: 12px; font-weight: bold; text-decoration: none; color: #000000; vertical-align:bottom;} a.mainSideBarHeader { color: #000000; text-decoration: none; font-size: 12px; vertical-align:bottom;} a.mainSideBarHeader:link { color: #000000; vertical-align:bottom;} a.mainSideBarHeader:visited { color: #000000; vertical-align:bottom;} a.mainSideBarHeader:active { color: #000000; vertical-align:bottom;} a.mainSideBarHeader:hover { color: #000000; text-decoration: underline; vertical-align:bottom;} .headerAdvancedSearchText { font-size : 11px; font-weight: normal; text-decoration: underline; color:#FFFFFF;} a.headerAdvancedSearchText { color: #FFFFFF; text-decoration: underline; font-size: 11px; vertical-align:bottom;} a.headerAdvancedSearchText:link { color: #FFFFFF; text-decoration: underline; vertical-align:bottom;} a.headerAdvancedSearchText:visited { color: #FFFFFF; text-decoration: underline; vertical-align:bottom;} a.headerAdvancedSearchText:active { color: #FFFFFF; text-decoration: underline; vertical-align:bottom;} a.headerAdvancedSearchText:hover { color: #FFFFFF; text-decoration: underline; vertical-align:bottom;} .headerBar { color : #595959; font-size : 13px; font-weight : bold; padding-bottom : 1px; vertical-align : middle; } a.headerBar { color: #000000; text-decoration: none; } a.headerBar:link { color: #000000; } a.headerBar:visited { color: #000000; } a.headerBar:active { color: #000000; } a.headerBar:hover { color: #000000; text-decoration: underline; } .headerCall { color : #ffffff; font-size : 11px; vertical-align: middle; font-weight : bold; } .headerHigh { font-size : 16pt; vertical-align: middle; } .headerLeft { background-color: #FFFFFF; text-align : left; vertical-align : bottom; } .headerModelSearchText { color : #ffffff; font-size : 11px; font-weight: bold; } .headerPhoneNumber { color : #ffffff; font-size : 12px; vertical-align: middle; font-weight : bold; } .headerRight { background-color: #FFFFFF; color : #FFFFFF; padding-bottom : 15px; text-align : right; vertical-align : bottom; } .specialsHeader { height: 1px; color: #000000; font-size: 12px; font-weight: bold; background-color: #ffffff; vertical-align: middle; border-top: 1px solid #525E6A; border-bottom: 1px solid #525E6A; } .sidebarBgrnd { background-color: #FFFFFF; border-right: #D5D5D5 dotted 1px;} .sideBarText { color: #484848; text-decoration: none; font-size: 11px;} a.sideBarText { color: #484848; text-decoration: none; font-size: 11px;} a.sideBarText:link { color: #484848; } a.sideBarText:visited { color: #484848; } a.sideBarText:active { color: #484848; } a.sideBarText:hover { color: #484848; text-decoration: underline; } .sideBarTextWhite { color: #ffffff; text-decoration: none; font-size: 11px; padding: 2px 2px 2px 2px;} a.sideBarTextWhite { color: #ffffff; text-decoration: none; font-size: 11px;} a.sideBarTextWhite:link { color: #ffffff; } a.sideBarTextWhite:visited { color: #ffffff; } a.sideBarTextWhite:active { color: #ffffff; } a.sideBarTextWhite:hover { color: #ffffff; text-decoration: underline; } /* End Header/SideBar Colors */ a.cartText { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; font-weight: bold; text-decoration: underline; } a.cartText:hover { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; font-weight: bold; text-decoration: underline; } a.cartText:link { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; font-weight: bold; text-decoration: underline; } a.cartText:active { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; font-weight: bold; text-decoration: underline; } a.cartText:visited { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; font-weight: bold; text-decoration: underline; } .cartText { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; font-weight: bold; text-align: center; } .searchResultsClickFor { text-align: center; font-size: 14px; font-weight: bold; color: #FE5A01; } .categoryListText { font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000000; font-size: 11px; text-align: center; padding: 2px 2px 2px 2px; } /* Begin Shopping Cart Colors */ a.headCart { color: #FFFFFF; font-size: 13px; font-weight: normal; vertical-align: middle; } a.headCart:link { color: #FFFFFF; } a.headCart:visited { color: #FFFFFF; } a.headCart:active { color: #FFFFFF; } a.headCart:hover { color: #FFFFFF; text-decoration: underline; } td.highlight { background-color: #DDDDDD; color: #4A5B95; font-size: 13px; } td.addcart { background-color: #DDDDDD; color: #AA2252; font-size: 13px; font-weight: bold; } td.info { color: #000000; font-size: 13px; } /* End Shopping Cart Colors */ table.productTanBorder { border-left : 1px solid #DCDBCB; border-right : 1px solid #DCDBCB; border-top : 1px solid #DCDBCB; border-bottom : 1px solid #DCDBCB; margin-top : 5px; } td.productTanBorder { padding-left : 2px; padding-bottom : 2px; } .shipping { font-size : 11px; } .overnight { font-size : 11px; color : #CC0000; } td.productAddToList { padding-left:5px; } /* Begin product page tabs css */ table.productTabs { width : 620px; padding : 0px; margin : 0px; } td.productTabDownButton { text-align : left; vertical-align : middle; width : 119px; height : 30px; background-color : #6775A9; color : #000000; padding : 0px; border-left : 5px solid white; } td.productTabDownButtonText { background-color : #6775A9; color : #FFFFFF; font-size : 11px; text-align : left; padding-left : 3px; vertical-align : middle; } a.productTabDownButtonText { font-size : 11px; } td.productTabUpButton { text-align : left; vertical-align : middle; width : 119px; height : 30px; background-color : #DDDDDD; color : #000000; padding : 0px; border-left : 5px solid white; } td.productTabUpButtonText { text-align : left; vertical-align : middle; background-color : #DDDDDD; color : #000000; padding-left : 3px; font-size : 11px; } a.productTabUpButtonText { font-size : 11px; } td.pageTabsLine { width :620px; height :5px; background-color : #6775A9; font-size : 1px; border-left : 5px solid white; } /* End product page tabs css */ .priceSelectBox { background-color : #DDDDDD; } /* Used by the stdBreadcrumb template */ td.breadcrumb { background-color: #ffffff; } p.breadcrumb { text-align: left; font-size: 11px!important;} a.breadcrumb { font-size: 11px!important; } /* Shopping Cart CSS */ .cartBorder { background-color : #515E69; font-size : 1px; line-height : 1px;} .cartHeader { background-color : #515E69; color : #FFFFFF; } .cartHighlight { background-color : #EEEEEE; } .cartTable, .cartTable tr td { border-color:#515E69; } /* Checkout CSS */ .checkoutError { color:red; } .checkoutHeader { padding-left : 5px; padding-top : 2px; padding-bottom : 2px; border-top : 1px solid #515E69; border-bottom : 1px solid #515E69; border-left : 1px solid #515E69; border-right : 1px solid #515E69; background-color: #DDDDDD; } .spacer { font-size: 5px; } .redItalic { color : #FF6000; font-style : italic; font-size : 11px; text-align : center; } .checkoutTotal { font-weight : bold; background-color : #DDDDDD; border-top : 1px solid #6775A9; border-bottom : 1px solid #6775A9; } .addedToOrder { background-color: #FFFFFF; color : #CC0000; } /* Splash page CSS */ .bodyBulbChart { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 3px 0px 3px 0px; text-align: center; vertical-align: middle; } .bodyText { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 3px 3px 3px 5px; text-align: left; } .bodyTextBold { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align: left; } td.coveredBold{ color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;} a.footerLink {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none;} a.footerLink:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none;} a.footerLink:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline;} a.footerLink:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none;} a.footerLink:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; font-weight: bold; text-decoration: none;} .footerText { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 3px 0px 3px 0px; text-align: center; } .footerTextBold { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 3px 0px 3px 0px; text-align: center; } .headerTextBold { color: #000099; font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-align: center; } .productImage { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 3px 2px 3px 2px; text-align: center; vertical-align: middle; } .indexContent { padding-top: 6px; padding-left: 6px; padding-right: 0px; } table.cat { border-top : 1px solid #515E69; border-bottom : 1px solid #515E69; border-left : 1px solid #515E69; border-right : 1px solid #515E69;} td.cattop { border-top : 1px solid #515E69; border-bottom : 0px solid #515E69; border-left : 1px solid #515E69; border-right : 1px solid #515E69;} td.catbtm{ border-top : 1px solid #515E69; border-bottom : 1px solid #515E69; border-left : 1px solid #515E69; border-right : 1px solid #515E69;} .mainTableBgrnd { background-color: #FFFFFF; } .productTabTable { border-top: 1px solid #515E69; border-left: 1px solid #515E69; border-right: 1px solid #515E69; border-bottom: 1px solid #515E69; background-color: #F6F6F3; } .productTabBackground { background-color: #F6F7EB; } .clickForMore { color: #515E69; font-size: 11px; } .pageTabName { color: #515E69; font-weight: bold; text-decoration: underline; text-align: center; font-size: 11px; } a.pageTabProdsAddToCart { font-size: 11px; font-weight: bold; text-decoration: underline; } a.pageTabProdsAddToCart:link { color: #000000; } a.pageTabProdsAddToCart:visited { color: #000000; } a.pageTabProdsAddToCart:active { color: #000000; } a.pageTabProdsAddToCart:hover { color: #000000; } a.pageTabProdsMoreInfo { font-size: 11px; text-decoration: underline; } a.pageTabProdsMoreInfo:link { color: #000000; } a.pageTabProdsMoreInfo:visited { color: #000000; } a.pageTabProdsMoreInfo:active { color: #000000; } a.pageTabProdsMoreInfo:hover { color: #000000; } .sideBarCart { border: 1px solid #D2CDC0; } .tagLine { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; text-align: left; padding: 2px 2px 2px 5px; } /* New guided navigation */ #navigation .dimension, #navigation .dimension a { background-color: #e26e25; font-size: 14px; } .homeDimension { font-size: 14px; font-weight: bold; color: #515E69; padding: 3px 2px 3px 0px; } .homeDimensionOrange { font-size: 14px; font-weight: bold; color: #FF6600; padding: 3px 2px 3px 0px; } .homeDimensionOrange10 { font-size: 10px; font-weight: normal; color: #FF6600; padding: 3px 2px 3px 0px; } a.homeDimensionOrange10 { font-size: 10px; font-weight: normal; color: #FF6600; } a.homeDimensionOrange10:link { font-size: 10px; font-weight: normal; color: #FF6600; } a.homeDimensionOrange10:active { font-size: 10px; font-weight: normal; color: #FF6600; } a.homeDimensionOrange10:visited { font-size: 10px; font-weight: normal; color: #FF6600; } a.homeDimensionOrange10:hover { font-size: 10px; font-weight: normal; color: #FF6600; } a.homeDimension:link { font-size: 12px; font-weight: bold; color: #515E69; } a.homeDimension:active { font-size: 12px; font-weight: bold; color: #515E69; } a.homeDimension:visited { font-size: 12px; font-weight: bold; color: #515E69; } a.homeDimension:hover { font-size: 12px; font-weight: bold; color: #515E69; text-decoration: underline; } a.homeDimension{ font-size: 12px; font-weight: bold; color: #515E69; } a.homeDimensionOrange { font-size: 12px; font-weight: bold; color: #FF6600; } a.homeDimensionOrange:link { font-size: 12px; font-weight: bold; color: #FF6600; } a.homeDimensionOrange:active { font-size: 12px; font-weight: bold; color: #FF6600; } a.homeDimensionOrange:visited { font-size: 12px; font-weight: bold; color: #FF6600; } a.homeDimensionOrange:hover { font-size: 12px; font-weight: bold; color: #FF6600; } .dimSearchResultsHeader { font-size: 11px; font-weight: bold; color: #555555; } .dimSearchResult { font-size: 10px; font-weight: normal; color: #555555; } a.dimSearchResult { color: #555555; } .refinement { font-size: 12px!important; font-weight: normal; color: #515E69; } a.refinement { color: #515E69; text-decoration: none; font-size:12px!important} a.refinement:link { color: #515E69; font-size:12px!important;} a.refinement:visited { color: #515E69; font-size:12px!important;} a.refinement:active { color: #515E69; font-size:12px!important;} a.refinement:hover { color: #515E69; text-decoration: underline; font-size:12px!important;} .refinementNumber { font-size: 12px; font-weight: normal; color: #FE5A01; } .shopBySidebarHeader { color:#5c2b1a; background-color:#fff; font-size: 14px; font-weight: bold; padding: 1px; } .breadCrumb { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-align: left; padding: 2px 2px 2px 2px; font-style: italic; } a.breadCrumbBack { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-align: left; font-style: italic; } .mainTable { background-color: #ffffff; border: 1px; border-style: solid; border-width: 1px; border-color: #d5d5d5; padding: 2px 2px 2px 2px; } .searchText { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #515E69; padding: 2px 2px 2px 2px; } .correctedSearchText { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; color: red; padding: 2px 2px 2px 2px; } a.correctedSearchText { color: red; text-decoration: underline; } .merchandiseHeaders { color: #515E69; } form.searchResults input,select { border: 1px solid #515E69; } .pageCount, a.pageCount, a.pageCount:link, a.pageCount:active, a.pageCount:hover, a.pageCount:visited { color: #515E69; } a.pageCountSelected, a.pageCountSelected:link, a.pageCountSelected:active, a.pageCountSelected:hover, a.pageCountSelected:visited { color: #515E69; } .searchWhiteTable { background-color: #ffffff; padding: 2px 2px 2px 2px; } .whiteTablePadding { padding: 2px 2px 2px 2px; } .productText { font-family: Arial, Helvetica, sans-serif; color: #515E69; text-align: left; font-size: 9px; padding: 0px 0px 2px 2px; } a.productTextLink { font-family: Arial, Helvetica, sans-serif; color: #515E69; text-align: left; font-size: 9px; } a.productTextLink:link {font-family: Arial, Helvetica, sans-serif; color: #515E69; font-size: 9px; text-decoration: none;} a.productTextLink:visited {font-family: Arial, Helvetica, sans-serif; color: #515E69; font-size: 9px; text-decoration: none;} a.productTextLink:active {font-family: Arial, Helvetica, sans-serif; color: #515E69; font-size: 9px; text-decoration: none;} a.productTextLink:hover {font-family: Arial, Helvetica, sans-serif; color: #515E69; font-size: 9px; text-decoration: underline;} .inCartText { font-family: Arial, Helvetica, sans-serif; color: #666600; text-align: left; font-weight: bold; font-size: 10px; padding: 2px 0px 2px 2px; } .productPrice { font-family: Arial, Helvetica, sans-serif; color: #990000; text-align: left; font-weight: bold; font-size: 11px; padding: 2px 2px 2px 2px; } .productPriceClearance { font-family: Arial, Helvetica, sans-serif; background-color: #FF6600; color: #ffffff; text-align: center; vertical-align: middle; font-weight: bold; font-size: 9px; padding: 2px 1px 2px 1px; } .productPriceNew { font-family: Arial, Helvetica, sans-serif; background-color: #9C2323; color: #ffffff; text-align: center; vertical-align: middle; font-weight: bold; font-size: 9px; padding: 2px 1px 2px 1px; } .dropDowns { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #515D69; text-align: center; vertical-align: middle; padding: 3px 3px 3px 3px; } .phoneNumber { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #FE5A01; text-align: center; vertical-align: middle; padding: 3px 3px 3px 3px; } .searchBox { font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-align: left; padding: 1px 3px 1px 3px; color: #000000; height: 18px; width: 165px; border: 1px; border-width: 1px; border-color: #bdbdbd; border-style: solid; background-color: #ffffff; } .searchWithin { font-family: Arial, Helvetica, sans-serif; font-size: 9px; text-align: left; padding: 1px 3px 1px 3px; color: #515E69; height: 10px; width: 10px; background-color: #efefef; } .talkBubbleText { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #525E6A; padding: 2px 6px 6px 6px; text-align: center; vertical-align: middle; } .categorySubHeader { font-family: Arial, Helvetica, sans-serif; color: #404040; background-color: #ededed; font-size: 12px; font-weight: bold; text-align: left; border-color: #D1D1D1; border-style:solid; border-width: 1px; padding: 3px 3px 3px 3px; } /* Drop down menu CSS */ a.headerLinks { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: none; } a.headerLinks:link { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: none; } a.headerLinks:active { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: none; } a.headerLinks:visited { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: none; } a.headerLinks:hover { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: underline; } a.headerLinks1 { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: none; } a.headerLinks1:link { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: none; } a.headerLinks1:active { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: none; } a.headerLinks1:visited { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: none; } a.headerLinks1:hover { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: underline; } a.subHeaderLinks1 { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: none; } a.subHeaderLinks1:link { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: none; } a.subHeaderLinks1:active { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: none; } a.subHeaderLinks1:visited { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: none; } a.subHeaderLinks1:hover { font-family: Arial, Helvetica, sans-serif; font-weight:bold; font-size: 12px; color: #db5f0f; text-decoration: underline; } .headerLinks { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; text-align: center; vertical-align: middle; } .headerLinksGrey { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; background-color: #efefef; vertical-align: middle; padding: 2px 2px 2px 2px; } .textSearchBox { border: 1px; border-style: solid; border-width: 1px; border-color: #CCCCCC; width: 120px; height: 15px; } .arrow { font-weight: normal; color: #8FA730; font-size: 10px; } .tabOut { background-color: #E9E9E9; font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; vertical-align: middle; font-size: 11px; color: #333333; } .tabOutArrow { background-color: #E9E9E9; font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; padding: 0px 0px 14px 0px; vertical-align: middle; font-size: 11px; color: #333333; } a.tabOutLink { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; text-decoration: none; font-weight: bold; } a.tabOtLink:active { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; text-decoration: none; font-weight: bold; } a.tabOuLink:visited { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; text-decoration: none; font-weight: bold; } a.tabOtLink:link { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; text-decoration: none; font-weight: bold; } a.tabOutink:hover { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; text-decoration: underline; font-weight: bold; } .tabOver { background-color: #DADADA; font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; vertical-align: middle; font-size: 11px; color: #333333; } .noResultsBodyText { font-family: Arial, Helvetica, sans-serif; color: #525E6A; font-size: 12px; text-align: left; padding: 3px 3px 3px 3px; } .noResultsBodyTextCenter { font-family: Arial, Helvetica, sans-serif; color: #525E6A; font-size: 12px; text-align: center; padding: 3px 3px 3px 3px; } .noResultsBodyTextMedium { font-family: Arial, Helvetica, sans-serif; color: #525E6A; font-size: 14px; text-align: left; padding: 3px 3px 3px 3px; } .noResultsBodyTextLarge { font-family: Arial, Helvetica, sans-serif; color: #525E6A; font-size: 16px; font-weight: bold; text-align: left; padding: 3px 3px 3px 3px; } table.searchResultsMostPopular { border-color: #683117; } td.searchResultsMostPopular { background-color: #683117; color: #FFFFFF; } /* For the huge image */ .priceSpan { color: #FF6D00; border: 1px solid #FF6D00; } .navButtons { background-color: #7B951B; } /* Family of sites cross site header */ .familyOfSites { font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; padding: 2px 2px 2px 2px; color: #68705A; background-color: #D9E2CA; } a.familyOfSitesLink { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #68705A; } a.familyOfSitesLink:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #68705A; } a.familyOfSitesLink:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #68705A; } a.familyOfSitesLink:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #68705A; } a.familyOfSitesLink:active { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #68705A; } .signUpLink { font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; padding: 2px 2px 2px 2px; color: #000000; background-color: #ffffff; } a.signUpLink { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000; } a.signUpLink:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000; } a.signUpLink:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000; } a.signUpLink:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000; } a.signUpLink:active { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000; } .browsePageNoResults { color: #ff7000; background-color: #ffffcd; } .imgborder { border-color: black; padding:2px; } sGrey { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; background-color: #efefef; vertical-align: middle; padding: 2px 2px 2px 2px; } .textSearchBox { border: 1px; border-style: solid; border-width: 1px; border-color: #CCCCCC; width: 120px; height: 15px; } .arrow { font-weight: normal; color: #8FA730; font-size: 10px; } .tabOut { background-color: #E9E9E9; font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; vertical-align: middle; font-size: 11px; color: #333333; } .tabOutArrow { background-color: #E9E9E9; font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; padding: 0px 0px 14px 0px; vertical-align: middle; font-size: 11px; color: #333333; } a.tabOutLink { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; text-decoration: none; font-weight: bold; } a.tabOtLink:active { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; text-decoration: none; font-weight: bold; } a.tabOuLink:visited { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; text-decoration: none; font-weight: bold; } a.tabOtLink:link { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; text-decoration: none; font-weight: bold; } a.tabOutink:hover { font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 11px; text-decoration: underline; font-weight: bold; } .tabOver { background-color: #DADADA; font-family: Arial, Helvetica, sans-serif; text-align: center; font-weight: bold; vertical-align: middle; font-size: 11px; color: #333333; } .menuDiv { font-weight: bold; color: #efefef; background-color: #efefef; font-size: 11px; cursor: pointer; background-repeat: no-repeat; background-position: center ; } .menuDivHover { font-weight: bold; font-size: 12px; color: #ffffff; background-color: #515D69; cursor:pointer; background-repeat: no-repeat; background-position: center ; } /* this is the clipping region for the menu. it's width and height get set by script, depending on the size of the items table */ .transMenu { position:absolute; overflow:hidden; left:-1000px; top:-1000px; } /* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */ .transMenu .content { position:relative; font-size: 9px; } /* this table comprises all menu items each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */ .transMenu .items { position:relative; font-size: 9px; left:0px; top:0px; z-index:10; } .transMenu.top .items { border-top:none; font-size: 9px; } /* each TR.item is one menu item */ .transMenu .item { color: #000000; font-size: 9px; font-family:sans-serif; text-decoration:none; /* this is a hack for mac/ie5, whom incorrectly cascades the border properties of the parent table to each row */ border:none; cursor:pointer; } /* this DIV is the semi-transparent hite background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */ /* we set the background color in script beause ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */ .transMenu .background { position:absolute; left:0px; top:0px; z-index:5; } /* same concept as .background, butthis is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */ .transMenu .shadowRight { position:absolute; z-index:11; top:3px; width:2px; } /* same concept as .background, butthis is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */ .transMenu .shadowBottom { position:absolute; z-index:5; left:3px; height:2px; } /* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */ .transMenu .item.hover { background-color: #CCCCCC; color: black; font-size: 8px; } /* this is either the dingbat that indictes there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */ .transMenu .item img { margin-left:10px; } /* Each item in a menu */ .menuItem { font-size: 11px; } #divTopLevelSeperator { width: 3px; height: 24px; float: left; vertical-align: middle; DISPLAY: block; POSITION: relative; } .divTopLevelSeperator { vertical-align: middle; margin-top: 7px; z-index: 100000; } /* END dropdown menu css */ .noResultsBodyText { font-family: Arial, Helvetica, sans-serif; color: #525E6A; font-size: 12px; text-align: left; padding: 3px 3px 3px 3px; } .noResultsBodyTextCenter { font-family: Arial, Helvetica, sans-serif; color: #525E6A; font-size: 12px; text-align: center; padding: 3px 3px 3px 3px; } .noResultsBodyTextMedium { font-family: Arial, Helvetica, sans-serif; color: #525E6A; font-size: 14px; text-align: left; padding: 3px 3px 3px 3px; } .noResultsBodyTextLarge { font-family: Arial, Helvetica, sans-serif; color: #525E6A; font-size: 16px; font-weight: bold; text-align: left; padding: 3px 3px 3px 3px; } table.searchResultsMostPopular { border-color: #683117; } td.searchResultsMostPopular { background-color: #683117; color: #FFFFFF; } /* For the huge image */ .priceSpan { color: #FF6D00; border: 1px solid #FF6D00; } .navButtons { background-color: #7B951B; } /* Family of sites cross site header */ .familyOfSites { font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; padding: 2px 2px 2px 2px; color: #68705A; background-color: #D9E2CA; } a.familyOfSitesLink { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #68705A; } a.familyOfSitesLink:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #68705A; } a.familyOfSitesLink:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #68705A; } a.familyOfSitesLink:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #68705A; } a.familyOfSitesLink:active { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #68705A; } .signUpLink { font-family: Arial, Helvetica, sans-serif; text-align: center; font-size: 11px; padding: 2px 2px 2px 2px; color: #000000; background-color: #ffffff; } a.signUpLink { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000; } a.signUpLink:hover { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000; } a.signUpLink:visited { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000; } a.signUpLink:link { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000; } a.signUpLink:active { font-size: 11px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #000000; } .browsePageNoResults { color:#333; background:#efe7dc; } .imgborder { border-color: black; padding:2px; } /*Added NEW NAV*/ #headercontainer { width:845px; height:60px; } #header_left { width:460px; height:50px; float:left; margin:0; padding:0; } #header_left_leftcolumn { width:300px; float:left; } #header_left_rightcolumn { width:160px; float:right; margin:6px 0 10px 0; font-family:Arial, Helvetica, sans-serif; } #header_right { width:385px; height:50px; float:right; color:#FF7000; font-weight:bold; } #checkout { width:370px; height:30px; float:right; color:#db5f0f; text-align:right; } #checkout img { float:right; position:relative; top:-7px; } .cart { font-size:12px; line-height:20px; color:#db5f0f; font-weight:bold; display:block; float:right; padding-left:12px; } /* Top Links */ #topLinks { float:right; margin-bottom:15px; color:#000; font-size:11px; } #topLinks li { float:left; margin:0 4px; list-style:none; color:#000; font-size:11px; text-align:left!important; } #topLinks li a,#topLinks li a:link,#topLinks li a:visited,#topLinks li a:hover, #top_links li a:active { color:#000; font-size:11px; text-decoration:underline; } .buying_guide { background:#db5f0f url(images/buyguidebg.gif) repeat-x top left; height:25px; } #search { text-align:right; float:right; height:17px; border:none; padding:4px 4px 0 0; } .searchbox{ border:0px solid #003399; padding:2px; font-size:11px!important; width:130px; height:12px; margin-bottom:3px; vertical-align:top; } html>body .searchbox {margin:1px 0;} /*for Mozilla*/ *:first-child+html .searchbox{margin:0; } /*for IE7*/ .clear {clear:both;} .pros { font-weight:bold; color:#db5f0f; } .logo { margin-left:0; } .phone { margin-left:30px; } /*END NEW NAV*/ .emailSubHeader { color: #6c3f30; } .emailSignupbox { background-color:#FFFFFF; } .emailBox { font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: left; padding: 1px 1px 1px 3px; color: #4C4C4C; height: 15px; width: 190px; border: 1px; border-width: 1px; border-color: #D0D2D1; border-style: solid; background-color: #F6F4F5; margin: 1px; } .hr_dashed { border-style: none none dashed; border-color: #cccccc; border-width: 1px; color: #F6F4F5; background-color: #ffffff; padding: 4px 0px 4px 0px; padding-bottom: 4px; } .emailSignupDiv { background-color:#ffffff; } .footerWidth { width= 845px; } a.sbtext { font-family: Arial, Helvetica, sans-serif; color: #5C5C5C; font-size: 11px; text-decoration: none; } a.sbtext:link { font-family: Arial, Helvetica, sans-serif; color: #5C5C5C; font-size: 11px; text-decoration: none; } a.sbtext:active { font-family: Arial, Helvetica, sans-serif; color: #5C5C5C; font-size: 11px; text-decoration: none; } a.sbtext:visited { font-family: Arial, Helvetica, sans-serif; color: #5C5C5C; font-size: 11px; text-decoration: none; } a.sbtext:hover { font-family: Arial, Helvetica, sans-serif; color: #5C5C5C; font-size: 11px; text-decoration: underline; } .sbtext { color: #5C5C5C; font-size: 12px; text-align: center; padding-left:4px; padding-right:4px; font-family: Arial, Helvetica, sans-serif; } /* New product page */ #addToCart { background: #e27228 url('/doorhardwareplus.com/images/cart_bg.jpg') repeat-x; } .sectionHeader, h1.productName { color: #5a2717; } #productPageMainTopCenter h2 { color:#5a2717!important; } h1.search, #oldEndecaLandingPage h1 { background-color:#FFF; font-family:Arial, Helvetica, sans-serif; color:#552313; font-size:22px!important; text-align:left; border:none; margin-bottom:5px; padding:0; } #productPageMainTopCenter p.productPrice { font-size:14px; font-weight:bold; color:#5a2717!important; } #productPageMainTopCenter p.lpg a, #productPageMainTopCenter p.lpg a:link, #productPageMainTopCenter p.lpg a:hover, #productPageMainTopCenter p.lpg a:active, #productPageMainTopCenter p.lpg a:visited { color:#5a2717!important; } #categoryLinks h3 { font-family:Arial, Helvetica, sans-serif; background-color:#fff; font-size:16px; color:#552313; margin:5px; padding-left:5px; } /* Image phone number overlays */ a.phoneOver:hover, a.phoneOver:link, a.phoneOver:visited, a.phoneOver:active, a.phoneOver { text-decoration:none; } a.poHomepage div { left:500px; } a.poProduct div { color:#5A2717; } /* ===== Homepage Rotator ===== */ #homepageRotator { /* The div containing the images */ position: relative; /* Critical - needed for tab positioning */ z-index: 0; /* Critical - needed to make tabs overlay images */ width:668px; /* Should match the images */ height:248px; /* Should match the images */ } #homepageRotatorTabs { /* The div containing the tabs. */ height: 0; /* Critical - otherwise this div will shove other elements out of position */ position: relative; /* Critical - needed for tab positioning */ z-index: 1; } #homepageRotatorTabs a { /* The numbered tabs in the tab div are anchors, use this to style them. */ position: relative; /* Critical - needed for tab positioning */ z-index: 1; /* Critical - needed to make tabs overlay images */ top: -21px; /* Critical but adjustable - tweak value to position tabs as desired */ background: #552313; /* Style - background color of the tabs */ text-decoration: none; /* Style */ border: 1px solid #fff; /* Style */ margin: 0 3px 0px 1px; /* Style */ padding: 3px 5px; /* Style */ color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } #homepageRotatorTabs a.activeSlide { /* The 'active' tab, whose image is currently being shown. */ background: #E06618; /* Style - background color. Other style attributes could be set also. */ color:#FFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } #homepageRotatorTabs a:focus { outline: none; /* Style */ } /* COLORS */ .primaryColor { color: #562414; } .secondaryColor { color: #de7724; } #welcome_message { width:630px; font-family:Arial, Helvetica, sans-serif; margin:0 5px 0 5px; } #welcome_message h2 { color:#552313; font-size:18px; font-weight:bold; margin:5px 0; } #welcome_message h3 { color:#552313; font-size:18px; font-weight:bold; margin:5px 0; } #welcome_message p { margin:6px 0; } /* New Classes for Static Pages */ #sp_wrapper { width:820px; background-color:#FFF; } #sp_wrapper h1 { padding:3px; margin:0; font-size:22px; color:#552313; } #sp_sidebar { width:160px; padding:5px; float:left; } #sp_sidebar ul { margin:0 0 10px 10px; padding:0px; } #sp_sidebar li { list-style-type:none; font-size:13px!important; padding:3px 0; } #sp_sidebar li a, li a:visited, li a:active, li a:link {color:#333;font-size:13px!important; text-decoration:none;} #sp_content { background-color:#fff; width:640px; padding:5px; float:right; } #sp_sidebar h3,#sp_sidebar h3 a,#sp_sidebar h3 a:link,#sp_sidebar h3 a:visited,#sp_sidebar h3 a:hover,#sp_sidebar h3 a:active { padding:0 0 5px 0; margin:0 0 15px 0; font-size:15px; font-weight:bold; color:#552313; text-decoration:none; } .sp_sidebar_ads { width:160px; padding:5px; margin-top:5px; } #sp_content p { font-size:11px; line-height:16px; color:#333; margin:0; padding:5px; } #sp_content p a { font-size:11px; line-height:16px; color:#552313; text-decoration:underline; } #sp_content h2 { padding:3px; margin:0; font-size:22px; color:#552313; } #sp_content h2 { padding:2px; margin:0; font-size:16px; font-weight:bold; color:#552313; } #sp_content h4 , #sp_content h4 a,#sp_content h4 a:link,#sp_content h4 a:visited,#sp_content h4 a:hover,#sp_content h4 a:active { padding:3px 0; margin:5px 0; font-size:13px!important; font-weight:bold; color:#552313; } .sp_category { width:127px; margin-top:10px; margin-bottom:10px; padding:5px; margin-left:15px; float:left; } .sp_category a {text-decoration:underline;color:#552313;} .sp_category img { margin:1px; border:1px solid #CCC; } .sp_category ul { margin:5px 0; padding:5px 0; } .sp_category li { list-style-type:none; font-size:11px; padding:3px 0; margin:2px 0; } .sp_category li a{font-size:11px!important;color:#552313; text-decoration:underline;} img.sp_app_shot { float:right; margin:10px; } /* End New Classes for Static Pages */ #nav { width:845px; height:28px; background:#582514 url(images/header-nav-bg.gif) repeat-x top left; } #nav ul { font-size:12px!important; font-weight:bold; list-style:none; margin-left:13px; z-index:150; background:#fff; } #nav a { font-size:12px!important; font-weight:bold; } #nav li { float:left; position:relative; text-align:left; z-index:150; } #nav li a { padding:6px 10px 0 10px; float:left; text-decoration:none; display:block; text-align:left; color:#efefef; font-size:12px!important; height:28px; line-height:18px; } html>body #nav li a {float:none;} /*for Mozilla*/ #nav li a:hover { float:left; text-decoration:none; display:block; text-align:left; color:#e06516; } #nav li:hover a { float:left; text-decoration:none; display:block; text-align:left; color:#e06516; } #nav li ul { width:152px; border-left:1px #999 solid; border-right:2px #999 solid; border-bottom:2px #999 solid; position:absolute; top:28px; left:-9999px; } #nav li li ul { width:152px; border:1px #999 solid; position:absolute; top:28px; left:-9999px; } #nav li:hover ul { margin-bottom:0; left:-10px; right:auto; } #nav li ul li { width:152px; } #nav li.dropdown ul li { background:#FFF; } #nav li.dropdown ul li a { background:#FFF; width:150px; /*IMPORTANT for IE*/ color:#000; font-size:12px!important; display:block; text-decoration:none; float:none; text-align:left; padding:5px 10px 5px 10px; font-weight:normal; } html>body #nav li.dropdown ul li a {height:auto; width:auto;} /*for Mozilla*/ #nav li ul li a:hover { background:#cccccc; color:#000; text-decoration:none; width:132px; } #nav li:hover li ul { display:block; position:absolute; top:0px; left:-9999px; } #nav li:hover li:hover ul { left:152px; } html>body #nav li:hover li:hover ul { left:142px; } #nav li ul li a { padding:5px 10px 2px 10px; float:left; height:25px; text-decoration:none; display:block; text-align:left; color:#FFF; font-size:12px!important; } html>body #nav li ul li a{height:auto;} /*for Mozilla*/ #nav li:hover li:hover a { background:#cccccc; color:#000; text-decoration:none; } #nav li:hover li:hover li a { background:#FFF; color:#666; } #nav li:hover li:hover li a:hover { background:#cccccc; color:#000; } #nav li.dropdown li:hover a { background:#cccccc; color:#000; text-decoration:none; } #nav li.dropdown:hover li.secondlevel li a { background:#FFF; color:#666; font-size:11px!important; } #nav li.dropdown li.secondlevel li a:hover { background:#cccccc; color:#000; } .mainSideBarHeaderRed { font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-weight:bold; color: #FF0000; font-weight: bold; padding: 1px 0 6px 0; } .mainSideBarHeaderRed a, .mainSideBarHeaderRed a:link, .mainSideBarHeaderRed a:visited, .mainSideBarHeaderRed a:active { color:#FF0000; text-decoration: none; font-size: 16px; font-weight:bold; vertical-align:bottom; } .mainSideBarHeaderRed a:hover { color: #FF0000; text-decoration:underline; font-size: 16px; font-weight:bold; vertical-align:bottom; }