@charset "utf-8"; * {margin:0; padding:0;} /*Credits clickstream Web Design 2009 Design: Catalina Main CSS Chop Up - Charlie Healy PHP includes/functions and remaining CSS - Aoife Ní Chionnaith Design Checklist: Aoife Ní Chionnaith - 6th October 2009 - still some items outstanding. */ body {background:#270A04 url(../img/bg_v5.jpg) no-repeat center top; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } .clear { clear:both; width:100%; height:1px; font-size:1px;} a:hover {text-decoration: none;} #wrapper {width:980px; margin:0 auto; position:relative;} #head {background:url(../img/head.jpg) no-repeat center top #861d0a; width:980px; position:relative; height:446px; display:block;} #head h1 {text-indent: -9000px} #txt_intro {position:absolute; width:255px; height:162px; display:block; top: 195px; right: 10px;} #txt_intro h2 { font-size: 24px; color: #1a0207; padding-bottom: 6px; } #txt_intro p { font-size: 14px; color: #1a0207; line-height: 18px; } #nav_top { position:absolute; width:600px; height:35px; display:block; top: 10px; right: 0px; } #nav_top ul{} #nav_top ul li { list-style:none; float:left; padding-right: 8px; } #nav_top ul li a { font-size: 16px; color: #dad5d6; text-decoration: none; text-align:center; padding:8px 0 0 0;} #nav_top ul li a:hover { font-size: 16px; color: #dad5d6; text-decoration: none; } #nav_top ul li a.select {} #nav_top ul li.nav_top_1 a, #nav_top ul li.nav_top_1_on a {width:89px; height:35px; display:block;} #nav_top ul li.nav_top_2 a, #nav_top ul li.nav_top_2_on a {width:99px; height:35px; display:block;} #nav_top ul li.nav_top_3 a, #nav_top ul li.nav_top_3_on a {width:135px; height:35px; display:block;} #nav_top ul li.nav_top_4 a, #nav_top ul li.nav_top_4_on a {width:100px; height:35px; display:block;} #nav_top ul li.nav_top_5 a, #nav_top ul li.nav_top_5_on a {width:106px; height:35px; display:block;} #nav_top ul li.nav_top_1 a:hover, #nav_top ul li.nav_top_1_on a {background: url(../img/top_nav_1.jpg) repeat-y right top; font-weight: bold; } #nav_top ul li.nav_top_2 a:hover, #nav_top ul li.nav_top_2_on a {background: url(../img/top_nav_2.jpg) repeat-y right top;font-weight: bold; } #nav_top ul li.nav_top_3 a:hover, #nav_top ul li.nav_top_3_on a {background: url(../img/top_nav_3.jpg) repeat-y right top;font-weight: bold; } #nav_top ul li.nav_top_4 a:hover, #nav_top ul li.nav_top_4_on a {background: url(../img/top_nav_4.jpg) repeat-y right top; font-weight: bold;} #nav_top ul li.nav_top_5 a:hover, #nav_top ul li.nav_top_5_on a {background: url(../img/top_nav_5.jpg) repeat-y right top; font-weight: bold;} #nav_left { position:absolute; width:241px; height:240px; display:block; top: 134px; left: 18px; font: 20px "Trebuchet MS", Arial, Helvetica, sans-serif; } #nav_left ul{} #nav_left ul li{ list-style:none; height:36px; width:241px; margin:0 0 12px 0;} #nav_left ul li.nav_left_1 {background: url(../img/nav1.jpg) repeat-y right top #6a9c2d;} #nav_left ul li.nav_left_2 {background: url(../img/nav2.jpg) repeat-y right top #2a9e7b;} #nav_left ul li.nav_left_3 {background: url(../img/nav3.jpg) repeat-y right top #992928;} #nav_left ul li.nav_left_4 {background: url(../img/nav4.jpg) repeat-y right top #efc100;} #nav_left ul li.nav_left_5 {background: url(../img/nav5.jpg) repeat-y right top #db6f00;} #nav_left ul li a { padding:3px 0 0 46px; color: #fff; display: block; text-decoration:none; height:33px;} #nav_left ul li a:hover {text-decoration: underline} .breadcrumb {position: absolute; top:90px; left: 30px; font-size: .8em; color:#fff; } .breadcrumb a {color: #ffe610} #content_main { width:980px; background: url(../img/content_bg.jpg) top left repeat #efe4c6; padding: 16px 0 20px 0; margin:0;} #content_main .col_right {width:344px; float:right;} #content_main .col_right p { font-size: 13px; line-height: 16px; padding-left: 16px; padding-top: 12px; padding-right: 16px; } #content_main .col_right p.crossLink {font-size: 18px;} #content_main .col_left {width:592px; margin:0 0 0 14px; /*min-height:460px; */} #content_main .col_left p { font-size: 13px; line-height: 16px; padding-left: 16px; padding-top: 12px; padding-right: 16px; } #content_main .col_left p.crossLink {margin: 10px 0 10px 10px; padding: 0; font-size: 18px; display:block; clear:both; } /* -----h3 colors ------*/ #content_main .col_right h3 {padding:3px 0 0 42px; width:302px; height:33px;} #content_main .col_left h3 {padding:3px 0 0 42px; width:335px; height:33px;} #content_main .col_right h3.subHeader {margin-top: 15px; } #content_main .col_right h3 a {text-decoration: none; color:#fff} .red #content_main .col_right h3 {clear:both; background: url(../img/h3_red_1.jpg) no-repeat #992928; color:#FFF; font-weight:normal; font-size:24px;} .red #content_main .col_left h3 { background: url(../img/h3_red_2.jpg) no-repeat #992928; color:#FFF; font-weight:normal; font-size:24px;} .tur #content_main .col_right h3 {clear:both; background: url(../img/h3_tur_1.jpg) no-repeat #2a9e7b; color:#FFF; font-weight:normal; font-size:24px;} .tur #content_main .col_left h3 {background: url(../img/h3_tur_2.jpg) no-repeat #2a9e7b; color:#FFF; font-weight:normal; font-size:24px;} .yellow #content_main .col_right h3 {clear:both; background: url(../img/h3_yellow_1.jpg) no-repeat #efc100; color:#FFF; font-weight:normal; font-size:24px;} .yellow #content_main .col_left h3 {background: url(../img/h3_yellow_2.jpg) no-repeat #efc100; color:#FFF; font-weight:normal; font-size:24px;} .orange #content_main .col_right h3 {clear:both; background: url(../img/h3_orange_1.jpg) no-repeat #db6f00; color:#FFF; font-weight:normal; font-size:24px;} .orange #content_main .col_left h3 { background: url(../img/h3_orange_2.jpg) no-repeat #db6f00; color:#FFF; font-weight:normal; font-size:24px;} .green #content_main .col_right h3 {clear:both; background: url(../img/h3_green_1.jpg) no-repeat #6a9c2d; color:#FFF; font-weight:normal; font-size:24px;} .green #content_main .col_left h3 { background: url(../img/h3_green_2.jpg) no-repeat #6a9c2d; color:#FFF; font-weight:normal; font-size:24px;} .home #content_main .col_right h3 {clear:both; background: url(../img/h3_green_1.jpg) no-repeat #6a9c2d; color:#FFF; font-weight:normal; font-size:24px;} .home #content_main .col_left h3 {background: url(../img/h3_tur_2.jpg) no-repeat #2a9e7b; color:#FFF; font-weight:normal; font-size:24px;} #footer {width:980px; margin:0 auto; height:100px; display:block; font-size:12px;} #footer span {color:#b98b04;} #footer .left {float:left; padding:8px 0 0 14px; color:#e9debe;} #footer .right {float:right; text-align:right; padding:8px 0 0 0; color:#e9debe;} #footer a {color:#e9debe; text-decoration:underline;} #footer a:hover {text-decoration:none} /* --- catelog styles ------*/ #content_main .col_left ul {display:block;height:150px; width:580px; padding:12px 0 0 12px; } #content_main .col_left ul li {float:left; list-style:none; margin:0 8px 0 0; font-size:12px;} #content_main .col_left ul li img {border:4px solid #f4edd9; margin:0 0 5px 0; } #content_main .col_left ul li a {text-decoration:none; width:108px; display:block; } #content_main .col_left ul.products {margin: 10px 0; float: left; height:auto;} #content_main .col_left ul.products li {width: 108px; } #content_main .col_left ul.products li img {display: block; clear:both;} #content_main .col_left ul.products li.specialOffer span.productPrice {padding: 0 0 0 20px; background: url(/img/special-offer.gif) no-repeat ; }/*ICON FROM http://prothemedesign.com/circular-icons/*/ .productPrice {font-weight: bold; } #content_main p.specialOffersText {margin: 10px 0 10px 10px; padding: 0 0 0 23px; background: url(/img/special-offer.gif) no-repeat ; font-weight: bold; } #content_main .col_left ul.products_top li a {text-decoration:none; width:160px; display:block; font-size:12px;} #content_main .col_left ul.manu_top li a {text-decoration:none; width:100%; display:block; font-size:12px;} #content_main .col_left ul.manu_top { height:120px; } #content_main .col_right ul {margin:0 0 0 22px;} #content_main .col_right ul li {list-style:disc; margin:0 8px 0 10px; font-size:12px;} #content_main .col_left ul.products_sm img {display: block; clear:both;} #content_main .col_left ul.products_sm li a {text-decoration:none; width:auto; display:block; font-size:12px; margin:0 0 6px 0;} #content_main .col_left ul.products_sm {height:100%; clear:left; display:block; width:580px;padding:12px 0 0 12px;} #content_main .col_left ul.products_home li a {text-decoration:none; width:auto; display:block; font-size:12px; margin:0 0 6px 0;} #content_main .col_left ul.products_home { height:140px; clear:none; display:block; width:580px; padding:12px 0 0 12px;} #content_main .col_left ul.products_home img { border:none;} #content_main a {color:#aa2125;} #content_main p.clearLeft {clear: left} .home_garden {width:564px; height:154px; display:block; background:url(../img/home_garden.jpg) no-repeat;} #content_main .col_right ul {margin:20px 0 0 0; padding:0 0 0 50px;} #content_main .col_right ul li {float:left; font-size:12px; list-style:none; margin:0 24px 0 0;} #content_main .col_right ul li img {border:4px solid #f4edd9; margin:0 0 5px 0; } /*Third Level Navigation*/ #content_main .col_right ul#thirdLevelNav {margin: 10px 16px 5px 0px;} #content_main .col_right ul#thirdLevelNav li {list-style:none; margin:0 0 10px 0px; font-size: 18px; float:none;} #content_main .col_right ul#thirdLevelNav li.currentPage {font-weight: bold; } /* lightbox */ #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;} #jquery-lightbox {position: absolute; top: 20px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;} #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; display: block;} #lightbox-nav-btnPrev { left: 0; float: left;} #lightbox-nav-btnNext { right: 0; float: right;} #lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0;} #lightbox-container-image-data {padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details {width: 92%; float: left; text-align: left;} #lightbox-image-details-caption { font-weight: bold;} #lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em;} #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /* ---- forms ------*/ #contact-area { width: 550px; padding: 16px 0 0 0; } #contact-area input, #contact-area textarea { padding: 5px; width: 300px; font-size: 18px; margin: 0px 0px 10px 0px; border: 2px solid #f4edd9; float: left; } #contact-area textarea { height: 90px;} #contact-area textarea:focus, #contact-area input:focus { border: 2px solid #FFF; } #contact-area input.submit-button {margin-left: 150px; width: 100px; } #contact-area label { float: left; text-align: right; margin-right: 15px; width: 120px; padding-top: 5px; font-size: 18px; color:#333; display: block; } /*Messages*/ p#errMsg {font-weight: bold; } /*GOOGLE MAP*/ #map_canvas {margin: 10px 0; float: left; height: 400px; width: 90%}