/** File: elements.css Validates: CSS Level 2.1 Project: Clearview Author: Kristina Floyd Date Created: 2008 11 03 About: Contains styles for specific elements ID index: Class index: Notes: Place second in the cascade Cascade index: 01 undo.css - Resets browser default styles 02 layout.css - Styles for the main layout and framework of the site 03 content.css - Styles for general content 04 elements.css - Styles for specific page elements 05 ie6.css - IE6 specific styles. 06 ie7.css - IE7 specific styles. 07 clearing.css - Enables the use of .clearfix across the site. 08 main.css - Continuity generated stylesheet 09 print.css - Print specific styles */ /* START .hr */ .hr { } .hr hr { } /* END .hr */ /* START .floatRight */ .floatRight { float: right; } /* END .floatRight */ /* START .floatLeft */ .floatLeft { float: left; } /* END .floatLeft */ /* START .pageLink */ .pageLink { background: transparent url(/template-images/clearview/elements/pageLink/arrow.gif) no-repeat center left; display:inline-block; padding-left: 14px; } .homepage ul li {background: transparent url(/template-images/clearview/elements/pageLink/arrow.gif) no-repeat scroll left top; background-position: 0.2em 0.4em; } .homepage ul li .pageLink {background-image: none; margin-left:10px; } /* END .pageLink */ /* START .backTo */ .backTo { background: transparent url(/template-images/clearview/elements/mainContentHeader/dots.gif) repeat-x top left; margin-top: 1em; padding-top: 11px; text-align: right; } /* END .backTo */ /* START #mainContentHeader */ #mainContentHeader { background: transparent url(/template-images/clearview/elements/mainContentHeader/dots.gif) repeat-x bottom left; margin-bottom: 1em; padding-bottom: 11px; position: relative; } #mainContentHeader h2 { float: left; } #mainContentHeader .backTo { background: transparent; float: right; margin: 0; padding: 0; } /* END #mainContentHeader */ /* START .pageImageFloatleft */ .pageImageFloatleft { float: left; margin: 0 2em 1em 0; padding: 0; } /* END .pageImageFloatleft */ /* START .pageImageFloatright */ .pageImageFloatright { float: right; margin: 0 0 1em 2em; padding: 0; } /* END .pageImageFloatright */ /* START .panel */ .panel { margin-bottom: 6px; } .panel .panelHeader { background: #013A81 url(/template-images/clearview/elements/panel/panelHeader/bg.jpg) no-repeat top left; border-bottom: 1px solid #FFFFFF; padding: 6px 8px; } .panel .panelHeader h3, .panel .panelHeader h3 a { color: #FFFFFF; text-decoration: none; } .panel .panelHeader h3 a:hover { color: #FFFFFF; text-decoration: underline; } .panel .panelBody { background: #E5EBF2 url(/template-images/clearview/elements/panel/panelBody/bg.gif) no-repeat bottom left; font-size: 0.9091em; padding: 6px 8px 10px 8px; } .panelBody ul { margin: 0; padding: 0; } .panelBody li { list-style: none; margin: 0; padding: 0; } .panelBody li a { text-decoration: none; } .panelBody li a:hover { text-decoration: underline; } .panelBody p { margin: 0; } .panelBody p .pageLink { float: right; } #subContent .pageLink { clear: left; } .panelBody img { margin: 0 5px 3px 0; } /* END .panel */ /* START #wrapper.landingTemplate .panel */ #wrapper.landingTabsTemplate .panel, #wrapper.landingTemplate .panel { margin-bottom: 6px; width: 340px; } #wrapper.landingTabsTemplate .panel .panelHeader, #wrapper.landingTemplate .panel .panelHeader { background: #013A81 url(/template-images/clearview/elements/landingPanel/header/bg.jpg) no-repeat top left; border-bottom: 1px solid #FFFFFF; padding: 6px 8px; } #wrapper.landingTabsTemplate .panel .panelHeader h3 a, #wrapper.landingTemplate .panel .panelHeader h3 a { color: #FFFFFF; text-decoration: none; } #wrapper.landingTabsTemplate .panel .panelHeader h3 a:hover, #wrapper.landingTemplate .panel .panelHeader h3 a:hover { color: #FFFFFF; text-decoration: underline; } #wrapper.landingTabsTemplate .panel .panelBody, #wrapper.landingTemplate .panel .panelBody { background: #E5EBF2 url(/template-images/clearview/elements/landingPanel/body/bg.gif) no-repeat bottom left; font-size: 0.9091em; min-height: 5.9em; padding: 6px 8px 10px 8px; } #wrapper.landingTabsTemplate .panelBody ul, #wrapper.landingTemplate .panelBody ul { margin: 0; padding: 0; } #wrapper.landingTabsTemplate .panelBody li, #wrapper.landingTemplate .panelBody li { list-style: none; margin: 0; padding: 0; } #wrapper.landingTabsTemplate .panelBody li a, #wrapper.landingTemplate .panelBody li a { text-decoration: none; } #wrapper.landingTabsTemplate .panelBody li a:hover, #wrapper.landingTemplate .panelBody li a:hover { text-decoration: underline; } #wrapper.landingTabsTemplate .panelBody p, #wrapper.landingTemplate .panelBody p { margin: 0; } #wrapper.landingTabsTemplate .panelBody p .pageLink, #wrapper.landingTemplate .panelBody p .pageLink { margin-top: 1em; float: right; } #wrapper.landingTabsTemplate .panelBody img, #wrapper.landingTemplate .panelBody img { margin: 0 5px 3px 0; } /* END #wrapper.landingTemplate .panel */ /* START #wrapper.homeTemplate #mainContent ul */ #wrapper.homeTemplate #mainContent ul { list-style: none; margin: 0; } #wrapper.homeTemplate #mainContent li { list-style: none; margin-left: 0; } #wrapper.homeTemplate #mainContent li a { text-decoration: none; } #wrapper.homeTemplate #mainContent li a:hover { text-decoration: underline; } #wrapper.homeTemplate #mainContent .bodyText {float:left; width:300px;} #wrapper.homeTemplate #mainContent .bodyText li a span { background-position: 0.1em 0.4em; } #wrapper.homeTemplate #mainContent .featurePanel {float:right; width:auto; padding-top:0px; margin-right: 5px; margin-top:-3px; } /* END #wrapper.homeTemplate #mainContent ul */ /* START .featurePanel */ .featurePanel {background: #E3E3E3 url(/template-images/clearview/elements/featurePanel/corner/topLeft.gif) no-repeat top left; color: #666465; float: right; margin-left: 40px; padding: 10px; position: relative; } .FPtopRight { background: transparent url(/template-images/clearview/elements/featurePanel/corner/topRight.gif) no-repeat top left; top: 0; height: 10px; position: absolute; right: 0; width: 10px; } .FPbottomLeft { background: transparent url(/template-images/clearview/elements/featurePanel/corner/bottomLeft.gif) no-repeat top left; bottom: 0; height: 10px; left: 0; position: absolute; width: 9px; } .FPbottomRight { background: transparent url(/template-images/clearview/elements/featurePanel/corner/bottomRight.gif) no-repeat top left; bottom: 0; height: 10px; position: absolute; right: 0; width: 9px; } .featurePanel h3 { font-size: 1.18182em; font-weight: normal; margin: 0.72723em 0; } .featurePanel a { color: #013A81; text-decoration: none; } .featurePanel a:hover { text-decoration: underline; } .featurePanel img { margin: 0; padding: 0; } .featurePanel .pageImageFloatleft { margin: 0 5px 0 0; vertical-align: middle; } .featurePanel .pageImageFloatright { margin: 0 0 0 5px; vertical-align: middle; } .featurePanel p { margin: 0; padding: 0; } /* END .featurePanel */ /* START .noResults */ .noResults.featurePanel { float: none; margin: 1em 0; text-align: center; } #fullWidthLayout .noResults.featurePanel { width: 668px; } #twoColumnLayout .noResults.featurePanel { width: 464px; } /* END .noResults */ /* START #listPanel */ #listPanel { list-style: none; margin: 0 0 1em 0; padding: 0; } #listPanel li { background: transparent url(/template-images/clearview/elements/mainContentHeader/dots.gif) repeat-x bottom left; list-style: none; margin: 0; padding: 14px 0; } .listPanelImage { float: left; width: 130px; } .listPanelImage img { border: 1px solid #396295; margin-right: 1em; padding: 0; } .listPanelContent { margin-left: 130px; } #listPanel h3 { color: #013A81; font-size: 1.27273em; font-weight: normal; margin-bottom: 0.9285em; } #listPanel .pageLink { float: right; } /* END #listPanel */ /* START .paging */ .paging { text-align: center; } .paging ol { display: table; list-style: none; margin: 0 auto; padding: 1em 0; } .paging li { display: table-cell; float: left; list-style: none; margin: 0 2px; padding: 0; } .paging a { border: 1px solid #C3D0DC; color: #C3D0DC; display: block; padding: 4px 7px; text-decoration: none; } .paging a:hover { background: #39669D; border: 1px solid #39669D; color: #FFFFFF; } .paging .selected a { background: #39669D; color: #FFFFFF; font-weight: bold; } /* END .paging */ /* START #gallery */ #gallery { display: table; list-style: none; margin: 1em 0; padding: 0; width: 465px; } #gallery li { background: #E3E3E3; display: table-cell; float: left; list-style: none; height: 175px; margin: 0 8px 8px 0; padding: 0; width: 147px; } #gallery li p { margin: 0 8px; } /* END #gallery */ /* START #imageDetail */ #imageDetail { float: none; margin: 1em 0; text-align: center; } #imageDetail img { display: inline; } /* END #imageDetail */ /* START #searchResults */ #searchResults { background: transparent url(/template-images/clearview/elements/mainContentHeader/dots.gif) repeat-x top left; list-style: none; margin: 1em 0; padding: 0; } #searchResults li { background: transparent url(/template-images/clearview/elements/mainContentHeader/dots.gif) repeat-x bottom left; list-style: none; margin: 0; padding: 14px 0; } #searchResults h3 { color: #013A81; font-size: 1.27273em; font-weight: normal; margin-bottom: 0.9285em; } #searchResults .pageLink { float: right; } /* END #searchResults */ /* START #productList */ #productList { list-style: none; margin: 0; padding: 0; } #productList li { float: left; list-style: none; margin: 0; padding: 0; width: 50%; } /* END #productList */ /* START #categoryList */ #categoryList { list-style: none; margin: 1em 0; padding: 0; } #categoryList li { list-style: none; margin: 0; padding: 0; } /* END #categoryList */ /* START #productChooser */ #productChooser { background: #E5EBF2 url(/template-images/clearview/elements/form/fullWidth/body/bg.gif) no-repeat bottom left; margin-bottom: 1em; padding-bottom: 10px; } #productChooser h2 { background: #013A81 url(/template-images/clearview/elements/form/fullWidth/header/bg.jpg) no-repeat top left; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; font-weight: bold; margin-bottom: 1em; padding: 6px 8px; width: 672px; } #productChooser fieldset { clear: left; padding: 0 3em; } #productChooser ol { list-style: none; margin: 0; } #productChooser ol li { clear: left; list-style: none; margin: 0 0 1em 0; padding: 0 8px 10px 8px; } #productChooser label { display: none; } #productChooser .submit { float: none; } /* END #productChooser */ /* START #productDetails */ #productDetails {} #productDetails #productContent {} #productDetails #productContentImage {float:left; padding-right:20px; padding-bottom:10px; } /* END #productDetails */ /* START #techInfoContainer */ #techInfoContainer { margin: 1em 0; } #techInfoContainer .panel { } #techInfoContainer .panel .panelHeader { background: #013A81 url(/template-images/clearview/elements/panel/fullWidth/header/bg.jpg) no-repeat top left; border-bottom: 1px solid #FFFFFF; padding: 6px 8px; } #techInfoContainer .panel .panelBody { background: #E5EBF2 url(/template-images/clearview/elements/panel/fullWidth/body/bg.gif) no-repeat bottom left; font-size: 1em; padding: 6px 8px 10px 8px; } #techInfoContainer dl { background: transparent url(/template-images/clearview/elements/mainContentHeader/dots.gif) repeat-x top left; list-style: none; margin: 1em 0; padding: 0; } #techInfoContainer dt { margin: 0; padding: 14px 0 7px 0; } #techInfoContainer dd { background: transparent url(/template-images/clearview/elements/mainContentHeader/dots.gif) repeat-x bottom left; list-style: none; margin: 0; padding: 7px 1em 14px 1em; } #techInfoContainer ol { list-style: none; margin: 1em 0; padding: 0; } #techInfoContainer li { list-style: none; margin: 0; padding: 7px 1em; } /* END #techInfoContainer */ /* START .hidden */ .hidden { display: none; } /* END .hidden */ /* START #questionResults */ #questionResults { } #questionResults ol { list-style: none; margin: 0; padding: 0; } #questionResults li { list-style: none; margin: 0; padding: 0; } #questionResults .panel .panelHeader { background: #013A81 url(/template-images/clearview/elements/panel/fullWidth/header/bg.jpg) no-repeat top left; border-bottom: 1px solid #FFFFFF; padding: 6px 8px; } #questionResults .panel .panelBody { background: #E5EBF2 url(/template-images/clearview/elements/panel/fullWidth/body/bg.gif) no-repeat bottom left; font-size: 1em; padding: 6px 8px 10px 8px; } /* END #questionResults */ /* START #solveProblem */ #solveProblem.panel { margin-bottom: 0; } #solveProblem.panel .panelHeader { background: #013A81 url(/template-images/clearview/elements/panel/fullWidth/header/bg.jpg) no-repeat top left; border-bottom: 1px solid #FFFFFF; padding: 6px 8px; } #solveProblem.panel .panelBody { background: #E5EBF2; font-size: 1em; padding: 1em 8px 1em 8px; } /* END #solveProblem */ /* START #questionAnswers */ #questionAnswers { margin-bottom: 1em; } #questionAnswers form { background: #E5EBF2 url(/template-images/clearview/elements/form/fullWidth/body/bg.gif) no-repeat bottom left; padding: 0 3em; } #questionAnswers form ol { list-style: none; margin: 0; } #questionAnswers form ol li { clear: left; list-style: none; margin: 0 0 1em 0; padding: 0 8px 10px 8px; } #questionAnswers .radioWrapper { } #questionAnswers .radioWrapper .label { } #questionAnswers .radioWrapper ol { padding: 0.5em; } #questionAnswers .radioWrapper li { margin-bottom: 0.5em; } #questionAnswers .radioWrapper label { display: inline; } #questionAnswers .radioWrapper input { margin-right: 1em; } #questionAnswers #formButtons legend { display: none; } /* END #questionAnswers */ /* START #contactWrapper */ #contactWrapper { background: transparent url(/template-images/clearview/elements/mainContentHeader/dots.gif) repeat-x bottom left; margin: 0 0 1em 0; padding: 1em 0; } #distributorNotes {padding-bottom:20px;} #distributorRegionsCovered {padding-bottom:20px;} #distributorName {padding-bottom:10px;} #companyDetails { float: left; width: 50%; } #accountContact { margin-left: 50%; } #contactWrapper address { margin-bottom: 1em; } #contactWrapper p { margin: 0; } #contactWrapper img { margin: 0; padding: 0; } #contactWrapper .contactName { margin: 0; } /* END #contactWrapper */ /* START #distributorsList */ #distributorsList { list-style: none; margin: 1em 0; padding: 0; } #distributorList h2 { margin-top: 1em; } #distributorsList li { list-style: none; margin: 0; padding: 0; } #distributorsList .panel .panelHeader { background: #013A81 url(/template-images/clearview/elements/panel/default/header/bg.jpg) no-repeat top left; border-bottom: 1px solid #FFFFFF; padding: 6px 8px; } #distributorsList .panel .panelBody { background: #E5EBF2 url(/template-images/clearview/elements/panel/default/body/bg.gif) no-repeat bottom left; font-size: 1em; padding: 6px 8px 10px 8px; } #distributorsList address { float: left; } #distributorsList p { margin: 0; text-align: right; } /* END #distributorsList */ /* START #distributorsEvents */ #distributorsEvents { list-style: none; margin: 1em 0; padding: 0; } #distributorsEvents li { list-style: none; margin: 0; padding: 0; } #distributorsEvents .panel .panelHeader { background: #013A81 url(/template-images/clearview/elements/panel/fullWidth/header/bg.jpg) no-repeat top left; border-bottom: 1px solid #FFFFFF; padding: 6px 8px; } #distributorsEvents .panel .panelHeader h3 { float: left; } #distributorsEvents .eventInfoWrapper { color: #FFFFFF; float: right; text-align: right; } #distributorsEvents .eventDate { } #distributorsEvents .eventLocation { } #distributorsEvents .panel .panelBody { background: #E5EBF2 url(/template-images/clearview/elements/panel/fullWidth/body/bg.gif) no-repeat bottom left; font-size: 1em; padding: 6px 8px 10px 8px; } /* END #distributorsEvents */ /* START .loginForm */ form.loginForm { background: #E5EBF2 url(/template-images/clearview/elements/landingPanel/body/bg.gif) no-repeat bottom left; margin: 1em auto; padding-bottom: 10px; width: 340px; } form.loginForm ol { list-style: none; margin: 0; } form.loginForm ol li { clear: left; list-style: none; margin: 0 0 1em 0; padding: 0 8px 10px 8px; } form.loginForm p { padding: 0 1em; } form.loginForm h2 { background: #013A81 url(/template-images/clearview/elements/landingPanel/header/bg.jpg) no-repeat top left; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; font-weight: bold; margin-bottom: 1em; padding: 6px 8px; width: auto; } form.loginForm label { display: block; margin-bottom: 0.5em; } form.loginForm input { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } form.loginForm .inputText input { width: 180px; } form.loginForm label { float: left; margin-right: 1em; width: 100px; } form.loginForm .formButtons legend { display: none; } form.loginForm .errorMessage { color: #FF0000; display: none; } form.loginForm .requiredField { margin-right: 0.5em; } form.loginForm .help { background: #E5EBF2 url(/template-images/clearview/elements/form/body/help.jpg) no-repeat bottom left; display: inline-block; height: 17px; text-decoration: none; text-indent: -2000em; width: 18px; } /* END .loginForm */ /* START #distributedBy */ #distributedBy { float: left; } #distributedBy p { margin: 0; } /* END #distributedBy */ /* START #sitemap */ #sitemap { list-style: none; margin: 1em auto; padding: 0; width: 550px; } #sitemap li { list-style: none; margin: 0; padding: 0; } #sitemap h3 { padding: 6px 8px; } #sitemap h3 a { } #sitemap ol { list-style: none; margin: 0 0 0 3em; padding: 6px 8px 10px 8px; } #sitemap li li { margin: 0; } /* END #sitemap */ /* START #testimonialsList */ #testimonialsList { list-style: none; margin: 1em 0; padding: 0; } #testimonialsList li { list-style: none; margin: 0; padding: 0; } #testimonialsList .panel .panelHeader { background: #013A81 url(/template-images/clearview/elements/panel/default/header/bg.jpg) no-repeat top left; border-bottom: 1px solid #FFFFFF; padding: 6px 8px; } #testimonialsList .panel .panelBody { background: #E5EBF2 url(/template-images/clearview/elements/panel/default/body/bg.gif) no-repeat bottom left; font-size: 1em; padding: 6px 8px 10px 8px; } #testimonialsList p { } #testimonialImage {padding:0 10px 10px 0; } .testimonialDetails {height:1%; } /* END #testimonialsList */ /* START .submit */ .submit { background: transparent url(/template-images/clearview/elements/siteSearch/arrow.gif) no-repeat center right; border: none; color: #013A81; cursor: pointer; float: right; font-weight: bold; padding-right: 13px; } /* END .submit */ /* START #localContacts */ #localContacts { background: transparent url(/template-images/clearview/elements/mainContentHeader/dots.gif) repeat-x bottom left; list-style: none; margin: 0 0 1em 0; padding: 1em 0; } #localContacts li { list-style: none; margin: 0; padding: 0; } #localContacts .panelHeader { background: #013A81 url(/template-images/clearview/elements/form/fullWidth/header/bg.jpg) no-repeat top left; } #localContacts .panelBody { background: #E5EBF2 url(/template-images/clearview/elements/form/fullWidth/body/bg.gif) no-repeat bottom left; font-size: 1em; } #localContacts address { margin-bottom: 1em; } #localContacts p { } #localContacts .pageLink { float: none; } #localContacts .contactName { margin: 0; } #localContacts .contactDetail { float: left; } #localContacts .contactImages { float: right; list-style: none; margin: 0; padding: 0; width: 400px; } #localContacts .contactImages li { display: inline; float: left; margin-bottom: 1em; width: 100px; } #localContacts img { display: inline; margin: 0; padding: 0; } /* END #localContacts */ /* START #mapLinks */ #mapLinks { list-style: none; margin: 0 0 0 60px; padding: 0; } #mapLinks li { list-style: none; margin: 0; padding: 0; } /* END #mapLinks */