/****************************************************** /* TODO ****************************************************** */ /****************************************************** /* PALETTE ****************************************************** #4d4d4d - dark grey - "A" - text #f0f1f1 - mid grey - "B" - bg's #ebeadf - mid grey/green - "C" - bg's #e1ddce - mid grey/green - "D" - bg's #578b4a - olive - "E" - bg's #7cb13b - lime green - "F" - bg's #9d2f91 - purple - "G" #ff5aa0 - pink - "H" #f58233 - orangered - "I" #f9c909 - orange - "J" #fff478 - yellow - "K" #ffebc3 - khaki - "L" #006CC0 - blue #ffffff - content bg */ /****************************************************** /* RESET ******************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } a { color: inherit; } /****************************************************** /* GLOBAL ******************************************************/ body { font-family: arial, helvetica, sans-serif; font-size: small; color: #4d4d4d; background-color: #e1ddce; line-height: 1.4em; } h1, h2, h3, h4, h5, h6 { color: #000000; } a { color: #f58233; text-decoration: none; font-weight: bold;} a:hover { text-decoration: underline; } p { padding-bottom: 0.6em; font-size: 105%;} th, td { text-align:left } /****************************************************** /* FORMS ******************************************************/ input[type="submit"]::-moz-focus-inner { border: 0; padding: 0; } input[type="submit"] { font-family: arial,helvetica,sans-serif; border: 0px none; background-color: transparent; background-position: right -82px; background-image: url('images/buttons.png'); background-repeat: no-repeat; padding: 0px 24px 0px 0px; color: #9d2f91; font-weight: bold; cursor: pointer; height: 20px; } input[type="button"] { border: 0px none; background-color: transparent; background-position: right -82px; background-image: url('images/buttons.png'); background-repeat: no-repeat; padding: 0px 24px 0px 0px; color: #9d2f91; font-weight: bold; cursor: pointer; height: 20px; } input[type="text"], input[type="password"], input[type="select"] { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding: 2px 4px 2px 4px; color: #4d4d4d; } input[type="text"], input[type="password"] {border: 1px solid #4d4d4d;} input[type="checkbox"] { border: 0px none; background-color: transparent; color: white; cursor: pointer; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;} .ModAuthenticationC input[type="submit"] { margin: 5px 0px; } .Normal label { padding-left: 5px; } /****************************************************** /* LAYOUT & ARCHITECTURE ******************************************************/ #mainWrapper { width: 1240px; /* Designed for 1280px wide, but 40px taken off for scrollbar */ height: 100%; margin: 10px auto; } #mainNav { background: #578b4a url('images/gradientBg.png') repeat-x 0px -200px; background: -moz-linear-gradient(top, #578b4a, #7cb13b); background: -webkit-gradient(linear, center top, center bottom, from(#578b4a), to(#7cb13b)); margin-top: 10px;} #contentWrapper { width: 1018px; float: left; border: 0px; padding: 10px; margin-bottom: 10px; background-color: #ffffff; } #mainWrapper .DNNEmptyPane { padding: 0px; margin: 0px; background-color: transparent; } #dnn_leftPane { margin-right: 828px; margin-top: 16px; padding:10px } #dnn_leftPane .containerPlain { margin-bottom: 10px; } #dnn_sideNav { margin-right: 828px; margin-top: 16px; } #dnn_sideNav .containerPlain { margin-bottom: 0px; margin-top: 10px; } #contentContainer { float: right; width: 810px; margin-top: 10px; } .ContentPane { margin: 0px 0px 10px 0px; } #contentHeader { margin-bottom: 20px; border-bottom: 3px solid #e1ddce; } #header>div { margin-bottom: 10px; border-width: 0px; border-style: solid; } #loginBar { background-color: #e1ddce; height: 34px; padding: 6px 10px 6px 10px; position: relative; clear:both; } #dnn_rightPane { background-color: #f0f1f1; border: 0px; margin-left: 1050px; padding: 10px; } #dnn_rightPane td { padding:10px; } #dnn_rightPane table { margin:auto; } #dnn_rightPane .containerPlain { margin-bottom: 10px; } #footerContentContainer { clear: both; background-color: #f0f1f1; border: 2px solid #578b4a; margin-bottom: 10px; padding: 10px; } #ecLogo { background-image: url('images/ecLogo.png'); width: 280px; height: 113px; float:left; margin-bottom:10px; } .ecSearch { float:right } .ecSearch .search_button { background: #F58233; padding:6px 0px 0px 12px; width:105px; height:25px; vertical-align:middle; border-radius: 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px; -moz-border-radius: 6px 6px 0px 0px; } .ecSearch .search_button a { text-decoration:none; color:Black; font-weight:bold; font-size:18px; background: transparent url('images/buttons.png') no-repeat right -690px; padding-right:30px; } .ecSearch .search_box { padding: 5px 10px 20px 10px; height:57px; width: 410px; background: #F58233 url('images/gradientSearchBg.png') repeat-x 0px 0px; background: -moz-linear-gradient(top, #F58233, #F9C809); background: -webkit-gradient(linear, center top, center bottom, from(#F58233), to(#F9C809)); border-radius: 0px 6px 6px 6px; -webkit-border-radius: 0px 6px 6px 6px; -moz-border-radius: 0px 6px 6px 6px; } .ecSearch .search_box label { margin-right:10px; } .ecSearch .search_box input { margin:5px 0px; } .ecSearch .search_box .searchBoxButton { float:right;height:20px;width:20px;margin-left:-60px;margin-right:4px;margin-top:11px;background:white url(images/buttons.png) no-repeat; } .ecSearch .search_box input[type="text"] { float:left; width: 370px; font-size: 18px; height: 1.5em; padding-right:35px; } #dnn_headerAd { float:right; width:250px; height:113px; background:#9D2F91; margin-left:10px; } #dnn_headerAd .ModDNNHTMLC img { padding:7px 5px 5px 5px; } #shopper { width: 170px; height: 196px; background-image: url('images/shopper.png'); position: relative; top: -186px; left: 1050px; } #footer { background: #7cb13b url('images/gradientBg.png') repeat-x ; background: background: -moz-linear-gradient(top, #7cb13b, #578b4a); background: -webkit-gradient(linear, center top, center bottom, from(#7cb13b), to(#578b4a)); border: 0px; padding: 10px; min-height: 3em; } div.outerRadius { border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } div.innerRadius { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } /* Default state for this pane - js in page shows it and floats it right if it has content */ #dnn_middleRightPane { background-color: #fffffff; display: none; margin-top: -5px; } #dnn_middleRightPane .containerPlain { margin-bottom: 6px; } #dnn_middleRightPane p { padding: 10px; } #dnn_middleRightPane h1 { padding-left: 10px; } #dnn_middleRightPane, div.containerFeatureBox { margin-bottom: 20px; } #dnn_middleRightPane h1, .containerFeatureBox h1 { font-size: 120%; padding-bottom: 10px; background-color: #ffffff; width: 100%; line-height:20px; padding-top:10px; } #dnn_middleRightPane h1 a:hover, .containerFeatureBox h1 a:hover { text-decoration: none; } #dnn_middleRightPane h1 a, .containerFeatureBox h1 a { color: #578b4a; background: url('images/buttons.png') no-repeat right -550px; padding-right: 25px; } /****************************************************** /* CONTAINERS ******************************************************/ .containerPlain { margin-bottom: 20px; } .containerPlain h1 { line-height: 30px; } .containerPlain .fullReportModule { border-top: 2px dotted #F58233; padding-top:20px; } /* ordered list */ #dnn_ContentPane .containerPlain ol { margin-left:25px } #dnn_ContentPane .containerPlain ol li { list-style-type: decimal; list-style-position: outside; color:White; font-weight: bold; } #dnn_ContentPane .containerPlain ol li p { padding-left:30px; margin-left:-25px; background: White url('images/circleOrangeLarge.png') no-repeat; color:#4D4D4D; font-weight:normal; } /* unordered list */ .containerPlain .reportSummary ul, .containerPlain .fullReportModule ul, #dnn_ContentPane .containerPlain .ModBlogC ul, #dnn_ContentPane .containerPlain .ModContentManagerC ul, #dnn_ContentPane .containerPlain .ModDNNHTMLC ul { margin-left:25px } #dnn_ContentPane .containerPlain .ModContentManagerC .intro ul, #dnn_ContentPane .containerPlain .ModDNNHTMLC .intro ul { margin-left:0px } .containerPlain .reportSummary ul li,.containerPlain .fullReportModule ul li { padding-left:30px; padding-bottom:2px; margin-bottom:2px; margin-left:-25px; background: Transparent url('images/circleOrangeLarge.png') no-repeat; color:#4D4D4D; font-weight:normal; } #dnn_ContentPane .containerPlain .ModBlogC ul li, #dnn_ContentPane .containerPlain .ModContentManagerC ul li, #dnn_ContentPane .containerPlain .ModDNNHTMLC ul li { padding-left:24px; padding-bottom:2px; margin-bottom:2px; margin-left:-25px; background: White url('images/circleOrangeSmall.png') no-repeat; color:#4D4D4D; font-weight:normal; } ul.subscribersSublist li { padding-left:24px; padding-bottom:2px; margin-bottom:2px; background: White url('images/circleOrangeSmall.png') no-repeat; color:#4D4D4D; font-weight:normal; } ul.subscribersSublist { margin:3px 0px; } #dnn_ContentPane .containerPlain .ModContentManagerC .intro ul li, #dnn_ContentPane .containerPlain .ModDNNHTMLC .intro ul li { background: #F0EEE5 none; padding: 10px; } /* FeatureBox */ .containerFeatureBoxOld { background-color: #f0f1f1; margin-bottom: 20px; } .containerFeatureBoxOld img { float: left; width: 194px; height: 194px; padding: 4px; } .containerFeatureBoxOld h1 { padding-left: 6px; } .containerFeatureBoxOld h3, .containerFeatureBox h4, .containerFeatureBox h5, .containerFeatureBox h6 { color: #f58233; padding-top: 6px; padding-bottom: 10px; font-weight: bold; } .containerFeatureBoxOld .callOut { margin: 0px 10px 10px 210px; } .containerFeatureBoxOld a { background: transparent url('images/buttons.png') no-repeat -442px right; padding-right: 20px; font-weight: bold; } .containerFeatureBoxOld hr { clear: left; visibility: hidden; } .containerFeatureBoxOld p { padding-bottom: 16px; } .containerFeatureBoxOld ul { clear: left; padding-top: 6px; } .containerFeatureBoxOld li { float: left; display: inline; padding: 4px 4px 10px 4px; } .containerFeatureBoxOld li img { width: 194px; height: 110px; margin-bottom: 10px; padding: 0px; } .containerFeatureBoxOld li a { display: block; min-height: 20px; width: 130px; font-weight: bold; padding-right: 20px; clear: left; background-position: top right; } /* Feature box version 2 */ .containerFeatureBox { background-color: #f0f1f1; margin-bottom: 20px; } .containerFeatureBox img { float: left; width: 194px; height: 194px; margin: 0px 10px 0px 4px; padding: 0px; } .containerFeatureBox h1 { background-color: transparent; padding: 6px 6px 6px 12px; } .containerFeatureBox h3, .containerFeatureBox h4, .containerFeatureBox h5, .containerFeatureBox h6 { color: #f58233; padding-top: 6px; padding-bottom: 10px; font-weight: bold; } .containerFeatureBox .callOut { margin: 0px 4px 4px 4px; height: 194px; background-color: White; } .containerFeatureBox hr { clear: left; visibility: hidden; padding: 0px; margin: 0px; } .containerFeatureBox p { padding: 0px; } .containerFeatureBox .callOut p { padding-bottom: 16px; } .containerFeatureBox ul { clear: left; padding-top: 0px; } .containerFeatureBox li { float: left; display: inline; margin: 0px 4px 4px 4px; background-color: White; padding: 0px; } .containerFeatureBox li a img { width: 194px; height: 110px; margin: 0px 0px 4px 0px; padding: 0px; padding: 0px } .containerFeatureBox li a p { display: block; min-height: 36px; max-height: 36px; width: 130px; line-height: 18px; font-weight: bold; margin: 4px 0px 4px 20px; clear: left; background: transparent url('images/buttons.png') no-repeat right -368px; padding-right: 25px; } /* TableBox (report pages - best buys, scorecard etc.) */ .containerTableBox { background-color: #f0f1f1; border: 3px solid #f58233; padding-bottom: 20px; margin-bottom: 20px; } .containerTableBox h1 { background-color: #f58233; color: #fff; padding: 10px; } .containerTableBox div.content { padding:10px; } .containerTableBox .bestBuysText div { margin: 10px 10px 0px 10px; } .containerTableBox .bestBuysText h4 { background-color: #f58233; color: #fff; line-height: 30px; background-image: url('images/BestBuysIcon.png'); background-repeat: no-repeat; background-position: top-left; padding: 10px 0px 0px 80px; height:72px; font-size:24px} .containerTableBox .bestBuysText h5 { padding: 0px; margin: -40px 0px 30px 80px; font-size:24px; background-color: #f58233; color: #ffffff; } .containerTableBox .subscriberDirectoriesText h4 { background-color: #f58233; color: #fff; line-height: 30px; background-image: url('images/SubscriberDirectoriesIcon.png'); background-repeat: no-repeat; background-position: top-left; padding: 10px 0px 0px 80px; height:72px; font-size:24px} .containerTableBox .subscriberDirectoriesText ul { margin: 10px 10px 0px 10px; } .containerTableBox .subscriberDirectoriesText div { padding: 10px 0px 0px 10px; } .containerTableBox .expandTab { clear:both; display:table; background: #BEBEBE url('images/gradientExpandBg.png') repeat-x 0px 0px; background: -moz-linear-gradient(top, #BEBEBE, #D7D7D7); background: -webkit-gradient(linear, center top, center bottom, from(#BEBEBE), to(#D7D7D7)); padding:5px; } .containerTableBox .expandTab img { display:table-cell; } .containerTableBox .expandTab span { display:table-cell; width:100%; vertical-align:middle; padding-left:5px; } .containerTableBox .expandTab:hover { cursor:pointer } /* report container: */ .reportContainer { position:relative; overflow:hidden; float:left; width:100%; margin-right:10px; padding-bottom:3px; background-color:#fff; border: 3px solid #F58233; -webkit-transition: width .5s ease-in-out; -moz-transition: width .5s ease-in-out; -o-transition: width .5s ease-in-out; transition: width .5s ease-in-out; } .productsTable { position:relative; } .productsTable * { width:100%; } .containerTableBox .productsTable td { margin:2px; } .containerTableBox .productsTable h3 { font-weight:bold; color: #005500; } .containerTableBox .productsTable .productRow { position:absolute; margin-top:2px; border-bottom: solid 1px white; width:100%; -webkit-transition: margin-top .5s ease-in-out; -moz-transition: margin-top .5s ease-in-out; -o-transition: margin-top .5s ease-in-out; transition: margin-top .5s ease-in-out; overflow:hidden; margin-bottom: 2px; } .containerTableBox .productsTable .productNameHeaderCell div { padding:5px; } .containerTableBox .productsTable .productNameHeaderCell { background-color:#FFEBC3; margin-bottom:2px; vertical-align:top; font-weight:bold; font-size:small; color:#F58233; width: 250px; } .containerTableBox .productsTable .productScoreHeaderCell { min-width:50px; width:50px; max-width:50px; background-color:#F58233; } .containerTableBox .productsTable .productScoreHeaderCell div { text-align:center; vertical-align:middle; color:White; font-size:small; } .containerTableBox .productsTable .catGroupHeaderCell { text-align:left; vertical-align:middle; color:#F58233; font-weight:bold; font-size:0.85em; background-color:#FFEBC3; width: auto; padding:2px; } .containerTableBox .productsTable .catHeaderCell { text-align:center; vertical-align:middle; color:#666; min-width:20px; width:20px; max-width:20px; font-weight:bold; font-size:0.7em; background-color:#FFEBC3; cursor:default; padding: 1px; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; } .containerTableBox .productsTable .catHeaderCell:hover { color:#FFEBC3; background-color:#F58233; } .containerTableBox .productsTable .productNameCell { vertical-align:middle; font-weight:bold; background-color:#F0F1F1; height: 22px; width: 248px; } .containerTableBox .productsTable .productNameCell div { margin: 0px 5px; width: auto; overflow: hidden; white-space: nowrap; } .containerTableBox .productsTable .productNameCell a { color:#4D4D4D; font-weight:normal; font-size:small; } .containerTableBox .productsTable .productScoreCell { min-width:50px; width:50px; max-width:50px; text-align:center; vertical-align:middle; font-size:small; font-weight:bold; background-color:#F58233; padding:0px; } .containerTableBox .productsTable .productScoreCell span { color:White; font-weight:bold; text-align:center; vertical-align:middle; } .containerTableBox .productsTable .productCatScoreCell { text-align:center; vertical-align:middle; padding:0px 1px; float:none; min-width:20px; width:20px; max-width:20px; } .blob { position:absolute; border: solid 0px; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius: 50%; background-color: #4D4D4D; } .blob img { width:inherit; height:inherit; position: absolute; left: 0px; top: 0px } .blobcontainer { position:relative; vertical-align: middle; text-align: center; height:23px; width:20px; margin:auto; background-color:#F0F1F1; } .highlightableBlob:hover .blob { background-color:#F58233; } .highlightableStar:hover .blob .normalStar { display:none; } .reportContainer #infoBox { background-color:#7F7F7F; padding:5px; color:White; } .reportContainer #teaserBox { background-color:#EBEADF; padding:5px; color:#9D2F91; position:absolute; opacity:0; z-index:2; border: 1px solid #9D2F91; } .reportContainer #teaserBox a { color: #9D2F91; } .reportContainer #teaserBox a p { padding-bottom: 0px; } .reportContainer .hoverinfo { -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; opacity:0; position:absolute; z-index:2; } .containerTableBox .productsTable .scoreCardTeaser { margin: 10px; float:left; } /* category weighting sliders container: */ .catWeightingsContainer { border: 3px solid #F58233; background:#F0F1F1; float:left; width:450px; padding-bottom:0px; margin-bottom:0px; -webkit-transition: width .5s ease-in-out; -moz-transition: width .5s ease-in-out; -o-transition: width .5s ease-in-out; transition: width .5s ease-in-out; } .containerTableBox .StandardButton { margin: 10px; } .containerTableBox .catWeightingsText { margin: 10px 0px 0px 10px; } .containerTableBox .scoreCardTeaser { margin: 10px; } .containerTableBox .catWeightingsTable { padding: 10px; margin: 10px; float:right; } .containerTableBox .catWeightingsTable a { color:#4D4D4D; } .containerTableBox .catWeightingsTable .categoryNameCell { font-weight:bold; font-size:small; margin-bottom:5px; width:200px; } .containerTableBox .catWeightingsTable .categoryRow { height:25px; } .containerTableBox .catWeightingsTable .categoryWeightingCell { width: 200px; margin-bottom:20px; padding: 0px 10px; } /* search results: */ .search_container .search_header h2 { color: #f58233; font-size: 2em; padding-bottom: 10px } .search_container .search_header h2 img { padding-right:5px; } .search_container .search_header h2 .search_terms { font-weight: normal; } .search_container .containerTableBox { padding-bottom:0px; } .search_container .search_result { height: 5em; } .search_container .search_result span.highlighted { color: #f58233; font-weight: bold; } .containerTableBox .search_location_head { color: White; background-color: #f58233; padding: 10px; } .containerTableBox .search_location_body { background-color: #fff; } .containerTableBox .search_results { padding: 10px; } .containerTableBox .search_show_more { background-color: #FFEBC3; padding: 10px; border-top: 3px solid #f58233; } .containerTableBox .search_show_more a { display: table-cell; font-size:1.2em; } .containerTableBox .search_footer { background-color: #FFEBC3; padding: 10px; border-top: 3px solid #f58233; display: table; text-align: right; width: 100%; } .containerTableBox .search_footer div { display: table-cell; } /* sliders: */ .ui-widget-content { background: white url(Images/SliderBackground.png) repeat-x 0px 0px; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.3em; height: 1.3em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider .ui-corner-all { border: none 0px white; } .ui-slider-horizontal { height: .75em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { background-color: #F58233; color:White; background-image: none; } /* containerFormBox */ .containerFormBox { background-color: #f0f1f1; border: 3px solid #ff5aa0; margin-bottom: 20px; padding-bottom: 5px; } .containerFormBox p, .containerFormBox h2 { padding: 10px; } .containerFormBox table { width: 100%; } .containerFormBox thead td { background-color: #ff5aa0; } .containerFormBox h2.containerFormTitle { padding: 10px; background-color: #ff5aa0; color: #fff; } .containerFormBox tbody td { padding: 2px 10px; width:25%; } .containerFormBox tbody table td { padding: 2px 0px; width:25%; } .containerFormBox tbody tr:first-child { width:20%; } .containerFormBox tbody td h2 { padding: 10px 0px; padding-bottom: 10px; color: #4d4d4d; } .containerFormBox tbody td.validator span { color: #9d2f91; } .containerFormBox hr { border-top: 2px dotted #ff5aa0; border-left-width:0px; border-right-width:0px; border-bottom-width:0px; } .containerFormBox input.removeButton { background-image: url('images/buttons.png'); background-position: right -478px; width:16px; height:16px } .containerFormBox ul li { display:inline; float: left; clear: none; padding-right: 10px; } .containerFormBox .paymentError { color: #9d2f91; } /* dnn stuff rotator fix */ .ModDNNStuffModuleRotatorC table { width: 100% } /****************************************************** /* ARCHITECTURAL CHILD ELEMENT SELECTORS - TOP NAV ******************************************************/ #mainNav ul { padding: 0px; overflow: hidden; } #mainNav ul li { float: left; display: inline; padding: 4px 8px 6px 8px; } #navLevel0 ul li.SelectedTab { background-color: #578b4a; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; } #navLevel0 ul li.SelectedTab a{ color: #ffffff;} #navLevel0 ul li a { text-decoration: none; color: #fff478; font-size: 110%; font-weight: bold; } #navLevel0 ul li a:hover { text-decoration: none; color: #ffffff; font-size: 110%; font-weight: bold; } #navLevel0 ul li a:active { text-decoration: none; color: #ffffff; font-size: 110%; font-weight: bold; } #navLevel1 ul { background-color: #578b4a; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; } #navLevel1 ul a { text-decoration: none; color: #ffffff; font-size: 100%; font-weight: bold; } #navLevel2 ul a { font-weight: bold; } #navLevel2 ul.Level1 a { font-size: 110%; } #navLevel2 ul.Level2 a { font-size: 100%; } /****************************************************** /* ARCHITECTURAL CHILD ELEMENT SELECTORS - LOGIN ******************************************************/ #skinObjectLogin {display: block; } #skinObjectLogin table {} #skinObjectLogin td {vertical-align: middle; padding-right: 6px; } #skinObjectLogin table label, #skinObjectLogin table a {font-size: 85%}; #failedLogin {background-color: #ffffff; vertical-align: middle; color: #9d2f91; -webkit-border-radius: 6px ; border-radius: 6px; -moz-border-radius: 6px; padding: 2px 2px 2px 4px;} #forgottenPasswordLink {display: block;} #skinObjectLogin input[type="submit"] { } #skinObjectLogin input[type="text"], #loginBar input[type="password"] { border: none; } #skinObjectLogin input[type="checkbox"] { border: none; width: 10px; height: 10px; } #skinObjectLogin li {display: inline; float: left; clear: none; padding-right: 10px;} #loginBar ul {padding-top: 8px;} #loginLinks {position: absolute; top: 6px ; left: 540px; width: 466px; height: 34px; overflow: hidden;} #loginLinks li {display: inline; float: right; clear: none; padding-left: 10px;} /****************************************************** /* ARCHITECTURAL CHILD ELEMENT SELECTORS - MAIN CONTENT ******************************************************/ #contentHeader h5 { display: inline; font-size: 120%; color: #578b4a; padding: 0px; margin: 0px; float: left; max-width:610px } #contentHeader a { display: inline; font-weight: bold; float: right; } #contentHeader hr { visibility: hidden; clear: left; } /****************************************************** /* ARCHITECTURAL CHILD ELEMENT SELECTORS - LEFT NAV ******************************************************/ #dnn_leftPane .containerplain { margin-bottom: 0px; } #dnn_leftPane h5, #dnn_leftPane h2, #dnn_leftPane h1 { color: #578b4a; } #dnn_leftPane h3, #dnn_leftPane h4 { color: #4d4d4d; } #dnn_sideNav, #dnn_leftPane .greyBox { background-color: #ebeadf; border:0px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } #dnn_leftPane { background-color: #ebeadf; border:0px; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; } #dnn_sideNav { padding: 10px; } #dnn_sideNav h1, #dnn_sideNav h2 #dnn_sideNav h3, #dnn_sideNav h4, #dnn_sideNav h5, #dnn_sideNav h6 { color: #578b4a; } #dnn_sideNav h5 { font-size: 110%; } a.sideNavLink, #dnn_sideNav a { text-decoration: none; color: #578b4a; } a.sideNavLink:hover, #dnn_sideNav a:hover { text-decoration: underline; } a.sideNavLink { font-weight: bold; font-size:110%; } #navLevel2 ul.Level2>li { margin-left: 16px; color: #578b4a; font-size: 100%; font-weight: bold; } #navLevel2 ul.Level2>li.SelectedTab { list-style-type: disc; } /****************************************************** /* ARCHITECTURAL CHILD ELEMENT SELECTORS - FOOTER ******************************************************/ #dnn_footerContentPane ul { float: left; } #dnn_footerContentPane ul li { width: 10em; padding-bottom: 0.5em; } #dnn_footerContentPane ul li:first-child a { font-weight: bold; } #dnn_footerContentPane ul li a { color: #578B4A; text-decoration: underline; font-size: 92%; font-weight: normal; } #dnn_footerContentPane .containerPlain { margin:0px; } /*Following approach allows us to centre kids that are floated left (or right) */ .centreChildUl { margin: 6px auto; display: table; padding: 0px; white-space: nowrap; } .centreChildUl ul { list-style: none; margin: 0; padding: 0; display: table-row; white-space: nowrap; } .centreChildUl ul li { display: table-cell; color: #ffffff; font-weight: bold; padding: 0px 10px; } .centreChildUl ul a { text-decoration: none; color: #ffffff; } .centreChildUl ul a:hover { text-decoration: underline;} /* .centreChildUl ul li { display: table-cell; } .centreChildUl ul a { color: #ffffff; font-weight: bold; display: block; padding: 0px 10px; text-decoration: none; } */ /****************************************************** /* SPECIFIC ELEMENT CLASSES ******************************************************/ a.facebook, a.twitter, a.rss { background-repeat: no-repeat; padding-left: 24px; margin-left: 10px; min-height: 20px; vertical-align: middle; } a.facebook { background-image: url('images/buttons.png'); background-position: left -624px; } a.twitter { background-image: url('images/buttons.png'); background-position: left -646px; } a.rss { background-image: url('images/buttons.png'); background-position: left -668px; } #forgottenPasswordLink { color: #9d2f91; } a.fancybox:hover { text-decoration: none; } /* skin-style arrow buttons/links */ a.linkButton { border: 0px none; height: 20px; background-color: transparent; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -82px; padding: 0px 24px 0px 0px; color: #9d2f91; font-weight: bold; min-height: 20px; cursor: pointer; } a.linkButton:hover { text-decoration: none; } .ModAuthenticationC a.commandButton, #loginBar a.commandButton, .containerFormBox a.commandButton { display: block; border: 0px none; line-height: 20px; background-color: transparent; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -82px; padding: 0px 24px 0px 0px; color: #9d2f91; font-weight: bold; cursor: pointer; } .ModAuthenticationC a.commandButton:hover, #loginBar a.commandButton:hover, .containerFormBox a.commandButton:hover { text-decoration: underline } .ModAuthenticationC a.commandButton { font-size:small; } a.readMoreButton { border: 0px none; display: table-cell; height: 20px; line-height: 20px; background-color: transparent; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -148px; padding: 0px 24px 0px 0px; color: #f58233; font-weight: bold; min-height: 20px; cursor: pointer; } a.readMoreButton:hover { text-decoration: none; } a.expandButton { border: 0px none; height: 20px; line-height: 20px; background-color: transparent; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -324px; padding: 0px 24px 0px 0px; color: #fff478; font-weight: bold; min-height: 20px; cursor: pointer; } a.expandButton:hover { text-decoration: none; } a.contractButton { border: 0px none; height: 20px; line-height: 20px; background-color: transparent; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -346px; padding: 0px 24px 0px 0px; color: #fff478; font-weight: bold; min-height: 20px; cursor: pointer; } a.contractButton:hover { text-decoration: none; } a.downloadButton { border: 0px none; height: 20px; background-color: transparent; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -406px; padding: 0px 25px 0px 0px; color: #f58233; font-weight: bold; min-height: 20px; cursor: pointer; } a.downloadButton:hover { text-decoration: none; } div.pdfDownloadButton { border: 0px none; display: block; background-color: transparent; background-image: url('/Portals/0/Images/Sales%20Pages/download.png'); background-repeat: no-repeat; padding: 30px 0px 0px 80px; font-weight: bold; background-position: -20px 0px; } div.pdfDownloadButton:hover { text-decoration: none; } div.pdfDownloadButton a { color: #f58233; } a.navHeaderButton { border: 0px none; height: 20px; background-color: transparent; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right 2px; padding: 0px 24px 0px 0px; color: #f58233; font-weight: bold; min-height: 20px; cursor: pointer; } a.navHeaderButton:hover { text-decoration: none; } a.backButton { border: 0px none; height: 20px; background-color: transparent; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: left -778px; padding: 0px 0px 0px 20px; color: #f58233; font-weight: bold; min-height: 20px; cursor: pointer; } a.backButton:hover { text-decoration: none } /* Company Info Table */ .companyInfoTable th, .companyInfoTable td { padding:5px; } .companyInfoContainer { margin-bottom: 5px; margin-right:10px; } .companyInfo { padding: 0px 10px 10px 0px; } .moreInfoBar { padding: 10px; } .moreInfoBar a { font-size: 1.2em; padding: 0px 5px; cursor:pointer; } /* Score Tables (scoreDetail and company stories) */ .scoreTable .categoryScoreTable { width: 100% } .scoreTable th, .scoreTable td { padding: 6px; text-align:left; vertical-align: middle; } .scoreTable .story:hover { background-color:#FFF478; cursor:pointer; } .scoreTable .oddRow { background-color:#F0F1F1; } .scoreTable .evenRow { background-color:White; } .notesTable { margin: 10px 0px; font-size:small; } .notesTable td { padding-bottom: 10px; } /* Brickbats & Bouquets */ .brickbatform th, .bouquetform th { vertical-align: top } /* Downloads Table */ table.DownloadsModuleTable { width:100%; border-collapse: collapse; text-align: left; } /* Downloads Table: header row */ table.DownloadsModuleTable th { border-bottom: 3px solid #000; padding: 0.6em; line-height: 1.5em; } /* Downloads Table: ordinary rows */ table.DownloadsModuleTable td { border-bottom: 1px solid #000;padding: 0.3em 0.6em 0.3em 0.6em; line-height: 1.5em; } table.DownloadsModuleTable td.dmFileSize { white-space: nowrap; font-size: x-small; text-align: center; } table.DownloadsModuleTable td.dmImage { text-align: center; } div.dmNotFound { background-color: Yellow; padding: 5px; } /* pdf download module */ .pdfModule { padding-top: 15px; } /* reports navigation */ .reportsNavContainer .changeView { float: right; } .reportsNavContainer .changeView a { font-size: 1.2em; } .reportsNavContainer .atoz { font-size: 1.2em; } .reportsNavContainer .atoz li { padding: 10px; } .reportsNavContainer { margin: 0px 20px; } .reportsNavContainer img { width:50px; height: 50px; } .reportsNavContainer .sectorContent { background-color: #f0f1f1; height: 210px; } .reportsNavContainer .sectorContent img { width: 200px; height: 200px; float: left; padding:5px; } .reportsNavContainer .sectorContent .allContentList { margin: 10px 10px 10px 225px; padding-top: 10px; } .reportsNavContainer .sectorContainer { padding-bottom: 20px; clear:left; } .reportsNavContainer .sectorContainer .sectorContent ul { height: 190px; } .reportsNavContainer .sectorContainer .sectorContent ul li { width:50%; font-size:1.3em; line-height: 1.5em; } .reportsNavContainer .sectorContainer .sectorContent ul li.row1 { margin-left: 0px; } .reportsNavContainer .sectorContainer .sectorContent ul li.row2 { margin-left: 50%; } .reportsNavContainer .sectorContainer .sectorContent ul li.reset { margin-top: -10.4em; } .reportsNavContainer .sectorContainer .sectorContent .readMore { margin-top: -20px; } .reportsNavContainer .sectorContainer .sectorContent .readMoreButton { float: right; } .reportsNavContainer .individualContentList { margin: 10px; padding-top: 10px; } .reportsNavContainer .individualContentList img { padding:5px; height: 150px; width: 150px; float: left; } .reportsNavContainer .individualContentList li { background-color: #f0f1f1; margin-bottom: 20px; height: 160px; } .reportsNavContainer .individualContentList li .contentInfo { padding: 10px 10px 10px 165px; height: 140px; } .reportsNavContainer .individualContentList li .contentInfo div a { font-weight:bold; font-size:1.4em; } .reportsNavContainer .individualContentList li .contentInfo div .contentText { height: 85px; padding: 10px 10px 10px 0px; } .reportsNavContainer .individualContentList li .contentInfo div .readMoreButton { font-size: 1.2em; } /* images in html modules: enumerated in editorstyles.xml */ img.squareImage { width: 194px; height: 194px; padding: 15px 15px 15px 0px; } img.portraitImage { width: 200px; height: 300px; padding: 25px 25px 25px 0px; } img.landscapeImage { width: 300px; height: 200px; padding: 25px 25px 25px 0px; } img.fullWidthImage { width: 790px; height: 191px; padding: 5px 0px 30px 0px; } img.fullWidthFor2ColImage { width: 600px; height: 191px; padding: 5px 0px 30px 0px; } /* LinkStrip template */ #dnn_ContentPane .containerPlain .ModContentManagerC div.linkStrip, #dnn_ContentPane .containerPlain .ModDNNHTMLC div.linkStrip { width: 100%; background: #EBEADF; height: 34px; } #dnn_ContentPane .containerPlain .ModContentManagerC div.linkStrip div, #dnn_ContentPane .containerPlain .ModDNNHTMLC div.linkStrip div { padding: 6px 10px 6px 10px; } #dnn_ContentPane .containerPlain .ModContentManagerC div.linkStrip div, #dnn_ContentPane .containerPlain .ModDNNHTMLC div.linkStrip div { font-style:italic; color: #FF5AA0; } #dnn_ContentPane .containerPlain .ModContentManagerC div.linkStrip ul, #dnn_ContentPane .containerPlain .ModDNNHTMLC div.linkStrip ul { margin: 0px; padding: 0px; } #dnn_ContentPane .containerPlain .ModContentManagerC div.linkStrip ul li, #dnn_ContentPane .containerPlain .ModDNNHTMLC div.linkStrip ul li { font-style:normal; float: left; width: 31%; color: #9d2f91; font-weight: bold; font-size:14px; background:none; padding:0px; margin:0px } #dnn_ContentPane .containerPlain .ModContentManagerC div.linkStrip ul li a, #dnn_ContentPane .containerPlain .ModDNNHTMLC div.linkStrip ul li a { display:block; margin-right:80px; margin-top: 0px; } /* Idonix Latest Blog Entries Module */ .Idonix_LatestBlogEntries div:last-child { border-bottom-width: 0px; } .Idonix_LatestBlogEntry { border-top-width:2px; border-top-style:dotted; border-top-color:#F58233; } .Idonix_LatestBlogEntry_Title, h2.Idonix_LatestBlogEntry_Title a { font-family: arial, helvetica, sans-serif; font-size:16pt; margin-bottom:3px; margin-top: 15px; line-height:16pt; color:#000; } .Idonix_LatestBlogEntry_Date { font-family:Verdana, Tahoma, Arial, sans-serif; font-size:8pt; } .Idonix_LatestBlogEntry_Entry { padding-top: 5px; } .Idonix_LatestBlogEntry_ReadMore { padding-bottom:10px; padding-top:10px; } /* Seperate style for left and right panes: */ #dnn_leftPane .Idonix_LatestBlogEntry { border-bottom: 0px solid #4D4D4D; border-top-width: 0px; } #dnn_leftPane .Idonix_LatestBlogEntry_Title, #dnn_leftPane h2.Idonix_LatestBlogEntry_Title a { margin-top: 10px; font-weight: bold; color:#006CC0; font-size: 1em; line-height:1.4em; } #dnn_leftPane .Idonix_LatestBlogEntry_Date { padding: 10px 0px; font-size: 0.85em; } #dnn_leftPane .Idonix_LatestBlogEntry_ReadMore a { font-weight: normal; color:#006CC0; background-position: right -148px; } #dnn_middleRightPane .Idonix_LatestBlogEntry { padding-bottom: 10px; margin: 0px 10px 10px 10px; background-color: transparent; border-top-width:0px; border-bottom: 2px dotted #006CC0; } #dnn_middleRightPane .Idonix_LatestBlogEntry p { padding: 0px; } #dnn_middleRightPane .Idonix_LatestBlogEntry_Title { margin-top: 10px; font-weight: bold; color:#006CC0; font-size: 1em; line-height:1.4em; } #dnn_middleRightPane h2.Idonix_LatestBlogEntry_Title a { font-size: 1em; color: #006CC0; line-height:1.4em; } #dnn_middleRightPane h2.Idonix_LatestBlogEntry_Title a span { display: block; color: #006CC0; padding-right: 20px; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -862px; font-size: 1em; } #dnn_middleRightPane .Idonix_LatestBlogEntry_Date { padding: 10px 0px; font-size: 0.85em; } /* accordion */ .accordion { border: 1px solid #578b4a; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin: 6px 0px; } .accordion .header { color: #7DB13B; float: left; } .accordion .arrow { padding: 0px 10px 0px 6px; width:20px; height: 20px; float: left; } .accordion .link { width: 100%; height: 20px; } .accordion .link:hover { cursor:pointer; } .accordion .content { padding-top: 10px; clear: left; } .subAccordion { border: 1px solid #F176B1; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 10px; margin: 6px 0px; } .subAccordion .header { color: #954097; float: left; } .subAccordion .arrow { padding: 0px 10px 0px 6px; width:20px; height: 20px; float: left; } .subAccordion .link { width: 100%; height: 20px; } .subAccordion .link:hover { cursor:pointer; } .subAccordion .content { padding-top: 10px; clear: left; } .subAccordion .link a { font-size: 1.2em; color: #F176B1; float: right; height: 20px; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -82px; padding: 0px 30px 0px 0px; font-weight: bold; cursor: pointer; } /* Homepage Intro box */ .intro .introTopBar { background-color: #7DB13B; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-bottom: 10px; } .intro .introTopBar h3 { color: White; padding: 6px 20px; font-size: 1.3em; } .intro .introTopBar h2 { color: #7DB13B; font-size: 5em; line-height: normal; padding: 0px 0px 10px 20px; } .intro .introFooter { margin-bottom: 10px; background-color: #7DB13B; clear: left; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .intro .introFooter h3 { color: White; padding: 6px 20px; font-size: 1.3em; } .intro .introText { float: left; width: 45%; height: 145px; margin-bottom: 10px; background-color: #FFF; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .intro .introText p { padding: 10px 20px; } .intro .introLinks { float: right; width: 45%; } .intro .introLinks ul li { background-color: #F0EEE5; float: right; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 10px; margin: 5px; } .intro .introLinks ul li a { font-size: 2em; color:Black; } .intro .introLinks .orangeLink { } .intro .introLinks .greenLink { } .intro .introLinks .pinkLink { } #dnn_ContentPane .containerPlain .ModDNNHTMLC .intro .introLinks .orangeLink:hover, #dnn_ContentPane .containerPlain .ModContentManagerC .intro .introLinks .orangeLink:hover, #popUpTeaser .intro .introLinks .orangeLink:hover { background-color: #FBD6B8; cursor: pointer; } #dnn_ContentPane .containerPlain .ModDNNHTMLC .intro .introLinks .greenLink:hover, #dnn_ContentPane .containerPlain .ModContentManagerC .intro .introLinks .greenLink:hover, #popUpTeaser .intro .introLinks .greenLink:hover { background-color: #D7E4BF; cursor: pointer; } #dnn_ContentPane .containerPlain .ModDNNHTMLC .intro .introLinks .pinkLink:hover, #dnn_ContentPane .containerPlain .ModContentManagerC .intro .introLinks .pinkLink:hover, #popUpTeaser .intro .introLinks .pinkLink:hover { background-color: #F8D0E1; cursor: pointer; } .intro .introLinks .orangeLink a { background-image: url('images/pointers.png'); background-repeat: no-repeat; background-position: right 0px; padding-right:22px; } .intro .introLinks .greenLink a { background-image: url('images/pointers.png'); background-repeat: no-repeat; background-position: right -30px; padding-right:22px; } .intro .introLinks .pinkLink a { background-image: url('images/pointers.png'); background-repeat: no-repeat; background-position: right -60px; padding-right:22px; } .intro .introLinks ul li:hover a { text-decoration: none; } /* Subscription Testimonials */ .testimonial { padding:10px 0px; border-bottom: 3px solid White; } .testimonial .quote { color: #954097; padding-bottom: 5px; font-weight: bold; font-style: italic; text-align: center; } .testimonial .name { text-align: center; } /* fancybox */ #Body #fancybox-close { top: 2px; right: 2px; background: transparent url('images/lightbox-cross.png') -30px 0px } /****************************************************** /* DNN ******************************************************/ .actionButtons { clear: both; } .ModuleTitle_SubMenu {background-color: #ffffff; border: 1px solid gray; padding: 4px; } .ModuleTitle_MenuBar img {width:auto; height: auto; } div.NormalRed { color: Red; } /* Forums Module */ table.afgrid { width: 100%; clear: both; } table.afgrid * { border: 0px; } table.afgrid tbody:first-child tr:first-child td:first-child { border-radius: 10px 0px 0px 0px; -moz-border-radius: 10px 0px 0px 0px; -webkit-border-radius: 10px 0px 0px 0px; } table.afgrid tbody:first-child tr:first-child td:last-child { border-radius: 0px 10px 0px 0px; -moz-border-radius: 0px 10px 0px 0px; -webkit-border-radius: 0px 10px 0px 0px; min-width:200px } table.afgrid tbody:first-child tr:last-child table tr:first-child td:first-child { border-radius: 0px 0px 0px 10px; -moz-border-radius: 0px 0px 0px 10px; -webkit-border-radius: 0px 0px 0px 10px; } table.afgrid tbody:first-child tr:last-child table tr:first-child td:last-child { border-radius: 0px 0px 10px 0px; -moz-border-radius: 0px 0px 10px 0px; -webkit-border-radius: 0px 0px 10px 0px; min-width:200px } table.afsubgrid { width: 100% } table.afsubgrid tbody:first-child tr:first-child td:first-child { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px } table.afsubgrid tbody:first-child tr:first-child td:last-child { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px } table.afsubgrid tbody tr td:first-child { vertical-align: middle; padding-right:20px; } .afcontainer td { vertical-align: top; } .afprmidback { padding-top: 6px; vertical-align:top; } .afcontainer .ambutton, .afcontainer .ambutton_over { background-image: none; } table.afgrid .afheader { background: #f58233; color: #f9c809; font-size: 105%; font-weight: bold; padding-right: 5px; padding-left: 0px; } table.afgrid .af-groupcollapse { vertical-align: middle; } table.afgrid .afgrouprow { background: #f58233 none; font-size: 15px; vertical-align: middle; } table.afgrid .af-groupname { font-size: 20px; vertical-align: middle; padding-left: 52px; width: 100%; padding-top: 10px; } table.afgrid .af-groupcollapse { width: 10px; } table.afgrid .af-groupcollapse img { display:none } table.afgrid td.af-forumdetail a { color:Black; font-size: 110%; } table.afgrid .af-right select { border: 1px solid #4D4D4D; } table.afgrid .af-fright td { vertical-align: middle; padding: 0px 5px; } table.afgrid .af-fright td input { border: 1px solid #4D4D4D; } table.afgrid .afforumrowmid, table.afgrid .afforumrowtop, table.afgrid .afforumrowbottom { vertical-align: middle; padding: 5px 0px; } table.afgrid .afforumrowmid, table.afgrid .afforumrowtop { border-bottom: 1px dotted #f58233; } table.afgrid .afsubgrid .af-lastpost { text-align: left; } table.afgrid input[type="button"] { background: none; color: #4d4d4d; padding: 0px; margin: 0px; } table.afgrid textarea { background-color: White; font-family: Tahoma, Verdana, Arial; font-size: 11px; border: solid 1px #666; width: 99%; padding: 2px; display: block; } table.afgrid .afpostreply1, table.afgrid .afpostreply2, table.afgrid .afpostinfo1, table.afgrid .afpostinfo2 { border-bottom: 1px dotted #f58233; } table.afgrid .af-posticon { padding: 10px; } .afpostreply1 .afpostbody, .afpostreply2 .afpostbody { padding: 5px 0px; } .aftopicrow, .aftopicrowalt, .aftopicrownew, .aftopicrownewalt { vertical-align: middle; padding: 5px 0px; } .afpostreply1, .afpostreply2 { padding-left: 10px; } .aftoolbarpanel { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .af-list-flat li { margin-left: 5px; margin-bottom: 10px; float: left; } /* Blog Module */ .CreateFrom { font-size:10px; color:#036; } .BlogBody { border-top-width:2px; border-top-style:dotted; border-top-color:#F58233; } .BlogBody div p { font-size:1.2em; padding-bottom: 10px; } .BlogDescriptionHeavy { font-family:Tahoma, Arial, sans-serif; font-size:10pt; font-weight:700; } .BlogPublished { display:block; text-align:center; float:left; font-family:Arial, Helvetica, sans-serif; border-bottom:2px solid #CCC; border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC; background: (images/blogs/clip-bottom.png) right top no-repeat; width:2.5em; margin-right:5px; } .BlogPubMonth { display:block; font-size:10px; font-weight:700; color:#FFF; background:url(images/blogs/clip-top.png) center top repeat-x; text-transform:uppercase; margin:0; padding:1px 0 0; } .BlogPubDate { display:block; font-size:12px; margin:0; padding:0; } .BlogPubYear { display:block; font-size:10px; margin:0; padding:0; } .BlogComments { background-image:url(images/blogs/blog_comments.png); background-position:left; background-repeat:no-repeat; padding-left:20px; margin-right:10px; cursor:pointer; font-weight:700; display:inline-block; height:1.5em; } .BlogCommentsNormal { background-image:url(images/blogs/blog_comments.png); background-repeat:no-repeat; padding-left:20px; margin-right:10px; cursor:pointer; font-size:11px; } .BlogTopics { background-image:url(images/blogs/blog_topic.png); display:inline-block; } .BlogMoreLink { font-weight:700; border: 0px none; height: 20px; background-color: transparent; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right 0px; margin-top:10px; padding: 2px 24px 2px 0px; color: #F58233; font-weight: bold; min-height: 20px; cursor: pointer; } .BlogMoreLink:hover { text-decoration: none } .BlogGravatar { float:left; border:solid 1px #ddd; background-color:#fff; margin:5px 5px -5px 4px; padding:2px; } .BlogGravatarPreview { border:solid 1px #ddd; background-color:#fff; float:right; margin:0; padding:2px; } .BlogLeftTD { white-space:nowrap; vertical-align:top; padding-right:1em; } .BlogInfo { display: none; } .BlogReadMore { padding-bottom:10px; padding-top:10px; float:left; } .BlogPublished { display: none; } .BlogBody .BlogAuthor { display: none; } .BlogSubHead a { display: none; } /* Blog Footer*/ .BlogFooter { width:100%; padding-bottom:30px; border-bottom-width:0px; margin-top:10px; } .BlogTags { background-image:url(images/blogs/blog_tag_blue.png); font-size:11px; } .BlogFooterSub { padding-bottom:1ex; } .BlogFooterLeft { display:none; } .BlogFooterRight { text-align:right; float:right; } .BlogFooterRight a { line-height:2em; display:inline-block; } .BlogTrackback { background-image:url(images/blogs/blog_trackback.png); background-repeat:no-repeat; padding-left:20px; font-size:11px; } .BlogPermalink { background-image:url(images/blogs/blog_permalink.png); background-repeat:no-repeat; padding-left:20px; font-size:11px; } .BlogPrint { background-image:url(images/blogs/blog_print.png); background-repeat:no-repeat; padding-left:20px; margin-left:8px; font-size:11px; } .BlogEditLink { background-image:url(images/blogs/blog_edit_link.png); margin-left:8px; background-repeat:no-repeat; padding-left:20px; font-size:11px; } .BlogTopics, .BlogPermalink { background-position:left; background-repeat:no-repeat; padding-left:20px;display:block; clear:both; float:none; } .BlogDate { color:#666; } .BlogTrackback, .BlogPrint, .ShareBadgePRO_Toolbar { display: none; } h2.BlogTitle,div.BlogHead h2.BlogTitle,div.BlogHead h2.BlogTitle a,div.BlogHead h2.BlogTitle a:link,div.BlogHead h2.BlogTitle a:visited,div.BlogHead h2.BlogTitle a:active,div.BlogHead h2.BlogTitle a:hover { font-family: arial, helvetica, sans-serif; font-size:16pt; margin-bottom:3px; margin-top:15px; line-height:16pt; color:#000; } h1.HorizontalLine { border-bottom-width:1px; border-bottom-style:dotted; border-bottom-color:#AAA; } .BlogSubHead .blog_author { display: none; } .BlogSubHead { position:relative; margin:0; padding: 0px; } .BlogSubHead .BlogComments { position:absolute; top:0; right:0; } .ModBlogC .blogLink, .ModBlogC .blogName { display: none; } .Clear { clear:both; } .BlogCopyright { font-size:10px; } div.BlogBubble,div.BlogBubbleOwner { width:auto; font-size:10pt; margin-bottom:24px; } div.BlogBubble blockquote { border:1px solid #c9c2c1; background-color:#fff; zoom:1; min-height:64px; margin:0; padding:0; } div.BlogBubbleOwner blockquote { border:1px solid #aaa; background-color:#e0e0e0; zoom:1; min-height:64px; margin:0; padding:0; } div.BlogBubble blockquote p,div.BlogBubbleOwner blockquote p { margin:10px; padding:0; } div.BlogBubble cite,div.BlogBubbleOwner cite { position:relative; top:6px; background:transparent url(images/blogs/blog_comment_tip.gif) no-repeat 20px 0; font-style:normal; margin:0; padding:7px 0 0 15px; } div.BlogBubbleOwner cite { background:transparent url(images/blogs/blog_comment_tip_owner.gif) no-repeat 20px 0; } .BlogArchiveDayHeader { font-size:11px; background-color:#CDF; } .BlogArchiveDay { font-size:11px; background-color:#fff; } .BlogArchiveDay a,.BlogArchiveSelectedDay a,.BlogArchiveWeekendDay a,.BlogArchiveTodayDay a { width:100%; } .BlogArchiveOtherMonth { font-size:11px; background-color:#f4f4f4; } .BlogArchiveSelectedDay { border:1px solid #CCC; background-color:#FC0; } .BlogArchiveTitle { font-size:12px; font-weight:700; } .BlogArchiveTodayDay { border:1px solid #CCC; background-color:#FC0; font-size:11px; font-weight:700; } .BlogArchiveWeekendDay { font-size:11px; background-color:#fffff0; } .BlogImageList { line-height:20px; vertical-align:middle; } .BlogDateline { font-family:Verdana, Tahoma, Arial, sans-serif; font-size:8pt;} #dnn_leftPane .Blog_RecentEntries { padding-bottom: 10px; margin-bottom:10px; border-bottom: 1px solid #4D4D4D; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; } #dnn_leftPane .Blog_RecentEntries a { font-weight: bold; color:#006CC0} #dnn_leftPane .Blog_RecentEntries_Dateline { padding: 10px 0px; font-size: 0.85em; } #dnn_middleRightPane .BlogSummaryEntryContainer h3 { display: none } #dnn_middleRightPane .BlogSummaryEntryInfo { margin:10px 0px; } #dnn_middleRightPane .BlogSummaryEntryInfo li { font-size: 0.85em; } #dnn_middleRightPane .BlogSummaryEntryContainer { padding-bottom: 10px; margin: 0px 10px 10px 10px; background-color: transparent; border-top-width:0px; border-bottom: 2px dotted #006CC0; } #dnn_middleRightPane .BlogSummaryEntryContainer .readMoreButton { display: none } #dnn_middleRightPane .BlogSummaryEntryContainer li { display: none } #dnn_middleRightPane .BlogSummaryEntryContainer a { color: #006CC0 } #dnn_middleRightPane .BlogSummaryEntryContainer p { padding: 0px } #dnn_middleRightPane .BlogSummaryEntryContainer h4 { color: #006CC0; padding-right: 20px; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -668px; } div.BlogBubble p { color:#4d4d4d; font-size:1em; } .TagCloud1 { font-size:xx-small; } .TagCloud2 { font-size:x-small; } .TagCloud3 { font-size:small; } .TagCloud4 { font-size:medium; } .TagCloud5 { font-size:large; } .TagCloud6 { font-size:x-large; } .TagCloud7 { font-size:xx-large; } span.tagMatches { margin-left:10px; } span.tagMatches span { margin-right:4px; background-color:#0000AB; color:#fff; cursor:pointer; padding:2px; } .SearchOptions,.BlogBody,.BlogDescription { font-family:Tahoma, Arial, sans-serif; font-size:10pt; } .BlogArchiveNextPrev,.BlogArchiveSelector { font-size:11px; } /****************************************************** /* JQUERY UI ******************************************************/ .ui-autocomplete { position: absolute; cursor: default; } .ui-menu {list-style:none;padding: 2px;margin: 0;display:block;float: left;} .ui-menu .ui-menu {margin-top: -3px;} .ui-menu .ui-menu-item {margin:0;padding: 0;zoom: 1;float: left;clear: left;width: 100%;} .ui-menu .ui-menu-item a {text-decoration:none;display:block;padding:.2em .4em;line-height:1.5;zoom:1;} .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {font-weight: normal;margin: -1px;} .ui-widget :active { outline: none; } .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/; color: #222222/*{fcContent}*/; } .ui-corner-all { -moz-border-radius: 10px/*{cornerRadius}*/; -webkit-border-radius: 10px/*{cornerRadius}*/; border-radius: 10px/*{cornerRadius}*/; } /****************************************************** /* FEATURE TABLE - MICHAEL ******************************************************/ .features-table { width: 100%; margin: 0 auto; border-collapse: separate; border-spacing: 0; text-shadow: 0 1px 0 #fff; color: #2a2a2a; background: #fafafa; background-image: -moz-linear-gradient(top, #fff, #fff, #fff); /* Firefox 3.6 */ background-image: -webkit-gradient(linear,center bottom,center top,from(#fff),color-stop(0.5, #fff),to(#fff)); } .features-table td { height: 30px; line-height: 30px; padding: 0 20px; border-bottom: 1px solid #cdcdcd; box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; -webkit-box-shadow: 0 1px 0 white; white-space: nowrap; text-align: center; } /*Body*/ .features-table tbody td { text-align: center; font: arial, helvetica, sans-serif;; width: 150px; } .features-table tbody td:first-child { width: auto; text-align: left; background: #f0f1f1; border-right: 1px solid white; } .features-table td:nth-child(2), .features-table td:nth-child(3) { font-size: 110%; color: #578b4a; font: arial, helvetica, sans-serif;; background: #efefef; border-right: 1px solid white; } .features-table td:nth-child(4) { font-size: 110%; color: #578b4a; font: arial, helvetica, sans-serif;; background: #efefef; } /*Header*/ .features-table thead td { font: arial, helvetica, sans-serif; font-size: 110%;; -moz-border-radius-topright: 10px; -moz-border-radius-topleft: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; border-top: 1px solid #eaeaea; } .features-table thead td:first-child { border-top: none; } /*Footer*/ .features-table tfoot td { background: #fff; font: arial, helvetica, sans-serif; font-size: 100%; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom: 1px solid #dadada; } .features-table tfoot td:first-child { background: #fff; border-bottom: none; } /* New styles for Ethical Consumer website October 2012 */ /* Author: John Ossoway */ /* Author URL: http://www.ragingtrifle.com/ */ /* 1. Home page intro styles .intro { background: #eeeee4 url('/Portals/0/Skins/EC-Web2/images/intro-bg.png') repeat-x 10px 0; padding: 10px; -webkit-border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; } .intro.introfullwidth { margin-bottom: 20px; padding: 10px 0; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } .intro .introImage { float: left; margin-left: 20px; padding-bottom: 28px; } .intro .introText { width: 45%; float: left; margin-top: 75px; margin-left: 20px; margin-right: 20px; background: none; } .intro.introfullwidth .introText { width: 40%; float: left; margin-top: 75px; margin-left: 20px; margin-right: 20px; background: none; } .intro .introText h3 { font-weight: normal; font-size: 1.30em; line-height: 20px; color: #545454; } .intro .introFooter { margin-bottom: 0px; background: none !important; clear: left; border-radius: 0px; -moz-border-radius: 6px; -webkit-border-radius: 0px; border-radius: 0px; } .intro .introFooter h3 { color: #578B4A; padding: 20px 15px 6px 15px; font-size: 1.1em; font-weight: normal; font-style: italic; } #dnn_middleRightPane { margin-top: 0px; } #dnn_middleRightPane .containerPlain.introLinksContainer { margin-bottom: 0px; background: #fff; } .introLinks { height: 250px; margin-left: -40px; background: #eeeee4 url('images/intro-bg.png') repeat-x 10px 0; padding: 70px 10px 0 0; -webkit-border-radius: 0 10px 10px 0; -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0; } .introLinksfullwidth { height: 180px; width: 165px; padding: 57px 10px 0 0; float: right; } .introLinks ul li a, .introLinksfullwidth ul li a { font-size: 1.8em; color: #000; display: block; padding: 6px 0px 6px 0; } .introLinks ul li a:hover, .introLinksfullwidth ul li a:hover { color: #333; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .introLinks .greenLink, .introLinks .orangeLink, .introLinks .pinkLink, .introLinksfullwidth .greenLink, .introLinksfullwidth .orangeLink, .introLinksfullwidth .pinkLink { background: #f6f6f6 !important; } .introLinks .greenLink:hover, .introLinksfullwidth .greenLink:hover { background-color: #D7E4BF !important; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .introLinks .orangeLink:hover, .introLinksfullwidth .orangeLink:hover { background-color: #FBD6B8 !important; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .introLinks .pinkLink:hover, .introLinksfullwidth .pinkLink:hover { background-color: #F8D0E1 !important; cursor: pointer; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .introLinks ul li, .introLinksfullwidth ul li { background: #F0EEE5 !important; padding: 10px; margin: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .introLinks .greenLink a, .introLinksfullwidth .greenLink a { width: 100%; background-image: url('http://ethicalconsumer.idonix.com/Portals/0/Skins/EC-Web2/images/pointers.png'); background-repeat: no-repeat; background-position: right -30px; } .introLinks .orangeLink a, .introLinksfullwidth .orangeLink a { width: 100%; background-image: url('http://ethicalconsumer.idonix.com/Portals/0/Skins/EC-Web2/images/pointers.png'); background-repeat: no-repeat; background-position: right 0px; } .introLinks .pinkLink a, .introLinksfullwidth .pinkLink a { width: 100%; background-image: url('http://ethicalconsumer.idonix.com/Portals/0/Skins/EC-Web2/images/pointers.png'); background-repeat: no-repeat; background-position: right -60px; } /**/ /* 2. Tabs */ .tabWrapper div#annual, .tabWrapper div#gift, .tabWrapper div#renewal, .tabWrapper div#faqs { padding:0px; background:#fff; } .tabcontent { padding: 20px; } .tabcontent { padding-bottom: 100px; } .tabheader { padding: 10px 20px; background: #7cb13b; -webkit-border-radius: 0px 4px 0 0; -moz-border-radius: 0px 4px 0 0; border-radius: 0px 4px 0 0; } .tabheader h2 { color: #545454; margin-bottom: 10px; } .tabheader a { font-size: 1.35em; color: #F176B1; height: 20px; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -82px; padding: 0px 30px 0px 0px; font-weight: bold; cursor: pointer; } .tabcontent { border: solid 2px #7cb13b; -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabWrapper .tabcontent ul { margin: 20px 0; } .tabWrapper .tabcontent li { padding-left: 30px !important; background: url('images/check.png') no-repeat 0px 0px !important; } .tabWrapper ul.tabs { margin: 0 !important; padding: 0 !important; } .tabWrapper ul.tabs li { list-style:none; display:inline ; background-image: none !important; margin: 0 !important; padding: 0 !important; } .tabWrapper ul.tabs li a { padding:10px 15px; display:inline-block; background:#545454; color:#fff; text-decoration:none; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; } .tabWrapper ul.tabs li a.active { background:#7cb13b; color:#fff; } .tabcontent .cta-button { width: 160px; height: 160px; float: right; margin-right: 20px; } .tabcontent .cta-button a:hover { opacity: 0.8; -webkit-transition: all ease 0.3s; } .tabcontent .link a { font-size: 1.2em; color: #F176B1; float: left; height: 20px; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -82px; padding: 0px 30px 0px 0px; font-weight: bold; cursor: pointer; } /* Call to action banners and buttons */ .adbox { margin: 20px 0; } .adbox .adheader { border: solid 2px #545454; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background: #545454; padding: 10px; } .adbox .adheader h4 { color: #fff; margin-top: 5px; font-size: 1.75em; font-weight: normal; } .adbox .adheader img { float: left; padding: 0 20px 0 10px; } .adbox .adtext { padding: 10px; border: solid 2px #545454; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; min-height: 90px; font-size: 1.35em; line-height: 22px; color: #545454; } .adbox .adtext p.cta { color: #e95d9a; float: right; font-size: 100%; } .adbox .adtext .cta a { color: #e95d9a; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -82px; padding: 0px 30px 0px 0px; } .adbox .adtext .cta a:hover { text-decoration: underline; -webkit-transition: all 0.3s ease; } /* Call to action banners and buttons - MW revision using different names */ .salesbox { margin: 20px 0; } .salesbox .salesheader { border: solid 2px #545454; -webkit-border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; background: #545454; padding: 10px; } .salesbox .salesheader h4 { color: #fff; margin-top: 5px; font-size: 1.75em; font-weight: normal; } .salesbox .salesheader img { float: left; padding: 0 20px 0 10px; } .salesbox .salestext { padding: 10px; border: solid 2px #545454; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; min-height: 90px; font-size: 1.35em; line-height: 22px; color: #545454; } .salesbox .salestext p.cta { color: #e95d9a; float: right; font-size: 100%; } .salesbox .salestext .cta a { color: #e95d9a; background-image: url('images/buttons.png'); background-repeat: no-repeat; background-position: right -82px; padding: 0px 30px 0px 0px; } .salesbox .salestext .cta a:hover { text-decoration: underline; -webkit-transition: all 0.3s ease; } /* 3. Corporate profile page styles */ #corporate-profile-header { float: left; background: #efeee4; border: solid 2px #F58233; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding: 20px; margin-bottom: 20px; } #corporate-logo { background: #fff; float: left; margin-right: 20px; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; } #corporate-profile-header h3 { color: #525252; margin-bottom: 10px; font-size: 1.5em; } #corporate-profile-header p { font-weight: bold; } #corporate-profile { clear: left; border: solid 2px #F58233; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding: 20px; margin-bottom: 20px; } #corporate-profile .corporate-profile-section { border-bottom: dotted 1px #ccc; } #corporate-profile .corporate-profile-section .corporate-profile-content { padding-left: 35px; text-align: right; } #corporate-profile .corporate-profile-section p { margin-bottom: 10px; } #dnn_ContentPane .containerPlain .ModDNNHTMLC #corporate-profile .corporate-profile-section ul { list-style-type: none; padding: 0; margin: 0; } #dnn_ContentPane .containerPlain .ModDNNHTMLC #corporate-profile .corporate-profile-section ul li { background-image: url('arrow.gif'); background-repeat: no-repeat; background-position: 100% .4em; } #dnn_ContentPane .containerPlain .ModDNNHTMLC #corporate-profile .corporate-profile-section ul li a { padding-right: 15px; } #corporate-profile .corporate-profile-section h4 { color: #525252; font-size: 1.15em; padding: 5px 0 5px 35px; line-height: 32px; } #corporate-profile .corporate-profile-section h4 span { float: right; color: #545454; } #corporate-profile #annual-revenue.corporate-profile-section h4 { background: url('/Portals/0/Images/corporateprofiles/icon-dollar.png') no-repeat 2px 9px; } #corporate-profile #other-brands.corporate-profile-section h4 { background: url('/Portals/0/Images/corporateprofiles/icon-other-brands.png') no-repeat 2px 9px; } #corporate-profile #ethical-rating.corporate-profile-section h4 { background: url('/Portals/0/Images/corporateprofiles/icon-percent.png') no-repeat 2px 9px; } #corporate-profile #related-guides.corporate-profile-section h4 { background: url('/Portals/0/Images/corporateprofiles/icon-ethical-e.png') no-repeat 2px 9px; } #corporate-profile #boycotts.corporate-profile-section h4 { background: url('/Portals/0/Images/corporateprofiles/icon-boycotts.png') no-repeat 2px 9px; } #corporate-profile #best-buy.corporate-profile-section h4 { background: url('/Portals/0/Images/corporateprofiles/icon-best-buy.png') no-repeat 2px 9px; } #corporate-profile #ethical-issues.corporate-profile-section h4 { background: url('/Portals/0/Images/corporateprofiles/icon-heart.png') no-repeat 2px 9px; } #corporate-profile .corporate-profile-section .corporate-profile-accordion { clear: left; padding-bottom: 10px; margin-bottom: 10px; border-bottom: dotted 1px #EFEEE4; } #corporate-profile .corporate-profile-section .corporate-profile-accordion h5 { color: #F58233; font-size: 1em; padding-top: 3px; } #corporate-profile .corporate-profile-section .corporate-profile-accordion h5 span { color: #525252; float: right; } #corporate-profile .corporate-profile-section .corporate-profile-accordion .content { clear: left; padding-top: 10px; text-align: left; } #corporate-profile .corporate-profile-section .corporate-profile-accordion .link { text-align: left; } #corporate-profile .corporate-profile-section .corporate-profile-accordion .link img { float: left; margin-right: 10px; } #corporate-profile .corporate-profile-section .corporate-profile-accordion .link:hover { cursor:pointer; } #company-profile-indepth { background: #fce6d7; border: solid 2px #F58233; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; padding: 20px; margin-bottom: 30px; } #company-profile-indepth h4 { color: #525252; font-size: 1.25em; line-height: 32px; } #company-profile-indepth p a.commandButton { display: block; border: 0px none; line-height: 20px; background-color: transparent; background-image: url('/Portals/0/Skins/EC-Web2/images/buttons.png'); background-repeat: no-repeat; background-position: 245px -76px; padding: 0px 24px 0px 0px; color: #9D2F91; font-weight: bold; cursor: pointer; } /* Ethical Consumer Directory new styles January 2013 */ /* 1. Directory index styles */ #directory-category-menu h3 { color: #fff; background: #f58232 url('/portals/0/images/directory/directory-categories.png') no-repeat 105px 7px; padding: 15px 50px 15px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 10px; font-size: 16px; } #directory-category-menu ul li { float: left; margin: 5px 7px 15px 7px; } #directory-category-menu ul li a:hover img { opacity: 0.8; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } #directory-category-menu ul li span { display: block; margin-top: 3px; text-align: center; font-weight: normal; width: 70px; } .sectorsList .sectorItem > a:first-child { font-size: 18px; color: #fff; background: #f58232; padding: 10px; display: block; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; margin-bottom: 10px; } .sectorsList .sectorItem { padding-bottom: 10px; margin-bottom: 20px; border-bottom: dotted 1px #f58232; } ul.subscribersSublist li { padding-left: 0px; padding-bottom: 7px; margin-bottom: 7px; background: none; color: #4D4D4D; font-weight: normal; border-bottom: dotted 1px #ccc; } ul.subscribersSublist li { background: url('/portals/0/images/directory/icon-orange-arrow-right.png') no-repeat center right; padding: 10px 0; font-size: 14px; } ul.subscribersSublist li:hover { background: #fffbc3 url('/portals/0/images/directory/icon-orange-arrow-right-alt.png') no-repeat center right; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; text-decoration: none; } ul.subscribersSublist li a { display: block; padding: 0 10px; } /* 2. Directory category section styles */ ul.subscribersList li { margin-bottom: 20px; padding-bottom: 10px; border-bottom: dotted 1px #f58232; } ul.subscribersList li.subscriberItem > a:first-child { font-size: 18px; color: #fff; background: #f58232; padding: 10px; display: block; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; margin-bottom: 0px; } ul.subscribersList li.subscriberItem > a:nth-child(3) { display: block; padding-left: 0px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 7px; background: none; font-weight: bold; border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc; background: url('/portals/0/images/directory/icon-orange-arrow-right.png') no-repeat center right; padding: 10px 0; font-size: 14px; } ul.subscribersList li.subscriberItem:hover > a:nth-child(3) { background: #fffbc3 url('/portals/0/images/directory/icon-orange-arrow-right-alt.png') no-repeat center right; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; text-decoration: none; } #directory-options { border-top: solid 2px #f58232; margin: 20px 0; padding-top: 20px; } #directory-options p { display: inline-block; } #directory-options p.back-to-the-directory a { display: inline-block; background: url('/portals/0/images/directory/icon-orange-arrow-left.png') no-repeat center left; padding: 20px 0 20px 30px; font-size: 14px; margin-right: 20px; } #directory-options p.add-your-listing a { display: inline-block; background: url('/portals/0/images/directory/directory-categories-add.png') no-repeat center right; padding: 20px 70px 20px 0px; font-size: 14px; margin-right: 20px; } /* 3. Directory listing styles */ .subscriber > a:nth-of-type(1) { display: block; margin-bottom: 20px; padding: 10px 0 10px 30px; border-bottom: solid 1px #ccc; background: url('/portals/0/images/directory/icon-orange-arrow-left.png') no-repeat center left; } .subscriber > a:nth-of-type(2) { display: block; margin-bottom: 7px; font-weight: bold; border-top: dotted 1px #ccc; border-bottom: dotted 1px #ccc; background: url('/portals/0/images/directory/icon-orange-arrow-right.png') no-repeat center right; padding: 10px 0; font-size: 14px; } .subscriber > a:nth-of-type(2):hover { background: #fffbc3 url('/portals/0/images/directory/icon-orange-arrow-right-alt.png') no-repeat center right; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; text-decoration: none; } /* Ethical Consumer Directory new styles March 2015 */ .newsletter-signup h1 { font-size: 48px; margin-bottom: 20px; } .newsletter-signup h2 { font-size: 30px; margin-bottom: 30px; } .newsletter-signup h3 { font-size: 20px; margin-bottom: 20px; font-style: normal; font-weight: normal; line-height: 1.1; } .newsletter-signup img.cover { float: right; } /* Upsell */ p.intro { font-size: 18px; line-height: 1.3; } .signin-join-block p { font-size: 20px; line-height: 1.3; } .LoginPanel.signin { width: 42%; } .signin-join-block { padding: 20px; background: #f1ede0 url('../../images/upsell-pages/cover-montage.jpg') no-repeat top right; border: solid 1px #ccc; width: 750px; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; color: #fff; } .signin-join-page .signin-join-block h2 { margin-bottom: 20px; padding-bottom: 5px; color: #fff ; font-size: 24px; } .signin-join-page .join h2 { font-size: 32px; } .signin-join-page h2 { margin-bottom: 20px; padding-bottom: 5px; color: #578b4a; font-size: 24px; } .signin-join-page img.screenshot { margin-bottom: 20px; } .signin-join-page p.screenshot-caption { text-align: center; } .LoginPanel.signin { padding-right: 20px; float: left; } .LoginPanel.signin label { width: 10%; } .LoginPanel.signin .dnnLoginRememberMe { display: block; text-align: left; padding-left: 70px; } .LoginPanel.signin .dnnLoginRememberMe label { margin-left: 5px; display: inline; width: 200px; } .LoginPanel.signin .dnnLoginActions { display: none; } .join { padding-left: 20px; float: left; width: 50%; border-left: dotted 1px #ccc; } .join p { font-size: 20px; line-height: 1.5; } .join img { padding-left: 140px; } .join ul li, .newsletter-promo-block ul li { background: url('../../images/upsell-pages/bullet-green.png') no-repeat center left !important; padding-left: 24px !important; color: #4D4D4D !important; font-weight: normal !important; font-size: 14px !important; margin-bottom: 5px !important; } .newsletter-promo-block ul { margin: 20px; } .LoginPanel.signin .dnnFormItem input[type="submit"], .LoginPanel.signin a.dnnPrimaryAction { background: #9d2f91 !important; border-color: #9d2f91 !important; text-transform:uppercase; border-radius:0; padding-left: 20px; padding-right: 20px; font-weight: bold; cursor: pointer; } .newsletter-promo-block img { float: right; } .signin-join-page .salesbox { clear: both; } /* LoginBox */ .loginBoxNoRegister div.dnnForm.dnnLoginService.dnnClear div:nth-child(4) { display: none; } /* New styles for Home and About page banners added Feb 2016 */ .promo-box { text-align: center; margin-top: 40px; } .promo-box .promo-header { background: #545454; padding: 20px; border-radius: 10px 10px 0 0; } .promo-box .promo-content { border-left: solid 2px #545454; border-right: solid 2px #545454; border-bottom: solid 2px #545454; border-radius: 0 0 10px 10px; min-height: 150px; padding: 20px; } .promo-box .promo-content img { margin-top: -150px; } .promo-box p, .promo-box li a { font-size: 16px; } .promo-box p.cta { color: #e95d9a; font-size: 18px; display: block; } .promo-box p.cta a, .promo-box .promo-content p.cta a { color: #e95d9a; background-image: url('../img/buttons.png'); background-repeat: no-repeat; background-position: right -82px; padding: 0px 30px 0px 0px; } .promo-box .promo-links { text-align: center; margin: 20px auto; } .promo-box .promo-links li a { display: inline-block; background: #F0EEE5; padding: 10px 14px; margin-bottom: 7px; border: solid 1px #ccc; border-radius: 4px; line-height: 1.2; } .promo-box .promo-links li.promo-link-green a:hover { border: solid 1px #009300; background-color: #D7E4BF; } .promo-box .promo-links li.promo-link-pink a:hover { border: solid 1px #ff5aa0; background-color: #FBD6B8; } .promo-box .promo-links li.promo-link-orange a:hover { border: solid 1px #f48133; background-color: #FBD6B8; } .promo-box .promo-links li a span { display: inline-block; height: 20px; background-image: url('../img/buttons.png'); background-repeat: no-repeat; padding-right: 30px; padding-left: 15px; } .promo-box .promo-links li a:hover { text-decoration: none; } .promo-box .promo-links li.promo-link-green a span { background-position: right -236px; color: #009300; } .promo-box .promo-links li.promo-link-pink a span { background-position: right -82px; color: #ff5aa0; } .promo-box .promo-links li.promo-link-orange a span { background-position: right 0px; color: #f48133; }