/* Author: Leanne Dragonfly Creative www.dragonflycreative.net Date:July 2009 Version 1.0 */ /* SB-Group 1 = Left 198 SB-Group 2 = Right 320 */ /* Smart Boxes */ div#SB-Group1 div, div#SB-Group2 div { margin-bottom: 10px; padding-bottom: 15px; } div#SB-Group2 div , div#content.content-2columnbar div#SB-Group1 div { margin-left: auto; margin-right: auto; } div#SB-Group1 div p, div#SB-Group2 div p { padding: 0px 8px 8px 8px; } /* Back Button Specific Page Amendments to move SB-Group1 down to allow for navigation back button */ div#content.backbutton div#SB-Group1 { margin-top: 40px; } div#SB-Group1 div.general, div#SB-Group2 div.general { width: 198px; } div#SB-Group1 div ul, div#SB-Group2 div ul { margin-left: 10px; list-style-type: disc; } div#SB-Group1 div li, div#SB-Group2 div li { margin: 5px 10px 0px 15px;} div#SB-Group1 div h1, div#SB-Group2 div h1 { font-size: small; } /* Hero Images */ div#SB-Group1 div#dfc-global-nonpubspecificheroimage, div#SB-Group2 div#dfc-global-nonpubspecificheroimage { width: 356px; height: 310px; margin: 0px; padding: 0px 0px 20px 0px; } div#SB-Group1 div#heroImageSwitcher, div#SB-Group2 div#heroImageSwitcher { height: 310px; width: 356px; margin: 0px; padding: 0px;} .leftimg { float: left; margin-right: 10px; margin-bottom: 10px; } div#contentImageSwitcher { float: left; height: 147px; width: 208px; margin-bottom: 10px; } div#content.content-bar div#contentImageSwitcher { height: 123px; width: 141px; float: left; margin: 0px; } div#content.content-bar .leftimg { margin-right: 1px; } div.content-images { display: block; width: 100%; height: 141px; } /* SB Colours */ .pink { background: url(../images/smartboxes/pink320.gif) no-repeat 100% 100%; } .blue { background: url(../images/smartboxes/blue320.gif) no-repeat 100% 100%; } .green { background: url(../images/smartboxes/green320.gif) no-repeat 100% 100%; } .teal { background: url(../images/smartboxes/teal320.gif) no-repeat 100% 100%; } .darkblue { background: url(../images/smartboxes/darkblue320.gif) no-repeat 100% 100%; } .olive { background: url(../images/smartboxes/olive320.gif) no-repeat 100% 100%; } .red { background: url(../images/smartboxes/red320.gif) no-repeat 100% 100%; } .brown { background: url(../images/smartboxes/brown320.gif) no-repeat 100% 100%; } .orange { background: url(../images/smartboxes/orange320.gif) no-repeat 100% 100%; } .purple { background: url(../images/smartboxes/purple320.gif) no-repeat 100% 100%; } .bluestars { background:url(../images/smartboxes/blue-stars-bottom.gif) 100% 100% no-repeat; background-color: #fff9a6;} .pinkstars { background:url(../images/smartboxes/pink-stars-bottom-509.gif) bottom no-repeat; background-color: #fff9a6;} /* Find a Pub */ div#dfc-global-findapub { color: #fff9a6; font-size: 11px; } div#dfc-global-findapub h1 { background:url(../images/smartboxes/findapub-title-198.gif) no-repeat; height: 40px; text-indent: -9999px;} div#dfc-global-findapub form#frmSearch { padding-bottom: 30px; } div#dfc-global-findapub form#frmSearch input { margin-left: 10px; } div#dfc-global-findapub form#frmSearch span#searchfields { display: block; position:relative;} div#dfc-global-findapub form#frmSearch input#searchBox { height:16px; width:130px; display:block; float:left; } div#dfc-global-findapub form#frmSearch input#goImg { height:22px; width:32px; float:left; margin-left:5px;} /* Sign Up */ div#SB-Group2 div#dfc-pub-keepintouch { margin-top: -20px; } div#dfc-pub-keepintouch p { display: none; } div#dfc-pub-keepintouch h1 { display: none;} div#SB-Group2 div#dfc-pub-keepintouch { width: 320px; } div#SB-Group1 div#dfc-pub-keepintouch a.signup-sblink { display:block; background:url(../images/smartboxes/signup-title-198.gif); height: 77px; text-indent: -9999px; margin-bottom: 0px; width: 198px; } div#SB-Group2 div#dfc-pub-keepintouch a.signup-sblink { display:block; background:url(../images/smartboxes/signup-title-320.gif); height: 92px; text-indent: -9999px; margin-bottom: 5px; width: 320px; } /* Food Promo */ div#scr-global-promotionalimage-food { background:url(../images/smartboxes/sb-foodpromoflower.gif) no-repeat; height: 192px; } div#scr-global-promotionalimage-food p { display: none; } div#scr-global-promotionalimage-food a { display: block; width: 198px; height: 192px; text-indent: -9999px; } /* Beer and Burger */ div#scr-global-promotionalimage-burgeroffer { background:url(../images/smartboxes/sb-beerandburgerflower.gif) no-repeat; width: 212px; height: 170px; } div#scr-global-promotionalimage-burgeroffer p { display: none; } div#scr-global-promotionalimage-burgeroffer a { display: block; width: 226px; height: 170px; } /* Drinks promo */ div#scr-global-promotionalimage-drink { background:url(../images/smartboxes/sb-drinkspromo.jpg) no-repeat; height: 202px; } div#scr-global-promotionalimage-drink h1{ display: none; } div#scr-global-promotionalimage-drink p { display: none; } div#scr-global-promotionalimage-drink a { display: block; height: 202px; width: 198px; text-indent: -9999px; background:url(../images/smartboxes/sb-drinkspromo-link.jpg) no-repeat; } #branddrink div#SB-Group1 div#scr-global-promotionalimage-drink { background:url(../images/smartboxes/sb-drinkspromoblank-link.jpg) no-repeat; height: 159px; } /* Empathica */ div#SB-Group2 div#scr-global-empathicalarge { width: 320px; } div#SB-Group2 div#scr-global-empathicalarge h1{ background:url(../images/smartboxes/empathica-title-320.gif) no-repeat; height: 23px; margin-bottom: 8px; text-indent: -9999px; } div#SB-Group1 div#scr-global-empathicalarge h1{ background:url(../images/smartboxes/empathica-title-198.gif) no-repeat; height: 23px; margin-bottom: 8px; text-indent: -9999px;} div#SB-Group2 div#scr-global-empathicalarge p, div#SB-Group1 div#scr-global-empathicalarge p{ color: #fff9a6; line-height: normal; } div#scr-global-empathicalarge a { background:url(../images/smartboxes/sb-empathica-goon-link.gif) no-repeat; height: 22px; text-indent: -9999px; display: block; } div#SB-Group2 div#scr-global-empathicalarge a { background:url(../images/smartboxes/sb-empathica-goon-link-320.gif) no-repeat; } /* RSS */ div#dfc-global-rssinfo p { color: #fff9a6; } div#dfc-global-rssinfo h1 { background: url(../images/smartboxes/rss-title-198.gif) no-repeat; height: 58px; text-indent: -9999px; } div#dfc-global-rssinfo a:link { color:#fff9a6; } div#dfc-global-rssinfo a:visited { color:#fff9a6; } div#SB-Group2 div#dfc-global-rssinfo { width: 320px; } div#SB-Group2 div#dfc-global-rssinfo h1 { background: url(../images/smartboxes/rss-title-320.gif) no-repeat; height: 75px; text-indent: -9999px; } /* Interactive Map */ div#SB-Group2 div#dfc-global-interactivemap { width: 320px; } div#dfc-global-interactivemap h1 { background:url(../images/smartboxes/interactivemap-title.gif) no-repeat; height: 45px; text-indent: -9999px; } div#dfc-global-interactivemap ul li { color:#fff9a6; } div#dfc-global-interactivemap a:link { color:#fff9a6; } div#dfc-global-interactivemap a:visited { color:#fff9a6; } /* Work for Us */ div#dfc-global-workforus h1 { display: none;} div#dfc-global-workforus p { color: #fff9a6; } div#dfc-global-workforus a { display: block; background:url(../images/smartboxes/workforus-title-198.gif) no-repeat; height: 47px; text-indent: -9999px; } /* Opening Times */ div#dfc-pub-openingtimes { color: #fff9a6; } div#dfc-pub-openingtimes h1 { background:url(../images/smartboxes/openingtimes-title-198.gif) no-repeat; height: 36px; text-indent: -9999px; } div#SB-Group1 div#dfc-pub-openingtimes ul { padding: 10px 0px 10px 0px; color:#000; margin-bottom: 10px; list-style-type: none; padding: 0px; } div#SB-Group1 div#dfc-pub-openingtimes ul li { margin-bottom: 10px; margin-left: 0px; margin-right: 0px; padding: 0px; color: #fff9a6; font-size: 12px; } /* Food Times */ div#dfc-pub-foodtimes { color: #fff9a6; } div#dfc-pub-foodtimes h1 { background:url(../images/smartboxes/foodservice-title-198.gif) no-repeat; height: 36px; text-indent: -9999px; } div#dfc-pub-foodtimes ul { padding: 10px 0px 10px 0px; color:#000; margin-bottom: 10px; list-style-type: none; padding: 0px;} div#dfc-pub-foodtimes ul li { margin-bottom: 10px; margin-left: 0px; margin-right: 0px; padding: 0px; color: #fff9a6; font-size: 12px; list-style-type: none; } /* Sky TV */ div#scr-global-promotionalimage-sky { background:url(../images/smartboxes/skytv-title-198.gif) no-repeat; height: 92px; } div#scr-global-promotionalimage-sky h1, div#scr-global-promotionalimage-sky p { display: none; } /* Free iScream */ div#scr-global-freeiscream { background:url(../images/smartboxes/sb-freeiscream-198.gif) no-repeat; height: 171px; } div#scr-global-freeiscream h1 { display: none; } div#scr-global-freeiscream a { display: block; height: 171px; text-indent: -9999px; } /* Management Positions */ div#SB-Group2 div#dfc-global-management { width: 320px; padding-bottom: 10px;} div#dfc-global-management h1 { display: none; } div#SB-Group2 div#dfc-global-management p { padding: 0px; margin: 0px; } div#dfc-global-management a { display: block; height: 320px; width: 320px; height: 98px; background:url(../images/smartboxes/management-title-320.gif) no-repeat; text-indent: -9999px; } /* Graduate Positions */ div#SB-Group2 div#scr-global-gradscheme { width: 320px; padding-bottom: 10px;} div#scr-global-gradscheme h1 { display: none; } div#SB-Group2 div#scr-global-gradscheme p { padding: 0px; margin: 0px; } div#scr-global-gradscheme a { display: block; height: 320px; width: 320px; height: 122px; background:url(../images/smartboxes/graduatepos-title-320.gif) no-repeat; text-indent: -9999px; } /* What's On */ div#dfc-global-whatson .wosEventContent { padding: 0px; color: #c53164; } div#dfc-global-whatson h1 { background:url(../images/smartboxes/pink-stars-whatson-title-198.gif) no-repeat; height: 48px; text-indent: -9999px; padding-bottom: 5px; } div#dfc-global-whatson h2 { font-size:small; } div#dfc-global-whatson div.wosAllEventWrapper { padding-bottom: 10px; color: #c53164; } div#dfc-global-whatson div.wosEventWrapper { width: 178px; padding: 0px 0px 0px 10px; } div#dfc-global-whatson div.wosEventWrapper p { padding: 0px; } .wosEventTitle { font-size: small; color: #c53164;} div#SB-Group2 div#dfc-global-whatson { width: 320px; padding-bottom: 0px; } div#SB-Group2 div#dfc-global-whatson .wosEventContent { padding: 0px; color: #c53164; } div#SB-Group2 div#dfc-global-whatson h1 { background:url(../images/smartboxes/pink-stars-whatson-title-320.gif) no-repeat; height: 48px; text-indent: -9999px; padding-bottom: 10px; } div#SB-Group2 div#dfc-global-whatson div.wosAllEventWrapper { padding-bottom: 10px; color: #c53164; } div#SB-Group2 div#dfc-global-whatson div.wosEventWrapper { width: 300px; padding-left: 10px; } .wosEventTitle { font-size: small; color: #c53164;} /* Specific Box Styles */ div#SB-Group1 .facebookwidget { width: 198px; background:url(../images/smartboxes/facebook-outline-198.gif) no-repeat; padding-bottom: 0px; height: 200px; } div#SB-Group2 .facebookwidget { width: 320px; background:url(../images/smartboxes/facebook-outline-320.gif) no-repeat; padding-bottom: 0px; height: 200px; } div#SB-Group2 .facebookwidget div#facebookWidgetTitle { margin-bottom: -8px; } div#SB-Group1 .facebookwidget div#facebookWidgetTitle { margin-bottom: -8px; } /* div#SB-Group1 .facebookwidget div#facebookWidgetTitle { background:url(../images/smartboxes/facebook-title-198.gif) no-repeat; height: 13px; } */ /* News with Pictures */ div#dfc-global-latestnewswithpictures { } div#dfc-global-latestnewswithpictures h1, div#dfc-global-latestnewstitlesandpictures h1 { background:url(../images/smartboxes/blue-stars-news-title.jpg) no-repeat; text-indent: -9999px; height: 48px; } div#SB-Group1 div#dfc-global-latestnewswithpictures ul, div#SB-Group2 div#dfc-global-latestnewswithpictures ul, div#SB-Group1 div#dfc-global-latestnewstitlesandpictures ul, div#SB-Group2 div#dfc-global-latestnewstitlesandpictures ul { list-style-type: none; margin: 0px; } div#SB-Group1 div#dfc-global-latestnewswithpictures li, div#SB-Group2 div#dfc-global-latestnewswithpictures li, div#SB-Group2 div#dfc-global-latestnewstitlesandpictures li, div#SB-Group1 div#dfc-global-latestnewstitlesandpictures li { margin: 5px 0px 10px 0px; padding-bottom: 10px; font-size: small; clear: both; } div#dfc-global-latestnewswithpictures img, div#dfc-global-latestnewstitlesandpictures img{ float: left; padding-left: 0px; margin-right: 3px; margin-bottom: 10px;} div#dfc-global-latestnewswithpictures a { display: block; color: #114866; font-weight: bold; float: right; font-size: 12px; padding-bottom: 10px; width: 110px; } div#dfc-global-latestnewstitlesandpictures a { display: block; color: #114866; font-weight: bold; float: right; font-size: 12px; padding-bottom: 10px; padding-top: 10px; width: 110px; } div#SB-Group1 div#dfc-global-latestnewswithpictures ul li a:visited, div#SB-Group2 div#dfc-global-latestnewswithpictures ul li a:visited { color: #114866;} div#dfc-global-latestnewswithpictures a#morelink, div#dfc-global-latestnewstitlesandpictures a#morelink { color: #114866; display: block; padding: 0px; clear: both; float: none; text-align: center; font-weight: bold; margin-left: auto; margin-right: auto; } div#dfc-global-latestnewswithpictures a#morelink:visited, div#dfc-global-latestnewstitlesandpictures a#morelink:visited { color: #114866; clear: both; float: none; font-weight: bold;} div#SB-Group1 div#dfc-global-latestnewswithpictures span.latestNewsSmartboxListItemSnippet { display: block; width: 110px; float: right; margin-bottom: 10px; } div#SB-Group2 div#dfc-global-latestnewswithpictures span.latestNewsSmartboxListItemSnippet { display: block; width: 110px; float: right; margin-bottom: 10px; } div#SB-Group1 div#dfc-global-latestnewstitlesandpictures span.latestNewsSmartboxListItemSnippet { display: block; width: 110px; float: right; margin-bottom: 10px; } div#SB-Group2 div#dfc-global-latestnewstitlesandpictures span.latestNewsSmartboxListItemSnippet { display: block; width: 110px; float: right; margin-bottom: 10px; } /* Adjustments for brand home test */ div#SB-Group2 div#dfc-global-latestnewswithpictures { width: 320px; background:url(../images/smartboxes/blue-stars-bottom-320.gif) 100% 100% no-repeat; background-color: #fff9a6;} div#SB-Group2 div#dfc-global-latestnewswithpictures h1 { background:url(../images/smartboxes/blue-stars-news-title-320.jpg) no-repeat; text-indent: -9999px; height: 48px; } div#SB-Group2 div#dfc-global-latestnewswithpictures a { display: block; color: #114866; font-weight: bold; float: right; width: 240px; } div#SB-Group2 div#dfc-global-latestnewswithpictures a#morelink { color: #114866; display: block; clear: both; float: none; text-align: center; font-weight: bold; width: 300px; padding-top: 5px;} div#SB-Group2 div#dfc-global-latestnewswithpictures a#morelink:visited { color: #114866; clear: both; float: none; font-weight: bold;} div#SB-Group2 div#dfc-global-latestnewswithpictures span.latestNewsSmartboxListItemSnippet { display: block; width: 240px; float: right; margin-bottom: 10px; font-size: 12px; } /* Amendment for National Search Page */ div#content.content-search div#SB-Group1 div#dfc-global-latestnewswithpictures { width: 509px; background:url(../images/smartboxes/blue-stars-bottom-509.gif) 100% 100% no-repeat; background-color: #fff9a6; margin-bottom: 30px;} div#content.content-search div#SB-Group1 div#dfc-global-latestnewswithpictures h1 { background:url(../images/smartboxes/blue-stars-news-title-509.gif) no-repeat; text-indent: -9999px; height: 48px; } div#content.content-search div#SB-Group1 div#dfc-global-latestnewswithpictures a { display: block; color: #114866; font-weight: bold; float: right; width: 420px;} div#content.content-search div#SB-Group1 div#dfc-global-latestnewswithpictures span.latestNewsSmartboxListItemSnippet { display: block; width: 420px; float: right; margin-bottom: 10px; } div#content.content-search div#SB-Group1 div#dfc-global-latestnewswithpictures a#morelink { color: #114866; display: block; clear: both; float: none; text-align: center; font-weight: bold; margin-left: auto; margin-right: auto; padding-top: 5px;} div#content.content-search div#SB-Group1 div#dfc-global-latestnewswithpictures a#morelink:visited { color: #114866; clear: both; float: none; font-weight: bold;}