/* ----------------------------------------------------------------------------------------------------------- COLORS ----------------------------------------------------------------------------------------------------------- */ /* orange: #f79822; orange/red: #f25e1e; yellow: #fdc71a; grey: #4e4f47; dark grey: #8a8b77; green: #97c700; blue: #679fa2; brown: #97670e; */ /* ----------------------------------------------------------------------------------------------------------- MAIN LAYOUT ELEMENTS ----------------------------------------------------------------------------------------------------------- */ body { background:#c6c5b8 url(../images/bg_body.jpg) no-repeat center top; margin:0 auto; } div#wrapper { margin: 0 auto; width: 960px; } div#wrapperOuter { margin: 0 auto; width: 980px; background:url(../images/bg_wrapperRepeat.png) top repeat-y; } div#masthead { position:relative; width:960px; height:170px; margin:0 auto; background:url(../images/bg_mast.jpg) no-repeat top; } h1.logo { position:absolute; top:33px; left:398px; width:221px; height:113px; text-indent:-9999px; } h1.logo a { display:block; width:220px; height:114px; background:url(../images/logos/logo_ddq.png) no-repeat; } .container { margin: 0 auto; width:960px; } .bgRepeat { background:url(../images/bg_container.gif) repeat-y top; } .bgRepeatHome { background:url(../images/bg_containerHome.gif) repeat-y top; } div#footer { margin: 0 auto; width:960px; height:100px; text-align:left; position:relative; } div#footerOuter { margin: 0 auto; width: 980px; background:url(../images/bg_footer.png) no-repeat top; } div#footerLeft { margin: 0 auto; width:480px; float:left; display: inline; } div#footerRight { position:absolute; left:726px; top:10px; margin: 0 auto; display: inline; overflow:hidden; } /* Sets up basic grid/column floating and margin. */ div.col-nav, div.col-centre, .col-right, div.col-home { float: left; margin-right: 0px; } /* Main columns */ .col-nav { width: 240px; } .col-centre { width: 480px; } .col-right { width: 240px; } .col-home { width: 720px; } /* Home page main col */ .clear { clear: both; overflow:hidden; } .block-title { padding:10px 0 10px 10px; height:40px; } .block-inside { padding:10px; } div#ContentLeft { float:left; width:50% } div#ContentRight { float:right; width:50%; text-align:right; } /* ----------------------------------------------------------------------------------------------------------- HOME PAGE MAIN COLUMN ----------------------------------------------------------------------------------------------------------- */ /* JQuery Slider .sliderwrap { width:720px; height:300px; } .stripViewer .panelContainer .panel ul { text-align: left; margin: 0 15px 0 30px; } .stripViewer { position: relative; overflow: hidden; width: 720px; height: 285px; } .stripViewer .panelContainer { position: relative; left: 0; top: 0; } .stripViewer .panelContainer .panel { float: left; height: 100%; position: relative; width: 720px; } .stripNavL, .stripNavR, .stripNav { display: none; } #movers-row { margin: 0 0 0 0; clear:both; float:right; } #movers-row div { width:54px; float: left; } #movers-row div a.cross-link { float: right; } .cross-link { display: block; width: 54px; height:30px; position: relative; z-index: 9999; } .photo-meta-data { font-family: Helvetica, sans-serif; background: url(../images/slider/transpBlack.png); padding: 10px; height: 30px; margin-top: -70px; position: relative; z-index: 9999; color: white; } .photo-meta-data span { font-size: 13px; } .photo-meta-data a { color:#FFFFFF; } .photo-meta-data a:hover { color:#fdc71a; } #movers-row div a.btn1 { background:url(../images/slider/btn_1norm.jpg) no-repeat; background-position:0 0; text-indent:-9999px; } #movers-row div a.btn2 { background:url(../images/slider/btn_2norm.jpg) no-repeat; background-position:0 0; text-indent:-9999px; } #movers-row div a.btn3 { background:url(../images/slider/btn_3norm.jpg) no-repeat; background-position:0 0; text-indent:-9999px; } #movers-row div a.active-thumb { background-position:0 -30px; } /* Home column styles */ div.homecol { float:left; width:220px; margin-right:20px; display:inline; } div.lastcol { margin-right:0px; } /* Feature Buttons */ .feature { background:#dbdbd3; border-top:#c6c5b8 solid 1px; } .feature img { border:2px #dbdbd3 solid; } .feature img:hover { border:2px #8a8b77 solid; } .feature a:hover { background-color: transparent; border: none; } /* Carousel */ .carouselWrapper { width:720px; height:310px; } .carousel { position:relative; float:left; width:720px; height:280px; border:none; margin:0; overflow:hidden; } .carousel ul { margin: 0; } .carousel li { float:left; overflow:hidden; margin: 0; padding:0; width:720px; } div#carouselBtns { height:30px; float:right; margin-right:10px; } div#carouselBtns ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0px; } div#carouselBtns li { display:inline; margin:0; padding:0; } .btn1, .btn2, .btn3, .btn4 { width:50px; height:26px; margin:0px 0px 0px 3px; text-indent:-9999px; float:left; } a.btn1 { background:url(../images/carousel/btn1_off.png) no-repeat; border:none; display:block; } a:hover.btn1 { background:url(../images/carousel/btn1_on.png) no-repeat; border:none; display:block; cursor:pointer; } a.btn2 { background:url(../images/carousel/btn2_off.png) no-repeat; border:none; display:block; } a:hover.btn2 { background:url(../images/carousel/btn2_on.png) no-repeat; border:none; display:block; cursor:pointer; } a.btn3 { background:url(../images/carousel/btn3_off.png) no-repeat; border:none; display:block; } a:hover.btn3 { background:url(../images/carousel/btn3_on.png) no-repeat; border:none; display:block; cursor:pointer; } a.btn4 { background:url(../images/carousel/btn4_off.png) no-repeat; border:none; display:block; } a:hover.btn4 { background:url(../images/carousel/btn4_on.png) no-repeat; border:none; display:block; cursor:pointer; } /* Quick Links */ div#btnHomeZeroCarbon { height:120px; width:220px; text-indent:-9999px; margin:0 20px 3px 0; float:left; } div#btnHomeZeroCarbon a { height:120px; width:220px; background:url(../images/btns/btn_homeZeroCarbon.jpg); display:block; } div#btnHomeZeroCarbon a { background-position:0px -60px; } div#btnHomeZeroCarbon a:hover { background-position:0px -120px; } div#btnHomeNewsletter { height:120px; width:220px; text-indent:-9999px; margin:0 20px 3px 0; float:left; } div#btnHomeNewsletter a { height:120px; width:220px; background:url(../images/btns/btn_homeNewsletter.jpg); display:block; } div#btnHomeNewsletter a { background-position:0px -60px; } div#btnHomeNewsletter a:hover { background-position:0px -120px; } div#btnHomeEnablers { height:120px; width:220px; text-indent:-9999px; margin:0 0 3px 0; float:left; } div#btnHomeEnablers a { height:120px; width:220px; background:url(../images/btns/btn_homeEnablers.jpg); display:block; } div#btnHomeEnablers a { background-position:0px -60px; } div#btnHomeEnablers a:hover { background-position:0px -120px; } /* ----------------------------------------------------------------------------------------------------------- MAIN NAVIGATION ----------------------------------------------------------------------------------------------------------- */ /* v1 */ ul.menu, ul.menu ul { list-style-type:none; margin: 0; padding: 0; width:240px; text-align:right; font-size:12px; } ul.menu a { display: block; text-decoration: none; text-transform:uppercase; font-weight:bold; height:29px; } ul.menu li { border-bottom:1px #f7dd86 solid; } ul.menu li a { background: #c6c5b8; color: #666; padding: 0.5em; } ul.menu li a:hover { background: #fdc71a; color:#fff; } ul.menu li ul { width:230px; margin-left:10px;} ul.menu li ul li { border-bottom:1px #c6c5b8 solid; } ul.menu li ul li a { background: #afae9e; color: #e7e7e2; padding-left: 20px; } ul.menu li ul li a:hover { background: #8a8b77; color:#fff; padding-left: 20px; } /* -------- v2 Accordion -------- */ .accordion { list-style-type: none; padding: 0; margin: 0; width:240px; text-align:right; text-transform:uppercase; } .accordion ul { padding: 0; margin: 0; /* float: left; */ display: block; width: 100%; } .accordion li { border-bottom:1px #afae9e solid; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; } .accordion li.active>a { background:#fdc71a url('..images/close.gif') no-repeat center left; color:#fff; } .accordion li div { padding: 20px; background: #aef; display: block; clear: both; float: left; width: 200px; } .accordion a { text-decoration: none; color: #666; font: bold 1.2em/2em Arial, sans-serif; padding: 3px 10px 0 0; display: block; cursor: pointer; background:#c6c5b8 url('..images/open.gif') no-repeat center left; height:26px; } .accordion li a:hover { background: #fdc71a; color:#fff; } /* Level 2 */ .accordion li ul { width:230px; margin-left:10px;} .accordion li ul li { background: #7FD2FF; font-size: 0.9em; border-top:1px #c6c5b8 solid; border-bottom:none; } .accordion li ul li a { background: #afae9e; color: #e7e7e2; padding-left: 20px; height:23px; } .accordion li ul li a:hover { background: #8a8b77; color:#fff; padding-left: 20px; } /* ----------------------------------------------------------------------------------------------------------- CENTRE/MAIN COLUMN ----------------------------------------------------------------------------------------------------------- */ /* Images */ img.floatleft { float: left; margin: 0 1.2em 1.2em 0; } img.floatright { float: right; margin: 0 0 1.2em 1.2em; } img.floatcenter { display: block; margin-left: auto; margin-right: auto; margin-bottom:1.5em;} /* IMAGE GALLERY */ #imageGallery img { margin: 0 4px 4px 0; padding:0; border: 1px solid #dbdbdb; } #imageGallery img.imgGalleryLast { margin: 0 0 4px 0;} .imageLinks img { padding:3px; background: #cdcdc2; border: 1px solid #ddd; margin-right:10px; float:left; } .imageLinks img:hover { border: 1px solid #D2D2D2; background: #8a8b77;} .imageLinks a:hover { background-color: transparent; border: none } /* HOUSE TYPOLOGY tabs */ ul.idTabs { margin:0; } ul.idTabs li { list-style:none; float:left; margin:0; text-transform:uppercase; } ul.idTabs a { display:block; padding:5px 6px 3px 6px; text-decoration:none!important; color:#AFAE9E; background:#F1F1ED; border: 1px solid #F1F1ED; } ul.idTabs a:hover { color:#6B6B66; background:#F1F1ED; border: 1px solid #F1F1ED; } ul.idTabs a.selected { margin-bottom:0; color:#6B6B66; background:#FCFCFC; border: 1px solid #8A8B77; border-bottom:1px solid #FCFCFC; cursor:default; } div#tab1, div#tab2, div#tab3, div#tab4 { padding:10px 0 8px 0; border-top:6px solid #FCFCFC; } /* *padding-top:3px; *margin-top:-15px; */ .dataHighlight { font-size:1.5em; line-height:1.5em; padding:5px 6px 3px 6px; background:#FCFCFC; color:#6B6B66; margin:6px 0 6px 10px; } .dataCodeLevel1 { font-size:1.5em; line-height:1.5em; padding:5px 6px 3px 6px; background:#F25E1E; color:#FFF; margin:6px 0; } .dataCodeLevel2 { font-size:1.5em; line-height:1.5em; padding:5px 6px 3px 6px; background:#E9901B; color:#FFF; margin:6px 0; } .dataCodeLevel3 { font-size:1.5em; line-height:1.5em; padding:5px 6px 3px 6px; background:#FBB72B; color:#FFF; margin:6px 0; } .dataCodeLevel4 { font-size:1.5em; line-height:1.5em; padding:5px 6px 3px 6px; background:#F2DE34; color:#FFF; margin:6px 0; } .dataCodeLevel5 { font-size:1.5em; line-height:1.5em; padding:5px 6px 3px 6px; background:#BEDE3A; color:#FFF; margin:6px 0; } .dataCodeLevel6 { font-size:1.5em; line-height:1.5em; padding:5px 6px 3px 6px; background:#80CA30; color:#FFF; margin:6px 0; } /* ----------------------------------------------------------------------------------------------------------- RIGHT COLUMN ----------------------------------------------------------------------------------------------------------- */ div#spacerTop { width:100%; height:60px; background:url(../images/bg_colRightRepeat.jpg) repeat-y; } /* NEWSLETTER FORM */ div#formNewsletter { margin-bottom: 3px; } h3#titleNewsletter { height:30px; width:220px; background:url(../images/misc/form_titleNewsletter.png) no-repeat; text-indent:-9999px; margin-bottom:0; } form td { padding: 5px; } form p { padding: 0px 0px 5px 0px; margin: 0; color: #5f6057; } label { font-weight: bold; color: #5f6057; } input, select, textarea { margin:0; padding: 5px; color: #6A6969; border:1px solid #fff; background:#e7e7e1; } input:focus, select:focus, textarea:focus { color: #9d9d8c; background: #ffffff; } #name, #email { width: 180px; } input.button { font: bold 10px Arial, Sans-serif; margin: 0 0 10px 0; padding: 2px 3px; color: #fff; background: #f25e1e; border:1px solid #FFF; } input.BookNow { font-weight:bold; color: #fff; border:1px solid #6A6969; background:#8a8b77; cursor:pointer; } input.ResetForm { font-weight:normal; color: #6A6969; border:1px solid #c6c5b8; background:#e7e7e1; cursor:pointer; } /* BUTTONS */ div#btnLatestEvents { height:30px; width:220px; text-indent:-9999px; margin-bottom:3px; } div#btnLatestEvents a { height:30px; width:220px; background:url(../images/btns/btn_latestEvent.jpg); display:block; } div#btnLatestEvents a { background-position:0px 0px; } div#btnLatestEvents a:hover { background-position:0px -30px; } div#btnResources { height:30px; width:220px; text-indent:-9999px; margin-bottom:3px; } div#btnResources a { height:30px; width:220px; background:url(../images/btns/btn_resources.jpg); display:block; } div#btnResources a { background-position:0px 0px; } div#btnResources a:hover { background-position:0px -30px; } /* ENABLERS sub nav v2 */ #EnablersMenu { width:220px; text-align:left; list-style-type: none; padding: 0; margin: 0; } #EnablersMenu h3 { height:30px; width:220px; text-indent:-9999px; margin:0px; background:url(../images/btns/btn_titleEnablers.jpg) no-repeat; display:block; border-bottom:none; } #EnablersMenu ul { padding: 0; margin: 0; /* float: left; */ display: block; width: 100%; } #EnablersMenu li { border-bottom:1px #FDE1D3 solid; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; } #EnablersMenu li a { background:#F98647; color:#FEE9DD; font: bold 1.1em Arial, sans-serif; text-decoration: none; padding: 6px 0 6px 10px; display: block; cursor: pointer; } #EnablersMenu li a:hover { background:#F36B21; color:#FFFFFF; } /* AWARDS btns */ div#btnAwards09Register { height:58px; width:220px; text-indent:-9999px; margin-bottom:3px; } div#btnAwards09Register a { height:58px; width:220px; background:url(../images/btns/btn_awards09_register.jpg); display:block; } div#btnAwards09Register a { background-position:0px 0px; } div#btnAwards09Register a:hover { background-position:0px -58px; } div#btnAwards09Shortlist { height:58px; width:220px; text-indent:-9999px; margin-bottom:3px; } div#btnAwards09Shortlist a { height:58px; width:220px; background:url(../images/btns/btn_awards09_shortlist.jpg); display:block; } div#btnAwards09Shortlist a { background-position:0px 0px; } div#btnAwards09Shortlist a:hover { background-position:0px -58px; } div#btnAwards09Download { height:58px; width:220px; text-indent:-9999px; margin-bottom:3px; } div#btnAwards09Download a { height:58px; width:220px; background:url(../images/btns/btn_awards09_download.jpg); display:block; } div#btnAwards09Download a { background-position:0px 0px; } div#btnAwards09Download a:hover { background-position:0px -58px; } div#btnAwards09Gallery { height:58px; width:220px; text-indent:-9999px; margin-bottom:3px; } div#btnAwards09Gallery a { height:58px; width:220px; background:url(../images/btns/btn_awards09_gallery.jpg); display:block; } div#btnAwards09Gallery a { background-position:0px 0px; } div#btnAwards09Gallery a:hover { background-position:0px -58px; } div#btnAwards09Winners { height:58px; width:220px; text-indent:-9999px; margin-bottom:3px; } div#btnAwards09Winners a { height:58px; width:220px; background:url(../images/btns/btn_awards09_winners.jpg); display:block; } div#btnAwards09Winners a { background-position:0px 0px; } div#btnAwards09Winners a:hover { background-position:0px -58px; } /* SKILLS TRAINING btns */ div#btnSkillsTrainingOverview { height:58px; width:220px; text-indent:-9999px; margin-bottom:3px; } div#btnSkillsTrainingOverview a { height:58px; width:220px; background:url(../images/btns/btn_skillstrainingOverview.jpg); display:block; } div#btnSkillsTrainingOverview a { background-position:0px 0px; } div#btnSkillsTrainingOverview a:hover { background-position:0px -58px; } div#btnSkillsTrainingRegister { height:58px; width:220px; text-indent:-9999px; margin-bottom:3px; } div#btnSkillsTrainingRegister a { height:58px; width:220px; background:url(../images/btns/btn_skillstrainingAppForm.jpg); display:block; } div#btnSkillsTrainingRegister a { background-position:0px 0px; } div#btnSkillsTrainingRegister a:hover { background-position:0px -58px; } div#btnSkillsTrainingVideos { height:58px; width:220px; text-indent:-9999px; margin-bottom:3px; } div#btnSkillsTrainingVideos a { height:58px; width:220px; background:url(../images/btns/btn_skillstrainingVideos.jpg); display:block; } div#btnSkillsTrainingVideos a { background-position:0px 0px; } div#btnSkillsTrainingVideos a:hover { background-position:0px -58px; } /* SKILLS TRAINING sub nav */ #SkillsTrainingMenu { width:220px; text-align:left; list-style-type: none; padding: 0; margin: 0; } #SkillsTrainingMenu h3 { height:58px; width:220px; text-indent:-9999px; margin:0px; background:url(../images/btns/btn_titleSkillsTrainingWorkshops.jpg) no-repeat; display:block; border-bottom:none; } #SkillsTrainingMenu ul { padding: 0; margin: 0; /* float: left; */ display: block; width: 100%; } #SkillsTrainingMenu li { border-bottom:1px #FFECC0 solid; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; } #SkillsTrainingMenu li div { padding:20px; display: block; clear: both; float: left; width: 180px; } #SkillsTrainingMenu li a { background:#FFD672; color:#8D6841; font: bold 1.1em Arial, sans-serif; text-decoration: none; padding: 6px 10px 6px 10px; display: block; cursor: pointer; } #SkillsTrainingMenu li a:hover { background:#FAC33F; color:#FFFFFF; } /* STUDY TOUR sub nav */ #StudyTourMenu { width:220px; text-align:left; list-style-type: none; padding: 0; margin: 0; } #StudyTourMenu h3 { height:58px; width:220px; text-indent:-9999px; margin:0px; background:url(../images/btns/btn_titleStudyTourDocs.jpg) no-repeat; display:block; border-bottom:none; } #StudyTourMenu ul { padding: 0; margin: 0; /* float: left; */ display: block; width: 100%; } #StudyTourMenu li { border-bottom:1px #FFECC0 solid; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; } #StudyTourMenu li div { padding:20px; display: block; clear: both; float: left; width: 180px; } #StudyTourMenu li a { background:#FFD672; color:#8D6841; font: bold 1.1em Arial, sans-serif; text-decoration: none; padding: 6px 10px 6px 10px; display: block; cursor: pointer; } #StudyTourMenu li a:hover { background:#FAC33F; color:#FFFFFF; } div#btnStudyTour2010Gallery { height:58px; width:220px; text-indent:-9999px; margin-bottom:3px; } div#btnStudyTour2010Gallery a { height:58px; width:220px; background:url(../images/btns/btn_studytour2010_gallery.jpg); display:block; } div#btnStudyTour2010Gallery a { background-position:0px 0px; } div#btnStudyTour2010Gallery a:hover { background-position:0px -58px; } /* ECO EXPO sub nav */ #EcoExpoMenu { width:220px; text-align:left; list-style-type: none; padding: 0; margin: 0; } #EcoExpoMenu h3 { height:58px; width:220px; text-indent:-9999px; margin:0px; background:url(../images/btns/btn_titleEcoExpoDocs.jpg) no-repeat; display:block; border-bottom:none; } #EcoExpoMenu ul { padding: 0; margin: 0; /* float: left; */ display: block; width: 100%; } #EcoExpoMenu li { border-bottom:1px #FFECC0 solid; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; } #EcoExpoMenu li div { padding:20px; display: block; clear: both; float: left; width: 180px; } #EcoExpoMenu li a { background:#FFD672; color:#8D6841; font: bold 1.1em Arial, sans-serif; text-decoration: none; padding: 6px 10px 6px 10px; display: block; cursor: pointer; } #EcoExpoMenu li a:hover { background:#FAC33F; color:#FFFFFF; } /* HOUSE TYPOLOGY btns */ div#btnHouseTypologyOverview { height:58px; width:220px; text-indent:-9999px; margin-bottom:3px; } div#btnHouseTypologyOverview a { height:58px; width:220px; background:url(../images/btns/btn_housetypologyOverview.jpg); display:block; } div#btnHouseTypologyOverview a { background-position:0px 0px; } div#btnHouseTypologyOverview a:hover { background-position:0px -58px; } /* HOUSE TYPOLOGY sub nav */ #HouseTypeMenu { width:220px; text-align:left; list-style-type: none; padding: 0; margin: 0; } #HouseTypeMenu h3 { height:58px; width:220px; text-indent:-9999px; margin:0px; background:url(../images/btns/btn_titleHouseTypes.jpg) no-repeat; display:block; border-bottom:none; } #HouseTypeMenu ul { padding: 0; margin: 0; /* float: left; */ display: block; width: 100%; } #HouseTypeMenu li { border-bottom:1px #FFECC0 solid; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; } #HouseTypeMenu li div { padding:20px; display: block; clear: both; float: left; width: 180px; } #HouseTypeMenu li a { background:#FFD672; color:#8D6841; font: bold 1.1em Arial, sans-serif; text-decoration: none; padding: 6px 10px 6px 10px; display: block; cursor: pointer; } #HouseTypeMenu li a:hover { background:#FAC33F; color:#FFFFFF; } #SiteTestsMenu { width:220px; text-align:left; list-style-type: none; padding: 3px 0 0 0; margin: 0; clear:left; } #SiteTestsMenu h3 { height:58px; width:220px; text-indent:-9999px; margin:0px; background:url(../images/btns/btn_titleSiteTests.jpg) no-repeat; display:block; border-bottom:none; } #SiteTestsMenu ul { padding: 0; margin: 0; /* float: left; */ display: block; width: 100%; } #SiteTestsMenu li { border-bottom:1px #FFECC0 solid; cursor: pointer; list-style-type: none; padding: 0; margin: 0; float: left; display: block; width: 100%; } #SiteTestsMenu li div { padding:20px; display: block; clear: both; float: left; width: 180px; } #SiteTestsMenu li a { background:#FFD672; color:#8D6841; font: bold 1.1em Arial, sans-serif; text-decoration: none; padding: 6px 10px 6px 10px; display: block; cursor: pointer; } #SiteTestsMenu li a:hover { background:#FAC33F; color:#FFFFFF; } div#rightsidebar { margin-bottom: 3px; background: #eeeee9; padding: 10px;} /* ----------------------------------------------------------------------------------------------------------- FOOTER ----------------------------------------------------------------------------------------------------------- */ .block-footer { padding:10px 10px 0 20px; } #footer p { color:#e7e7e1; line-height:1.5em; margin:0; } .footer-logo { float:right; } .footer-meta { float:left; } .footer-logo img { padding:3px; background: #cdcdc2; border: 1px solid #ddd; margin-left:10px; } .footer-logo img:hover { border: 1px solid #D2D2D2; background: #8a8b77;} .footer-logo a:hover { background-color: transparent; border: none } .subtitle { font-size:1.25em; font-weight:bold; color:#d0d1c9; } /* ----------------------------------------------------------------------------------------------------------- MISC ELEMENTS ----------------------------------------------------------------------------------------------------------- */ /* Use a .box to create a padded box inside a column. */ .box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; } /* In case you need to add a gutter above/below an element */ .prepend-top { margin-top:1.5em; } .append-bottom { margin-bottom:1.5em; } hr { border: none 0; border-top: 1px dashed #CCCCCC;/*the border*/ width: 100%; height: 1px;/*whatever the total width of the border-top and border-bottom equal*/ margin-bottom:12px; } .practiceimages { border: 1px solid #C6C5B8;} .enablersimages { float: right; border: 4px solid #C6C5B8; margin: 0px 0px 10px 10px; }