/*----------------------------------------------------------------------------- New Site version: 1.0 author: Kevin Devine & Aonghus Davoren email: kevin@kevindevine.ie website: http://www.kevindevine.ie/ date: Sept 2008 -----------------------------------------------------------------------------*/ /* =Colours ----------------------------------------------------------------------------- #9b1616 Red #2f4c7f Navy #2c8ed5 Sky Blue*/ /* -------------------------------------------------------------- Stolen reset rules from Blueprint CSS (http://code.google.com/p/blueprintcss/) -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0px none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline } body { line-height: 1.5; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } table, td, th { vertical-align: middle; } blockquote:before, blockquote:after, q:before, q:after { } blockquote, q { } a img { border: none; } /* Common Styles */ .clear { clear:both; } .hide {display:none;} .right {float:right;} .left {float:left;} ul {list-style-type:none;} a:link, a:visited {text-decoration:none; color:#ac2034;} a:hover, a:active {text-decoration:underline; color:#ac2034; } #tradecounter #bodyText a:link, #tradecounter #bodyText a:visited, #tradecounter #bodyText a:hover, #tradecounter #bodyText a:active {color:#2c8ed5;} /* =Body -----------------------------------------------------------------------------*/ body { font: 62.5%/1.6 Verdana, Arial, Helvetica, sans-serif ; color: #000055; background:url(../images/layout/bg.gif) repeat-x #fcfbfb; } /* =Main Content -----------------------------------------------------------------------------*/ #wrapper {width:761px; margin:11px auto; } #mainBody {clear:both;background:url(../images/layout/top_slice.jpg) repeat-y; padding:0px 10px; position: relative; } .breadcrumbs {float:right; text-align:right; width:285px;} #flash { text-align:center; } #home #flash {width: 730px; height: 241px; margin: 5px 0 0 5px;} .gallery #flash, .design #flash {width: 450px; height: 450px; margin:5px auto; display:block;} .design #flash {height:350px;} iframe {padding:2px; margin:7px 0px 7px 7px; border:1px solid #aca899;} .drainLink {width:250px; float:right;} #insideContent {background: url(../images/layout/bodyBorder.gif) repeat-y 200px 0px;} .video {margin: 0px 0px 0px 50px; float: left; width: 425px;} /* =boxes -----------------------------------------------------------------------------*/ #boxes {width: 719px; height: 239px; margin-left: 4px; background: url(../images/layout/boxesBg.png) no-repeat 0 0; padding:4px 8px 0 8px; position:relative; } #boxOne {float: left; display: inline; width: 231px; height: 237px; position:relative; padding:0 4px;} #boxTwo {float: left; display: inline; width: 231px; height: 237px; position:relative; padding:0 4px;} #boxThree {float: right; display: inline; width: 231px; height: 237px; position:relative;padding:0 2px 0 6px;} #boxOne h2, #boxTwo h2, #boxThree h2 {background: url(../images/layout/home_box_titles.png) no-repeat; text-indent: -9999em; height: 18px; width:219px; margin: 16px 0 0 5px;} #boxTwo h2 {background-position: -438px 0 ;} #boxThree h2 {background-position:-219px 0;} #boxOne img, #boxTwo img, #boxThree img {margin: 6px 0 0 5px;} #boxOne p, #boxTwo p, #boxThree p {margin: 0 0 0 5px;} a.btn_find {width: 112px; height: 38px; display: block; overflow: hidden; margin: 12px 0 0 65px; background:url(../images/layout/findoutmore.png) no-repeat; position:absolute; bottom:10px;} #boxOne a.btn_find {background-position: 0 0; } #boxOne a.btn_find:hover {background-position: top right; } #boxTwo a.btn_find {background-position: 0 -38px;} #boxTwo a.btn_find:hover {background-position: -112px -38px;} #boxThree a.btn_find {background-position: left bottom;} #boxThree a.btn_find:hover {background-position: right bottom;} #subNav {width:180px; float:left; clear:both; margin:15px 0px 0 15px; position:absolute;} #subNav li a {display:block; padding:5px 5px 5px 15px; width:150px; margin:2px 0px; color:#fff; background:repeat-x url(../images/layout/subNav.png);} #subNav li li a {display:block; padding:5px 5px 5px 25px; width:140px; margin:2px 0px; color:#333; background:repeat-x url(../images/layout/subSubNav.png);} /*#showrooms #subNav li a {background-image:url(../images/layout/subNavShow.png); color:#FFF;} #tradecounter #subNav li a {background-image:url(../images/layout/subNavTrade.png); color:#FFF;}*/ #subNav li a:hover, #subNav li a.current {background-position: 0 -100px; text-decoration:none; color:#fff} #bodyText {float:right; margin-top:15px; width:510px; padding:0 15px; } #bodyText p {padding:5px 0;} /* =Headings -----------------------------------------------------------------------------*/ #logo {width:200px; float:left;} #logo a{width:148px; height:90px; display:block; margin-bottom: 5px; } .vcard {width:240px; float:left; margin:0 5px;} .home_leader {background: url(../images/layout/home_leader.jpg) no-repeat top left; width: 730px; height: 46px; text-indent: -9999em; margin-left: 5px; } #about h1, #showrooms h1, #tradecounter h1, #plumbing h1, #contact h1 {float:left;background: url(../images/titles/about_h1.png) no-repeat 0 8px; width: 200px; height: 20px; text-indent: -9999em; margin-left: 5px; } #showrooms h1 { background-image:url(../images/titles/showrooms_h1.png); } #tradecounter h1 { background-image:url(../images/titles/tradecounter_h1.png); } #plumbing h1 { background-image:url(../images/titles/plumbing_h1.png); width: 220px; } #contact h1 { background-image:url(../images/titles/contact_h1.png); } h2 {font-size:14px; font-weight:bold;} #showrooms h2 {color:#9b1616;} #tradecounter h2 {color:#2c8ed5;} hr {clear:both; margin:5px 0; background:url(../images/layout/hr.png) #ccc; border:0px; height:1px;} .bulletList li {padding:0 10px 3px 20px; background:url(../images/layout/bullet_red.png) no-repeat left 0px;} .showhide {display:block; width:170px; height:41px; text-indent:-5000px; background:url(../images/layout/showhide.jpg) bottom left ;} .showhide:hover {background-position:left top;} .suppliers {margin:10px auto; width:490px;} .suppliers li {margin:5px;} .suppliers li, .suppliers li a {display:block; width:232px; height:94px; float:left;} .suppliers li a {background:url(../images/layout/suppliers.jpg) no-repeat; text-indent:-5000px;} .suppliers li a.nav1 {background-position:-465px 0px;} .suppliers li a.nav1:hover {background-position:0px 0px;} .suppliers li a.nav2 {background-position:-698px 0px;} .suppliers li a.nav2:hover {background-position:-233px 0px;} .suppliers li a.nav3 {background-position:-465px -96px;} .suppliers li a.nav3:hover {background-position:0px -96px;} .suppliers li a.nav4 {background-position:-698px -96px;} .suppliers li a.nav4:hover {background-position:-233px -96px;} /* =Footer ----------------------------------------------------------------------------- #mainBody span {display: block; font-size: 1px; position: absolute; left: 0; bottom: -11px; background: url(../images/layout/bottom_slice.jpg) no-repeat 0 0; z-index: 99; width: 761px; height: 11px;} */ #footer {margin:0 auto 20px auto ; background: url(../images/layout/bottom_slice.jpg) no-repeat 0 0; padding-top:10px; width:761px;} #footer, #footer a {color:#345182} #footer p#reg {float: left; margin: 0 0 0 15px;} #footer p#credit {float: right; margin: 0 15px 0 0;} /* =Forms -----------------------------------------------------------------------------*/ /* Removes fieldset borders. even on Opea 7 */ fieldset { border: 1px solid transparent; } form {margin:0;padding:0;} select {height:20px; font-size:12px; color: #666666; } /* =Tables -----------------------------------------------------------------------------*/ #subCol select { width:180px; } select { background:transparent url(../images/layout/input_grad.gif) repeat scroll 0 0; border:1px solid #8C9699; color:black; display:block; font-size:11px; height:19px; margin-bottom:8px; width:185px; } td { text-align: left; font-weight: normal;} table { border-collapse: collapse; width: 100%; border: 1px solid #dedede;} .projectinfo {width:500px;} .projectinfo th {font-weight:bold;} caption { font-size: 1.2em; font-weight: bold; margin: 1em 0;} col { border-right: 1px solid #ccc;} col#albumCol { border: none;} col#artistCol img {margin:0 auto;} thead { background: #dedede url(http://www.cma.ie/includes/images/bar.gif) repeat-x left center; border-top: 1px solid #a5a5a5; border-bottom: 1px solid #a5a5a5; } tr {border-bottom: 1px solid #a5a5a5;} th { font-weight: normal; text-align: left;} th, td { padding: 0.5em 1em; vertical-align:top;} td img {margin:0 auto; width:100px; text-align:center;} .odd { background-color:#edf5ff;} tr:hover { background-color:/*#33b2ce*/#eee; color: #000;} thead tr:hover { background-color: transparent; color: #000;}