/* HOME PAGE */ .homeheading { font-size: 120%; font-weight: bold; margin-top: 30px; } .hometext { font-size: 80%; color: #666; } .homelink { font-size: 80%; color: #09c; } .homelink2 { font-size: 110%; color: #09c; line-height: 150%; } .homehighlight { padding: 0px; background-color: #f7f7f7; width: 98%; } .homefocus { color: #000; font-size: 75%; line-height: 120%; font-family: Verdana, Helvetica, Arial; background-color: #dcecfc; padding: 5px; } .quotetext { font-size: 80%; color: #000; font-weight: bold; } /* HOME LEFT NAV LINKS */ #leftnavcontainer ul { margin: .2em 0 0 0; padding: 0; list-style-type: none; } #leftnavcontainer li { margin: 0 0 2px 0; } #leftnavcontainer a { display: block; color: #fff; background-color: #9c9; width: 12em; padding: .2em .8em; text-decoration: none; font-weight: bold; } #leftnavcontainer a:hover { background-color: #fff; color: #9c9; } /* JOBS HOME LEFT NAV LINKS */ #jobsleftnavcontainer ul { margin: .2em 0 0 0; padding: 0; list-style-type: none; } #jobsleftnavcontainer li { margin: 0 0 2px 0; } #jobsleftnavcontainer a { display: block; color: #fff; background-color: #09c; width: 12em; padding: .2em .8em; text-decoration: none; font-weight: bold; } #jobsleftnavcontainer a:hover { background-color: #fff; color: #09c; } /* ORGANIC FORTNIGHT */ #ofleftnavcontainer ul { margin: .2em 0 0 0; padding: 0; list-style-type: none; } #ofleftnavcontainer li { margin: 0 0 2px 0; } #ofleftnavcontainer a { display: block; color: #fff; background-color: #663366; width: 12em; padding: .2em .8em; text-decoration: none; font-weight: bold; } #ofleftnavcontainer a:hover { background-color: #fff; color: #663366; } .oflinks { font-size: 12px; } .oflinks td {border-bottom : 1px solid #23b14d;} .oflinks .top {border-top : 1px solid #663366; } /* SCOTLAND FOOD FESTIVAL */ #scotlandleftnavcontainer ul { margin: .2em 0 0 0; padding: 0; list-style-type: none; } #scotlandleftnavcontainer li { margin: 0 0 2px 0; } #scotlandleftnavcontainer a { display: block; color: #fff; background-color: #933; width: 12em; padding: .2em .8em; text-decoration: none; font-weight: bold; } #scotlandleftnavcontainer a:hover { background-color: #fff; color: #933; } /* SHOP */ .shop { font-size: 12px; } .shop td {border-bottom : 1px solid #009999;} .shop .top {border-top : 1px solid #009999; } /* LINKS */ a { text-decoration: none } a:hover { text-decoration: underline; } a:active { color: #09c; } a:link { color: #09c; } a:visited { color: #09c; } .sideLinks { color: #000; font-family: Verdana, Helvetica, Arial; font-size: 11px; line-height: 15px; } a.sideLinks { color: #fff; font-family: Verdana, Helvetica, Arial; font-size: 11px; line-height: 15px; } a.sideLinks:visited { color: #fff; font-family: Verdana, Helvetica, Arial; font-size: 11px; line-height: 15px; } .sideLinksWt { color: #fff; font-family: Verdana, Helvetica, Arial; font-size: 11px; line-height: 15px; } a.sideLinksWt { color: #fff; font-family: Verdana, Helvetica, Arial; font-size: 11px; line-height: 15px; } a.sideLinksWt:visited { color: #fff; font-family: Verdana, Helvetica, Arial; font-size: 11px; line-height: 15px; } .scottishlinks { font-size: 65%; color: #000; line-height: 190%; font-weight: bold; } .areyoulinks { font-size: 70%; color: #000; line-height: 190%; font-weight: bold; font-family: Verdana, Helvetica, Arial; } a.whitelink, a.whitelink:visited, a.whitelink:active { color: #fff; background-color:#09c; } a.whitelink:hover { text-decoration: underline; } a.shopwhitelink, a.shopwhitelink:visited, a.shopwhitelink:active { color: #fff; background-color: #099; font-weight: bold; } a.shopwhitelink:hover { text-decoration: underline; } /* VIEW LINKS */ .viewLinks { color: #09c; font-family: Verdana, Helvetica, Arial; font-size: 10px; line-height: 15px; } .viewLinks:visited { color: #09c; } .viewLinkOL { color: #900; font-family: Verdana, Helvetica, Arial; font-size: 10px; line-height: 15px; } .viewLinkFG { color: #960; font-family: Verdana, Helvetica, Arial; font-size: 10px; line-height: 15px; } /* FONTS */ .text { color: #000; font-size: 75%; line-height: 120%; font-family: Verdana, Helvetica, Arial; } .strapline { font-family: Verdana, Helvetica, Arial; font-size: 70%; color: #000; line-height: 140%; font-weight: bold; } .strapline2 { font-family: Verdana, Helvetica, Arial; font-size: 90%; color: #000; line-height: 140%; font-weight: bold; } .contentHead { font-family: Verdana, Helvetica, Arial; font-size: 15px; font-weight: bold; line-height: 17px; } .contentTitle { font-family: Frutiger, Helvetica, Arial, Verdana, "sans serif"; font-size: 20px; font-weight: bold; color: #fff; } .contenttitle2 { font-family: Frutiger, Helvetica, Arial, Verdana, "sans serif"; font-size: 20px; font-weight: bold; color: #fff; } .contentTextSmall { color: #000; font-family: Verdana, Helvetica, Arial; font-size: 10px; line-height: 14px; } .contentText { color: #000; font-family: Verdana, Helvetica, Arial; font-size: 12px; line-height:17px; } .pullQuote { font-family: Verdana, Helvetica, Arial; font-size: 15px; font-weight: bold; line-height: 19px; } .supInfo { font-family: Verdana, Helvetica, Arial; color: #999; font-size: 10px; line-height: 17px; } .warning { color: #d00; } /* BREADCRUMB */ .breadcrumb { font-family: Verdana, Helvetica, Arial; color: #999; font-size: 10px; line-height: 17px; } a.breadcrumb:link { font-family: Verdana, Helvetica, Arial; color: #09c; font-size: 10px; line-height: 17px; } /* BOX LINKS */ .boxLink { font-family: Verdana, Helvetica, Arial; color: #fff; font-size: 10px; line-height: 14px; font-weight: bold; } a.boxLink:link { font-family: Verdana, Helvetica, Arial; color: #fff; font-size: 10px; line-height: 14px; font-weight: bold; } a.boxLink:visited { font-family: Verdana, Helvetica, Arial; color: #fff; font-size: 10px; line-height: 14px; font-weight: bold } .boxLinkLarge { font-family: Verdana, Helvetica, Arial; color: #fff; font-size: 11px; line-height:14px; font-weight: bold; } a.boxLinkLarge:link { font-family: Verdana, Helvetica, Arial; color: #fff; font-size: 11px; line-height: 14px; font-weight: bold; } a.boxLinkLarge:visited { font-family: Verdana, Helvetica, Arial; color: #fff; font-size: 11px; line-height: 14px; font-weight: bold; } .boxlinkhome { font-family: Verdana, Helvetica, Arial; color: #fff; font-size: 65%; line-height: 100%; font-weight: bold; background-color: #9c9; } .boxlinktext { font-family: Verdana, Helvetica, Arial; color: #000; font-size: 65%; line-height: 100%; font-weight: bold; } .boxlinkunderline { background-color: #9c9; } .boxlinkresources { font-family: Verdana, Helvetica, Arial; color: #fff; font-size: 65%; line-height: 100%; font-weight: bold; background-color: #099; } .boxlinkunderlineresources { background-color: #099; } .boxlinkeducation { font-family: Verdana, Helvetica, Arial; color: #fff; font-size: 65%; line-height: 100%; font-weight: bold; background-color: #990; } .boxlinkunderlineeducation { background-color: #990; } .boxlinkscotland { font-family: Verdana, Helvetica, Arial; color: #fff; font-size: 65%; line-height: 100%; font-weight: bold; background-color: #933; } .boxlinkunderlinescotland { background-color: #933; } /* FORMS */ .form { background: #fff; color: #000; font-family: Verdana, Arial, Helvetica, "sans serif"; font-size: 11px; } .formSmall { background: #fff; color: #000; font-family: Verdana, Arial, Helvetica, "sans serif"; font-size: 10px; } /* TEXT BOXES */ .reviewpics { padding: 7px; float: right; margin-left: 5px; border: 1px solid #09c; margin-top: 5px; } .consumerright { padding: 7px; float: right; margin-left: 5px; border: 1px solid #900; margin-top: 5px; } .highlight { border: 1px solid #aaa; padding: 10px; } .highlight2 { padding: 7px; border: 1px solid #09c; } .highlight3 { padding: 7px; border: 1px solid #09c; font-family: Verdana, Helvetica, Arial; font-size: 12px; line-height: 17px; } .highlight4 { padding: 7px; border : 1px solid #933; } .highlight5 { padding: 7px; border: 1px solid #900; } .highlight6 { padding: 7px; border: 1px solid #636; } .texthighlight { color: #000; font-size: 12px; line-height: 17px; font-family: Verdana, Helvetica, Arial; background-color: #fc9; border: 1px solid #ccc; padding: 5px;} .texthighlight2 { color: #000; font-size: 12px; line-height: 17px; font-family: Verdana, Helvetica, Arial; font-weight: bold; border : 1px solid #636; padding: 2px; text-align: center; } .texthighlight3 { color: #000; font-size: 12px; line-height: 17px; font-family: Verdana, Helvetica, Arial; border: 1px solid #990; padding: 7px; } .texthighlight4 { color: #000; font-size: 12px; line-height: 17px; font-family: Verdana, Helvetica, Arial; border: 1px solid #933; } .texthighlight4 td { border-bottom: 1px solid #933; } .texthighlight4 .bottom { border-bottom : 0px } .texthighlight5 { color: #000; font-size: 12px; line-height: 17px; font-family: Verdana, Helvetica, Arial; border : 2px solid #636; padding: 2px; } .texthighlight6 { color: #000; font-size: 12px; line-height: 17px; font-family: Verdana, Helvetica, Arial; font-weight: bold; border: 2px solid #09c; padding: 2px; text-align: center;} .texthighlight7 { color: #000; font-size: 12px; line-height: 17px; font-family: Verdana, Helvetica, Arial; font-weight: bold; border: 2px solid #933; padding: 2px; text-align: center; } .scotlandleft { padding: 7px; border : 1px solid #900; } .scotlandright { padding: 7px; float: right; margin-left: 5px; border: 1px solid #933; margin-top: 5px; } /* IMAGES */ .imageright { float: right; margin-left: 5px; } .imageleft { float: left; margin-right: 5px; } /* IMAGE GALLERY */ /* thanks to stu nicholls - see tutorial http://www.webreference.com/programming/css_gallery/ */ /* http://www.cssplay.co.uk/ */ #gallerycontainer { position:relative; width:730px; height:408px; margin:20px auto 0 auto; background:#fff url(../gallerypic.jpg) 30px 12px no-repeat; } #gallerycontainer ul { list-style-type:none; width:294px; height:385px; margin:12px 5px 0 5px; float:right; } #gallerycontainer li { float:left; } #gallerycontainer a.gallery span { position:absolute; width:1px; height:1px; top:402px; left:725px; overflow:hidden; background:#fff; } #gallerycontainer a.gallery, #container a.gallery:visited { display:block; color:#000; text-decoration:none; border:1px solid #000; margin:1px 2px 1px 2px; text-align:left; cursor:default; } #gallerycontainer a.pic1 { background:url(../beanflowers92.jpg); height:92px; width:92px; } #gallerycontainer a.pic2 { background:url(../brooktrees92.jpg); height:92px; width:92px; } #gallerycontainer a.pic3 { background:url(../cloverpoppies92.jpg); height:92px; width:92px; } #gallerycontainer a.pic4 { background:url(../foxglove92.jpg); height:92px; width:92px; } #gallerycontainer a.pic5 { background:url(../meadow92.jpg); height:92px; width:92px; } #gallerycontainer a.pic6 { background:url(../nasturtiumbee92.jpg); height:92px; width:92px; } #gallerycontainer a.pic7 { background:url(../poppy92.jpg); height:92px; width:92px; } #gallerycontainer a.pic8 { background:url(../sheepscene92.jpg); height:92px; width:92px; } #gallerycontainer a.pic9 { background:url(../soilworms92.jpg); height:92px; width:92px; } #gallerycontainer a.pic10 { background:url(../lambs92.jpg); height:92px; width:92px; } #gallerycontainer a.pic11 { background:url(../pond_sheep92.jpg); height:92px; width:92px; } #gallerycontainer a.pic12 { background:url(../tractorclover92.jpg); height:92px; width:92px; } #gallerycontainer a.gallery:hover span { position:absolute; width:370px; height:370px; top:12px; left:30px; color:#fff; background:#fff; } /*/////////////*/