/* ***************************************** rfgyh.co.uk - effects.css Development company: Embloc Author e-mail: info@embloc.co.uk ***************************************** Reference palette: Greys: Colours: #333 (darkest) #000 (black) #666 (dark) #2f7b0a (dark green) #999 (medium) #aaa (light) #eee (lightest) */ /* modal box */ #modal-login {display:none;height:300px;width:500px; background:url(../images/system/rfg-login-panel.gif) no-repeat #fff;} #modal-call-me {display:none;height:550px;width:500px; background:url(../images/system/rfg-modal-panel_l.gif) no-repeat #fff;} #modal-newsletter {display:none;height:270px;width:500px; background:url(../images/system/rfg-modal-panel_s.gif) no-repeat #fff;} #modal-send-friend {display:none;height:550px;width:500px; background:url(../images/system/rfg-modal-panel_l.gif) no-repeat #fff;} #modal-nmtb {display:none;height:550px;width:500px; background:url(../images/system/rfg-modal-panel_l.gif) no-repeat #fff;} #simplemodal-overlay {background:#000;} #simplemodal-container {padding:0;border:0;position:relative;} a.modalCloseImg {background-image:url(../images/system/rfg-spaceball.gif);width:35px;height:35px;display:inline;z-index:1;position:absolute;top:0;left:465px;cursor:pointer;} .loginbox {padding:30px;} .loginbox h3 {padding:0 10px 8px 10px;border-bottom:solid 1px #ccc;font-weight:bold;margin-bottom:5px;} .loginbox p {padding:6px 0 3px 10px;font-weight:bold;background:none;} .loginbox label {padding:10px 0 4px 10px;font-weight:bold;background:none;display:block;} .loginbox p input {font-size:1em;border:0;z-index:200;} .loginbox p input.field {font-size:1em;background:#fff;width:192px;margin:5px 0 0 15px;padding:1px;} .loginbox p.login-user {margin:1px 0 0 0;padding:0;background:url(http://www.deliciouslyorkshire.co.uk/dy/images/system/dy-sprite.gif) no-repeat 8px -523px;height:30px;} .loginbox p.login-pass {margin:0px 0 0 0;padding:0;background:url(http://www.deliciouslyorkshire.co.uk/dy/images/system/dy-sprite.gif) no-repeat 9px -523px;height:30px;} .loginbox input.button {background:#3e8416;color:#fff;padding:3px;} .loginbox p.new-account {margin-top:10px;border-top:solid 1px #ccc;clear:both;} .loginbox a.lost {padding:0 0 0 25px;text-align:right;} .loginbox a:link, #loginbox a:visited { color:#3e8416;} .loginbox a:hover, #loginbox a:active { color:#000;text-decoration:none;} .loginbox p.small {font-weight:normal;} /* feature sliders */ #main-slider {position: relative;} #main-slider {margin:0;} #main-slider ul, #main-slider li, #taste-slider ul, #taste-slider li {list-style:none;margin:0;padding:0;} #main-slider li, #taste-slider li {overflow: hidden;} #sub-slides { margin:0; padding:0; width:936px; height:120px; background:url(../images/system/rfg-loader.gif) center center no-repeat;overflow:hidden;margin:0 0 8px 0;} #main-slider .slide { width:936px; height:229px; display:block;} #main-slidecontrols {top:0;left:0;position:absolute;width:936px;height:53px;margin:0;padding:0;background:none;} #main-slidecontrols span#prevBtn a {margin:30px 0 0 20px;float:left;width:26px;height:53px;background:url(../images/system/rfg-sprite-png.png) no-repeat 0 0;text-indent:-100px;overflow:hidden;cursor:pointer;} #main-slidecontrols span#nextBtn a {margin:30px 20px 0 0;float:right;width:26px;height:53px;background:url(../images/system/rfg-sprite-png.png) no-repeat -35px 0;text-indent:-100px;overflow:hidden;cursor:pointer;} #main-slidecontrols span#prevBtn a:hover {background-position:-150px 0;} #main-slidecontrols span#nextBtn a:hover {background-position:-185px 0;} #taste-slider {position:relative;float:right;background:none;margin:0;padding:0;overflow:hidden;display:block;} #taste-slider .slide {width:224px; height:350px; display:block; background:none;padding:0;margin:0;} #taste-slider ul, #taste-slider ul a, #taste-slider ul a img {padding:0;margin:0;} #taste-slidecontrols {top:270px;left:15px;position:absolute;width:224px;height:32px;margin:0;padding:0;background: url(../images/system/trans.png);} #taste-slidecontrols span#sub-prevBtn a {margin:8px 0 0 140px;float:left;width:27px;height:24px;background:url(../images/system/rfg-sprite-png.png) no-repeat 0 -110px;text-indent:-100px;overflow:hidden;cursor:pointer;} #taste-slidecontrols span#sub-nextBtn a {margin:8px 0 0 0;float:left;width:27px;height:24px;background: url(../images/system/rfg-sprite-png.png) no-repeat -35px -110px;text-indent:-100px;overflow:hidden;cursor:pointer;} #taste-slidecontrols span#sub-prevBtn a:hover {background-position:-150px -110px} #taste-slidecontrols span#sub-nextBtn a:hover {background-position:-185px -110px} #sub-slider .slide { width:936px; height:120px; display:block;} #sub-slider {position:relative;padding:0;clear:both;background:#eee;} #sub-slidecontrols {top:0;left:0;position:absolute;width:936px;height:22px;margin:0;padding:0;background:none;} #sub-slidecontrols span#sub-prevBtn a {margin:10px 0 0 870px;float:left;width:27px;height:24px;background:url(../images/system/rfg-sprite-png.png) no-repeat 0 -70px;text-indent:-100px;overflow:hidden;cursor:pointer;} #sub-slidecontrols span#sub-nextBtn a {margin:10px 0 0 0;float:left;width:27px;height:24px;background: url(../images/system/rfg-sprite-png.png) no-repeat -35px -70px;text-indent:-100px;overflow:hidden;cursor:pointer;} #sub-slidecontrols span#sub-prevBtn a:hover {background-position:-150px -70px} #sub-slidecontrols span#sub-nextBtn a:hover {background-position:-185px -70px} #banner {width:960px;float:left;overflow:hidden;background:#eee no-repeat;display:block; height:270px;} #banner .banner {width:960px;overflow:hidden;height:229px;} ul.slideList {padding:0;margin:0;} li.slideItem {display:block;float:left;text-align:center;} a.slideLink {display:block;background:#c1d72e;height:30px;} a.slideLink:focus {background:#666;border:0;outline:none;} a.cycleBanner {display:block;height:25px;width:25px;} a#prevSlide {margin:15px 0 0 15px;float:left; width:26px;height:53px;background:url(http://www.rfgyh.co.uk/images/system/rfg-sprite-png.png) no-repeat 0 0;cursor:pointer;} a#nextSlide {margin:15px 15px 0 0;float:right;width:26px;height:53px;background:url(http://www.rfgyh.co.uk/images/system/rfg-sprite-png.png) no-repeat -35px 0;cursor:pointer;} a.cycleSlide span {display:none;} .slidePanel {float:left;} #slideStrip {float:left;} #cycleSlide {float:left;} #banner ul.slideList {padding:0 0 8px 0;display:block; clear:both;} #banner ul.slideList li { display:block; float:left; background:#ddd;} #banner ul.slideList li a { display:block; background:#B5DC11 url(http://www.rfgyh.co.uk/images/system/rfg-sprite.gif) no-repeat;height:30px; border-bottom:4px solid #a3c807;width:234px; } #banner ul.slideList li#cover { display:none;} #banner ul.slideList li#foods a { background-position: 10px -179px;} #banner ul.slideList li#learn a { background-position: 10px -210px;} #banner ul.slideList li#trade a { background-position: 10px -241px;} #banner ul.slideList li#prods a { background-position: 10px -272px;} #banner ul.slideList li#foods a:hover, #banner ul.slideList li#foods a.active { background-position: -290px -179px; border-bottom-color:#333;} #banner ul.slideList li#learn a:hover, #banner ul.slideList li#learn a.active { background-position: -290px -210px; border-bottom-color:#333;} #banner ul.slideList li#trade a:hover, #banner ul.slideList li#trade a.active { background-position: -290px -241px; border-bottom-color:#333;} #banner ul.slideList li#prods a:hover, #banner ul.slideList li#prods a.active { background-position: -290px -272px; border-bottom-color:#333;} /*#banner ul.slideList li#foods a:focus { background-position: -290px -179px; border-bottom-color:#333;} #banner ul.slideList li#learn a:focus { background-position: -290px -210px; border-bottom-color:#333;} #banner ul.slideList li#trade a:focus { background-position: -290px -241px; border-bottom-color:#333;} #banner ul.slideList li#prods a:focus { background-position: -290px -272px; border-bottom-color:#333;} */ /* tabs */ .ui-tabs {padding:0;/*zoom:1;*/ } .ui-tabs .ui-tabs-nav {list-style:none; position:relative;padding:0;} .ui-tabs .ui-tabs-nav li {position:relative;float:left;} .ui-tabs .ui-tabs-nav li a {float:left;margin:0;float:left;padding:0;} .ui-tabs .ui-tabs-nav li.ui-tabs-selected {} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: pointer;} .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor:pointer;} .ui-tabs .ui-tabs-panel {padding:0;display:block;border:0;background:none;} .ui-tabs .ui-tabs-hide {display:none !important;} /* end */ /* Magic Zoom Plus v2.0.0 Copyright 2009 Magic Toolbox */ .MagicZoom img {border: 0 !important; padding: 0 !important; margin: 0 !important;} /* Style of zoomed window */ .MagicZoomBigImageCont {border:0;} .MagicZoomBigImageCont div { border:0 solid #fff; height:180px; width:300px; position:absolute; top:0px; left:0px; cursor:move; z-index:1; overflow:hidden; } /* Style of header, activated with "title" attribute in tag */ .MagicZoomHeader { font-size: 8pt !important; line-height: normal !important; color: #fff; background: #666; text-align: center !important; background:#444; position:absolute; } /* Style of small square under mouse */ .MagicZoomPup {border: 1px solid #fff; background: #fff; cursor: move;} /* Style of message box while image is loading */ .MagicZoomLoading { border: 1px solid #fff; background: #fff url(http://www.rfgyh.co.uk/images/system/rfg-loader.gif) no-repeat 2px 50%; padding: 4px 4px 4px 24px !important; margin: 0; text-decoration: none; text-align: left; font-size: 8pt; font-family: sans-serif; color: #444; } /* Style of the small image link */ .MagicZoomPlus {cursor:move; outline: 0 !important;} /* Style of the small image */ .MagicZoomPlus img {border: 0 !important; padding: 0 !important; margin: 0 !important;} /* Style of the span inside the small image link */ .MagicZoomPlus span {display: none !important;} /* Style of hotspots */ .MagicHotspots {display: none; visibility: hidden;} .MagicHotspots a {border: 1px solid #ccc;} .MagicHotspots a:hover {border: 1px solid red;} /* Style of the small image link */ .MagicThumb, .MagicThumb:hover {cursor: move; outline: 0 !important;} /* Style of the small image when the large image is expanded */ .MagicThumb-expanded-thumbnail {cursor: move;} /* Style of the span inside the small image link */ .MagicThumb span {display: none !important;} /* Style of the small image */ .MagicThumb img {border: 0; outline: 0;} /* Style of the expanded image */ .MagicThumb-expanded { cursor: move; background:#fff; border:0; outline:0; padding:0; } /* Style of the caption for the expanded image */ .MagicThumb-caption { color: #333; font: normal 10pt Verdana, Helvetica; background: #ccc; text-align: left; padding: 0; border: 0 !important; outline: 0 !important; height:1px; visibility:hidden; overflow:hidden; display:none; } /* Style of the close/next/previous buttons */ .MagicThumb-buttons { background: transparent url(http://www.rfgyh.co.uk/images/system/rfg-zoom-buttons.png) no-repeat 0 0; height: 18px; display: block; margin:10px; } .MagicThumb-buttons a { width: 18px; height: 18px; margin: 0px 1px !important; overflow: hidden; } /* Style of the loading message box */ .MagicThumb-loader { font: normal 12pt sans-serif; border: 1px solid #000; background: #fff url(http://www.rfgyh.co.uk/images/system/rfg-loader.gif) no-repeat 2px 50%; padding: 2px 2px 2px 22px; margin: 0; text-decoration: none; text-align: left; } /* Style of the small images which swap the main image */ .MagicThumb-swap {} /* Style to hide caption on page. Only needed for #id method. */ .MagicThumb-external-caption {display: block;} /* end */