/* CSS Document */ body { font: 12px Arial, Verdana, Helvetica, sans-serif; color: #4c4c4c; background: #fff; margin: 0; padding: 0; height: 320px; line-height: 17px; } body #container { width: 1024px; margin: 0 auto; text-align: left; } body #header { padding: 0; } /***** REDEFINED GLOBAL TAGS ****/ img { border: none; display: block; } hr { border: none 0; padding: 0; margin: 10px 0; border-top: 1px dotted #CCC; height: 1px; } h3 { margin: 0; padding: 0; font-size: 16px; letter-spacing: -.02em; } h4 { margin: 0; padding: 0; font-size: 14px; letter-spacing: -.03em; } input { padding: 2px 3px; font-family: Trebuchet MS; font-size: 11px; color: Gray; } select { padding: 4px; color: gray; width:211px; } /***** LINK COLORS/STYLES ****/ a:link, a:active, a:visited { color: #266ca8; text-decoration: none; } a:hover { text-decoration: underline; } h4 a:link, h4 a:active, h4 a:visited { color: #4c4c4c; } #footer a:link, #footer a:visited { color: #A7A7A7; } #footer a:hover, #footer a:active { color: #737373; } #productListCompareBox a { color: #4c4c4c; } #commercialLink { margin-top: 5px; margin-left: 10px; float: left; } /***** GLOBALS ****/ span.error{ float:left; color:Red; font-size:1.35em; margin-bottom:10px; line-height:1.39em} span.success{ float:left; color:Green; font-size:1.35em; margin-bottom:10px; line-height:1.39em} /***** BUTTONS *****/ a.boldbuttons{ background: transparent url('../images/buttons/btnSilverLeft.png') no-repeat top left; cursor: pointer; text-transform: uppercase; letter-spacing: -.01em; display: block; float: left; font: bold 8pt Arial; /* Change 13px as desired */ line-height: 27px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */ height: 27px; /* Height of button background height */ padding-left: 8px; /* Width of left menu image */ text-decoration: none; margin: 3px 0; } a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{ color: #515151; /*button text color*/ } a.boldbuttons span{ background: transparent url('../images/buttons/btnSilverRight.png') no-repeat top right; display: block; text-align: center; min-width: 140px; margin-left: 6px; padding: 0px 15px 0px 0px; /*Set 10px to be equal or greater than'padding-left' value above*/ } a.boldbuttons span.short{ min-width: 70px; } a:hover.boldbuttons{ /* Hover state CSS */ text-decoration: none; color: Black; } .buttonwrapper{ /* Container you can use to surround a CSS button to clear float */ overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */ /*min-width: 100%; Causes the alignment issue in ie, doesn't seem to be needed*/ } .productBtnContainer { text-align: center; margin: 1px 6px 0 0; float: right; } .btnShortLeft { float: left; } .btnShortCenter { display: block; float: left; height: 24px; background-image: url(../images/btn_short_c.gif); background-repeat: repeat-x; padding: 5px 2px 0 2px; } .btnShortRight { float: left; } /***** Article Content *****/ #articleContainer { padding: 0 15px; line-height: 22px; } /***** FORM ELEMENTS AND CONTAINERS ****/ .brandDropdown { width: 173px; margin-top: 6px; font-size: 11px; } .modelDropdown { width: 173px; margin-top: 6px; font-size: 11px; } .searchOmniMount { color: #999; font-size: 11px; padding-left: 4px; width: 138px; } .modelInput { color: #999; font-size: 11px; padding-left: 4px; width: 138px; } .radioBtn { margin: 0; padding: 20px 0 0 0; } .mountFinderSearchControls { margin: 6px 0 0 0; } /***** HEADER - LOGO, PRIMARY NAVIGATION & GLOBAL NAVGATION ****/ #logoContainer { float: left; margin: 15px 0 19px 27px; } #header { background: url(../images/header_gradient.jpg) no-repeat; overflow: auto; } #navigationContainer { float: left; clear: right; margin-top: 35px; width: 405px; } #navigationList li { display: inline; } #globalNavigation { float: right; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 11px; text-transform: uppercase; margin-top: 11px; } #globalNavigation ul { margin: 0; padding: 0; display: inline; border: none; } #globalNavigation ul li { margin-left: 0; padding-left: 9px; padding-right: 6px; border: none; list-style: none; display: inline; border-left: 1px dotted #bbb; } #globalNavigation ul li.first { border: none; } /***** PRIMARY NAVIGATION *****/ .MenuGroup { } .PrimaryNavigation { margin-left: 25px; margin-top: 10px; } .TopMenuItem { height: 31px; color: #3F3F3F; font-family: Trebuchet MS, Arial; font-size:15px; font-weight: normal; cursor: pointer; } .TopMenuItemHover { height: 31px; color: #266ca8; font-family: Trebuchet MS, Arial; font-size:15px; font-weight: normal; cursor:pointer; } .TopMenuItemActive { height: 31px; color: #266ca8; font-family: Trebuchet MS, Arial; font-size:15px; font-weight: normal; cursor:pointer; } .TopMenuItemDrop { height: 31px; color: #3F3F3F; font-family: Trebuchet MS, Arial; font-size:15px; font-weight: normal; cursor: pointer; } .TopMenuItemHoverDrop { height: 31px; background-image: url(../images/navTab.gif); color: #ffc62b; font-family: Trebuchet MS, Arial; font-size:15px; font-weight:normal; cursor:pointer; } .TopMenuItemActiveDrop { height: 31px; background-image: url(../images/navTab.gif); color: #ffc62b; font-family: Trebuchet MS, Arial; font-size:15px; font-weight:normal; cursor:pointer; } .MenuItem { background-image: url(../images/navMenuItem.gif); color: #fff; font-family: Trebuchet MS, Arial; font-size: 13px; font-weight: bold; height: 29px; cursor: pointer; border-bottom: solid 1px #494949; } .MenuItemHover { background-image: url(../images/navMenuItemHover.gif); color: #ffc62b; font-family: Trebuchet MS, Arial; font-size: 13px; font-weight: bold; height: 29px; cursor:pointer; border-bottom: solid 1px #494949; } .MenuItemActive { background-image: url(../images/navMenuItem.gif); color: #ffc62b; font-family: Trebuchet MS, Arial; font-size: 13px; font-weight: bold; height: 29px; cursor:pointer; border-bottom: solid 1px #494949; } .menuTopEdge { background-image: url(../images/navMenuTop.gif); background-repeat: no-repeat; height: 10px; width: 208px; } .menuBottomEdge { background-image: url(../images/navMenuBottom.png); background-repeat: no-repeat; height: 10px; width: 208px; } /***** SUB NAVIGATION *****/ #subNavContainer { margin-bottom: 7px; } .subNavigationList li { line-height: 22px; background-image: url(../images/subNavBackground.gif); background-repeat: repeat-x; padding-left: 12px; list-style-position: inside; list-style-image: url(../images/subNavBullet.gif); } /***** BREADCRUMBS *****/ #breadCrumbsContainer { background-image: url(../images/large_header_bg.gif); background-repeat: no-repeat; height: 41px; } #breadCrumbsContainer p { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #696969; text-transform: uppercase; padding: 0; margin: 0; padding-top: 14px; padding-left: 15px; } /***** PROMOTIONAL CONTAINERS *****/ #homePromoContainer { clear: both;} #categoryPrimaryPromo { clear: both; overflow: auto; } #categoryTitleContainer { height: 45px; background-color: #f7f7f6; border-top: dotted 1px #b0b0b0; border-bottom: dotted 1px #b0b0b0; } #categoryTitleContainer p { margin: 15px 0 10px 15px; color: #616264; padding: 0; font-family: Trebuchet MS, Arial; font-size: 20px; } #PromoContainerRightColumn img { margin-bottom: 10px; } /***** DID YOU KNOW ****/ #didYouKnow { background-image: url(../images/didYouKnow_bg.gif); background-repeat: repeat-x; width: 100%; clear: both; height: 45px; font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #111; } #didYouKnow div.head { padding: 16px 0 0 28px; margin: 0; } #didYouKnow div.body { padding: 16px 0 0 12px; margin: 0; } /***** BODY COLUMNS ****/ #bodyContainer { clear: both; overflow: hidden; background-color: #e8e9e9; padding: 12px 6px 9px 6px; background-image: url(../images/bodyFadeIn.jpg); background-repeat: repeat-x; } #leftColumn { float: left; width: 193px; margin: 0 4px; height: 100%; } #centerColumn { float: left; width: 602px; margin: 0 4px; height: 100%; padding-bottom: 15px; background-color: #fff; } #rightColumn { float: left; width: 193px; margin: 0 4px; height: 100%; } /***** ONE COLUMN TEMPLATE ****/ #oneColumn #centerColumn { float: left; width: 1002px; margin: 0 4px; height: 100%; padding-bottom: 15px; background-color: #fff; } #oneColumn #breadCrumbsContainer {display: none;} #oneColumn #productListContainer {width:960px; clear:left;} #oneColumn #logo img {margin: 10px 20px;float:left;} #oneColumn h1 {margin-top:50px;} #oneColumn .redTitleBarLarge { background-image:none; background-color:#D66500; width:inherit;} /***** USER CONTROL HEADERS - SMALL, MEDIUM & LARGE ****/ .headerBackgroundSmall { background-image: url(../images/small_header_bg.gif); background-repeat: no-repeat; height: 41px; } .headerBackgroundSmall p { color: #d66500; text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 0; margin: 0; padding-top: 14px; padding-left: 15px; } .headerBackgroundLarge { background-image: url(../images/large_header_bg.gif); background-repeat: no-repeat; height: 41px; } .headerBackgroundLarge p { color: #d66500; text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 0; margin: 0; padding-top: 14px; padding-left: 15px; } .headerBackgroundLargeSolid { background-image: url(../images/large_header_solid_bg.gif); background-repeat: no-repeat; height: 41px; } .headerBackgroundLargeSolid p { color: #d66500; text-transform: uppercase; font-weight: bold; font-size: 11px; padding: 0; margin: 0; padding-top: 14px; padding-left: 15px; } #omniBasicsHome #centerColumn { width: 802px; } #omniBasicsHome .headerBackgroundLarge { background-image: url(../images/xlarge_header_bg.gif); } #omniBasicsHome #productShowcase {width:802px;} /***** MOUNT FINDER/SEARCH/SIDE NAVGITATION LEFT COLUMN STYLES ****/ #sideNavigation { margin-bottom: 30px; } ul.subNavigationList { list-style-type: none; margin: 0; padding: 0; } ul.subNavigationList li { } #mountFinderSearchContainer .radioBtn {display:none;} #mountFinderSearchContainer { padding: 8px 10px; min-height: 262px; background-color: White; margin-bottom:7px; } #mountFinderSearchContainer p { margin: 0; padding: 0; } #mountFinderSearchContainer h4 { margin-top: 2px; margin-bottom: 3px; } #mountFinderRadioContainer { margin: 8px 0 5px 0; } #mountFinderSearchContainer #mountFinderOr { text-align: center; margin: 4px 0; padding: 0; font-size: 14px; color: #A7A7A7; } #SubNavigation { margin-bottom: 10px; } /***** RIGHT COLUMN CONTROLS ****/ .rightColumnControl { background-color: White; padding: 8px 10px; margin-bottom: 7px; width:173px; } .rightColumnControl h3 { margin: 0; padding: 0; } .compatibleProductsContainer h4 { float: left; padding-top: 6px; } .compatibleProductsIcon { float: left; padding: 2px 5px 2px 0; } #storeLocatorControl p { margin: 0; padding: 0; color: Gray; } #storeLocatorControlZip input[type=image] { float: right; margin: -31px 0 0 0; } .zipInputControl { float: left; margin: 5px 0; } #productOverviewControl p { margin: 0; padding: 0; padding-bottom: 5px; color: Gray; } /***** PRODUCT SHOWCASE ****/ #productShowcase { width: 602px; min-height: 262px; font-size: 95%; line-height: 16px; height:273px; } #productShowcaseFirst { margin-left: 3px; } .productShowcaseMargins { padding-left: 10px; padding-right: 10px; } .productShowcaseMargins h4 { margin: 10px 0 2px 0; } .productShowcaseItems { float: left; width: 190px; padding: 4px; margin-top: 2px; margin-bottom: 10px; } .productShowcaseItems div a img { margin: 0 auto; padding-top: 10px; } /***** CATEGORY LISTING ****/ #categoryList { clear: both;} .categoryListDescription h4 { margin: 0; padding: 0; } .categoryListDescription p { margin: 0; padding: 3px 0; font-size: 95%; line-height: 16px; } .categoryListDescription { padding-top: 8px; padding-right: 15px; } .categoryListDescription .buttonContainer { clear: right; } .categorySeparator { clear: both; margin: 0 auto; width: 570px; height: 1px; } /***** OMNIMOUNT UPDATE ****/ #omniUpdateContainer { min-height: 262px; height:273px; } #omniUpdateContainer p { margin: 0; padding: 0; margin-bottom: 15px; } #omniUpdateContainer h4 { font-size: 13px; margin: 0 0 4px; } /***** FOOTER ****/ #footer { clear: both; color: #444; font-size: 11px; margin: 0 auto; margin-top: 15px; margin-bottom: 20px; text-align: center; } #footer ul { margin: 0; padding: 0; display: inline; } #footer ul li { text-align: center; margin-left: 0; padding-left: 9px; padding-right: 6px; border: none; list-style: none; display: inline; border-left: 1px dotted #bbb; } #footer ul li.first { border: none; } #footer select {width:inherit;} #copyrightContainer p { text-align: center; color: #d1d1d1; height: 50px; margin-top: 20px; } #socialIcons { clear: both; left:822px; position: relative; text-align:right; top: -25px; width:200px; } #socialIcons img { padding: 3px; display: block;} #subContent { margin-left: 15px; margin-right: 15px; } #categoryTopPromo { margin-bottom: 12px; } /***** PRODUCT LIST ****/ #productListContainer { width: 563px; margin: 0 auto; } #productListContainer ul { margin: 0; padding: 0; } #productListContainer ul li { margin: 0; padding: 0; } .redTitleBarLarge { background-image: url(../images/large_header__red_bg.gif); background-repeat: no-repeat; height: 34px; width: 565px; margin: 0 auto; } .productListSize { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: white; margin: 10px 0 0 12px; } .productListing li { list-style-type:none; } .productListItem { width: 127px; outline: 1px solid #CCC; font-size: 11px; line-height: 14px; background-color: White; padding-top: 5px; margin-top: 12px; } .productListItem img { padding: 3px; margin: 0 auto; } .productListTitle { margin-left: 8px; margin-top: 5px; } .productListDescription { padding: 2px 5px 7px 8px; height:66px; overflow:hidden; } .productListCompareBox { background-color: #e8e9e9; border-top: 1px solid #CCC; height:20px; } /***** COMPARE PAGE *****/ .comparisonMatrix { width: 100%; font-size: 80%; text-align: center; } .comparisonMatrix img { margin: 0 auto; padding: 3px 2px; } .comparisonMatrix td { border: 1px solid #f4f4f4; } .comparisonMatrix h3 { text-transform: uppercase; font-size: 110%; font-weight: bold; padding: 0 5px; } .comparisonMatrix td:hover { border: 1px solid #cdcdcd; } .alternatingRow { background-color: #f4f4f4; } /***** PRODUCT DETAILS *****/ .lifestyleIconContainer { padding: 3px; clear: both; } .lifestyleIcons { float: left; margin-right: 2px; border: 1px solid #e0e0e0; } #centerContent { float:left; width: 53%; padding: 20px 0 0 15px; } #centerContent p { font-size: 110%; line-height: 1.6em; } .detailProductName { font-size: 25px; font-family: Trebuchet MS, Arial, Verdana; } .awardsContainer { width: 100%; clear: both; padding: 0 0 10px 15px; } .awardsContainer h4 { padding: 0; margin: 0; margin-bottom: 10px; } /***** PRODUCT TAB MENU *****/ #productTabContainer { clear: both; padding: 20px 10px 0 10px; } .TopGroup { z-index: 99; position: relative; } .DefaultTab { height:32px; color: #2b2b2b; background-image: url(../images/tabCenterBackground.gif); font-size: 12px; font-family: arial; cursor: pointer; } .DefaultTabHover { height:32px; color: #2b2b2b; background-image: url(../images/tabCenterBackground.gif); font-size: 12px; font-family: arial; text-decoration: none; cursor: pointer; } .SelectedTab { height:32px; color: White; background-color: #d66500; font-size: 12px; font-family: arial; cursor: default; } .tabContentContainer { border: 1px solid #e0e0e0; width: 580px; margin-top: -1px; text-align: left; min-height: 325px; } #productTabFeatures { padding: 10px; } #productTabFeatures ul { margin: 10px; padding-left: 15px; } #productTabFeatures ul li { margin-bottom: 5px; } #productTabSpecs ul { margin: 10px; padding-left: 15px; } #productTabSpecs ul li { margin-bottom: 5px; } #productTabSpecs { padding: 10px; } #productTabDownloads { padding: 10px; } .downloadContainer { clear: both; padding: 8px; } .downloadContainer h3 { margin: 0; padding: 0; } .downloadIconImg { float: left; margin: 0 20px 10px 0; } .downloadContainer p { color: Gray; margin: 5px 0; } .downloadContainer hr { clear: both; margin: 44px 0 0; } #toolsContainer { padding: 15px; overflow: auto; } #toolsContainer p { color: Gray; margin: 0 0 18px 0; } .toolList { float: left; width: 110px; height:140px; text-align: center; } .toolList img { margin: 0 auto; } #accessoriesContainer { padding: 20px; } #accessoriesContainer p { color: Gray; margin: 5px 0; } #accessoriesContainer h3 { margin-bottom: 5px; padding: 0; } #accessoriesContainer hr { clear: both; margin: 15px 0; } /***** MOUNT FINDER SEARCH RESULTS *****/ #mountFinderResults { padding-top: 15px; } .productListAdapter { font-size: 9px; letter-spacing: -.005em; background-color: #FFBD00; } .productListAdapter p { margin: 0; padding: 3px 0; padding-left: 5px; } /***** DEALER SEARCH *****/ .productSearchFields { padding-left: 10px; } .productSearchFields div p { margin: 0; padding: 0; } .productSearchFields div { float: left; padding: 5px; padding-right: 8px; } .productSearchFields div input {} .dealerSearchBtn { margin-top: 15px; } .CallForAvailability { clear: both; } .CallForAvailability p { color: #d70000; padding: 5px 16px; margin: 0; } .dealerListContainer { clear: both; width: 602px; } .dealerListContainer h4 { margin: 0; padding: 8px 0 3px 0; text-transform: uppercase; float: left; } .dealerLocationInfo { margin: 0; padding: 0; padding-bottom: 8px; text-transform: uppercase; clear: both; } .dealerContactInfo { float: right; text-align: right; margin: 0; padding-right: 15px; padding-top: 10px; } .mapMarker { padding: 10px; width: 25px; float: left; } /***** PHOTO SLIDER COMMON *****/ .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripNavL, .stripNavR, .stripNav { display: none; } .nav-thumb { border: 1px solid #ccc; } .movers-row { margin: 3px 0; } /* margin between image and thumb row */ /***** LIFESTYLE PHOTO SLIDER *****/ #lifestyle .slider-wrap { width: 602px; } /* width: = image width */ #lifestyle .stripViewer { position: relative; overflow: hidden; width: 602px; height: 300px; } /* width: = image width, height: = image height */ #lifestyle .panelContainer { height:300px; overflow: hidden; } /* height: = image height */ #lifestyle .stripViewer .panelContainer .panel { float: left; height: 100%; width: 602px; } /* width: = image width */ #lifestyle .movers-row div { padding-left: 1px; } #lifestyle .movers-row div div { margin: 1px 2px; width: 74px; float: left; } /* width: = thumbnail image width (blows up in IE if ommitted) */ /***** DETAIL PHOTO SLIDER *****/ #detail { width: 220px; float: right; margin-right: 15px; padding-top: 15px; padding-bottom: 10px; } #detail .slider-wrap { width: 220px; } /* width: = image width */ #detail .stripViewer { position: relative; overflow: hidden; width: 200px; height: 148px; } /* width: = image width, height: = image height */ #detail .panelContainer { height: 148px; overflow: hidden; } /* height: = image height */ #detail .stripViewer .panelContainer .panel { float: left; height: 100%; width: 200px; } /* width: = image width */ #detail .movers-row { float: left; width: 220px; } #detail .movers-row div div { width: 50px; float: left; padding: 2px; } /* width: = thumbnail image width (blows up in IE if ommitted) */ /***** AWARD LIST PAGE *****/ #AwardListContainer { padding: 15px; } #AwardListContainer p { margin: 0; padding: 0; } /***** CONTACT PAGE *****/ #ContactInformationContainer p { margin: 0; padding: 0; padding-bottom: 5px; color: Gray; } #ContactInformationContainer strong { color: #4c4c4c; } /***** CONTACT FORM *****/ .ContactQuestionForm { background:#f6f6f6; padding: 0; margin: 10px 20px; width: 498px; text-align: left; } .ContactQuestionForm p { font-family: Arial, Trebuchet MS, Verdana; width: 200px; font-size: 12px; font-weight: bold; margin: 0; padding: 2px 0; } .ContactQuestionForm .message { margin: 0px 26px 0px 26px;} .ContactDepartment { padding: 15px 25px 10px 25px; } .ContactDepartment select { border: 1px solid #b6b6b6; width: 448px; padding: 5px; } .ContactName { float: left; text-align: left; padding: 10px 0px 10px 25px; } .ContactName input { border: 1px solid #b6b6b6; padding: 5px; width: 200px; } .ContactCompany { float: right; text-align: left; padding: 10px 25px 10px 0px; } .ContactCompany input { border: 1px solid #b6b6b6; padding: 5px; width: 200px; } .ContactEmail { float: left; text-align: left; clear: left; padding: 10px 0px 10px 25px; } .ContactEmail input { border: 1px solid #b6b6b6; padding: 5px; width: 200px; } .ContactPhone { float: right; text-align: left; clear: right; padding: 10px 25px 10px 0px; } .ContactPhone input { border: 1px solid #b6b6b6; padding: 5px; width: 200px; } .ContactQuestion { clear: both; text-align: left; padding: 10px 25px; } .ContactQuestion textarea { width: 435px; padding: 5px; border: 1px solid #b6b6b6; } .ContactSubmit { clear: both; margin: 14px 0 10px 25px; } .ContactSubmit input { margin: 0 6px 0 0; padding: 5px ; } .ContactSubmit .validationSummary { float:left; padding:8px; } /**** REGISTRATION FORM ****/ .RegistrationForm { margin-left: 20px; } .RegistrationForm p { margin: 0; padding: 0; } .RegistrationForm h4 { padding: 16px 0 8px 0; color:#D66500;} .exampleText { font-style: italic; font-size: 85%; color: Gray; } .RegistrationForm input { border: 1px solid #b6b6b6; padding: 5px; width: 200px; } .RegistrationForm .largeInput { width: 422px; } .RegistrationForm .stateInput { width: 170px; } .RegistrationForm .zipInput { width: 114px; } .RegistrationForm .cityInput { width: 200px; } .RegistrationForm .countryDropdown { width: 320px; } /**** DOWNLOADS ****/ #supportContainer { padding:20px; } #supportContainer #supportHeader { margin-bottom:10px; } #supportContainer #supportCategories { float:left; clear:left; margin-right:20px; } #supportContainer #supportCategories select { width:210px; } #supportContainer #supportProducts { float:left; } #supportContainer #supportProducts div { position:relative; } #supportContainer #supportProducts div img { display:none; position:absolute; top:76px; left:90px } #supportContainer #supportProducts select { width:210px; } #supportContainer .supportDownloadList { clear:left } #supportContainer .supportDownloadList .downloadContainer h3 { margin: 0; padding: 0; } #supportContainer .supportDownloadList .downloadContainer p { margin-top: 0px;} #supportContainer .supportDownloadList p { padding-top: 12px;} /* Email Newsletter Popup */ .tooltip { display:none; background:url(../images/newsletterBackground.png); height:266px; width:351px; font-size:11px; color:#fff; } .tooltip div { padding: 90px 20px 20px 20px; color: #333; } .tooltip div p { position:relative; left:6px; text-align:left; font-size:14px; padding-right:20px; line-height:22px; color: #828282; } .tooltip label { float: right; font-family: Arial, Helvetica, sans-serif; color: #828282; font-size: 18px; margin: 0; padding: 0; margin-top: 8px; letter-spacing: -.05em; } .tooltip input { float: right; width: 195px; height: 23px; border: 1px solid #e0e0e0; margin: 2px 5px 3px 7px; padding: 3px 6px; color: #666; font-size: 14px; } .tooltip img { clear: both; float: right; margin: 2px 3px 0 0; } #mask { position:absolute; z-index:9000; background-color:#000; display:none; } /**** ADVANCED SEARCH ****/ #boxes .window { position:absolute; width:440px; height:200px; display:none; z-index:9999; padding:20px; } #advSearchLink { position:relative; top:4px; left:2px} #boxes #advancedSearch { width: 680px; height: 560px; background-color: white; margin: 0 auto; display:none; position:fixed; } #boxes #advancedDiagram { margin: 0 auto; display:block; } #boxes #advancedTitle { background-color: #f6f6f6; border-bottom: solid 1px #cccccc; vertical-align: middle; } #boxes #advancedTitle p { font: 20px Arial, Helvetica, sans-serif; color: #4c4c4c; padding: 13px 0 13px 28px; margin: 0; } #boxes .instructions { font: 19px Arial, Helvetica, sans-serif; color: #7D7E82; padding:0 4px 0 28px; } #boxes #advancedInputs { margin: 20px auto; width: 617px; } #boxes #advancedInputs div { width: 25%; } #boxes #advancedInputs p { margin: 0; padding: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #4c4c4c; } #boxes input.advancedInput { height: 28px; } #boxes .close { float:right; position:relative; top:-33px; left:-16px; } /**** CLEAR FIX ****/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* for IE/Mac */ .clearboth { clear: both; }