/*****************************************************************************/ /* Call-outs /*****************************************************************************/ .callout{margin:0 0 12px 0;zoom:1;overflow:hidden} .callout.calloutfloatleft{float:left;margin:0 15px 12px 0;width:172px;} .callout.calloutfloatright{float:right;margin:0 0 12px 15px;width:172px;} .callout .callout-top{display:block;font-size:1px;line-height:1;padding:0 0 0 4px;} .callout .callout-top span{display:block;font-size:1px;line-height:1;padding:0 4px 0 0;height:4px;} .callout .callout-bottom{display:block;font-size:1px;line-height:1;padding:0 0 0 4px;height:4px;} .callout .callout-bottom span{display:block;font-size:1px;line-height:1;padding:0 10px 0 0;height:4px;} .callout .callout-clear{font-size:1px;line-height:1;display:block;} .callout .callout-content{zoom:1;padding:3px 10px 1px 10px;line-height:1.3em;font-size:.845em;} .callout .callout-content fieldset{border:none;margin:0;padding:0;} .callout .callout-content fieldset.callout-accessibilityfieldset legend {font-size:0px;line-height:0;position:absolute;left:-5000px;} .callout .callout-content h2{color:#000;margin:-3px -10px 6px -10px;padding:0;border:none;padding:4px 10px 6px 10px;font-size:1.09em} .callout .callout-content h2 a{color:#000;} .callout .callout-content h2 a:visited{color:#000;} .callout .callout-content h2 img.callout-titleicon{float:right;margin:0 0 0 2px} .callout .callout-content ul{margin:0 0 5px 0px;padding:0 0 1px 0;} .callout .callout-content ul li{margin:0 0 6px 0} .callout .callout-content .button{font-size:.998em;} .callout .callout-content .button-tertiary{font-size:.91em;} .callout .callout-content .button-tertiary-disabled{font-size:.91em;} .callout .callout-content .contentframework-select{float:left;} .callout .callout-content .contentframework-textfield{float:left;} /* Notices */ .callout.callout-notice{margin:0 0 12px 0} .callout .callout-content h5{color:#000;margin:-3px -10px 12px -10px;border:none;font-size:1.09em;position:relative;zoom:1;padding:6px 10px 8px 32px} .callout .callout-content h5 a{color:#000;} .callout .callout-content h5 a:visited{color:#000;} .callout .callout-content h5 img.callout-titleicon{position:absolute;top:1px;left:4px;} /* Wide Notices */ .callout.callout-largenotice{margin:0 0 12px 0} .callout.callout-largenotice .callout-content{} .callout.callout-largenotice .callout-content h5{position:relative;zoom:1;padding:9px 10px 6px 45px;min-height:23px;*height:23px;} .callout.callout-largenotice .callout-content h5 img.callout-titleicon{position:absolute;top:1px;left:5px;} /* Call-outs with gradients */ .callout-lightblue-gradient{} .callout-lightblue-gradient .callout-top{background: url(../images/callouts/corners-gradient-lightblue-bg.gif) top left no-repeat;} .callout-lightblue-gradient .callout-top span{background: url(../images/callouts/corners-gradient-lightblue-bg.gif) top right no-repeat;} .callout-lightblue-gradient .callout-content{border-left:1px solid #c3cce0;border-right:1px solid #c3cce0;background: #fff url(../images/callouts/gradient-lightblue-bg.gif) bottom left repeat-x;} .callout-lightblue-gradient .callout-content h2{font-size:1.275em;color:#595959} .callout-lightblue-gradient .callout-bottom {background: url(../images/callouts/corners-gradient-lightblue-bg.gif) bottom left no-repeat;} .callout-lightblue-gradient .callout-bottom span{background: url(../images/callouts/corners-gradient-lightblue-bg.gif) bottom right no-repeat} .callout-noticeblue-gradient{} .callout-noticeblue-gradient .callout-top{background: url(../images/callouts/corners-gradient-noticeblue-bg.gif) top left no-repeat;} .callout-noticeblue-gradient .callout-top span{background: url(../images/callouts/corners-gradient-noticeblue-bg.gif) top right no-repeat;} .callout-noticeblue-gradient .callout-content{border-left:1px solid #002888;border-right:1px solid #002888;background: #fff url(../images/callouts/gradient-noticeblue-bg.gif) bottom left repeat-x;} .callout-noticeblue-gradient .callout-content h2{font-size:1.275em;color:#595959} .callout-noticeblue-gradient .callout-bottom {background: url(../images/callouts/corners-gradient-noticeblue-bg.gif) bottom left no-repeat;} .callout-noticeblue-gradient .callout-bottom span{background: url(../images/callouts/corners-gradient-noticeblue-bg.gif) bottom right no-repeat} .callout-red-gradient{} .callout-red-gradient .callout-top{background: url(../images/callouts/corners-gradient-red-bg.gif) top left no-repeat;} .callout-red-gradient .callout-top span{background: url(../images/callouts/corners-gradient-red-bg.gif) top right no-repeat;} .callout-red-gradient .callout-content{border-left:1px solid #9c0000;border-right:1px solid #9c0000;background: #fff url(../images/callouts/gradient-red-bg.gif) bottom left repeat-x;} .callout-red-gradient .callout-content h2{font-size:1.275em;color:#595959} .callout-red-gradient .callout-bottom {background: url(../images/callouts/corners-gradient-red-bg.gif) bottom left no-repeat;} .callout-red-gradient .callout-bottom span{background: url(../images/callouts/corners-gradient-red-bg.gif) bottom right no-repeat} .callout-yellow-gradient{} .callout-yellow-gradient .callout-top{background: url(../images/callouts/corners-gradient-yellow-bg.gif) top left no-repeat;} .callout-yellow-gradient .callout-top span{background: url(../images/callouts/corners-gradient-yellow-bg.gif) top right no-repeat;} .callout-yellow-gradient .callout-content{border-left:1px solid #fedf01;border-right:1px solid #fedf01;background: #fff url(../images/callouts/gradient-yellow-bg.gif) bottom left repeat-x;} .callout-yellow-gradient .callout-content h2{font-size:1.275em;color:#595959} .callout-yellow-gradient .callout-bottom {background: url(../images/callouts/corners-gradient-yellow-bg.gif) bottom left no-repeat;} .callout-yellow-gradient .callout-bottom span{background: url(../images/callouts/corners-gradient-yellow-bg.gif) bottom right no-repeat} .callout-green-gradient{} .callout-green-gradient .callout-top{background: url(../images/callouts/corners-gradient-green-bg.gif) top left no-repeat;} .callout-green-gradient .callout-top span{background: url(../images/callouts/corners-gradient-green-bg.gif) top right no-repeat;} .callout-green-gradient .callout-content{border-left:1px solid #005a00;border-right:1px solid #005a00;background: #fff url(../images/callouts/gradient-green-bg.gif) bottom left repeat-x;} .callout-green-gradient .callout-content h2{font-size:1.275em;color:#595959} .callout-green-gradient .callout-bottom {background: url(../images/callouts/corners-gradient-green-bg.gif) bottom left no-repeat;} .callout-green-gradient .callout-bottom span{background: url(../images/callouts/corners-gradient-green-bg.gif) bottom right no-repeat} .callout-taupe-gradient{} .callout-taupe-gradient .callout-top{background: url(../images/callouts/corners-gradient-taupe-bg.gif) top left no-repeat;} .callout-taupe-gradient .callout-top span{background: url(../images/callouts/corners-gradient-taupe-bg.gif) top right no-repeat;} .callout-taupe-gradient .callout-content{border-left:1px solid #cbc19b;border-right:1px solid #cbc19b;background: #fff url(../images/callouts/gradient-taupe-bg.gif) bottom left repeat-x;} .callout-taupe-gradient .callout-content h2{font-size:1.275em;color:#595959} .callout-taupe-gradient .callout-bottom {background: url(../images/callouts/corners-gradient-taupe-bg.gif) bottom left no-repeat;} .callout-taupe-gradient .callout-bottom span{background: url(../images/callouts/corners-gradient-taupe-bg.gif) bottom right no-repeat} .callout-gray-gradient{} .callout-gray-gradient .callout-top{background: url(../images/callouts/corners-gradient-gray-bg.gif) top left no-repeat;} .callout-gray-gradient .callout-top span{background: url(../images/callouts/corners-gradient-gray-bg.gif) top right no-repeat;} .callout-gray-gradient .callout-content{border-left:1px solid #b8b8b8;border-right:1px solid #b8b8b8;background: #fff url(../images/callouts/gradient-gray-bg.gif) bottom left repeat-x;} .callout-gray-gradient .callout-content h2{font-size:1.275em;color:#595959} .callout-gray-gradient .callout-bottom {background: url(../images/callouts/corners-gradient-gray-bg.gif) bottom left no-repeat;} .callout-gray-gradient .callout-bottom span{background: url(../images/callouts/corners-gradient-gray-bg.gif) bottom right no-repeat} .callout-navyblue-gradient{} .callout-navyblue-gradient .callout-top{background: url(../images/callouts/corners-gradient-navyblue-bg.gif) top left no-repeat;} .callout-navyblue-gradient .callout-top span{background: url(../images/callouts/corners-gradient-navyblue-bg.gif) top right no-repeat;} .callout-navyblue-gradient .callout-content{border-left:1px solid #8894a8;border-right:1px solid #8894a8;background: #fff url(../images/callouts/gradient-navyblue-bg.gif) bottom left repeat-x;} .callout-navyblue-gradient .callout-content h2{font-size:1.275em;color:#595959} .callout-navyblue-gradient .callout-bottom {background: url(../images/callouts/corners-gradient-navyblue-bg.gif) bottom left no-repeat;} .callout-navyblue-gradient .callout-bottom span{background: url(../images/callouts/corners-gradient-navyblue-bg.gif) bottom right no-repeat} .callout-gold-gradient{} .callout-gold-gradient .callout-top{background: url(../images/callouts/corners-gradient-gold-bg.gif) top left no-repeat;} .callout-gold-gradient .callout-top span{background: url(../images/callouts/corners-gradient-gold-bg.gif) top right no-repeat;} .callout-gold-gradient .callout-content{border-left:1px solid #c4c1ae;border-right:1px solid #c4c1ae;background: #fff url(../images/callouts/gradient-gold-bg.gif) bottom left repeat-x;} .callout-gold-gradient .callout-content h2{font-size:1.275em;color:#595959} .callout-gold-gradient .callout-bottom {background: url(../images/callouts/corners-gradient-gold-bg.gif) bottom left no-repeat;} .callout-gold-gradient .callout-bottom span{background: url(../images/callouts/corners-gradient-gold-bg.gif) bottom right no-repeat} .callout-brown-gradient{} .callout-brown-gradient .callout-top{background: url(../images/callouts/corners-gradient-brown-bg.gif) top left no-repeat;} .callout-brown-gradient .callout-top span{background: url(../images/callouts/corners-gradient-brown-bg.gif) top right no-repeat;} .callout-brown-gradient .callout-content{border-left:1px solid #c7bfb6;border-right:1px solid #c7bfb6;background: #fff url(../images/callouts/gradient-brown-bg.gif) bottom left repeat-x;} .callout-brown-gradient .callout-content h2{font-size:1.275em;color:#595959} .callout-brown-gradient .callout-bottom {background: url(../images/callouts/corners-gradient-brown-bg.gif) bottom left no-repeat;} .callout-brown-gradient .callout-bottom span{background: url(../images/callouts/corners-gradient-brown-bg.gif) bottom right no-repeat} /* Call-outs with titles */ .callout-lightblue-withtitle{} .callout-lightblue-withtitle .callout-top{background: url(../images/callouts/corners-withtitle-lightblue-bg.gif) top left no-repeat;} .callout-lightblue-withtitle .callout-top span{background: url(../images/callouts/corners-withtitle-lightblue-bg.gif) top right no-repeat;} .callout-lightblue-withtitle .callout-content{border-left:1px solid #c3cce0;border-right:1px solid #c3cce0;background: #fff} .callout-lightblue-withtitle .callout-content h2{background:#d8deeb} .callout-lightblue-withtitle .callout-content h5{background:#d8deeb;} .callout-lightblue-withtitle .callout-bottom {background: url(../images/callouts/corners-withtitle-lightblue-bg.gif) bottom left no-repeat;} .callout-lightblue-withtitle .callout-bottom span{background: url(../images/callouts/corners-withtitle-lightblue-bg.gif) bottom right no-repeat;} .callout-noticeblue-withtitle{} .callout-noticeblue-withtitle .callout-top{background: url(../images/callouts/corners-withtitle-noticeblue-bg.gif) top left no-repeat;} .callout-noticeblue-withtitle .callout-top span{background: url(../images/callouts/corners-withtitle-noticeblue-bg.gif) top right no-repeat;} .callout-noticeblue-withtitle .callout-content{border-left:1px solid #002888;border-right:1px solid #002888;background: #fff} .callout-noticeblue-withtitle .callout-content h2{background:#d8deeb;} .callout-noticeblue-withtitle .callout-content h5{background:#d8deeb;} .callout-noticeblue-withtitle .callout-bottom {background: url(../images/callouts/corners-withtitle-noticeblue-bg.gif) bottom left no-repeat;} .callout-noticeblue-withtitle .callout-bottom span{background: url(../images/callouts/corners-withtitle-noticeblue-bg.gif) bottom right no-repeat;} .callout-yellow-withtitle{} .callout-yellow-withtitle .callout-top{background: url(../images/callouts/corners-withtitle-yellow-bg.gif) top left no-repeat;} .callout-yellow-withtitle .callout-top span{background: url(../images/callouts/corners-withtitle-yellow-bg.gif) top right no-repeat;} .callout-yellow-withtitle .callout-content{border-left:1px solid #fedf01;border-right:1px solid #fedf01;background: #fff} .callout-yellow-withtitle .callout-content h2{background:#fff7da;} .callout-yellow-withtitle .callout-content h5{background:#fff7da;} .callout-yellow-withtitle .callout-bottom {background: url(../images/callouts/corners-withtitle-yellow-bg.gif) bottom left no-repeat;} .callout-yellow-withtitle .callout-bottom span{background: url(../images/callouts/corners-withtitle-yellow-bg.gif) bottom right no-repeat;} .callout-taupe-withtitle{} .callout-taupe-withtitle .callout-top{background: url(../images/callouts/corners-withtitle-taupe-bg.gif) top left no-repeat;} .callout-taupe-withtitle .callout-top span{background: url(../images/callouts/corners-withtitle-taupe-bg.gif) top right no-repeat;} .callout-taupe-withtitle .callout-content{border-left:1px solid #cbc19b;border-right:1px solid #cbc19b;background: #fff} .callout-taupe-withtitle .callout-content h2{background:#e9e4d1;} .callout-taupe-withtitle .callout-content h5{background:#e9e4d1;} .callout-taupe-withtitle .callout-bottom {background: url(../images/callouts/corners-withtitle-taupe-bg.gif) bottom left no-repeat;} .callout-taupe-withtitle .callout-bottom span{background: url(../images/callouts/corners-withtitle-taupe-bg.gif) bottom right no-repeat;} .callout-gray-withtitle{} .callout-gray-withtitle .callout-top{background: url(../images/callouts/corners-withtitle-gray-bg.gif) top left no-repeat;} .callout-gray-withtitle .callout-top span{background: url(../images/callouts/corners-withtitle-gray-bg.gif) top right no-repeat;} .callout-gray-withtitle .callout-content{border-left:1px solid #b8b8b8;border-right:1px solid #b8b8b8;background: #fff} .callout-gray-withtitle .callout-content h2{background:#eeeeee;} .callout-gray-withtitle .callout-content h5{background:#eeeeee;} .callout-gray-withtitle .callout-bottom {background: url(../images/callouts/corners-withtitle-gray-bg.gif) bottom left no-repeat;} .callout-gray-withtitle .callout-bottom span{background: url(../images/callouts/corners-withtitle-gray-bg.gif) bottom right no-repeat;} .callout-red-withtitle{} .callout-red-withtitle .callout-top{background: url(../images/callouts/corners-withtitle-red-bg.gif) top left no-repeat;} .callout-red-withtitle .callout-top span{background: url(../images/callouts/corners-withtitle-red-bg.gif) top right no-repeat;} .callout-red-withtitle .callout-content{border-left:1px solid #9c0000;border-right:1px solid #9c0000;background: #fff} .callout-red-withtitle .callout-content h2{background:#faf3f3;} .callout-red-withtitle .callout-content h5{background:#faf3f3;} .callout-red-withtitle .callout-bottom {background: url(../images/callouts/corners-withtitle-red-bg.gif) bottom left no-repeat;} .callout-red-withtitle .callout-bottom span{background: url(../images/callouts/corners-withtitle-red-bg.gif) bottom right no-repeat;} .callout-green-withtitle{} .callout-green-withtitle .callout-top{background: url(../images/callouts/corners-withtitle-green-bg.gif) top left no-repeat;} .callout-green-withtitle .callout-top span{background: url(../images/callouts/corners-withtitle-green-bg.gif) top right no-repeat;} .callout-green-withtitle .callout-content{border-left:1px solid #005a00;border-right:1px solid #005a00;background: #fff} .callout-green-withtitle .callout-content h2{background:#e2ede2} .callout-green-withtitle .callout-content h5{background:#e2ede2} .callout-green-withtitle .callout-bottom {background: url(../images/callouts/corners-withtitle-green-bg.gif) bottom left no-repeat;} .callout-green-withtitle .callout-bottom span{background: url(../images/callouts/corners-withtitle-green-bg.gif) bottom right no-repeat;} .callout-gold-withtitle{} .callout-gold-withtitle .callout-top{background: url(../images/callouts/corners-withtitle-gold-bg.gif) top left no-repeat;} .callout-gold-withtitle .callout-top span{background: url(../images/callouts/corners-withtitle-gold-bg.gif) top right no-repeat;} .callout-gold-withtitle .callout-content{border-left:1px solid #c4c1ae;border-right:1px solid #c4c1ae;background: #fff} .callout-gold-withtitle .callout-content h2{background:#e2e1d7;} .callout-gold-withtitle .callout-content h5{background:#e2e1d7;} .callout-gold-withtitle .callout-bottom {background: url(../images/callouts/corners-withtitle-gold-bg.gif) bottom left no-repeat;} .callout-gold-withtitle .callout-bottom span{background: url(../images/callouts/corners-withtitle-gold-bg.gif) bottom right no-repeat;} .callout-brown-withtitle{} .callout-brown-withtitle .callout-top{background: url(../images/callouts/corners-withtitle-brown-bg.gif) top left no-repeat;} .callout-brown-withtitle .callout-top span{background: url(../images/callouts/corners-withtitle-brown-bg.gif) top right no-repeat;} .callout-brown-withtitle .callout-content{border-left:1px solid #c7bfb6;border-right:1px solid #c7bfb6;background: #fff} .callout-brown-withtitle .callout-content h2{background:#edeae8;} .callout-brown-withtitle .callout-content h5{background:#edeae8;} .callout-brown-withtitle .callout-bottom {background: url(../images/callouts/corners-withtitle-brown-bg.gif) bottom left no-repeat;} .callout-brown-withtitle .callout-bottom span{background: url(../images/callouts/corners-withtitle-brown-bg.gif) bottom right no-repeat;} .callout-navyblue-withtitle{} .callout-navyblue-withtitle .callout-top{background: url(../images/callouts/corners-withtitle-navyblue-bg.gif) top left no-repeat;} .callout-navyblue-withtitle .callout-top span{background: url(../images/callouts/corners-withtitle-navyblue-bg.gif) top right no-repeat;} .callout-navyblue-withtitle .callout-content{border-left:1px solid #8894a8;border-right:1px solid #8894a8;background: #fff} .callout-navyblue-withtitle .callout-content h2{background:#d3d8de;} .callout-navyblue-withtitle .callout-content h5{background:#d3d8de;} .callout-navyblue-withtitle .callout-bottom {background: url(../images/callouts/corners-withtitle-navyblue-bg.gif) bottom left no-repeat;} .callout-navyblue-withtitle .callout-bottom span{background: url(../images/callouts/corners-withtitle-navyblue-bg.gif) bottom right no-repeat;} /* Call-outs with flat colour */ .callout-lightblue-flatcolour{} .callout-lightblue-flatcolour .callout-top{background: url(../images/callouts/corners-flatcolour-lightblue-bg.gif) top left no-repeat;} .callout-lightblue-flatcolour .callout-top span{background: url(../images/callouts/corners-flatcolour-lightblue-bg.gif) top right no-repeat;} .callout-lightblue-flatcolour .callout-content{padding-bottom:0;border-left:1px solid #c3cce0;border-right:1px solid #c3cce0;background: #d8deeb} .callout-lightblue-flatcolour .callout-content h2{margin-bottom:0;} .callout-lightblue-flatcolour .callout-content h5{margin-bottom:0;} .callout-lightblue-flatcolour .callout-bottom {background: url(../images/callouts/corners-flatcolour-lightblue-bg.gif) bottom left no-repeat;} .callout-lightblue-flatcolour .callout-bottom span{background: url(../images/callouts/corners-flatcolour-lightblue-bg.gif) bottom right no-repeat;} .callout-noticeblue-flatcolour{} .callout-noticeblue-flatcolour .callout-top{background: url(../images/callouts/corners-flatcolour-noticeblue-bg.gif) top left no-repeat;} .callout-noticeblue-flatcolour .callout-top span{background: url(../images/callouts/corners-flatcolour-noticeblue-bg.gif) top right no-repeat;} .callout-noticeblue-flatcolour .callout-content{padding-bottom:0;border-left:1px solid #002888;border-right:1px solid #002888;background: #d8deeb} .callout-noticeblue-flatcolour .callout-content h2{margin-bottom:0;} .callout-noticeblue-flatcolour .callout-content h5{margin-bottom:0;} .callout-noticeblue-flatcolour .callout-bottom {background: url(../images/callouts/corners-flatcolour-noticeblue-bg.gif) bottom left no-repeat;} .callout-noticeblue-flatcolour .callout-bottom span{background: url(../images/callouts/corners-flatcolour-noticeblue-bg.gif) bottom right no-repeat;} .callout-yellow-flatcolour{} .callout-yellow-flatcolour .callout-top{background: url(../images/callouts/corners-flatcolour-yellow-bg.gif) top left no-repeat;} .callout-yellow-flatcolour .callout-top span{background: url(../images/callouts/corners-flatcolour-yellow-bg.gif) top right no-repeat;} .callout-yellow-flatcolour .callout-content{padding-bottom:0;border-left:1px solid #fedf01;border-right:1px solid #fedf01;background: #fff7da} .callout-yellow-flatcolour .callout-content h2{margin-bottom:0;} .callout-yellow-flatcolour .callout-content h5{margin-bottom:0;} .callout-yellow-flatcolour .callout-bottom {background: url(../images/callouts/corners-flatcolour-yellow-bg.gif) bottom left no-repeat;} .callout-yellow-flatcolour .callout-bottom span{background: url(../images/callouts/corners-flatcolour-yellow-bg.gif) bottom right no-repeat;} .callout-taupe-flatcolour{} .callout-taupe-flatcolour .callout-top{background: url(../images/callouts/corners-flatcolour-taupe-bg.gif) top left no-repeat;} .callout-taupe-flatcolour .callout-top span{background: url(../images/callouts/corners-flatcolour-taupe-bg.gif) top right no-repeat;} .callout-taupe-flatcolour .callout-content{padding-bottom:0;border-left:1px solid #cbc19b;border-right:1px solid #cbc19b;background: #e9e4d1} .callout-taupe-flatcolour .callout-content h2{margin-bottom:0;} .callout-taupe-flatcolour .callout-content h5{margin-bottom:0;} .callout-taupe-flatcolour .callout-bottom {background: url(../images/callouts/corners-flatcolour-taupe-bg.gif) bottom left no-repeat;} .callout-taupe-flatcolour .callout-bottom span{background: url(../images/callouts/corners-flatcolour-taupe-bg.gif) bottom right no-repeat;} .callout-gray-flatcolour{} .callout-gray-flatcolour .callout-top{background: url(../images/callouts/corners-flatcolour-gray-bg.gif) top left no-repeat;} .callout-gray-flatcolour .callout-top span{background: url(../images/callouts/corners-flatcolour-gray-bg.gif) top right no-repeat;} .callout-gray-flatcolour .callout-content{padding-bottom:0;border-left:1px solid #b8b8b8;border-right:1px solid #b8b8b8;background: #eeeeee} .callout-gray-flatcolour .callout-content h2{margin-bottom:0;} .callout-gray-flatcolour .callout-content h5{margin-bottom:0;} .callout-gray-flatcolour .callout-bottom {background: url(../images/callouts/corners-flatcolour-gray-bg.gif) bottom left no-repeat;} .callout-gray-flatcolour .callout-bottom span{background: url(../images/callouts/corners-flatcolour-gray-bg.gif) bottom right no-repeat;} .callout-red-flatcolour{} .callout-red-flatcolour .callout-top{background: url(../images/callouts/corners-flatcolour-red-bg.gif) top left no-repeat;} .callout-red-flatcolour .callout-top span{background: url(../images/callouts/corners-flatcolour-red-bg.gif) top right no-repeat;} .callout-red-flatcolour .callout-content{padding-bottom:0;border-left:1px solid #9c0000;border-right:1px solid #9c0000;background: #faf3f3} .callout-red-flatcolour .callout-content h2{margin-bottom:0;} .callout-red-flatcolour .callout-content h5{margin-bottom:0;} .callout-red-flatcolour .callout-bottom {background: url(../images/callouts/corners-flatcolour-red-bg.gif) bottom left no-repeat;} .callout-red-flatcolour .callout-bottom span{background: url(../images/callouts/corners-flatcolour-red-bg.gif) bottom right no-repeat;} .callout-green-flatcolour{} .callout-green-flatcolour .callout-top{background: url(../images/callouts/corners-flatcolour-green-bg.gif) top left no-repeat;} .callout-green-flatcolour .callout-top span{background: url(../images/callouts/corners-flatcolour-green-bg.gif) top right no-repeat;} .callout-green-flatcolour .callout-content{padding-bottom:0;border-left:1px solid #005a00;border-right:1px solid #005a00;background: #e2ede2} .callout-green-flatcolour .callout-content h2{margin-bottom:0;} .callout-green-flatcolour .callout-content h5{margin-bottom:0;} .callout-green-flatcolour .callout-bottom {background: url(../images/callouts/corners-flatcolour-green-bg.gif) bottom left no-repeat;} .callout-green-flatcolour .callout-bottom span{background: url(../images/callouts/corners-flatcolour-green-bg.gif) bottom right no-repeat;} /***** sidetabs ****/ #sidetabs{line-height:1.2em;font-size:.845em;} #sidetabs-level1{background: url(../images/navigation/sidetabs/level1-bg.gif) right repeat-y;} #sidetabs .sidetabs-screenreaderimage{position:absolute;top:0;left:0;} #sidetabs-level1 ul{margin:0 0 12px 0;padding:6px 0 0 0;zoom:1} #sidetabs-level1 ul li{display:block;clear:both;list-style:none;background: url(../images/navigation/sidetabs/level1-tab-bg.gif) 0 0 no-repeat;padding:8px 0 0 0;margin:0 0 1px 0;border-right:1px solid #7591d3} #sidetabs-level1 ul li span{display:block;background: url(../images/navigation/sidetabs/level1-tab-bg.gif) 0 100% no-repeat;padding:0 10px 8px 10px;zoom:1} #sidetabs-level1 ul li span a{text-decoration:none;} #sidetabs-level1 ul li span a:visited{color:#002888;} #sidetabs-level1 ul li span a:hover, #sidetabs-level1 ul li span a:active, #sidetabs-level1 ul li span a:focus{background-color:transparent;text-decoration:underline;color:#000} #sidetabs-level1 ul li.sidetabs-currentpage{background: url(../images/navigation/sidetabs/level1-tab-bg.gif) -500px 0 no-repeat;font-weight:bold;border-right:1px solid #fff} #sidetabs-level1 ul li.sidetabs-currentpage span {background: url(../images/navigation/sidetabs/level1-tab-bg.gif) -500px 100% no-repeat;} #sidetabs-level1 ul li.sidetabs-currentpage span a{color:#000 !important;text-decoration:none;cursor:default} #sidetabs-level1 ul li.sidetabs-currentpage span a:hover, #sidetabs-level1 ul li.sidetabs-currentpage span a:active, #sidetabs-level1 ul li.sidetabs-currentpage span a:focus{text-decoration:none;color:#000} .sidetabs-content{display:none} /* Primary Tabs */ #primarytabs{line-height:1.2em;font-size:.845em;margin:0 0 12px 0;} #primarytabs .primarytabs-screenreaderimage{position:absolute;top:0;left:0;} #primarytabs-level1{clear:both;background: url(../images/navigation/primarytabs/level1-bg.gif) bottom left repeat-x;} #primarytabs-level1 ul{margin:0;padding:0;font-weight:bold;} #primarytabs-level1 ul li{list-style:none;float:left;background: url(../images/navigation/primarytabs/level1-tab-bg.gif) 0 -250px no-repeat;padding:0 0 0 12px;margin:0 0 0 3px;border-bottom:1px solid #002888} #primarytabs-level1 ul li span{float:left;display:block;background: url(../images/navigation/primarytabs/level1-tab-bg.gif) 100% -250px no-repeat;padding:.35em 12px .4em 0} #primarytabs-level1 ul li span a{text-decoration:none;} #primarytabs-level1 ul li span a:visited{color:#002888;} #primarytabs-level1 ul li span a:hover, #primarytabs-level1 ul li span a:active, #primarytabs-level1 ul li span a:focus{background-color:transparent;text-decoration:underline;color:#000} #primarytabs-level1 ul li.primarytabs-currentpage{background: url(../images/navigation/primarytabs/level1-tab-bg.gif) 0 0 no-repeat;border-bottom:1px solid #ffffff} #primarytabs-level1 ul li.primarytabs-currentpage span {background: url(../images/navigation/primarytabs/level1-tab-bg.gif) 100% 0 no-repeat;} #primarytabs-level1 ul li.primarytabs-currentpage span a{color:#000 !important;text-decoration:none;cursor:default} #primarytabs-level1 ul li.primarytabs-currentpage span a:hover, #primarytabs-level1 ul li.primarytabs-currentpage span a:active, #primarytabs-level1 ul li.primarytabs-currentpage span a:focus{text-decoration:none;color:#000} .primarytabs-content{display:none} #primarytabs-container{background: url(../images/navigation/primarytabs/container-gradient-lightblue-bg.gif) bottom left repeat-x;padding:12px 12px 0 12px;border:1px solid #c7c9d6;border-top:none;margin:-12px 0 12px 0} #primarytabs-container1{background: url(../images/navigation/primarytabs/) bottom left repeat-x;padding:12px 12px 0 12px;border:1px solid #0E348F;border-top:none;margin:-12px 0 12px 0} #primarytabs-multiline{line-height:1.2em;font-size:.845em;margin:0 0 12px 0;} #primarytabs-multiline .primarytabs-multiline-screenreaderimage{position:absolute;top:0;left:0;} #primarytabs-multiline-level1{clear:both;background: url(../images/navigation/primarytabs/level1-bg.gif) bottom left repeat-x;} #primarytabs-multiline-level1 ul{margin:0;padding:0;font-weight:bold;} #primarytabs-multiline-level1 ul li{list-style:none;float:left;background: url(../images/navigation/primarytabs/level1-tab-bg.gif) 0 -250px no-repeat;padding:0 0 0 12px;margin:0 0 0 3px;border-bottom:1px solid #002888} #primarytabs-multiline-level1 ul li span{float:left;display:block;background: url(../images/navigation/primarytabs/level1-tab-bg.gif) 100% -250px no-repeat;padding:.8em 12px 0 0;height:2.2em} #primarytabs-multiline-level1 ul li span a{text-decoration:none;} #primarytabs-multiline-level1 ul li span a:visited{color:#002888;} #primarytabs-multiline-level1 ul li span a:hover, #primarytabs-multiline-level1 ul li span a:active, #primarytabs-multiline-level1 ul li span a:focus{background-color:transparent;text-decoration:none;color:#000} #primarytabs-multiline-level1 ul li.primarytabs-wrap span{padding:.2em 12px 0 0;height:2.81em} #primarytabs-multiline-level1 ul li.primarytabs-currentpage{background: url(../images/navigation/primarytabs/level1-tab-bg.gif) 0 0 no-repeat;border-bottom:1px solid #ffffff} #primarytabs-multiline-level1 ul li.primarytabs-currentpage span {background: url(../images/navigation/primarytabs/level1-tab-bg.gif) 100% 0 no-repeat;} #primarytabs-multiline-container{background: url(../images/navigation/primarytabs/container-gradient-lightblue-bg.gif) bottom left repeat-x;padding:12px 12px 0 12px;border:1px solid #c7c9d6;border-top:none;margin:-12px 0 12px 0} #supertabs{line-height:1.2em;margin:0 0 12px 0;} #supertabs .supertabs-screenreaderimage{position:absolute;top:0;left:0;} #supertabs-level1{clear:both;background: url(../images/navigation/supertabs/level1-bg.gif) bottom left repeat-x;} #supertabs-level1 ul{margin:0;padding:0;font-weight:bold;} #supertabs-level1 ul li{list-style:none;float:left;background: url(../images/navigation/supertabs/level1-tab-bg.gif) 0 -250px no-repeat;padding:0 0 0 12px;margin:0 0 0 3px;border-bottom:1px solid #002888} #supertabs-level1 ul li span{float:left;display:block;background: url(../images/navigation/supertabs/level1-tab-bg.gif) 100% -250px no-repeat;padding:.35em 12px .4em 0} #supertabs-level1 ul li span a{text-decoration:none;} #supertabs-level1 ul li span a:visited{color:#002888;} #supertabs-level1 ul li span a:hover, #supertabs-level1 ul li span a:active, #supertabs-level1 ul li span a:focus{background-color:transparent;text-decoration:underline;color:#000} #supertabs-level1 ul li.supertabs-currentpage{background: url(../images/navigation/supertabs/level1-tab-bg.gif) 0 0 no-repeat;border-bottom:1px solid #ffffff} #supertabs-level1 ul li.supertabs-currentpage span {background: url(../images/navigation/supertabs/level1-tab-bg.gif) 100% 0 no-repeat;} #supertabs-level1 ul li.supertabs-currentpage span a{color:#000 !important;text-decoration:none;cursor:default} #supertabs-level1 ul li.supertabs-currentpage span a:hover, #supertabs-level1 ul li.supertabs-currentpage span a:active, #supertabs-level1 ul li.supertabs-currentpage span a:focus{text-decoration:none;color:#000} #supertabs-container{background: url(../images/navigation/primarytabs/container-gradient-lightblue-bg.gif) bottom left repeat-x;padding:12px 12px 0 12px;border:1px solid #c7c9d6;border-top:none;margin:-12px 0 12px 0} #supertabs-level2{clear:both;background: url(../images/navigation/supertabs/level2-bg.gif) bottom left repeat-x;} #supertabs-level2 ul{margin:0;padding:0;} #supertabs-level2 ul li{list-style:none;background:none;float:left;padding:.5em 0 1.25em 0;} #supertabs-level2 ul li.supertabs-currentpage {background: url(../images/navigation/supertabs/level2-highlight.gif) bottom no-repeat;font-weight:bold;} #supertabs-level2 ul li span{float:left;display:block;padding:0 1.25em 0 1.25em;border-right:1px solid #595959;} #supertabs-level2 ul li span a:visited{color:#002888;} #supertabs-level2 ul li span a:hover, #supertabs-level2 ul li span a:active, #supertabs-level2 ul li span a:active{color:#000} #supertabs-level2 ul li.supertabs-currentpage span a{color:#000000;font-weight:bold;} /* Solutions Centre on Level 1 Page */ #solutionscentre{background: url(../images/examples/solutioncentre/bg.gif) top left no-repeat;padding:0px 0 0 0;margin:0 0 12px 0} #solutionscentre #sidetabs{width:133px;float:left;margin:10px 0 0 12px;display:inline} #solutionscentre-content{width:374px;float:left;margin:8px 0 0 10px;} #solutionscentre-bottom{background: url(../images/examples/solutioncentre/bg.gif) bottom left no-repeat;font-size:1px;line-height:1px;height:8px;clear:both} /* Solutions Centre 2 on Level 1 Page */ #solutionscentre2{} #solutionscentre2 #sidetabs{width:133px;float:left;display:inline;font-size:1em} #solutionscentre2 #sidetabs-level1{height:200px} #solutionscentre2-content{width:374px;float:left;margin:0 0 0 11px;} #solutionscentre2-bottom{background: url(../images/examples/solutioncentre/bg.gif) bottom left no-repeat;font-size:1px;line-height:1px;height:8px;clear:both} /*solutions centre 3 */ #solutionscentre3{} #solutionscentre3 #primarytabs-multiline{line-height:1.2em;font-size:.845em;margin:0 0 12px 0;} #solutionscentre3 #primarytabs-multiline-level1{height:250px} #solutionscentre3-content{width:374px;float:left;margin:0 0 0 164px;} #solutionscentre3-bottom{background: url(../images/examples/solutioncentre/bg.gif) bottom left no-repeat;font-size:1px;line-height:1px;height:8px;clear:both} .clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} .clear {display: inline-block;} /* Hides from IE-mac \*/ * html .clear {height: 1%;} .clear {display: block;} /* End hide from IE-mac */