/* ** ** should be common css that doesn't change, but needs checking ** */ #container {background:#fff url(../i/common/bg_container.gif) repeat-x 0 0;} .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearfix {display:inline-block;} /*\*/.clearfix {display:block;}/**/ a {color:#0755a3; text-decoration:none;} a:hover {color:#0755a3; text-decoration:underline;} div.sidePanel {margin-left:15px;} .accessibility { position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } /************************************************************************************* * Search *************************************************************************************/ div#ia_sitesearch {background: transparent url(../i/common/bg_search_panel.gif) no-repeat 0 0; padding:8px 0 0 22px; height:60px; width:276px;} div#ia_sitesearch fieldset {background: transparent url(../i/common/bg_search_input.gif) no-repeat 58px 0;} div#ia_sitesearch label img {vertical-align:top;} div#ia_sitesearch input#search {border:none; background:transparent; padding:5px 0 4px; width:130px; margin:0 50px 5px 8px; -webkit-appearance: none; outline:none;} div#ia_sitesearch input#search:focus {border:none; outline:none;} div#ia_sitesearch input.search {vertical-align:top; width:61px;} div#ia_sitesearch select {width:145px; height:22px; border:solid 1px #0755a3;} #userPersonalisation {padding-left:85px; background: transparent url(../i/common/bg_hd_focus.gif) no-repeat 0 -25px; min-height:25px;} #userPersonalisation {display:none;} div.searchBottom {margin:0 0 0 35px} #searchDeptSelect {position:absolute; z-index:47; width:145px; height:22px; text-align:left;background: transparent url(../i/common/bg_search_select.gif) no-repeat 0 0;} #searchDeptSelect p {} #searchDeptSelect p a {display:block; width:125px; height:15px; padding:5px 15px 2px 8px; overflow:hidden; color:#677280;} #searchDeptSelect p a:hover {text-decoration:none;} #searchDeptSelect ul {display:none; margin-left:3px;} .mouseOverSearch ul {display:block !important;} #searchDeptSelect li { display:block; background:transparent url(../i/common/bg_drop_select.png) no-repeat 0 0; _background-image: url(../i/common/bg_drop_select.gif); overflow:hidden; width:143px; height:21px; } #searchDeptSelect li.last { background-position: 0 100%; height:25px; } #searchDeptSelect li:hover { background-position: -143px 0; } #searchDeptSelect li.last:hover { background-position: -143px 100%; } #searchDeptSelect li a { display:block; width:120px; height:16px; padding:2px 2px 2px 15px; color:#677280; border-bottom:solid 1px #dae0e8; margin:0 4px 0 2px; } #searchDeptSelect li.last a { padding-bottom:4px; border-bottom:none; } #searchDeptSelect li a:hover { background:transparent url(../i/common/bg_subCat_span.gif) no-repeat 2px 5px; } #searchTypeAhead { position:absolute; border:solid 1px #0755a3; background:#fff; top:0; left:0; display:none; width:143px; padding:2px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-align:left; } #searchTypeAhead ul li a { display:block; width:135px; padding:4px; color:#000; font-weight:bold; } #searchTypeAhead ul li a strong { color:#666; font-weight:normal; } #searchTypeAhead ul li a.current, #searchTypeAhead ul li a:hover, #searchTypeAhead ul li a:active, #searchTypeAhead ul li a:focus { background:#dcebf9; } /************************************************************************************* * Global navigation - replace #globalnavigation w/ #ia_globalnavigation in master.css *************************************************************************************/ div#ia_globalnavigation { padding:5px 0; min-height:18px; } div#ia_globalnavigation ul { text-align:right; } div#ia_globalnavigation ul li { list-style: none; display:inline; padding-right: 6px; border-right: 1px solid #667ab9; color: #667ab9; margin-right: 6px; *zoom:1; *hasLayout:true; } div#ia_globalnavigation ul li a { color: #0755A3; } div#ia_globalnavigation ul li.last { border: none; margin: 0px; padding: 0px; } div#ia_globalnavigation ul li.advantageCard { border: none; margin: 0 0 0 6px; padding:0; } div#ia_globalnavigation ul li.advantageCard img { vertical-align:middle; } div#ia_globalnavigation ul li.advantageCard a { color:#a8006a; font-weight:bold; } div#ia_globalnavigation a:hover { background-color:transparent; } /************************************************************************************* * Footer *************************************************************************************/ div#ia_footerLinks { /*background: url(../i/common/bg_footer_bot.gif) no-repeat bottom left;*/ padding: 15px 0 15px; *zoom: 1; _height: 1%; border-top:1px solid #B7C3D3; } .clear { display:block; clear:both; height:1px; line-height:1px; } div#ia_footerLinks #footerLinksInner { /*background: url(../i/common/bg_footer_top.gif) no-repeat top left;*/ float:left; *zoom: 1; _height: 1%; } ul.countryLinks li { float:left; margin:0 10px 0 0; padding:10px 0 0; } ul.countryLinks li.findInt { float:none; clear:both; padding-bottom:5px; } ul.countryLinks li.findInt a, ul.countryLinks li.findInt a:link, ul.countryLinks li.findInt a:visited { background:url(../i/common/bg_arrow05.gif) 0 -48px no-repeat; padding-left:12px; color:#3f4551; } ul.countryLinks li.findInt a:hover, ul.countryLinks li.findInt a:active, ul.countryLinks li.findInt a:focus { color:#0755A3; } ul.awards { float:right; padding-top:22px; } ul.awards li { padding-left:5px; } #subFooterBar { padding:15px 0; border-top:1px solid #B7C3D3; } #creditsBar { padding:15px 0px; border-top:1px solid #B7C3D3; } #creditsBar p { color:#3f4551; } .SubmitReview div#ia_footerLinks #footerLinksInner { width:930px; } .pageWidePromotionalBanner { display:none; /*needs to be removed from template*/ } #ia_footerLinks .newFooterEmailSignUp { float:right; display:inline; width:220px; margin-bottom:0; } .newFooterEmailSignUp .wrapper { float:right; } #socialBar { padding:10px 16px 8px; margin:10px -16px 0 -16px; background:url(../i/bg-new-footer.png) no-repeat 0 0; position:relative; width:930px; height:80px; } #subFooterBar h3 { font-weight:bold; color:#3f4551; margin-left:0; font-size:1.1em; } #socialBar .socialLinks { margin-top:15px; } #socialBar .socialLinks li { float:left; padding:10px 10px 0 0; color:#3f4551; } #socialBar .socialLinks li.sText { padding-top:28px; } #socialBar .socialLinks li.bootslogo { padding-top:0; } #socialBar .supportLinks { margin-top:26px; } .SubmitReview .innerColumn .action { float:right; } div#ia_footerLinks div.container { /*background: url(../i/common/bg_footer_faux.gif) repeat-y;*/ *zoom: 1; _height: 1%; width:700px; } div#ia_footerLinks div.container div.section1 { float: left; width: 175px; } div#ia_footerLinks div.container div.section2 { float: left; width: 175px; } div#ia_footerLinks div.container div.section3 { float: left; width: 175px; } div#ia_footerLinks div.container div.section4 { float: left; width: 175px; } div#ia_footerLinks div.container div.section5 { float: left; width: 178px; } div#ia_footerLinks div.container h3 { margin-left: 0; margin-right: 5px; margin-bottom: 5px; color:#3f4551; font-size: 1.09em; font-weight: bold; } div#ia_footerLinks div.container ul { margin-left: 0; margin-right: 5px; list-style: none; } div#ia_footerLinks div.container ul li { display: block; _height: 1%; font-size:1.09em; } div#ia_footerLinks div.container ul li a, div#ia_footerLinks div.container ul li a:visited, div#ia_footerLinks div.container ul li a:link { color:#3f4551; background:transparent url(../i/common/bg_arrow05.gif) no-repeat scroll 0px -47px; display:block; padding-left:10px; text-decoration:none; line-height:1.5em; font-size: 1em; } div#ia_footerLinks div.container ul li a:hover, div#ia_footerLinks div.container ul li a:active, div#ia_footerLinks div.container ul li a:focus { background-position:0px -47px; color:#0755a3; text-decoration:underline; } /************************************************************************************* * header components *************************************************************************************/ div.hd_focus { background:transparent url(../i/common/bg_hd_focus.gif) no-repeat 0 0; margin-top:15px; min-height:55px; _height: 55px; } div.hd_focus a:hover { background-color:transparent; } div.hd_focus ul li { padding-left:30px; color: #5A5A5A; list-style: none; } div.hd_focus ul li a { color: #0755A3; } div.hd_focus div.title { height: 22px; /*not nice but until images get changed to not include padding...*/ } /************************************************************ * rich media downloads ************************************************************/ div.downloadMedia, div#downloadMedia {margin:5px 0;} div.downloadMedia li, div#downloadMedia li {height:29px; background-position:0 50%; background-repeat:no-repeat; padding-left:30px;} div.downloadMedia li.pdf, div#downloadMedia li.pdf{background-image:url(../i/common/media_pdf.gif); padding-top:8px; height:21px;} /************************************************************ * range options ************************************************************/ ul#rangeOptions li {padding:15px 0;} ul#rangeOptions li.first {border-top:none;} /* ul#rangeOptions {padding:5px 0; margin:5px 0; border-top:solid 1px #B5C1D2; border-bottom:solid 1px #B5C1D2;} ul#rangeOptions li strong {font-size:1.09em; line-height:2em;} ul#rangeOptions li span {font-size:1.27em; color:#0755a3; font-weight:bold; line-height:2em;} ul#rangeOptions li input.image {vertical-align:middle;} */ /************************************************************ * medium large product display ************************************************************/ div.mediumLargeProductDisplay {width:270px;} div.mediumLargeProductDisplay .rating, div.mediumLargeProductDisplay .sceneSevenImage {text-align:center;} div.mediumLargeProductDisplay .rating a {text-decoration:underline; color:#414352;} div.mediumLargeProductDisplay .rating img {vertical-align:bottom;} div.mediumLargeProductDisplay .productName {margin:0 0 1em 0;} div.mediumLargeProductDisplay .productName a {text-decoration:underline;} /************************************************************ * product surfacing module ************************************************************/ .productSurfacingModule {margin-bottom:10px;} .productSurfacingModule .relatedProducts {width:371px; float:right; text-align:right; margin:0 0 10px 10px;} .productSurfacingModule .featuredProductMulti {text-align:left;} .productSurfacingModule .relatedProducts .seeMore a {text-decoration:underline;} .productSurfacingModule .relatedProducts .top a {color:#414352; text-decoration:underline;} /************************************************************ * Themed Promotion Panels ************************************************************/ .themedPromotion {overflow:hidden; position:relative; margin-bottom:10px; top:-4px;} .themedPromotionControls {position:absolute; top:0px; left:0; width:330px; height:30px; background:transparent url(../../en_US/i/bg_indicatorHolder.png) no-repeat 30px 4px; z-index:2; _background-image: url(../../en_US/i/bg_indicatorHolder.gif);} .twoItems .themedPromotionControls {background-image:url(../../en_US/i/bg_indicatorHolder_2.png); _background-image: url(../../en_US/i/bg_indicatorHolder_2.gif);} .maxItems_2 .themedPromotionControls {background-image:url(../../en_US/i/bg_indicatorHolder_2.png); _background-image: url(../../en_US/i/bg_indicatorHolder_2.gif);} .maxItems_3 .themedPromotionControls {background-image:url(../../en_US/i/bg_indicatorHolder_3.png); _background-image: url(../../en_US/i/bg_indicatorHolder_3.gif);} .maxItems_4 .themedPromotionControls {background-image:url(../../en_US/i/bg_indicatorHolder_4.png); _background-image: url(../../en_US/i/bg_indicatorHolder_4.gif);} .maxItems_5 .themedPromotionControls {background-image:url(../../en_US/i/bg_indicatorHolder_5.png); _background-image: url(../../en_US/i/bg_indicatorHolder_5.gif);} .maxItems_6 .themedPromotionControls {background-image:url(../../en_US/i/bg_indicatorHolder_6.png); _background-image: url(../../en_US/i/bg_indicatorHolder_6.gif);} .maxItems_7 .themedPromotionControls {background-image:url(../../en_US/i/bg_indicatorHolder_7.png); _background-image: url(../../en_US/i/bg_indicatorHolder_7.gif);} .maxItems_8 .themedPromotionControls {background-image:url(../../en_US/i/bg_indicatorHolder_8.png); _background-image: url(../../en_US/i/bg_indicatorHolder_8.gif);} .maxItems_9 .themedPromotionControls {background-image:url(../../en_US/i/bg_indicatorHolder_9.png); _background-image: url(../../en_US/i/bg_indicatorHolder_9.gif);} .themedPromotionControls .indicator {position:absolute; top:0; left:35px; width:34px; height:41px; background:transparent url(../../en_US/i/bg_indicator.png) no-repeat 0 0;_background-image: url(../../en_US/i/bg_indicator.gif);} .themedPromotionControls ul{position:relative; top:7px; left:40px;} .themedPromotionControls li{float:left; font-weight:bold; font-size:1.18em; padding:0 8px;} .themedPromotionControls li a.current {color:#fff;} .themedPromotionControls div.pausePlay {position:relative; top:-11px; left:120px; clear:both; width:51px; height:18px; overflow:hidden;} .themedPromotionControls span {position:absolute; top:0; left:0; background:transparent url(../../en_US/i/btn_pausePlay.gif) no-repeat 0 0; display:block; width:51px; height:18px; cursor:pointer;} .themedPromotionControls .Pause span {background-position:0px 0px;} .themedPromotionControls .Play span {background-position:0px -18px;} .themedPromotionHolder {position:relative; overflow:hidden; z-index:1;} .themedPromotionHolder ul {position:relative; margin-top:4px;} .themedPromotionHolder li {overflow:hidden;} .themedPromotionHolder h2, .themedPromotionHolder p.desc {height:30px; overflow:hidden;} .themedPromotionHolder p.banner {overflow:hidden;} .themedPromotionCarousel {margin-bottom:10px;} .themedPromotionCarousel .themedPromotionHolder ul {margin-top:4px;} .themedPromotionCarouselSmall .themedPromotionControls {left:350px;} .themedPromotionCarouselMedium .themedPromotionControls {left:540px;} /* .themedPromotionCarouselControls {position:absolute; top:89px; left:0; clear:both; width:744px; height:42px; z-index:2;} .themedPromotionCarouselControls img {cursor:pointer;} .themedPromotionCarouselControls li.back {float:left;} .themedPromotionCarouselControls li.forward {float:right;} .themedPromotionCarouselSmall .themedPromotionCarouselControls {position:absolute; top:64px; left:0; clear:both; width:550px; height:42px; z-index:2;} */ .themedPromotionExtraLarge {overflow:hidden; position:relative;} .themedPromotionExtraLarge .themedPromotionHolder {width:930px; height:304px;} .themedPromotionExtraLarge .themedPromotionHolder ul {width:930px;} .themedPromotionExtraLarge .themedPromotionHolder li {width:930px; height:300px;} .themedPromotionExtraLarge .themedPromotionHolder p.banner {height:300px;} .themedPromotionExtraLarge p.more {position:relative; top:-110px; left:746px;} .themedPromotionLarge {overflow:hidden; position:relative;} .themedPromotionLarge .themedPromotionHolder {width:744px; height:304px;} .themedPromotionLarge .themedPromotionHolder ul {width:744px;} .themedPromotionLarge .themedPromotionHolder li {width:744px; height:300px;} .themedPromotionLarge .themedPromotionHolder p.banner {height:300px;} .themedPromotionLarge p.more {position:relative; top:-110px; left:560px;} .themedPromotionMedium {overflow:hidden; position:relative;} .themedPromotionMedium .themedPromotionHolder {width:744px; height:224px;} .themedPromotionMedium .themedPromotionHolder ul {width:744px;} .themedPromotionMedium .themedPromotionHolder li {width:744px; height:220px;} .themedPromotionMedium .themedPromotionHolder p.banner {height:220px;} .themedPromotionMedium p.more {position:relative; top:-103px; left:590px;} .themedPromotionCarouselMedium {overflow:hidden; position:relative;} .themedPromotionCarouselMedium .themedPromotionHolder {width:744px; height:220px;} .themedPromotionCarouselMedium .themedPromotionHolder ul {width:744px;} .themedPromotionCarouselMedium .themedPromotionHolder li {width:744px; height:220px;} .themedPromotionCarouselMedium .themedPromotionHolder p.banner {height:220px;} .themedPromotionCarouselMedium p.more {position:relative; top:-103px; left:700px;} .themedPromotionCarouselSmall {overflow:hidden; position:relative; margin:0 4px 10px; top:-4px;} .themedPromotionCarouselSmall .themedPromotionHolder {width:550px; height:174px;} .themedPromotionCarouselSmall .themedPromotionHolder ul {width:550px;} .themedPromotionCarouselSmall .themedPromotionHolder li {width:550px; height:170px;} .themedPromotionCarouselSmall .themedPromotionHolder p.banner {height:170px;} .themedPromotionCarouselSmall p.more {position:relative; top:-95px; left:504px;} /************************************************************************************* * Top Tips & Did you know *************************************************************************************/ div.topTips {width: 558px; background: transparent url(../i/bg_topTip_bottom.gif) no-repeat 0 100%; margin-bottom: 10px;} div.topTips .inner {background: transparent url(../i/bg_topTip_top.gif) no-repeat 0 0; padding:4px; position:relative;} div.topTips h3 {position:absolute; top:4px; right:4px;} div.topTips div.textBlock {padding:15px 100px 15px 15px;} div.topTips div.textBlock blockquote, div.topTips div.textBlock p {margin:0 0 0.81em 0; color:#00afd4; font-family:"Times New Roman", Times; font-size:1.54em; font-style:italic;} /************************************************************************************* * Top Tips & Did you know *************************************************************************************/ div.inThisPage {width: 558px; background: transparent url(../i/bg_InThisPage_top.gif) no-repeat 0 0; margin-bottom: 10px;} div.inThisPage .inner {width: 558px; background: transparent url(../i/bg_InThisPage_bottom.gif) no-repeat 0 100%; padding:5px 10px; position:relative;} div.inThisPage h3 {color:#0755a3; font-weight:bold; font-weight:1.54em; margin-bottom:10px;} div.inThisPage li {padding:2px 0 2px 15px; background:transparent url(../i/bg_arrow07.gif) no-repeat 0 50%;} div.inThisPage li a {text-decoration:underline;} /************************************************************************************* * Gift card value options *************************************************************************************/ .giftCardValueOptions select#quantity {display:none;} /************************************************************ * atoz listers ************************************************************/ .atozLister .atozNavigation {margin:5px 0; background:#dbe1e9;} .atozLister .atozNavigation ul li {display:inline;} .atozLister .atozNavigation ul li a {float:left; height:17px; width:17px; text-align:center; padding:3px 7px; background-color:#eff6fc; border-right:solid 1px #fff; font-weight:bold; font-size:1.18em; white-space:nowrap;} .atozLister .atozNavigation ul li a.selected {background-color:#0755a3; color:#fff;} .atozLister .atozNavigation ul li span {display:block; float:left; height:17px; width:17px; text-align:center; padding:3px 7px; background-color:#eff6fc; border-right:solid 1px #fff; font-weight:bold; font-size:1.18em; color:#ccc;} .atozLister .atozList h2 {font-size:1.36em; color:#0755a3; font-weight:bold; padding-left:5px;} .atozLister .atozList .list5cols {padding:10px 0;} .atozLister .atozList .list5cols ul {width:175px; float:left; font-size:1.09em; padding:5px; border-right:solid 1px #dbe1e9;} .atozLister .atozList .list5cols ul.last {border:none;} .atozLister .atozList .list5cols ul li {padding:1px;} .atozLister .atozList .list4cols {padding:10px 0;} .atozLister .atozList .list4cols ul {width:221px; float:left; font-size:1.09em; padding:5px; border-right:solid 1px #dbe1e9;} .atozLister .atozList .list4cols ul.last {border:none;} .atozLister .atozList .list4cols ul li {padding:1px;} /************************************************************ * summary tables for editorials ************************************************************/ .summaryTable {width:550px; margin:0 4px;} .summaryTable table {border-left:solid 1px #0755a3; border-top:solid 1px #0755a3; width:100%; border-collapse:separate; margin-bottom:5px;*border-collapse: collapse;} .summaryTable table th {border-right:solid 1px #fff; border-bottom:solid 1px #0755a3; padding:4px; color:#fff; background-color:#0755a3; font-weight:bold;} .summaryTable table th.last {border-right:solid 1px #0755a3;} .summaryTable table td {border-right:solid 1px #0755a3; border-bottom:solid 1px #0755a3; padding:4px;} .summaryTable table tr.alt td {background-color:#eff6fc;} /************************************************************ * tabset styling, now bootsified ************************************************************/ .topicSubCategoryDirectory {margin:0 4px;} .topicSubCategoryDirectory ul li.left {float:left; clear:left;} .topicSubCategoryDirectory ul li.right {float:right;} /************************************************************ * SITE MAP ************************************************************/ div.siteMapTitle {background: transparent url(../i/bg_sitemaptitle_bot.gif) bottom left no-repeat;margin-bottom: 14px;} div.siteMapTitleInner {background: transparent url(../i/bg_sitemaptitle_top.gif) top left no-repeat; padding:11px 0 11px 11px; position: relative; min-height: 98px; _height: 98px;} div.siteMapTitle h2 {min-height: 70px; _height: 70px; color: #116fac; font-weight: bold; font-size: 2.73em; margin-right:200px;} div.siteMapTitle img {position: absolute; bottom: 0; right: 11px;} div#siteMapList {background: transparent url(../i/checkout/bg_panelMiddle.gif) 0 0 repeat-y;} div#siteMapListWrapper {background: transparent url(../i/checkout/bg_panelTop.gif) 0 0 no-repeat;} div#siteMapListInner {background: transparent url(../i/checkout/bg_panelBottom.gif) 0 100% no-repeat; padding:12px 0 12px 12px;} div#siteMapList ul.level_01 {width:908px;} div#siteMapList ul li span {display:block; padding:3px 5px; margin-bottom:1px;} div#siteMapList ul.level_01 span {display:block; background-color:#0755a3; color:#fff; font-size:1.27em; font-weight:bold;} div#siteMapList ul.level_01 a {color:#fff;} div#siteMapList ul.level_02 span {background-color:#ebf5fa; color:#0755a3; font-size:1.09em; font-weight:normal; padding-left:20px;} div#siteMapList ul.level_02 a {color:#0755a3;} div#siteMapList ul.level_03 span {background-color:#f3f9fc; font-size:1.18em; padding-left:40px;} div#siteMapList ul.level_04 span {background-color:#fafcfe; font-size:1.09em; padding-left:60px;} div#siteMapList ul.level_05 span {background-color:#fff; padding-left:80px;} /************************************************************ * tabset styling, now bootsified ************************************************************/ div#productDetailTabs ul.tabNavigation {list-style: none; overflow: hidden; margin-bottom:-3px; position:relative; display:none; _height:1%;} div#productDetailTabs ul.tabNavigation li {float: left;} div#productDetailTabs ul.tabNavigation li a { color: #fff; text-decoration: none; font-weight: bold; display: block; padding: 0; background:#fff url(../i/common/bg_tab_left.gif) no-repeat -2px 0; _float:left; } div#productDetailTabs ul.tabNavigation li.first a { background-position:0 0; } div#productDetailTabs ul.tabNavigation li a.selected { color:#0755a3; background-position:-2px -23px; } div#productDetailTabs ul.tabNavigation li.first a.selected { background-position:0 -23px; } div#productDetailTabs ul.tabNavigation li a:hover { color:#0755a3; background-position:0 -23px; } div#productDetailTabs ul.tabNavigation li a span { display:block; background:transparent url(../i/common/bg_tab_right.gif) no-repeat 100% 0; padding:6px 11px 3px; height:14px; cursor:pointer; _float:left; } div#productDetailTabs ul.tabNavigation li a:hover span, div#productDetailTabs ul.tabNavigation li a.selected span { background-position:100% -23px; } div#productDetailTabs div.tab {background:#fff url(../i/common/bg_tabs_middle.gif) repeat-y 0 0; margin-bottom:10px; width:558px;} div#productDetailTabs div.tab_bottom {background:transparent url(../i/common/bg_tabs_bottom.gif) no-repeat 0 100%;} div#productDetailTabs div.tab_middle {background:transparent url(../i/common/bg_tabs_top.gif) no-repeat 0 0; padding:10px;} div#productDetailTabs div.tab h3 {font-weight:bold; color:#0755a3; margin:0 0 0.5em 0;} div#productDetailTabs div.unselected { display: none; } div.sidePanel { width: 170px; background: url(../i/bg_menu01_bot.gif) bottom left no-repeat; margin-bottom: 20px; } div.sidePanelInner { background: url(../i/bg_menu01_top.gif) top left no-repeat; } div.sidePanelInner .inner { padding:5px 7px; } div.sidePanelInner .expertSummary { padding-bottom:0px; } div.sidePanelInner .borderTop { border-top:dashed 1px #b1c5d2; } div.sidePanel h2 { background: #043c8d url(../i/bg_menu_heading01.gif) top left no-repeat; padding:7px 9px 4px 9px; color: #fff; font-size: 1.09em; font-weight: bold; } .expertCategoryList div.sidePanel h3 { background: #043c8d url(../i/bg_menu_heading01.gif) top left no-repeat; padding:7px 9px 4px 9px; color: #fff; font-size: 1.09em; font-weight: bold; } .expertCategoryList div.sidePanel h4 { color:#0755a3; font-weight:bold; font-size:1em; margin-bottom:5px; } .expertCategoryList div.sidePanel .expertName a { color:#3f4551; text-decoration:underline; } div.dynamic .sidePanelInner h2 { background-color:#fff; background-image: url(../i/bg_menu_heading03.gif); color:#677083; } div#deliveryDetailsPanel h2 { background-image:url(../i/common/bg_menu_heading_delivery.gif); } div.sidePanel ul.bullets li { text-indent:0; } div.sidePane ul.bullets, div#deliveryDetailsPanel ul.bullets { margin-left:5px; margin-right:5px; } div.sidePanel a { color: #3f4551; } div.sidePanel a.more { color: #0755a3; text-decoration:underline; } div.sidePanel li.tRight { list-style-type:none; padding:5px; } div.sidePanel li.tRight a:hover { background:transparent; } /*** * Endeca Right Hand Rail for search results ***/ div.searchRHPanel { width: 170px; background: url(../i/bg_menu01_bot.gif) bottom left no-repeat; margin-bottom: 5px; } div.searchRHPanelInner { background: url(../i/bg_menu01_top.gif) top left no-repeat; } div.searchRHPanelInner .inner { padding:5px 7px; } div.searchRHPanelInner .borderTop { border-top:dashed 1px #b1c5d2; } div.searchRHPanel h2 { background: #043c8d url(../i/bg_menu_heading01.gif) top left no-repeat; padding:7px 12px 4px 12px; color: #fff; font-size: 1.00em; font-weight: bold; } div.searchRHPanel ul li { text-indent:0; margin-left:12px; margin-right:12px; margin-top:10px; margin-bottom:0px; } .searchRHPanel ul li span { display:block; color:#ccf; } div.searchRHPanel li.tRight { list-style-type:none; padding-top:5px; padding-bottom:5px; margin-top:0px; } div.searchRHPanel li.tRight a:hover { background:transparent; } /*** * End Endeca Right Hand Rail for search results ***/ /*** * Brand Header and footer generic styling ***/ div#brandHeader {margin:0 0 10px;} div#brandFooter {margin:10px 0;} div#brandFooter a {color:#fff;} /************************************************************************************* * Footer logo strip *************************************************************************************/ div#footerlogos table {width:100%;} div#footerlogos table td {width:10%; text-align:center;} /************************************************************************************* * References List *************************************************************************************/ div.referencesList {margin: 0 4px 20px 4px; width:550px; padding:0 0 5px 0; border-bottom:solid 1px #0755a3;} div.referencesList h3 {font-size:1.36em; color:#0755a3; font-weight:700; margin: 0 0 5px 0; padding:0 0 3px 0; border-bottom:solid 2px #0755a3;} div.referencesList ol {color:#0755a3; font-size:1.09em;} div.referencesList ol li {background-color:#e5f0fa; padding:5px;} div.referencesList ol li.alt {background-color:#fff;} div.referencesList ol li span.num {display:block; width:40px; float:left; font-size:1.45em; font-weight:bold;} div.referencesList ol li div.entry {display:block; margin-left:40px; width:510px; *width:490px; } div.referencesList ol li div.entry a {color:#3f4551; text-decoration:underline;} /************************************************************************************* * Glossary List *************************************************************************************/ div.glossaryList {margin: 0 4px 20px 4px; width:550px; padding:0 0 5px 0; border-bottom:solid 1px #0755a3;} div.glossaryList h3 {font-size:1.36em; color:#0755a3; font-weight:700; margin: 0 0 5px 0; padding:0 0 3px 0; border-bottom:solid 2px #0755a3;} div.glossaryList dl div.odd {background-color:#e5f0fa; padding:5px;} div.glossaryList dl div.even {background-color:#fff; padding:5px;} div.glossaryList dl dt {color:#0755a3; font-size:1.09em; font-weight:bold;} div.glossaryList dl dd {color:#0755a3; font-size:1.0em;} /************************************************************************************* * Product lister *************************************************************************************/ div.associatedProducts { background:transparent url(../i/../i/bg_productlister_bot.gif) no-repeat scroll left bottom; margin:0 4px 20px 4px; width:550px; _height: 1%; } div.associatedProductsInner { _height: 1%; } div.associatedProducts h2 { background:transparent url(../i/bg_gradient02.gif) no-repeat scroll left top; color:#FFFFFF; font-size:1em; font-weight:bold; padding-bottom:4px; padding-top:6px; padding-left:10px; padding-right:10px; } div.associatedProducts div.productItem { background: url(../i/bg_productlister_productitem.gif) no-repeat bottom left; border-bottom: 0px; _height: 1%; } div.associatedProducts div.productItem div.sponsored { margin-left: 1px; margin-right: 1px; _height: 1%; } div.associatedProducts div.last { background: url(../i/bg_productlister_productitem_last.gif) no-repeat bottom left; _height: 1%; } /************************************************************************************* * Product item *************************************************************************************/ div.productItem { background: url(../i/bg_gradient01.gif) repeat-x bottom left; border-bottom: 1px solid #0756a3; overflow: hidden; _height: 1%; } div.productItem div.sponsored { background-color: #fff9bd; padding-left: 10px; padding-right: 10px; padding-top: 5px; padding-bottom: 4px; _height: 1%; } div.productItem div.sponsored p { color: #0854a2; text-align: right; font-size: 0.95em; } div.productItem div.image { width: 86px; float: left; padding-top: 10px; } div.productItem div.image img { display: block; margin-left: auto; margin-right: auto; } div.productItem div.image p.thumbnail img { width: 66px; height: 83px; } div.productItem div.image p.thumbnail { margin-bottom: 17px; } div.productItem div.details { width: 446px; float: left; padding-top: 10px; padding-right: 10px; } div.productItem div.details div.details01 { width: 223px; float: left; padding-bottom: 10px; } div.productItem div.details div.details01 h3 { font-size: 1em; color: #0855a3; font-weight: bold; margin-bottom: 2px; } div.productItem div.details div.details01 h3 a { color: #0855a3; text-decoration: none; border-bottom: 1px solid #0855a3; background: transparent; } div.productItem div.details div.details01 p.productNumber { color: #3e4651; margin-bottom: 5px; font-size: 1em; } div.productItem div.details div.details01 p.rating { font-size: 1em; overflow:hidden; margin-bottom: 5px; } div.productItem div.details div.details01 p.rating img { float: left; } div.productItem div.details div.details01 p.rating a { float: left; color: #414352; text-decoration: none; border-bottom: 1px solid #414352; margin-left: 5px; display: inline; background: transparent; } div.productItem div.details div.details01 p.oneFree { font-size: 1em; color: #cc0100; margin-bottom: 5px; clear: both; } div.productItem div.details div.details01 p.oneFree a { color: #cc0100; text-decoration: none; border-bottom: 1px solid #cc0100; background: transparent; } div.productItem div.details div.details01 div.badges { overflow: hidden; _height: 1%; } div.productItem div.details div.details01 div.badges img { float: left; margin-right: 10px; } div.productItem div.details div.details02 { width: 223px; float: left; padding-bottom: 10px; } div.productItem div.details div.details02 p.collectPoints { text-align: right; margin-bottom: 3px; font-weight: bold; color: #a7026a; font-size: 1em; } div.productItem div.details div.details02 p.colourInformation { text-align: right; margin-bottom: 3px; font-size: 1em; } div.productItem div.details div.details02 p.colourInformation img { vertical-align: middle; } div.productItem div.details div.details02 p.priceInformation { text-align: right; font-size: 1em; margin-bottom: 3px; color: #3f4551; } div.productItem div.details div.details02 p.priceInformation span.save { color:#ca0002; border-right: 1px solid #3f4551; padding-right: 7px; } div.productItem div.details div.details02 p.priceInformation span.oldPrice { padding-left: 7px; } div.productItem div.details div.details02 p.sizeInformation { text-align: right; font-size: 1em; margin-bottom: 3px; color: #3f4551; } div.productItem div.details div.details02 p.sizeInformation span.size { border-right: 1px solid #3f4551; padding-right: 7px; } div.productItem div.details div.details02 p.sizeInformation span.pricePerSize { padding-left: 7px; } div.productItem div.details div.details02 p.price { text-align: right; margin-top: 9px; font-size: 1.35em; color: #0955a1; font-weight: bold; } div.productItem div.details div.controls { clear: both; _height: 1%; } div.productItem div.details div.controls ul { overflow: hidden; list-style: none; } div.productItem div.details div.controls ul li { float: left; display: inline; } div.productItem div.details div.controls ul li.outofstock { text-align: right; font-weight: bold; color: rgb(7, 85, 163); width: 195px; float:right; } div.productItem div.details div.controls ul li.addTo { width:89px; margin-right: 7px; padding-bottom: 13px; } div.productItem div.details div.controls ul li.addTo ul { overflow: visible; } div.productItem div.details div.controls ul li.addTo ul li { float: none; display: block; font-size: 1em; } div.productItem div.details div.controls ul li.addTo ul li a, div.productItem div.details div.controls ul li.addTo ul li a:visited, div.productItem div.details div.controls ul li.addTo ul li a:link { color: #0954a5; background: transparent; } div.productItem div.details div.controls ul li.tonyFergusonProduct { width:196px; } div.productItem div.details div.controls ul li.tonyFergusonProduct a img{ float:right; } div.productItem div.details div.controls ul li.size { font-size: 1em; margin-right: 4px; padding-bottom: 13px; width:150px; } div.productItem div.details div.controls ul li.size label { margin-right: 10px; } div.productItem div.details div.controls ul li.size select { width: 75px; font-size: 1em; margin-top: 3px; } div.productItem div.details div.controls ul li.quantity { font-size: 1em; margin-right: 10px; padding-bottom: 13px; } div.productItem div.details div.controls ul li.quantity label { margin-right: 10px; } div.productItem div.details div.controls ul li.quantity input { width: 28px; padding: 3px; border: 1px solid #5A5A5A; font-size: 1em; text-align:center; } div.productItem div.details div.controls ul li.addToBasket { padding-bottom: 13px; } div.productItem div.details div.controls ul li.viewItemDetails { padding-bottom:13px; width:196px; text-align:right; } div.productItem div.details div.controls ul li.showMoreDetails { padding-bottom: 13px; float:right; } div.productItem div.details div.controls ul li.colour { font-size: 1em; float: right; } .productSearchResults div.productItem div.details div.controls ul li.colour a { background:transparent; padding-top:0; padding-left:0; } /************************************************************************************* * Category header *************************************************************************************/ div.contentHeader { background: url(../i/bg_sectionheader_bot.gif) no-repeat bottom left; width: 550px; margin: 0 4px 10px 4px; } div.contentHeaderInner { background: url(../i/bg_sectionheader_top.gif) top left no-repeat; padding-left: 20px; padding-right: 20px; padding-top: 10px; padding-bottom: 7px; overflow: hidden; _float:left; } div.contentHeader p { float: left; font-size: 1.4em; color: #155fa9; font-weight: bold; } div.contentHeader img { float: right; } /************************************************************************************* * Product mini component (add to basket) *************************************************************************************/ div.productItemMiniAddToBasket { padding-top: 10px; padding-bottom: 16px; text-align:center; } div.productItemMiniAddToBasket div.rating { margin-bottom: 5px; font-size: 1em; overflow: hidden; text-align: center; } div.productItemMiniAddToBasket div.rating img { vertical-align: bottom; } div.productItemMiniAddToBasket div.rating a { color:#414352; margin-left:5px; } div.productItemMiniAddToBasket p.rating{ text-align:center; height:18px; } div.productItemMiniAddToBasket p.beFirst { text-align:center; } div.productItemMiniAddToBasket div.image { width: 66px; margin-left: auto; margin-right: auto; overflow: hidden; margin-bottom: 2px; } div.productItemMiniAddToBasket div.buyOne { color: #d31145; font-size: 1em; text-align: center; } div.productItemMiniAddToBasket div.productName { font-size: 1em; text-align: center; } div.productItemMiniAddToBasket div.category { font-size: 1em; text-align: center; } div.productItemMiniAddToBasket div.price { font-size: 1.25em; text-align: center; color: #0456a0; font-weight: bold; margin-bottom: 6px; } div.productItemMiniAddToBasket p.addToBasket { padding-right: 10px; text-align: center; } div.productItemMiniAddToBasket .out_of_stock_help{ font-weight: bold; line-height: 21px; } /************************************************************************************* * Product mini component (summary) *************************************************************************************/ div.productItemMiniSummary { padding-top: 10px; padding-bottom: 16px; } div.productItemMiniSummary p.rating { margin-bottom: 5px; font-size: 1em; overflow: hidden; text-align: center; } div.productItemMiniSummary p.rating img { vertical-align: bottom; } div.productItemMiniSummary p.rating a { color:#414352; margin-left:5px; } div.productItemMiniSummary div.image { width: 66px; margin-left: auto; margin-right: auto; overflow: hidden; margin-bottom: 2px; } div.productItemMiniSummary div.promotion { text-align: center; } div.productItemMiniSummary div.productName { font-size: 1em; text-align: center; } div.productItemMiniSummary div.category { font-size: 1em; text-align: center; } div.productItemMiniSummary div.price { font-size: 1.25em; text-align: center; color: #0456a0; font-weight: bold; margin-bottom: 6px; } div.productItemMiniSummary p.addToBasket { text-align: center; } /************************************************************************************* * Product lister (tabs) *************************************************************************************/ div.featuredProductMultiTabs { margin-bottom: 10px; _height: 1%; *zoom: 1; } div.featuredProductMultiTabs ul.tabNavigation { list-style: none; overflow: hidden; position: relative; z-index: 2; _height: 1%; display:none; } div.featuredProductMultiTabs ul.tabNavigation li { float: left; font-size: 1.09em; } div.featuredProductMultiTabs ul.tabNavigation li.first a span, div.featuredProductMultiTabs ul.tabNavigation li.first a:link span, div.featuredProductMultiTabs ul.tabNavigation li.first a.selected span { background-position: 0px 0px !important; } div.featuredProductMultiTabs ul.tabNavigation li a, div.featuredProductMultiTabs ul.tabNavigation li a:link, div.featuredProductMultiTabs ul.tabNavigation li a:visited, div.featuredProductMultiTabs ul.tabNavigation li a:hover, div.featuredProductMultiTabs ul.tabNavigation li a:active { color: #677083; text-decoration: none; font-weight: bold; display: block; background: url(../i/bg_tab02_right.gif) 100% 0% no-repeat; border-bottom: 1px solid #B5C1D1; _float: left; } div.featuredProductMultiTabs ul.tabNavigation li a span, div.featuredProductMultiTabs ul.tabNavigation li a:link span, div.featuredProductMultiTabs ul.tabNavigation li a:visited span, div.featuredProductMultiTabs ul.tabNavigation li a:hover span, div.featuredProductMultiTabs ul.tabNavigation li a:active span { padding-left: 10px; padding-right: 10px; padding-top: 7px; padding-bottom: 5px; display: block; cursor: pointer; background: url(../i/bg_tab02_left.gif) -1px 0px no-repeat; _float: left; } div.featuredProductMultiTabs ul.tabNavigation li a.selected { color: #677083; text-decoration: none; font-weight: bold; display: block; background: url(../i/bg_tab02_right_selected.gif) 100% 0% no-repeat !important; border-bottom: 0px !important; } div.featuredProductMultiTabs ul.tabNavigation li a.selected span { background: url(../i/bg_tab02_left_selected.gif) -1px 0px no-repeat; padding-bottom: 6px !important; } div.featuredProductMultiTabs div.tab { _height: 1%; *zoom: 1; border-top: 1px solid #B5C1D1; /*margin-top: -1px;*/ position: relative; top: -1px; z-index: 1; background:transparent url(../i/bg_generic_middlepanel_bot.gif) no-repeat scroll left bottom; } div.featuredProductMultiTabs div.productList ul { list-style-image:none; list-style-position:outside; list-style-type:none; overflow:hidden; padding-bottom:10px; padding-top:10px; } div.featuredProductMultiTabs div.productList ul li { background:transparent url(../i/bg_dash02.gif) repeat-y scroll right bottom; float:left; width:186px; } div.featuredProductMultiTabs div.productList ul li.last { background: none; } div.featuredProductMultiTabs div.unselected { display: none; } div.featuredProductMultiTabs div.featuredProductMulti { margin-left: 0px; margin-bottom: 0px; } div.featuredProductMultiTabs div.featuredProductMulti div.featuredProductMulti-tl, div.featuredProductMultiTabs div.featuredProductMulti div.featuredProductMulti-tr { background: none; } /************************************************************************************* * Product lister *************************************************************************************/ div.featuredProductMulti { background: url(../i/bg_productlister_bl.gif) bottom left no-repeat; margin-bottom: 20px; _height: 1%; } div.featuredRelatedProducts div.featuredProductMulti { margin-bottom:5px; } div.featuredRelatedProducts a.more { text-decoration:underline; } div.featuredProductMulti-br { background: url(../i/bg_productlister_br.gif) bottom right no-repeat; _height: 1%; } div.featuredProductMulti-tr { background: url(../i/bg_productlister_tr.gif) top right no-repeat; _height: 1%; } div.featuredProductMulti-tl { background: url(../i/bg_productlister_tl.gif) top left no-repeat; _height: 1%; *height: 1%; padding-bottom:10px; } div.featuredProductMulti h2 { background: url(../i/bg_productlister_heading_left.gif) top left no-repeat; border-bottom:1px solid #B5C1D1; color:#677083; font-size:1.09em; font-weight:bold; } div.crossSell h2 { background: url(../i/bg_xsellproductlister_heading_left.gif) top left no-repeat; color: #fff; } div.featuredProductMulti h2 span { padding:8px 10px 4px 10px; display: block; background: url(../i/bg_productlister_heading_right.gif) top right no-repeat; } div.crossSell h2 span { background: url(../i/bg_xsellproductlister_heading_right.gif) top right no-repeat; } div.featuredProductMulti ul { list-style: none; overflow: hidden; padding-top: 10px; /*padding-bottom: 10px; */ padding-left:1px; } div.featuredProductMulti ul li { background: url(../i/bg_dash02.gif) bottom right repeat-y; float: left; width: 185px; height:100%; padding-bottom:999px; margin-bottom:-999px; overflow:hidden; } div.featuredProductMultiSingleColumn ul.singleColumn li { padding-bottom:0; margin-bottom:0; } div.featuredProductMulti ul li div.productMini { padding-top: 0px; padding-bottom: 0px; _height: 1%; } div.featuredProductMulti ul li.last { background: none; } /************************************************************************************* * Product lister single column *************************************************************************************/ div.featuredProductMultiSingleColumn { width: 171px; margin-left: 15px; } div.featuredProductMulti ul.singleColumn { list-style: none; } div.featuredProductMulti ul.singleColumn li { background: url(../i/bg_dash01.gif) bottom left repeat-x; width: 170px; } div.featuredProductMulti ul.singleColumn li.outofstock, div.featuredProductMulti ul.singleColumn div.outofstock { color:#0755A3; font-weight:bold; text-align:center; } { color:#0755A3; font-weight:bold; text-align:center; } div.featuredProductMulti ul.singleColumn li ul li{ background: none; } div.featuredProductMulti ul.singleColumn li.last { background: none; } /************************************************************************************* * Article listings *************************************************************************************/ div.articleListings {width:550px; margin:0 4px;} div.articleListings div.primary { margin-bottom: 5px; } div.articleListings div.primary ul li.last div.standardListing { background: transparent; } div.articleListings h2.articleListTitle {padding:0 0 4px; margin:0 0 10px; font-size:1.18em; font-weight:bold; border-bottom:solid 2px #0755a3; color:#0755a3;} div.articleListings ul.articleList {margin-bottom:5px; background:#e5f0fa; padding:10px;} div.articleListings ul.articleList li {padding:5px 10px; color:#29abe2;} div.articleListings ul.articleList li a {text-decoration:underline;} /************************************************************************************* * Article & Article BMJ *************************************************************************************/ .articleTableOfContents {background-color:#e5f0fa; padding:10px; text-align:center;} .articleTableOfContents li {border-left:solid 1px #0755a3; padding:0 6px 0 10px; display:inline; margin:2px 0;} .articleTableOfContents li.first {border:none; padding-left:0;} .articleTableOfContents li a {text-decoration:underline;} .articleTableOfContents li strong {color:#0755a3} /************************************************************************************* * Other search results *************************************************************************************/ div.otherSearchResults { _height: 1%; *zoom: 1; margin:0 4px 20px 4px; width:550px; } div.otherSearchResults h2 { background: url(../i/bg_gradient02.gif) no-repeat left top; padding-left: 10px; padding-right: 10px; font-size: 1.09em; color:#FFFFFF; padding-bottom:4px; padding-top:6px; font-weight: bold; } div.otherSearchResults div.noResultsFound { padding: 10px 10px 0px 10px; } div.otherSearchResults ul li.category { border-bottom:1px solid #B5C1D2; padding-left: 10px; padding-right: 10px; padding-bottom: 7px; padding-top: 10px; } div.otherSearchResults ul li.category h3 { font-size: 1.09em; font-weight: bold; color: #0855A3; } div.otherSearchResults ul li.category ul li { margin-left: 10px; margin-right: 10px; background: transparent url(../i/icon_arrow01.gif) no-repeat 0px 6px; padding-left: 9px; margin-bottom: 3px; } div.otherSearchResults ul li.category ul li a { color: #3E4651; } /************************************************************************************* * brand viewer *************************************************************************************/ div.brandViewer { margin-bottom: 10px; position: relative; overflow: hidden; width: 558px; } div.brandViewer3Column { width: 558px; } div.brandViewer4Column { width: 744px; } div.brandViewer ul { list-style: none; overflow: hidden; position: relative; } div.brandViewer ul li { float: left; width: 186px; overflow: hidden; } div.brandViewer ul li a { display: block; text-align: center; } div.brandViewer ul li a img { display: block; margin-left: auto; margin-right: auto; } div.brandViewer span.back { position: absolute; left: 0px; top: 20px; z-index: 2; cursor:pointer; _height: 42px; _width: 23px; } div.brandViewer span.forward { position: absolute; right: 0px; top: 20px; z-index: 2; cursor:pointer; _height: 42px; _width: 23px; } div.brandViewer span.back img, div.brandViewer span.forward img { _height: 42px; _width: 23px; } /************************************************************************************* * pagination2 general *************************************************************************************/ div.pagination3, div.pagination2 { overflow:hidden; padding-top: 4px; padding-bottom: 4px; _height: 1%; background-color: #F0F0F0; } div.pagination3 {background-color:transparent;} div.pagination3 div.previous, div.pagination2 div.previous { float: left; diplay: inline; width: 150px; padding-left: 10px; } div.pagination3 div.previous a, div.pagination2 div.previous a { background: url(../i/bg_arrow_previous03.gif) no-repeat 0px 5px; padding-left: 15px; float: left; padding-top: 2px; padding-bottom: 2px; color: #3E454F; } div.pagination3 div.previous a { background-image:url(../i/bg_arrow_previous04.gif); color: #0755a3; } div.returnToPrevious {background: url(../i/bg_arrow_previous03.gif) no-repeat 0px 5px; padding-left: 15px; padding-top: 2px; padding-bottom: 2px;} div.pagination3 div.next, div.pagination2 div.next { float: right; display: inline; width: 150px; text-align: right; padding-right: 10px; } div.pagination3 div.next a, div.pagination2 div.next a { background: url(../i/bg_arrow_next03.gif) no-repeat right 5px; padding-right: 15px; float: right; padding-top: 2px; padding-bottom: 2px; color: #3E454F; } div.pagination3 div.next a { background-image: url(../i/bg_arrow_next04.gif); color:#0755a3; } div.pagination3 div.pages, div.pagination2 div.pages { text-align: center; margin-left: 150px; margin-right: 150px; padding-top: 2px; padding-bottom: 2px; } div.pagination3 div.pages ul li, div.pagination2 div.pages ul li { display: inline; font-size: 1em; } div.pagination3 div.pages ul li a, div.pagination2 div.pages ul li a { padding-top: 2px; padding-bottom: 2px; color: #3E454F; padding-left: 3px; padding-right: 3px; } div.pagination3 div.pages ul li a {color:#0755a3;} div.pagination2 div.pages ul li a:hover, div.pagination2 div.pages ul li a.selected { background-color: #3E454F; color: #ffffff; } div.pagination3 div.pages ul li a:hover, div.pagination3 div.pages ul li a.selected { background-color: #0755a3; color: #ffffff; } /************************************************************************************* * Featured link component *************************************************************************************/ div.featuredLinkComponent { overflow: hidden; margin-bottom: 20px; width: 744px; background: url(../i/bg_gradient06_left.gif) no-repeat bottom left; } div.featuredLinkComponentFullWidth { width: 930px; } div.featuredLinkComponent div.featuredLinkComponentInner { background: url(../i/bg_gradient06_right.gif) no-repeat bottom right; overflow: hidden; _height: 1%; } div.featuredLinkComponent h2 { font-size: 1.8em; font-weight: bold; color: #3F4551; _height: 1%; } div.featuredLinkComponent ul { list-style: none; _height: 1%; } div.featuredLinkComponent ul li { overflow: hidden; background: url(../i/bg_dash01.gif) repeat-x top left; _height: 1%; } div.featuredLinkComponent ul li.video { } div.featuredLinkComponent ul li.video a, div.featuredLinkComponent ul li.video a:link, div.featuredLinkComponent ul li.video a:visited { background: url(../i/icon_video.gif) no-repeat 100% 50%; } div.featuredLinkComponent ul li a, div.featuredLinkComponent ul li a:link, div.featuredLinkComponent ul li a:visited { display: block; background: url(../i/bg_arrow05.gif) no-repeat 100% 50%; color: #3F4551; padding: 3px 3px 3px 0px; } div.featuredLinkComponent div.section01 { padding-left: 10px; padding-right: 10px; padding-top: 10px; width: 228px; float: left; } div.featuredLinkComponent div.section02 { padding-left: 10px; padding-right: 10px; padding-top: 10px; width: 228px; float: left; } div.featuredLinkComponent div.section03 { padding-left: 10px; padding-right: 10px; padding-top: 10px; width: 228px; float: left; } div.featuredLinkComponentFullWidth div.section01, div.featuredLinkComponentFullWidth div.section02, div.featuredLinkComponentFullWidth div.section03 { width: 290px; } div.featuredLinkComponent div.offers { } div.featuredLinkComponent div.offers h2 { color: #D31145; } div.featuredLinkComponent div.offers ul li a span { color: #D31145; } /************************************************************************************* * BMJ A to Z *************************************************************************************/ div#BMJAtoZ { width: 550px; margin: 0 4px 20px 4px; _overflow:hidden; } div#BMJAtoZ div.navigation { background: #1b7a4d url(../i/bg_gradient07.gif) top left no-repeat; margin-bottom: 10px; _height: 1%; } div#BMJAtoZ div.navigation ul { overflow: hidden; padding-left: 8px; padding-right: 6px; } div#BMJAtoZ div.navigation ul li { float: left; font-size: 1.15em; text-transform: uppercase; font-weight: 600; margin-right: 6px; } div#BMJAtoZ div.navigation ul li.last { margin-right: 0px; } div#BMJAtoZ div.navigation ul li a, div#BMJAtoZ div.navigation ul li a:link, div#BMJAtoZ div.navigation ul li a:visited { color: #fff; padding-top: 7px; padding-bottom: 8px; padding-left: 3px; padding-right: 3px; display: block; text-decoration: none; } div#BMJAtoZ div.navigation ul li.selected a, div#BMJAtoZ div.navigation ul li a:hover, div#BMJAtoZ div.navigation ul li a:active, div#BMJAtoZ div.navigation ul li a:focus { background-color: #f5fbf6; color: #106b32; } body div#container div#BMJAtoZ div.navigation ul li.selected a{ _color: #106b32; } div#BMJAtoZ div.navigation ul li span {color: #ccc; padding: 7px 3px 8px; display: block;} div#BMJAtoZ div.results { background: url(../i/bg_gradient08.gif) no-repeat top left; padding-top: 16px; } div#BMJAtoZ div.results h3 { font-weight: bold; color: #247e53; margin-left: 16px; margin-right: 16px; font-size: 1.9em; } div#BMJAtoZ div.results ul { } div#BMJAtoZ div.results ul li { padding-bottom: 8px; padding-top: 10px; padding-left: 16px; padding-right: 16px; background: url(../i/bg_dash01.gif) repeat-x bottom left; } div#BMJAtoZ div.results ul li a { color: #1b8f46; text-decoration: underline; } /************************************************************************************* * BMJ More Topic Listing *************************************************************************************/ div#BMJMoreTopicListing { overflow: hidden; margin: 0 4px 20px 4px; background: url(../i/bg_gradient08.gif) no-repeat top left; width: 550px; } div#BMJMoreTopicListing h3 { float: left; background: url(../i/bg_bmjlistingtitle.gif) top left no-repeat; width: 233px; _height: 198px; min-height: 198px; padding: 16px; font-size: 2em; color: #fff; font-weight: bold; } div#BMJMoreTopicListing div.results { float: left; width: 265px; padding-left: 20px; padding-top: 8px; } div#BMJMoreTopicListing div.results ul { } div#BMJMoreTopicListing div.results ul li { padding-bottom: 8px; padding-top: 10px; padding-left: 3px; padding-right: 3px; background: url(../i/bg_dash01.gif) repeat-x bottom left; } div#BMJMoreTopicListing div.results ul li a { color: #1b8f46; text-decoration: underline; } /************************************************************************************* * BMJ Main topic listing *************************************************************************************/ div.BMJMainTopicListing { width: 265px; background: url(../i/bg_gradient10.gif) bottom left no-repeat; padding-bottom: 12px; margin-bottom: 20px; } div.BMJMainTopicListing h3 { background: #1b7a4c url(../i/bg_gradient09.gif) top left no-repeat; color: #fff; font-size: 1.3em; font-weight: bold; padding-left: 20px; padding-right: 20px; padding-top: 8px; padding-bottom: 5px; border-bottom: 1px solid #abcebd; } div.BMJMainTopicListing ul { margin-left: 20px; margin-right: 20px; padding-top: 11px; } div.BMJMainTopicListing ul li { margin-bottom: 2px; } div.BMJMainTopicListing ul li a { color: #1b8f46; text-decoration: underline; } div.BMJMainTopicListing ul li a * { color: #1b8f46; font-size:1em; text-decoration: underline; } div.BMJMainTopicListing p.moreConditions { text-align: right; margin-right: 10px; } div.BMJMainTopicListing p.moreConditions a { color: #1b7a4c; font-weight: bold; display: block; background: url(../i/bg_arrow06.gif) 100% 50% no-repeat; padding-right: 13px; } /************************************************************************************* * themedPromotion Type3 *************************************************************************************/ div.themedPromotionType3 { overflow: hidden; margin-bottom: 20px; width: 744px; } div.themedPromotionType3 ul li { float: left; display: inline; margin-right: 22px; } div.themedPromotionType3 ul li.last { margin-right: 0px; } /************************************************************************************* * themedPromotion Type3 Item *************************************************************************************/ div.themedPromotionType3Item { width: 233px; background: url(../i/bg_gradient11.gif) bottom left no-repeat; } div.themedPromotionType3Item div.image { } div.themedPromotionType3Item div.image img { display: block; } div.themedPromotionType3Item div.details { background: url(../i/bg_dash01.gif) top left repeat-x; overflow: hidden; padding-right: 6px; padding-left: 8px; padding-top: 7px; padding-bottom: 8px; } div.themedPromotionType3Item div.details h3 { color: #4d4d4d; font-weight: bold; font-size: 1.3em; margin-bottom: 2px; } div.themedPromotionType3Item div.details h4 { color: #4d4d4d; font-size: 1em; } div.themedPromotionType3Item div.details p.action { float: right; margin-top: 4px; } /************************************************************************************* * themedPromotion Type2 Item *************************************************************************************/ div.themedPromotionType2Item { width: 360px; } div.themedPromotionType2Item div.image{ height: 170px; overflow: hidden; } div.themedPromotionType2Item div.subLinks { padding-top: 10px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px; _height: 1%; } div.themedPromotionType2Item div.subLinks ul li { background:transparent url(../i/bg_dash01.gif) repeat-x scroll left bottom; overflow:hidden; _height: 1%; } div.themedPromotionType2Item div.subLinks ul li a span { color: #325899; } div.themedPromotionType2 li.last div.themedPromotionType2Item div.subLinks ul li a span { color: #D31145; } div.themedPromotionType2Item div.subLinks ul li.last { background: none; } div.themedPromotionType2Item div.subLinks ul li a, div.themedPromotionType2Item div.subLinks ul li a:link, div.themedPromotionType2Item div.subLinks ul li a:visited { background:transparent url(../i/bg_arrow05.gif) no-repeat scroll 100% 50%; color:#3F4551; display:block; padding-bottom:3px; padding-top:3px; } div.themedPromotionType2Item div.subLinks ul li.video a, div.themedPromotionType2Item div.subLinks ul li.video a:link, div.themedPromotionType2Item div.subLinks ul li.video a:visited { background:transparent url(../i/bg_videoandarrow.gif) no-repeat scroll 100% 50%; padding-right: 35px; } /************************************************************************************* * themedPromotion Type2 *************************************************************************************/ div.themedPromotionType2 { overflow: hidden; margin-bottom: 20px; width: 744px; background: url(../i/bg_gradient06.gif) bottom left no-repeat; } div.themedPromotionType2 ul li.promo { float: left; display: inline; margin-right: 22px; } div.themedPromotionType2 ul li.last { margin-right: 0px; } /************************************************************************************* * Questions and answers (not ask and answer) *************************************************************************************/ div#questionAndAnswer { width:550px; margin:0 4px 20px 4px; } div#questionAndAnswer div.questions { margin-bottom: 15px; } div#questionAndAnswer div.questions ul { padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 6px; background-color: #EBF5FA; } div#questionAndAnswer div.questions ul li { font-size: 1em; margin-bottom: 4px; } div#questionAndAnswer div.questions ul li a, div#questionAndAnswer div.questions ul li a p { color: #0755A3; text-decoration: underline; } div#questionAndAnswer div.questions h2, div#questionAndAnswer div.answers h2 { color: #0755A3; font-weight: bold; font-size: 2em; } div#questionAndAnswer div.answers { } div#questionAndAnswer div.answers ul { border-top: 1px solid #C1CBD9; } div#questionAndAnswer div.answers ul li { border-bottom: 1px solid #C1CBD9; padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 2px; } div#questionAndAnswer div.answers ul li ul { border:none; list-style-type:disc; margin:0.81em 0 0.81em 2em; } div#questionAndAnswer div.answers ul li ol { border:none; list-style-type:decimal; margin:0.81em 0 0.81em 2em; } div#questionAndAnswer div.answers ul li li { padding:3px; border:none; } div#questionAndAnswer div.answers ul li h3 { color: #0755A3; font-weight: bold; font-size: 1.4em; } div#questionAndAnswer div.answers ul li div.answer, div#questionAndAnswer div.answers ul li p.answer { font-size: 1em; } div#questionAndAnswer div.answers ul li div.answer p, div#questionAndAnswer div.answers ul li p.answer p { margin-bottom:0.81em; } div#questionAndAnswer div.answers ul li p.top { font-size: 1em; text-align: right; } div#questionAndAnswer div.answers ul li p.top a { text-decoration: underline; } /************************************************************************************* * Expert says *************************************************************************************/ div.expertSays { width: 550px; overflow: hidden; background: url(../i/bg_expertsays_bot.gif) bottom left no-repeat; position: relative; margin: 0 4px 10px 4px; } div.expertSays div.quoteDetails { float: left; width: 454px; background: url(../i/bg_expertsays_top.gif) top left no-repeat; padding-top: 15px; padding-bottom: 15px; } div.expertSays div.quoteDetails p.quote { color: #22b9da; font-style: italic; font-size: 1.4em; font-family: Times; margin-bottom: 20px; margin-left: 15px; } div.expertSays div.quoteDetails p.name { color: #0755a3; font-size: 1em; text-decoration: underline; margin-left: 15px; } div.expertSays div.quoteDetails p.title { color: #0755a3; font-size: 1.25em; font-weight: bold; margin-left: 15px; } div.expertSays div.image { position: absolute; bottom: 0px; right: 0px; } div.expertSays div.image img { display: block; } /************************************************************************************* * Title Area No Image *************************************************************************************/ div.titleAreaNoImage { width:550px; margin:0 4px 20px 4px; _height: 1%; } div.titleAreaNoImage p.sectionHeader { font-size: 1.5em; font-weight: bold; color: #ffffff; background-color: #e5e5e5; border-bottom: 6px solid #b2b2b2; margin-bottom: 6px; padding: 12px 5px 15px 5px; } div.titleAreaNoImage div.title { overflow: hidden; background: url(../i/bg_dash02.gif) repeat-y 330px 40px; margin-bottom: 7px; _height: 1%; } div.titleAreaNoImage div.title h2 { font-size: 2.1em; font-weight: bold; color: #0755a3; margin-bottom: 10px; } div.titleAreaNoImage div.title p.summary { color: #22b9da; font-size: 1.15em; } div.titleAreaNoImage div.title div.details01 { float: left; width: 292px; padding: 15px; } div.titleAreaNoImage div.title div.details02 { float: left; width: 200px; padding: 0px 13px 21px 13px; } div.titleAreaNoImage div.title div.details02 div.image { margin-left: 65px; margin-bottom: 2px; _height: 1%; } div.titleAreaNoImage div.title div.details02 div.image img { display: block; } div.titleAreaNoImage div.title div.details02 p.name { text-decoration: underline; font-size: 1em; } div.titleAreaNoImage div.title div.details02 p.title { color:#0755A3; font-size:1.25em; font-weight: bold; } div.titleAreaNoImage p.published { background: url(../i/bg_dash01.gif) repeat-x top left; padding-top: 6px; color: #c5c5c5; font-style: italic; font-size: 1em; } /************************************************************************************* * Store locator *************************************************************************************/ div.storeLocatorComponent { width: 160px; background: url(../i/bg_gradient12.gif) repeat-x bottom left; padding: 5px; overflow: hidden; margin-left: 15px; margin-bottom: 20px; } div.storeLocatorComponent h3 { font-size: 1.8em; color:#0755A3; font-weight: bold; margin-bottom: 2px; } div.storeLocatorComponent label { position: absolute; left: -999em; top: 0; } div.storeLocatorComponent input.text { border: 1px solid #ccc; padding: 2px; float: left; margin-right: 6px; width: 115px; } div.storeLocatorComponent input.go { float: left; } /************************************************************************************* * Service Store locator *************************************************************************************/ div.serviceStoreLocator { } div.serviceStoreLocatorComponent { width: 170px; background:transparent url(../i/bkg_StoreLocatorWidget_170x110.jpg) no-repeat scroll left top!important; padding: 4px 0px 0px 0px; overflow: hidden; margin-left: 0px; margin-bottom: 0px; } div.serviceWrapper { width: 170px; padding: 0px 0px 4px 0px; } div.serviceStoreLocatorComponent h3 { font-size: 1.43em; color:#0755A3; font-weight: bold; margin-top: 2px; margin-left: 5px; padding-bottom:2px } div.serviceStoreLocatorComponent h4 { font-size: 1em; color:#0755A3; margin-left: 7px; } div.serviceStoreLocatorComponent form { margin:2px 4px -4px 0px; } div.serviceStoreLocatorComponent label { position: absolute; left: -999em; top: 0; margin: 4px; } div.serviceStoreLocatorComponent input.text { border:1px solid #CCCCCC; float:left; margin:2px 0 8px 5px; padding: 3px 4px; width:100px; } div.serviceStoreLocatorComponent input.go { float: right; /*padding: 2px 8px 2px 2px;*/ margin: 4px; } /************************************************************************************* * Title area *************************************************************************************/ div.titleArea { width: 550px; margin: 0 4px 20px 4px; } div.titleAreaInner { width: 550px; position: relative; } div.titleArea img.mainImage { position: relative; top: 0px; left: 0px; z-index: 1; display: block; } div.titleArea div.container { position: absolute; top: 0px; left: 0px; z-index: 2; min-height: 220px; _height: 220px; } div.titleArea div.container h2 { margin-top: 22px; margin-left: 16px; margin-bottom: 12px; font-weight: bold; font-size: 2em; color: #ffffff; margin-right: 272px; } div.titleArea div.container p.description { margin-left: 16px; margin-bottom: 22px; font-size: 1em; color: #ffffff; margin-right: 272px; } div.titleArea div.editorDetails { position: absolute; bottom: 0px; left: 0px; width: 286px; min-height: 63px; _height: 63px; background: url(../i/bg_title_panel.gif) no-repeat top left; overflow: hidden; } div.titleArea div.editorDetails div.image { float: left; width: 84px; height: 63px; } div.titleArea div.editorDetails p.name { margin-left: 100px; text-decoration: underline; font-size: 1em; margin-top: 20px; } div.titleArea div.editorDetails p.title { margin-left: 100px; color:#0755A3; font-size:1.25em; font-weight: bold; } div.titleArea p.published { background: url(../i/bg_dash01.gif) repeat-x top left; font-style: italic; padding-top: 6px; color: #c5c5c5; font-style: italic; margin-right: 10px; } /************************************************************************************* * Title area BMJ *************************************************************************************/ div.titleAreaBMJ { width: 550px; margin:0 4px 20px 4px; } div.titleAreaBMJInner { width: 550px; position: relative; } div.titleAreaBMJ img.mainImage { position: relative; top: 0px; left: 0px; z-index: 1; display: block; } div.titleAreaBMJ div.container { position: absolute; top: 0em; left: 0em; z-index: 2; min-height: 220px; _height: 220px; } div.titleAreaBMJ div.container h2 { margin-top: 22px; margin-left: 16px; margin-bottom: 12px; font-weight: bold; font-size: 2em; color: #ffffff; margin-right: 272px; } div.titleAreaBMJ div.container p.description { margin-left: 16px; margin-bottom: 22px; font-size: 1em; color: #ffffff; margin-right: 272px; } div.titleAreaBMJ img.BMJImage { position: absolute; bottom: 0em; left: 0em; width: 286px; min-height: 63px; _height: 63px; background: url(../i/bg_title_panel.gif) no-repeat top left; overflow: hidden; } div.titleAreaBMJ div.publishedAndSponsored { background: url(../i/bg_dash01.gif) repeat-x top left; font-style: italic; padding-top: 6px; color: #c5c5c5; font-style: italic; margin-right: 10px; overflow: hidden; _height: 1%; } div.titleAreaBMJ div.publishedAndSponsored p.published { float: left; font-size: 1em; } div.titleAreaBMJ div.publishedAndSponsored p.sponsored { float: right; font-size: 1em; } div.titleAreaBMJ div.publishedAndSponsored p.sponsored a { text-decoration: underline; } /************************************************************************************* * ... *************************************************************************************/ div#getTheLookStepDown { width: 550px; margin: 0 4px 20px 4px; } div#getTheLookStepDown div.timeIndicator { overflow: hidden; _height: 1%; margin-bottom: 10px; } div#getTheLookStepDown div.timeIndicator p { float: right; width: auto; min-height: 29px; _height: 29px; background: url(../i/icon_clock.gif) no-repeat top left; padding-left: 35px; padding-top: 2px; } div#getTheLookStepDown div.container { background: url(../i/bg_generic_curve_bot.gif) no-repeat bottom left; } div#getTheLookStepDown div.containerInner { background: url(../i/bg_generic_curve_top.gif) no-repeat top left; } div#getTheLookStepDown div.step div.heading { background: url(../i/bg_getthelook_heading.gif) no-repeat top left; overflow: hidden; padding-bottom: 7px; _height: 1%; } div#getTheLookStepDown div.step div.heading h2 { padding-left: 34px; min-height: 24px; _height: 24px; background: url(../i/bg_number01.gif) no-repeat top left; float: left; margin-left: 10px; margin-top: 10px; color: #0755A3; font-size: 1.7em; } div#getTheLookStepDown div.step div.heading h2.no_one { background-image:url(../i/bg_number01.gif); } div#getTheLookStepDown div.step div.heading h2.no_two { background-image:url(../i/bg_number02.gif); } div#getTheLookStepDown div.step div.heading h2.no_three { background-image:url(../i/bg_number03.gif); } div#getTheLookStepDown div.step div.heading h2.no_four { background-image:url(../i/bg_number04.gif); } div#getTheLookStepDown div.step div.heading h2.no_five { background-image:url(../i/bg_number05.gif); } div#getTheLookStepDown div.step div.heading h2.no_six { background-image:url(../i/bg_number06.gif); } div#getTheLookStepDown div.step div.heading h2.no_seven { background-image:url(../i/bg_number07.gif); } div#getTheLookStepDown div.step div.heading h2.no_eight { background-image:url(../i/bg_number08.gif); } div#getTheLookStepDown div.step div.heading h2.no_nine { background-image:url(../i/bg_number09.gif); } div#getTheLookStepDown div.step div.heading h2.no_ten { background-image:url(../i/bg_number10.gif); } div#getTheLookStepDown div.step div.heading p.stepIndicator { float: right; margin-right: 10px; margin-top: 15px; color: #000; font-size: 1em; } div#getTheLookStepDown div.step div.info { background: url(../i/bg_dash01.gif) repeat-x top left; overflow: hidden; _height: 1%; } div#getTheLookStepDown div.step div.info div.image { float: left; width: 170px; padding:10px; } div#getTheLookStepDown div.step div.info div.details { float: left; width: 340px; padding: 10px; } div#getTheLookStepDown div.step div.info div.details p { font-size: 1em; } div#getTheLookStepDown div.usedInStep { margin: 0px 1px; } div#getTheLookStepDown div.usedInStep h2 { background: url(../i/bg_gradient13.gif) repeat-x top left; padding: 10px 15px; font-size: 1.4em; color: #0755A3; font-weight: bold; } div#getTheLookStepDown div.usedInStep ul li div.productItem { background: transparent; border-bottom: 1px solid #CCD4D9; } div#getTheLookStepDown div.usedInStep ul li.last div.productItem { border-bottom: none; } /************************************************************************************* * buy whole look / buy all producs *************************************************************************************/ div.buyWholeLook, div.buyAllProducts { width: 550px; background: url(../i/bg_dash01.gif) repeat-x bottom left; margin: 0 4px 10px 4px; } div.buyWholeLook p.totalLabel, div.buyAllProducts p.totalLabel { background: url(../i/bg_dash01.gif) repeat-x bottom left; padding-bottom: 7px; } div.buyWholeLook div.buyDetails, div.buyAllProducts div.buyDetails { overflow: hidden; _height: 1%; padding: 10px 6px; } div.buyWholeLook div.buyDetails p.total, div.buyAllProducts div.buyDetails p.total { float: left; width: 200px; color:#0755A3; font-size:1.4em; font-weight:bold; } div.buyWholeLook div.buyDetails p.addToWishList, div.buyAllProducts div.buyDetails p.addToWishList { float: left; } div.buyWholeLook div.buyDetails input.action, div.buyAllProducts div.buyDetails input.action { float: right; } /************************************************************************************* * buy whole look / buy all producs *************************************************************************************/ div.topTenChecklistItem { overflow: hidden; width: 550px; background: url(../i/bg_dash01.gif) repeat-x top left; margin:0 4px 10px 4px; } div.topTenChecklistItem div.details01 { border-top: 1px solid #94d5f1; float: left; width: 165px; } div.topTenChecklistItem div.details01 div.image { position: relative; min-height: 100px; _height: 100px; } div.topTenChecklistItem div.details01 div.image div.number { position: absolute; top: 17px; left: 14px; width:39px; height:39px; z-index: 2; } div.topTenChecklistItem div.details01 div.image div.number span { position: absolute; display:block; top: 0; left: 0; width:39px; height:39px; background:transparent url(../i/bg_number01large.gif) no-repeat scroll left top; } div.topTenChecklistItem div.details01 div.image div.no_one span { background-image:url(../i/bg_number01large.gif); } div.topTenChecklistItem div.details01 div.image div.no_two span { background-image:url(../i/bg_number02large.gif); } div.topTenChecklistItem div.details01 div.image div.no_three span { background-image:url(../i/bg_number03large.gif); } div.topTenChecklistItem div.details01 div.image div.no_four span { background-image:url(../i/bg_number04large.gif); } div.topTenChecklistItem div.details01 div.image div.no_five span { background-image:url(../i/bg_number05large.gif); } div.topTenChecklistItem div.details01 div.image div.no_six span { background-image:url(../i/bg_number06large.gif); } div.topTenChecklistItem div.details01 div.image div.no_seven span { background-image:url(../i/bg_number07large.gif); } div.topTenChecklistItem div.details01 div.image div.no_eight span { background-image:url(../i/bg_number08large.gif); } div.topTenChecklistItem div.details01 div.image div.no_nine span { background-image:url(../i/bg_number09large.gif); } div.topTenChecklistItem div.details01 div.image div.no_ten span { background-image:url(../i/bg_number10large.gif); } div.topTenChecklistItem div.details01 div.image img.product { float: right; } div.topTenChecklistItem div.details01 div.pricingInformation { background: url(../i/bg_dash01.gif) repeat-x top left; clear: both; _height: 1%; } div.topTenChecklistItem div.details01 div.pricingInformationInner { background: url(../i/bg_dash01.gif) repeat-x bottom left; overflow: hidden; padding-left: 3px; } div.topTenChecklistItem div.details01 div.pricingInformation p.price { float: left; margin-top: 10px; margin-bottom: 8px; color: #0755A3; font-size: 1.4em; font-weight: bold; } div.topTenChecklistItem div.details01 div.pricingInformation p.wasPrice { float: right; margin-top: 4px; margin-bottom: 2px; white-space: nowrap; } div.topTenChecklistItem div.details01 div.pricingInformation p.saveValue { float: right; margin-bottom: 4px; clear: right; white-space: nowrap; } /* details 02 */ div.topTenChecklistItem div.details02 { float: left; width: 365px; padding-left: 20px; padding-top: 17px; } div.topTenChecklistItem div.details02 h3 { font-size: 1.5em; color:#0755A3; font-weight: bold; margin-bottom: 1px; } div.topTenChecklistItem div.details02 h4 { font-size: 1.23em; font-weight: bold; margin-bottom: 10px; } div.topTenChecklistItem div.details02 h4 span.key { color: #94d5f1; } div.topTenChecklistItem div.details02 h4 span.value { color: #3f4550; } div.topTenChecklistItem div.details02 p.description { font-size: 1em; color: #b2b2b2; } div.topTenChecklistItem div.action { clear: both; background: url(../i/bg_gradient03.gif) no-repeat bottom left; padding-bottom: 0px; } div.topTenChecklistItem div.action ul { overflow: hidden; padding-left: 185px; padding-right: 6px; padding-bottom: 6px; } div.topTenChecklistItem div.action ul li { float: left; } div.topTenChecklistItem div.action ul li a { display: block; } div.topTenChecklistItem div.action ul li.addToWishlist { border-right: 1px solid #0755A3; padding-right: 5px; margin-top: 16px; } div.topTenChecklistItem div.action ul li.addToFavourites { margin-top: 16px; padding-left: 5px; } div.topTenChecklistItem div.action ul li.colour { float: right; } div.topTenChecklistItem div.action ul li.addToBasket { margin-top: 10px; float: right; } div.topTenChecklistItem div.addAllToBasket { padding:15px; text-align:center; } /************************************************************************************* * Standard listing top highlighted content *************************************************************************************/ div.standardListingTop { width: 266px; } div.standardListingTop div.image { position: relative; } div.standardListingTop div.image img { display: block; } div.standardListingTop div.image h2 { font-size:1.3em; font-weight:bold; padding:15px; position: absolute; bottom: 0px; left: 0px; color: #fff; } div.standardListingTop div.details { background:transparent url(../i/bg_contentpanel03.gif) no-repeat scroll left bottom; padding:10px 10px 10px 15px; } div.standardListingTop div.details p.view { background:transparent url(../i/bg_arrow04.gif) no-repeat scroll 100% 50%; padding-right:10px; text-align:right; } div.standardListingTop div.subDetails { color:#CCCCCC; font-style:italic; padding-top:5px; } /************************************************************************************* * Standard listing *************************************************************************************/ div.standardListing { background:transparent url(../i/bg_dash01.gif) repeat-x scroll left bottom; overflow:hidden; padding-left:15px; padding-top:10px; width: 535px; overflow: hidden; } div.standardListing div.details { display:inline; float:left; padding-bottom:10px; width:435px; } div.standardListing div.details h4 { color:#29ACE2; font-size:1.2em; } div.standardListing div.details p.action { position:relative; color:#0755A3; font-size:1.1em; margin:0.2em 0; text-decoration:underline; } div.standardListing div.details p.action a { display:block; width:98%; position:absolute; top: -1.5em; padding-top: 1.5em; background-image: url(../i/transparent.gif); /* ie6 */ text-decoration: underline; } div.standardListing div.details p.action a:hover { text-decoration: none; } div.standardListing div.details p.description { font-size:1em; margin:2em 0 0.2em 0; } div.standardListing div.details p.published, div.standardListing div.details p.sponsored { color:#CCCCCC; font-style:italic; } div.standardListing div.image { display:inline; float:left; width:100px; } div.standardListing div.image img { display: block; } /************************************************************************************* * Get the look listing top highlighted *************************************************************************************/ div.getTheLookListingTop { width: 265px; margin-bottom: 10px; } div.getTheLookListingTop div.image { position: relative; } div.getTheLookListingTop div.image img { display: block; } div.getTheLookListingTop div.image h2 { font-size:1.3em; font-weight:bold; padding:10px 15px; position: absolute; bottom: 0px; left: 0px; color: #fff; } div.getTheLookListingTop div.details { background:transparent url(../i/bg_contentpanel03.gif) no-repeat scroll left bottom; padding:10px 10px 10px 15px; } div.getTheLookListingTop div.details p.view { background:transparent url(../i/bg_arrow04.gif) no-repeat scroll 100% 50%; padding-right:10px; text-align:right; } div.getTheLookListingTop div.subDetails { color:#CCCCCC; font-style:italic; padding-top:5px; } /************************************************************************************* * Get the look listing *************************************************************************************/ div.getTheLookListing { width: 100px; position: relative; } div.getTheLookListing img { display: block; } div.getTheLookListing h3 { position: absolute; bottom: 0px; left: 0px; padding: 10px 13px; color: #fff; font-size:1.18em; font-weight: bold; } div.getTheLookListing h4 { position: absolute; bottom: 10px; left: 0px; padding: 10px 5px; color: #fff; font-size:0.9091em; font-weight: bold; } /************************************************************************************* * Generic Content Lister (9005.1) *************************************************************************************/ div#genericContentLister { width: 550px; margin:0 4px 20px 4px; } div#genericContentLister div.primary { margin-bottom: 10px; } div#genericContentLister div.primary ul { overflow: hidden; } div#genericContentLister div.primary ul li.listing01 { float: left; } div#genericContentLister div.primary ul li.listing02 { float: right; } div#genericContentLister div.controls { padding-bottom:10px; padding-top:10px; } div#genericContentLister div.controls ul { overflow:hidden; } div#genericContentLister div.controls ul li { display:inline; float:right; margin-left:15px; } div#genericContentLister div.controls ul li label { display:inline; float:left; margin-right:10px; margin-top:3px; } div#genericContentLister div.controls ul li select { display:inline; float:left; } div#genericContentLister div.secondary { _height: 1%; } /************************************************************************************* * Image based content lister (9064) *************************************************************************************/ div#imageBasedContentLister { width: 550px; margin:0 4px 20px 4px; } div#imageBasedContentLister div.primary { margin-bottom: 10px; } div#imageBasedContentLister div.primary ul { overflow: hidden; } div#imageBasedContentLister div.primary ul li.listing01 { float: left; } div#imageBasedContentLister div.primary ul li.listing02 { float: right; } div#imageBasedContentLister div.controls { padding-bottom:10px; padding-top:10px; _height: 1%; } div#imageBasedContentLister div.controls ul { overflow:hidden; } div#imageBasedContentLister div.controls ul li { display:inline; float:right; margin-left:15px; } div#imageBasedContentLister div.controls ul li label { display:inline; float:left; margin-right:10px; margin-top:3px; } div#imageBasedContentLister div.controls ul li select { display:inline; float:left; } div#imageBasedContentLister div.secondary { } div#imageBasedContentLister div.secondary ul { overflow: hidden; } div#imageBasedContentLister div.secondary ul li { float:left; margin-bottom:20px; margin-right:12px; width:100px; } div#imageBasedContentLister div.secondary ul li.third { margin-right: 2px; } /************************************************************************************* * contact us form *************************************************************************************/ div#contactUsForm form {width:550px; margin:0 4px;} /************************************************************************************* * foreground colours for use in themed promotions *************************************************************************************/ .colour_blue {color:#0755a3 !important;} .colour_green {color:#2b933e !important;} .colour_red {color:#d31145 !important;} .colour_grey {color:#3f4551 !important;} /************************************************************************************* * 4 by 4 grid for migrate templates *************************************************************************************/ .fourByFour {width:550px; margin:0 4px 20px;} .fourByFour .row1 div, .fourByFour .row4 div {height:138px;} .fourByFour .row2 div, .fourByFour .row3 div {height:137px;} .fourByFour div.item1, .fourByFour div.item4 {width:138px; float:left; overflow:hidden;} .fourByFour div.item2, .fourByFour div.item3 {width:137px; float:left; overflow:hidden;} .rhsContent {width:170px; padding:0; margin:0 0 20px 15px;} .rhsContent#searchResults {width:170px; padding:0; margin:65px 0 20px 15px;} .rhsContent#filteredSearchResults {width:170px; padding:0; margin:0px 0 20px 15px;} /************************************************************************************* * Guide Navigation *************************************************************************************/ div#guidedNavigation { background:transparent url(../i/bg_menu01_bot.gif) no-repeat scroll left bottom; margin-bottom:20px; width:170px; } #productListerPage div#guidedNavigation { _height: 1%; _position:relative; _left:1px; } div#guidedNavigation div#guidedNavigationInner { background:transparent url(../i/bg_menu01_top.gif) no-repeat scroll left top; _height: 1%; } /* current selections */ div#guidedNavigation div.currentSelections { _height: 1%; } div#guidedNavigation div.currentSelections h2 { background:#043C8D url(../i/bg_menu_heading01.gif) no-repeat scroll left top; color:#FFFFFF; font-size:1.09em; font-weight:bold; padding:7px 9px 4px; } div#guidedNavigation div.currentSelections ul { _height: 1%; } div#guidedNavigation div.currentSelections ul li { border-top: 1px solid #C1CBD9; display:block; overflow:hidden; padding-bottom:10px; padding-right:5px; padding-top:9px; _height: 1%; } div#guidedNavigation div.currentSelections ul li h3 { color:#0755A3; font-size:1.09em; font-weight:bold; margin-bottom:2px; margin-left:9px; margin-right:7px; } div#guidedNavigation div.currentSelections ul li p.value { color:#0856A3; display:block; font-size:1.09em; margin-bottom:3px; margin-left:22px; } div#guidedNavigation div.currentSelections ul li p.more { font-size: 1.09em; font-weight: bold; background: transparent url(../i/icon_arrow03.gif) 0px 5px no-repeat; padding-left: 13px; margin-left: 9px; } div#guidedNavigation div.currentSelections ul li p.more a, div#guidedNavigation div.currentSelections ul li p.more a:visited, div#guidedNavigation div.currentSelections ul li p.more a:link { color:#0856A3; text-decoration: underline; } /* narrow results */ div#guidedNavigation div.narrowResults { _height: 1%; } div#guidedNavigation div.narrowResults h2 { background:#043C8D url(../i/bg_menu_heading01.gif) no-repeat scroll left top; color:#FFFFFF; font-size:1.09em; font-weight:bold; padding:7px 9px 4px; margin:0; } div#guidedNavigation div.hasSelections div.narrowResults h2 { background-image: none; } div#guidedNavigation div.currentSelections h3.removeSelection { background:#fff url(../i/common/bg_lhn_titles.gif) repeat-x left bottom; color:#0755A3; font-size:1.09em; font-weight:bold; padding:4px 8px; min-height:17px; margin-left:1px; margin-right:1px; border-top:1px solid #e0e5c; } div#guidedNavigation div.narrowResults div.facet { border-top:1px solid #E0E5EC; margin-left:1px; margin-right:1px; _height: 1%; } div#guidedNavigation div.narrowResults div.facet h3 { background:#fff url(../i/common/bg_lhn_titles.gif) repeat-x left bottom; color:#0755A3; font-size:1.09em; font-weight:bold; padding:4px 8px; min-height:17px; } div#guidedNavigation div.narrowResults div.facet h3 a { padding-right:15px; _padding-right:0; _width:100%; } div#guidedNavigation div.narrowResults div.facet h3 a span { _padding-right:15px; } div#guidedNavigation div.narrowResults div.facet ul { margin:10px 7px 0 13px; padding-bottom:10px; _height: 1%; } div#guidedNavigation #guidedNavigationInner div.narrowResults div.openMenu h3 a { display:block; background: transparent url(../i/common/bg_lhn_openMenu.gif) no-repeat scroll 100% 50%; } div#guidedNavigation #guidedNavigationInner div.narrowResults div.closedMenu h3 a { display:block; background: transparent url(../i/common/bg_lhn_closedMenu.gif) no-repeat scroll 100% 50%; } div#guidedNavigation #guidedNavigationInner div.narrowResults div.openMenu ul { display:block; } div#guidedNavigation #guidedNavigationInner div.narrowResults div.closedMenu ul { display:none; } div#guidedNavigation div.narrowResults div.facet ul li { color:#3F4551; font-size:1.09em; margin-bottom:3px; overflow: hidden; _height: 1%; } div#guidedNavigation div.narrowResults div.facet ul li a, div#guidedNavigation div.narrowResults div.facet ul li a:link, div#guidedNavigation div.narrowResults div.facet ul li a:visited { color:#0755A3; float:left; padding-left:9px; text-decoration:none; } div#guidedNavigation div.narrowResults div.facet ul li a:hover, div#guidedNavigation div.narrowResults div.facet ul li a:active, div#guidedNavigation div.narrowResults div.facet ul li a.selected { background:transparent url(../i/bg_menu_arrow01.gif) no-repeat scroll 0px 2px; color:#0755A3; text-decoration: underline; } div#guidedNavigation div.narrowResults div.facet ul li.viewAll a { background:transparent url(../i/icon_arrow01.gif) no-repeat scroll 100% 5px; color:#0755A3; padding-right:10px; font-weight:bold; text-decoration:underline; } div#guidedNavigation div.narrowResults div.facet li.viewAll a:hover { background:transparent url(../i/icon_arrow01.gif) no-repeat scroll 100% 5px; } /************************************************************************************* * Secondary navigation *************************************************************************************/ div#secondaryNavigation { width: 170px; background: url(../i/bg_menu01_bot.gif) bottom left no-repeat; margin-bottom: 20px; *margin-left:4px; } .page_productDetails div#secondaryNavigation { margin-left:15px; } div#secondaryNavigationInner { background: url(../i/bg_menu01_top.gif) top left no-repeat; _height: 1%; } div#secondaryNavigation h2 { background: #043c8d url(../i/bg_menu_heading01.gif) top left no-repeat; padding-left: 9px; padding-right: 9px; padding-top: 7px; padding-bottom: 4px; color: #fff; font-size: 1.09em; font-weight: bold; _height: 1%; } div#secondaryNavigation h2 a, div#secondaryNavigation h2 a:link, div#secondaryNavigation h2 a:visited, div#secondaryNavigation h2 a:focus { color: #fff; text-decoration: none; background: none; } div#secondaryNavigation ul { list-style: none; margin-left:13px; margin-right:7px; _height: 1%; padding-bottom:10px; padding-top: 7px; } div#secondaryNavigation ul li { color:#3F4551; font-size:1.09em; margin-bottom:3px; _height: 1%; overflow: hidden; } div#secondaryNavigation ul li a, div#secondaryNavigation ul li a:link, div#secondaryNavigation ul li a:visited { color:#0755A3; float:left; padding-left:9px; text-decoration:none; } div#secondaryNavigation ul li a:hover, div#secondaryNavigation ul li a:active, div#secondaryNavigation ul li a.selected { background:transparent url(../i/bg_menu_arrow01.gif) no-repeat scroll 0px 2px; color:#0755A3; text-decoration: underline; } div#secondaryNavigation ul li a.selected { font-weight: bold; text-decoration: none; } div#secondaryNavigation ul li.last { margin-bottom: 0px; } /************************************************************************************* * List page header *************************************************************************************/ div.listPageHeader { width:550px; margin-left: 4px; margin-right: 4px; margin-bottom: 15px; position: relative; min-height: 120px; _height: 120px; overflow:hidden; } div.listPageHeader h1, div.listPageHeader h2 { z-index:2; min-height: 70px; _height:70px; width:350px; color: #116fac; font-weight: bold; font-size: 2.73em; line-height: 1.09em; position:absolute; top:11px; left:11px; } div.listPageHeader p { z-index:2; font-size: 1.2em; width:350px; position:absolute; top:81px; left:11px; } div.listPageHeader img { position: absolute; top: 0; left: 0; z-index:1; } /************************************************************************************* * chanel range lister *************************************************************************************/ ul.chanelRangeLister li {padding:10px 0; background:transparent url(../i/bg_dash01.gif) 0 0 repeat-x;} ul.chanelRangeLister li.first {background:transparent;} .chanelProductDetails #productInformation .purchaseOptions form div.field, ul.chanelRangeLister li form div.field {float:left;} .chanelProductDetails #productInformation .purchaseOptions form ul, ul.chanelRangeLister li form ul {float:right;} ul.chanelRangeLister li .purchaseOptions li {background:transparent; padding:0;} div#chanelRange {margin:10px 0;} div#chanelRange a.frImage{display:block; border-bottom:solid 1px #000;} /************************************************************************************* * Chanel product details *************************************************************************************/ div.chanelProductDetailsWrapper, div.chanelBrandRoomWrapper { width: 740px; margin-left: auto; margin-right: auto; } /************************************************************************************* * Content search results *************************************************************************************/ div#contentSearchResults { width: 550px; margin:0px 4px 20px; } div#contentSearchResults div.heading h2 { background: url(../i/bg_gradient02.gif) no-repeat left top; padding: 6px 10px 4px 10px; color:#FFFFFF; font-size:1.1em; font-weight:bold; } div#contentSearchResults div.controls { background: url(../i/bg_gradient03.gif) no-repeat left bottom; padding:4px 10px 2px; margin-bottom: 5px; _height: 1%; *zoom: 1; } div#contentSearchResults div.controls ul { overflow:hidden; _height: 1%; *zoom: 1; } div#contentSearchResults div.controls ul li { display:inline; float:right; font-size:1em; list-style-image:none; list-style-position:outside; list-style-type:none; margin-right:10px; padding-bottom:2px; padding-right:10px; } div#contentSearchResults div.controls ul li a { color:#0855A3; } div#contentSearchResults div.controls ul li.seeAll { float:left; } div#contentSearchResults div.controls ul li.topic { border-right:1px solid #0756A3; } div#contentSearchResults div.controls ul li.first { border-right:none; margin-right:0px; padding-right:0px; } div#contentSearchResults div.category { margin-bottom: 10px; _height: 1%; *zoom: 1; } div#contentSearchResults div.category div.title { border-bottom:1px solid #0756A3; overflow:hidden; _height: 1%; *zoom: 1; } div#contentSearchResults div.category div.title h3 { color:#0755A3; float:left; font-size:1.09em; font-weight:bold; } div#contentSearchResults div.category div.title p.seeAllSearchResults { float:right; font-size:1em; } div#contentSearchResults div.noResults { padding: 10px 10px 0px 10px; _height: 1%; *zoom: 1; } /************************************************************************************* * Store location results *************************************************************************************/ div#storeLocationResults { width: 550px; margin:0px 4px 20px; } div#storeLocationResults h2 { background: url(../i/bg_gradient02.gif) no-repeat left top; color:#FFFFFF; font-size:1.09em; font-weight:bold; padding:6px 10px 4px; margin-bottom: 10px; } div#storeLocationResults div.results ul {} div#storeLocationResults div.results ul li { background: url(../i/icon_arrow01.gif) no-repeat 0px 6px; margin: 0px 10px 3px 15px; padding-left:9px; } div#storeLocationResults div.results p { padding-left: 15px; } div#storeLocationResults div.noResults { padding: 0px 10px; } /************************************************************************************* * Help topics *************************************************************************************/ div#helpTopicResults { width: 550px; margin:0px 4px 20px; } div#helpTopicResults div.heading h2 { background: url(../i/bg_gradient02.gif) no-repeat left top; padding: 6px 10px 4px 10px; color:#FFFFFF; font-size:1.1em; font-weight:bold; } div#helpTopicResults div.noResults { padding: 10px 10px 0px 10px; } div#newSiteFeedback {margin:0 4px; width:550px;} /************************************************************************************* * Gift Voucher details *************************************************************************************/ .giftCardForm div.sectionTitleInner { background:transparent url(../i/headers/giftcard.jpg) no-repeat left top !important; min-height:98px; padding-bottom:11px; padding-left:11px; padding-top:11px; position:relative; } .giftCardForm form#GiftCardForm ul#giftvouchertypes {margin-bottom:20px;} .giftCardForm form#GiftCardForm ul#giftvouchertypes li {float:left;margin:5px;width:170px;} /* Temp for IE6 Until images are populated TK */ .giftCardForm form#GiftCardForm ul#giftvouchertypes li {_overflow:hidden;} .giftCardForm form#GiftCardForm fieldset, .giftCardForm form#GiftCardForm h2, .giftCardForm form#GiftCardForm p {clear:both;} .giftCardForm form#GiftCardForm h2 {background:#fff url(../i/bg_gradient05.gif) no-repeat 0 0; font-size:1.09em; color:#0755a3; font-weight:700; padding:6px 0 0 10px; margin:5px 0;border-bottom:none;} .giftCardForm form#GiftCardForm li .field {padding:0;} .giftCardForm form#GiftCardForm li .field label{vertical-align:top;padding-left:5px;} .giftCardForm form#GiftCardForm .actions li.submit span{vertical-align:super;padding-right:10px} .giftCardForm form#GiftCardForm .actions li.submit{padding:5px 0;} .giftCardForm form#GiftCardForm .actions input {margin-bottom:0;} .giftCardForm form#GiftCardForm .maxChars {display:block;} /************************************************************************************* * eVoucher details *************************************************************************************/ .egvItemForm div.sectionTitleInner, .egvCheckoutSuccess div.sectionTitleInner { background:transparent url(../i/headers/balloons.jpg) no-repeat left top; min-height:98px; padding-bottom:11px; padding-left:11px; padding-top:11px; position:relative; } .giftCardForm div.sectionTitleInner, .egvCheckoutSuccess div.sectionTitleInner, .egvItemForm div.sectionTitleInner { padding-bottom:0; } .giftCardForm div.sectionTitle h1 { min-height:40px; margin-right:100px; } .egvCheckoutSuccess div.sectionTitle h1, .egvItemForm div.sectionTitle h1 { min-height:45px; margin-right:150px; } .giftCardForm div.sectionTitle p, .egvCheckoutSuccess div.sectionTitle p, .egvItemForm div.sectionTitle p { margin-right:150px; margin-bottom:0px; padding-bottom:0px; } #EGiftVoucherCheckout .mandatorymessage, .egvItemForm .mandatorymessage {text-align:right} .egvItemForm form .maxChars {display:block;} #EGiftVoucherCheckout .dataTable .grandTotals strong, #EGiftVoucherCheckout .egiftBasket .grandTotals td { text-align:right; } #EGiftVoucherCheckout #container_securityCode {padding-left:5px;padding-right:5px} #EGiftVoucherCheckout div#container_securityCode div {float:none;margin-right:5px;_margin-right:3px;} #EGiftVoucherCheckout div#container_securityCode div.label {float:left;border:none;} #EGiftVoucherCheckout div#container_securityCode #securityCode {width:4em;margin-right:10px;} /************************************************************************************* * calendar dialog *************************************************************************************/ div.calendarControl {position:relative; display:inline; vertical-align:middle; z-index:9;} div.calendarHasLink div.calendar { left:0px; position:absolute; top:0px; z-index:99; font-size:12px; margin-bottom:10px; width:154px; background:#fff; border:solid 1px #0755a3; } div.calendar div.title { display:none; } div.calendar div.month div.title { display:block; text-align:center; font-weight:bold; } div.calendar div.actions { position:relative; padding:2px 4px; } div.calendar div.actions2 { text-align:center; } div.calendar div.actions .forward { float:right; } div.calendar div.actions .backward { float:left; } div.calendar .dayActivator { cursor:pointer; text-align:center; } div.calendar .dayActivator:hover { background-color:#e3eef9; } div.calendar .selectedDate { background-color:#EBF5FA; color:#0755a3; } div.calendar .unavailableDate { cursor:default; background-color:#eee; color:#999; } /************************************************************************************* * common component styles *************************************************************************************/ .component, .component .wrapper { position:relative; } .component h2 a { display:block; } .component h2 span { display:block; padding:4px; } .component h3 { padding:4px; } .component img { display:block; } .component p { padding:4px; } .component .hAlignLeft { left:0; text-align:left; } .component .hAlignCenter { text-align:center; } .component .hAlignRight { right:0; text-align:right; } .component .vAlignTop { top:0; } .component .vAlignBottom { bottom:0; } /************************************************************************************* * comparison table *************************************************************************************/ .comparisonTable .wrapper { padding: 10px; } .comparisonTable div { font-size:1.09em; color:#0755a3; } .comparisonTable p { padding: 4px 0; } .comparisonTable a { float:right; } .comparisonTable span { float:left; } /************************************************************************************* * text box *************************************************************************************/ .textBox .wrapper { padding: 10px; } .textBox div { font-size:1.09em; color:#0755a3; } /************************************************************************************* * large hero with 5 links *************************************************************************************/ .largeHeroWithLinks ul { font-size: 1.0909em; position:absolute; top:144px; left:482px; /* top:150px; left:498px; */ } .largeHeroWithLinks ul li { padding: 4px 0 1px 15px; text-align:left; /* padding:4px 14px; background-image:url(../i/bg_arrow07_trans.gif); background-repeat:no-repeat; background-position:left 50%; padding:4px 0; */ } /************************************************************************************* * image with padding *************************************************************************************/ div.imageWithPadding { padding: 8px; } div.imageWith10pxPadding { padding: 10px; } /************************************************************************************* * large hero with configurable links *************************************************************************************/ div.largeHeroConfigurableLinks { } div.largeHeroConfigurableLinks .wrapper { padding: 10px; } .largeHeroConfigurableLinks ul li a { padding:0 0 0 14px; font-size:1.09em; color:#0755a3; } .largeHeroConfigurableLinks ul { position:absolute; top:144px; left:482px; /* top:150px; left:498px; */ } .largeHeroConfigurableLinks ul li { padding:3px 0 2px; text-align:left; /* padding:4px 14px; background-image:url(../i/bg_arrow07_trans.gif); background-repeat:no-repeat; background-position:left 50%; padding:4px 0; */ } .largeHeroConfigurableLinks ul li a { padding:0 0 0 14px; font-size:1.09em; color:#0755a3; } /************************************************************************************* * large hero with no links *************************************************************************************/ .largeHero4x4GridLayout ul, .largeHero4x4GridLayout li { float:none; clear:both; } .largeHero4x4GridLayout li a { float:left; display:block; } /************************************************************************************* * medium (2 cols, 3 rows) image links with optional text *************************************************************************************/ .mediumPlainLinks ul {} .mediumPlainLinks li { float:left; width:49.9%; margin:8px 0; *padding:0 0 8px 0; } .mediumPlainLinks li div { position:relative; } .mediumPlainLinks li.left div { float:left; } .mediumPlainLinks li.right div { float:right; } .mediumPlainLinks div p { position:absolute; padding:4px; cursor:pointer; } .mediumPlainLinks li a:hover { text-decoration:none; } /************************************************************************************* * small (3 cols, 3 rows) image links with optional text *************************************************************************************/ .smallPlainLinks ul {} .smallPlainLinks li { float:left; width:33.33%; _width:33.32%; margin:8px 0; *padding:0 0 8px 0; } .smallPlainLinks li div { position:relative; } .smallPlainLinks li.left div { float:left; } .smallPlainLinks li.center div { float:left; left:50%; } .smallPlainLinks li.center a { display:block; position:relative; right:50%; } .smallPlainLinks li.right div { float:right; } .smallPlainLinks div p { position:absolute; padding:4px; cursor:pointer; } .smallPlainLinks li a:hover { text-decoration:none; } /************************************************************************************* * full width banner *************************************************************************************/ .fullWidthBanner { text-align:left; } .fullWidthBanner .column { float:left; width:100%; } .fullWidthBanner .column ul { padding:4px; } .fullWidthBanner .layout4Columns .column { width:25%; *width:24.99%; } .fullWidthBanner .layout3Columns .column { width:33%; } .fullWidthBanner .layout2Columns .column { width:50%; } .fullWidthBanner .hAlignLeft .listWithDiscMarker li { list-style:disc inside none; } .fullWidthBanner .hAlignLeft .listWithCircleMarker li { list-style:circle inside none; } .fullWidthBanner .hAlignLeft .listWithSquareMarker li { list-style:square inside none; } .fullWidthBanner .hAlignLeft .listWithImageMarker li { padding:0 0 0 12px; background-repeat:no-repeat; background-position:left 50%; } .fullWidthBanner .hAlignCenter .column { text-align:center; } .fullWidthBanner .hAlignRight .column { text-align:right; } .fullWidthBanner .hAlignRight .listWithImageMarker li { padding:0 12px 0 0; background-repeat:no-repeat; background-position:right 50%; text-align:right; } /************************************************************************************* * Sign up for newsletter *************************************************************************************/ .newsletterSignup { margin:0 0 20px 15px; } .newsletterSignup fieldset { width:170px; height:110px; background:url('../i/bg_newsletterSignup.gif') bottom no-repeat; } .newsletterSignup fieldset h2, .newsletterSignup fieldset h2 span { width:170px; height:50px; margin:0; padding:0; border:0; } .newsletterSignup fieldset h2 { position:relative; text-align:left; } .newsletterSignup fieldset h2 span { position:absolute; top:0; left:0; background:url('../i/hdr_newsletterSignup.gif') no-repeat; } .newsletterSignup fieldset div.field { text-align:right; padding:0 5px; margin:5px 0; } .newsletterSignup fieldset div.field input { margin:0 0 5px; } .newsletterSignup fieldset div.field input.text { border:1px solid #b5c3d6; width:156px; padding:3px 1px; background-color:#fff; } .newsletterSignup .message { width:170px; margin:0 0 8px; text-align:left; } .newsletterSignup .message p { background-position:5px 5px; background-repeat:no-repeat; } .newsletterSignup .error { background:url('../i/bg_newsletterSignupError.gif') no-repeat bottom left; } .newsletterSignup .error div { background:url('../i/bg_newsletterSignupError_top.gif') no-repeat top left; } .newsletterSignup .error p { background-image:url('../i/icon_error.gif'); color:#d31145; padding-left:30px; } .newsletterSignup .success { background:url('../i/bg_newsletterSignupSuccess.gif') no-repeat bottom left; } .newsletterSignup .success div { background:url('../i/bg_newsletterSignupSuccess_top.gif') no-repeat top left; } .newsletterSignup .success p { background-image:url('../i/icon_good.gif'); padding-left:25px; color:#19a851; } /************************************************************************************* * page wide promotional banner *************************************************************************************/ .pageWidePromotionalBanner { margin-bottom:20px; } .pageWidePromotionalBanner h2 { color:#0755A3; font-size:1.09em; font-weight:bold; } /************************************************************************************* * contextual news *************************************************************************************/ .contextualNews { background:transparent url('../i/bg_menu01_bot.gif') no-repeat scroll left bottom; margin-bottom:20px; width:170px; } .contextualNews div.contextualNewsInner { background:transparent url('../i/bg_menu01_top.gif') no-repeat scroll left top; padding-top: 2px; } .contextualNews h2 { color:#0755A3; padding:0 1px; font-size:1.09em; font-weight:bold; } v.contextualNews h2 img { display:block; } .contextualNews ul { padding:8px 8px 4px; } .contextualNews ul li { padding:0 0 4px; } .contextualNews ul li a { color:#336; } .contextualNews ul li.last { text-align:right; padding-top:8px; } .contextualNews ul li.last a { color:#0755a3; } .contextualNews ul li span.published { display:block; color:#ccf; } /************************************************************************************* * quick links *************************************************************************************/ .quickLinks { background:transparent url('../i/bg_menu01_bot.gif') no-repeat scroll left bottom; margin-bottom:20px; width:170px; } .quickLinks div.quickLinksInner { background:transparent url('../i/bg_menu01_top.gif') no-repeat scroll left top; } .quickLinks div.quickLinksInnerCoBrand { background:transparent url('../i/bg_menu01_top.gif') no-repeat scroll left top; padding-top: 2px; } .quickLinks h2 { color:#0755a3; padding:0 1px; font-size:1.09em; font-weight:bold; } .quickLinks h2 img { display:block; } .quickLinks ul { padding:8px 8px 4px; } .quickLinks ul li { padding:0 0 4px; } .quickLinks ul li a { color:#336; } .quickLinks ul li.last { text-align:right; padding-top:8px; } .quickLinks ul li.last a { color:#0755a3; } /************************************************************************************* * CoBrand - WebMD *************************************************************************************/ .cobrandWrapper { display: none; width: 100%; } .cobrandDiv { float: right; padding-bottom: 5px; } .cobrandDivFooter { float: right; padding-bottom: 5px; padding-top: 5px; } /************************************************************************************* * WebMD - Boots iframe component *************************************************************************************/ #webmdouter { width: 250px;} #webmdhdr h2 span { background-image: url('../i/cobrand/title_webmd_options.jpg'); width: 250px; background-color:transparent; background-position:0px 0px; background-repeat:no-repeat; height:54px; left:0; position:absolute; top:0;} #webmdhdr h2 {height: 54px; position: relative;} #webmdlist { margin:0; background: #fff; padding: 0 5px 0 6px; text-align: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} #webmdlist .webmdpromo {color: #c00; font-weight: bold; margin-bottom: 10px;} #webmdlist .webmdpromo a, #webmdlist .webmdpromo a:link, #webmdlist .webmdpromo a:hover, #webmdlist .webmdpromo a:visited {color: #c00; font-weight: bold;} #webmdlist .webmdimage .thumbnail img {float: right; border: 0px solid #000; margin-right:8px;} #webmdlist .details {width: 26px; padding:0;} #webmdlist .details01 { width: 140px; padding:0;} #webmdlist .priceInformation { margin-top:10px; } #webmdlist .save { font-weight: bold; color: #0755a3; } #webmdlist .price, #webmdlist .oldPrice {font-weight: bold; color: #0755a3; margin-top: 10px; font-size:1.35em} #webmdlist .productItem {background:#fff; border-bottom: 1px solid #ccc; padding: 10px 0; } #webmdlist .topProductItem {border-bottom:none; padding-bottom: 0; } #webmdlist .last {border: 0;} #webmdlist .controls {width: 97px;} #webmdlist .controls .addToBasket a span { display:block; background:url('../i/cobrand/btn_buyNow.gif') no-repeat top left; width:97px; height:21px; } #webmdlist .addTo { padding-bottom: 0;} #webmdcontrol { background: transparent url('../i/cobrand/bg_wedmd_bottom.gif') no-repeat scroll left bottom; text-align: right; font-weight: bold;} #webmdcontrol p { padding: 6px 10px 5px 0; } #webmdlist div.productItem div.details div.controls ul li.addToBasket { padding:5px 0 0; } #webmdlist div.productItem div.details div.details01 h3 a { border-bottom:none; } #webmdlist .activeingredient {font-weight: normal; color: #666; margin-top:10px;} #webmdlist .readlabel {font-weight: bold; color: #666; margin:5px 0;} /************************************************************************************* * FRPS Product Details Page *************************************************************************************/ div.pharmacyProductDetails h3{ font-size: 1em; color: #0855a3; font-weight: bold; } /************************************************************************************* * Default Wrapping divs for alignment for all new CMS components *************************************************************************************/ .rhsComponent { margin: 10px 0 10px 10px; float: right; } .rhsTopComponent { margin: 0 0 10px 10px; float: right; } .topComponent { margin: 0 10px 10px 10px; } .lhsComponent { margin-top: 10px; margin-bottom: 10px } .lhsTopComponent { margin: 0 10px 10px 0; } .midComponent { padding: 10px 6px 10px 10px; } /************************************************************************************* * new search results: grid and list views *************************************************************************************/ /*********** LIST/GRID VIEW CONTROLS ***********/ #searchResultsBanner { margin:10px 0; } #ProductViewListGrid { border-left:solid 1px #c5c5c5; border-right:solid 1px #c5c5c5; } #listViewType { border-bottom:1px solid #0756A3; color:#3E454D; padding:7px; background-color:#eff6fc; } #listViewType .gp_50a .innerColumn { text-align:right; } #listViewType #view_compare { background: url(../i/icons/icon_pl_tick.gif) no-repeat 0% 50%; padding: 2px 0 1px 18px; } #listViewType #view_grid { background: url(../i/icons/icon_pl_gridView.gif) no-repeat 100% 50%; padding: 2px 18px 1px 0; } #listViewType #view_list { background: url(../i/icons/icon_pl_listView.gif) no-repeat 100% 50%; padding: 2px 18px 1px 0; } /*********** LIST VIEW ***********/ .RatingsAndReviewsListerView .listView .productItem, .productSearchResults .listView .product_item { width:100%; padding:10px 0 6px 0; border-bottom:solid 1px #c5c5c5; background:transparent; color:#3f4551; } .productSearchResults .listView .pl_heroProduct { position:relative; top:-10px; height:16px; padding:4px 4px 5px; margin-right:10px; background: transparent url(../i/common/bg_heroProductTitle.gif) repeat-x 0 0; font-weight:bold; color:#0856a3; font-size:1.18em; } .productSearchResults .listView .emptyItem, .productSearchResults .listView .pl_heroBlank { display:none; } .productSearchResults .listView .pl_productImg, .productSearchResults .listView .pl_underProductImg { padding-left:10px; } .productSearchResults .listView .pl_productImg img { margin-bottom:1px; } .productSearchResults .listView .pl_productCode { padding:7px 0; } .productSearchResults .listView .pl_pmeds { position:relative; margin-top:-20px; top:-4px; left:65px; } .productSearchResults .listView .pl_badges { padding-bottom:7px; } .productSearchResults .listView .pl_promotions a{ color:#cb2026; text-decoration:underline; } .productSearchResults .listView .pl_price{ margin-bottom:7px; padding-right:10px; } .productSearchResults .listView .pl_vatExemptable{ text-align:right; padding:0 10px 5px 0; } .productSearchResults .listView .pl_addToBasket{ text-align:right; padding-right:10px; } .productSearchResults .listView .pl_addToBasket input{ margin:4px 2px 0 2px; padding:2px; border:solid 1px #5b5b5b; width:16px; } .productSearchResults .listView .pl_addToBasket label{ color:#000; } .productSearchResults .listView .pl_addToBasket img{ vertical-align:bottom; } .productSearchResults .listView .pl_addToBasket .listerHasSizeOptions .pl_btn_selectSize { display:none; } .productSearchResults .listView .pl_addToBasket .listerHasSizeOptions .pl_btn_addToBag { display:inline; } .productSearchResults .listView .pl_ratings{ text-align:right; padding-right:10px; padding-bottom:5px; } .productSearchResults .listView .pl_points{ color:#A7026A; font-size:1em; font-weight:bold; text-align:right; padding-right:10px; } .productSearchResults .listView .pl_pricePer{ text-align:right; color:#3f4551; padding-right:10px; } .productSearchResults .listView .pl_priceChange span { display:none; } .productSearchResults .listView .pl_priceWas{ text-align:right; color:#3f4551; padding-right:10px; } .productSearchResults .listView .pl_priceSaved{ text-align:right; color:#cb2026; padding-right:10px; font-weight:bold; font-size:1.09em; } .productSearchResults .listView .icon_pl_stock { background: url(../../../cmsassets/Boots/Library/Icon/ProductListIcons/icon_pl_stock/icon_pl_stock.gif) no-repeat 0 50%; padding: 2px 0 1px 25px; margin: 1px 0; color:#000; } .productSearchResults .listView .icon_pl_boots { background: url(../../../cmsassets/Boots/Library/Icon/ProductListIcons/icon_pl_boots/icon_pl_boots.gif) no-repeat 0 50%; padding: 2px 0 1px 25px; margin: 1px 0; color:#000; } .productSearchResults .listView .icon_pl_delivery { background: url(../../../cmsassets/Boots/Library/Icon/ProductListIcons/icon_pl_delivery/icon_pl_delivery.gif) no-repeat 0 50%; padding: 2px 0 1px 25px; margin: 1px 0; color:#000; } .productSearchResults .listView .icon_pl_quick { margin: 3px 0 1px 0; } .productSearchResults .listView .icon_pl_video { margin: 2px 0; padding: 2px 0 1px; } .productSearchResults .listView .icon_pl_video a { background: url(../../../cmsassets/Boots/Library/Icon/ProductListIcons/icon_pl_video/icon_pl_video.gif) no-repeat 0 50%; padding-left: 21px; color:#000; } .productSearchResults .listView .icon_pl_compare { padding: 2px 0 1px 0px; margin: 1px 0; color:#000; } .productSearchResults .listView .icon_pl_compare input { margin-right:8px; } .productSearchResults .listView .pl_sizeVariant { text-align:left; padding-left:20px; } .productSearchResults .listView .pl_sizeVariant select { width:50px; } /*********** GRID VIEW ***********/ .productSearchResults .gridView .product_item { width:33%; float:left; border-bottom:solid 1px #c5c5c5; position:relative; min-height:327px; _height:327px; } .innerColumn .productSearchResults .stampView .product_item { min-height:0; _height:auto; } .productSearchResults .gridView .product_item .pl_inner { padding:8px; position:relative; } .productSearchResults .gridView .item0 { border-right:solid 1px #c5c5c5; width:182px; } .productSearchResults .gridView .item1 { border-right:solid 1px #c5c5c5; width:182px; } .productSearchResults .gridView .item2 { width:182px; } .productSearchResults .gridView .product_item .emptyItem { height:311px; *height:288px; width:166px; } .productSearchResults .gridView .gp_50a, .productSearchResults .gridView .gp_50b, .productSearchResults .gridView .gp_20-80a, .productSearchResults .gridView .gp_20-80b { display:block; float:none; margin:0; width:100%; clear:left; } .productSearchResults .gridView .pl_addToBasket input, .productSearchResults .gridView .pl_addToBasket label, .productSearchResults .gridView .pl_addToBasket select, .productSearchResults .gridView .pl_points, .productSearchResults .gridView .pl_productCode, .productSearchResults .gridView .pl_promotions, .productSearchResults .gridView .pl_vatExemptable, .productSearchResults .gridView .icon_pl_stock, .productSearchResults .gridView .icon_pl_boots, .productSearchResults .gridView .icon_pl_delivery, .productSearchResults .gridView .icon_pl_video { display:none; } .productSearchResults .gridView .pl_heroBlank { height:16px; padding:4px 4px 5px; margin:0 8px; font-size:1.18em; } .productSearchResults .gridView .pl_heroProduct { position:relative; height:16px; padding:4px 4px 5px; margin:0 8px; background: transparent url(../i/common/bg_heroProductTitle.gif) repeat-x 0 0; font-weight:bold; color:#0856a3; font-size:1.18em; } .productSearchResults .gridView .pl_pmeds { position:absolute; top:269px; left:150px; } .productSearchResults .gridView .icon_pl_compare { padding: 6px 0 1px 0px; margin: 1px 0 -44px 0; color:#000; } .productSearchResults .gridView .icon_pl_compare input { margin-right:2px; vertical-align:middle; } .productSearchResults .gridView .icon_pl_compare label { font-size:0.91em; } .productSearchResults .gridView .pl_ratings { position:absolute; top:10px; width:91%; _margin-left:8px; } .productSearchResults .gridView .pl_ratings p { text-align:center; } .productSearchResults .gridView .pl_addToBasket { text-align:right; margin-top:40px; height:21px; position:absolute; top:255px; right:8px; } .productSearchResults .gridView .pl_addToBasket .listerHasSizeOptions .pl_btn_selectSize { display:inline; } .productSearchResults .gridView .pl_addToBasket .listerHasSizeOptions .pl_btn_addToBag { display:none; } .productSearchResults .gridView .pl_productImg { margin-top:20px; margin-bottom:101px; text-align:center; } .productSearchResults .gridView .pl_priceWas { display:inline; color:#3f4551; } .productSearchResults .gridView .pl_priceSaved { display:inline; color:#cb2026; font-weight:bold; } .productSearchResults .gridView .pl_productName { height:7.5em; overflow: hidden; position:absolute; top:164px; width:91%; _margin-left:8px; } .productSearchResults .gridView .pl_badges { position:absolute; top:248px; left:8px; _left:0px; } .productSearchResults .gridView .pl_price { position:absolute; top:245px; right:8px; } .productSearchResults .gridView .pl_pricePer { margin-top:0px; height:16px; position:absolute; top:280px; } .productSearchResults .gridView .pl_priceChange { height:16px; position:relative; top:25px; _left:0px; } .productSearchResults .gridView .icon_pl_quick { margin: 1px; text-align:center; position:absolute; top:140px; width:91%; } /*********** GRID & LIST VIEW ***********/ .productSearchResults .pl_productName a { font-weight:bold; font-size:1.09em; } .productSearchResults .pl_ratings img{ vertical-align:top; } .productSearchResults .pl_ratings a{ color:#000; font-size:1.0em; } .productSearchResults .pl_ratings a:hover{ text-decoration:underline; } .productSearchResults .pl_price{ color:#0955A1; font-size:1.63em; font-weight:bold; text-align:right; } .productSearchResults .icon_pl_quick { } .productSearchResults .icon_pl_quick a { background: url(../../../cmsassets/Boots/Library/Icon/ProductListIcons/icon_pl_quick/icon_pl_quick.gif) no-repeat 0 50%; padding: 2px 0 1px 21px; color:#000; } .productSearchResults .pl_addToBasket .out_of_stock_help { font-weight:bold; line-height:21px; _line-height:24px; } #overlay { background-color:#333; display:none; height:100%; left:0; position:fixed; top:0; width:100%; z-index:50; } #dialogue { left:-99999em; position:absolute; text-align: left; top:0; width: 590px; z-index:99; } #productListerPage #dialogue { width: 638px; } #productListerPage .gp_60-20b {_width:20%;} #dialogue #productDetailsQuickView { width:638px; background: transparent url(../i/common/qv_dialog_top.gif) no-repeat 0 0; padding-top:25px; } #dialogue #productDetailsQuickView .colourPalette fieldset { width:auto; } #dialogue #productDetailsQuickView .colourPalette fieldset div { float:left; height:24px; width:48px; margin:0 1px 1px 1px; position:relative; } #dialogue #productDetailsQuickView .colourPalette fieldset label { position:absolute; top:0; } #dialogue #productDetailsQuickView #pdqv_inner1 { background: transparent url(../i/common/qv_dialog_bottom.gif) no-repeat 0 100%; padding-bottom:10px; } #dialogue #productDetailsQuickView #pdqv_inner2 { background: transparent url(../i/common/qv_dialog_middle.gif) repeat-y 0 0; padding:10px 10px 0; } #dialogue #productDetailsQuickView #productDetails { width:616px; margin:0; } #dialogue #productDetailsQuickView #productDetails #detailedInformation { border-top:none; } #dialogue #productDetailsQuickView #closeDialogue { text-align:right; position:relative; top:-30px; margin-bottom:-15px; } #dialogue #productDetailsQuickView #closeDialogue a { color:#333; text-decoration:underline; } #dialogue #productDetailsQuickView #productDetails h2 span { color:#333; font-weight:normal; font-size:0.91em; display:block; } #dialogue #productDetailsQuickView .productIntroCopy { margin:10px 0; font-size:1.09em; } #dialogue #productDetailsQuickView #productDetails #productImagery { width:154px; } #dialogue #productDetailsQuickView #productDetails #productImagery .viewItemDetails { margin-top:10px; } #dialogue #productDetailsQuickView #OrderItemAddForm .qv_sizeVariant select { *visibility:visible !important; *position:relative; *top:1px; } #dialogue #productDetailsQuickView #productDetails #productInformation { width:452px; margin:0 0 0 10px; } #dialogue #productDetailsQuickView #qv_pharmIcon .gp_20-80a { width:10%; overflow:hidden; } #dialogue #productDetailsQuickView #qv_pharmIcon .gp_20-80b { width:90%; } #dialogue #productDetailsQuickView .rating { text-align:right; } #dialogue #productDetailsQuickView .rating a { color:#000; } #dialogue #productDetailsQuickView .rating img { vertical-align:middle } #dialogue #productDetailsQuickView #mainOffer li { padding:0; margin-bottom:10px; } #dialogue #productDetailsQuickView #mainOffer li a { font-weight:bold; } #dialogue #productDetailsQuickView p.outofstock { font-weight:bold; margin-bottom:5px; } #dialogue #productDetailsQuickView .outofstock span { color:#0755A3; } #loading { background: #fff url(../../tonyferguson/images/loading.gif) no-repeat 50% 50%; height: 20px; position: absolute; width: 20px; } /************************************************************************************* * new product details page *************************************************************************************/ .page_productDetails {} .page_productDetails div.inline { display:inline; } .page_productDetails .pd_panel { background:transparent url(../i/bg_dash01.gif) repeat-x 0% 100%; margin: 0 0 10px; *margin: 10px 0; } .page_productDetails .pd_panel h3 { background:transparent url(../i/pd/pd_heading_right.gif) no-repeat 100% 0%; padding-right:10px; margin-bottom:5px; font-size:1.27em; } .page_productDetails .pd_panel h3 span { background:transparent url(../i/pd/pd_heading_left.gif) no-repeat 0% 0%; display:block; color:#fff; font-weight:bold; padding:5px 10px; font-size:1em; } .page_productDetails .pd_panel h3 span a { font-weight:normal; text-decoration:underline; color:#fff; font-size:0.91em; } .page_productDetails .pd_panel .pd_panelInner h3, .page_productDetails .pd_panel .pd_panelInner h3 span { background:transparent; padding:inherit; margin:inherit; } .page_productDetails .pd_panel h4 { color:#238ed3; font-weight:bold; font-size:1.09em; margin-bottom:5px; } .page_productDetails .pd_backTop { padding: 10px 0; } .page_productDetails .pd_backTop a { text-decoration: underline; color:#000; } .page_productDetails .pd_actionBar { background:transparent url(../i/pd/pd_actionBar_right.gif) no-repeat 100% 100%; padding-right:10px; margin-bottom:10px; } .page_productDetails .pd_actionBarInner { background:transparent url(../i/pd/pd_actionBar_left.gif) no-repeat 0% 100%; padding:5px 2px 15px 2px; } .page_productDetails .pd_actionBarInner.noSocial { padding-bottom:5px; } .page_productDetails ul.pd_actions { text-align:right; position:relative; } .page_productDetails .noSocial ul.pd_actions { text-align:left; } .page_productDetails ul.pd_actions li { display:inline; } .page_productDetails ul.pd_actions li a.btn { height:19px; line-height:19px; padding:4px; color:#000; text-decoration:underline; /*position:relative; top:-15px;*/ } .page_productDetails ul.pd_actions li a.btn_print { padding-left:20px; margin-left:4px; background:transparent url(../i/icons/icon_pl_print.gif) no-repeat 0 43%; } .page_productDetails ul.pd_actions li a.btn_email { padding-left:20px; margin-left:4px; background:transparent url(../i/icons/icon_pl_email.gif) no-repeat 0 43%; } .pd_addThisWrapper, .page_productDetails ul.pd_actions li .pd_addThisWrapper { position:relative; margin-left:4px; margin-right:235px; position:relative; } .page_productDetails ul.pd_actions li.pd_actionBar_fb { position:absolute; top:0; right:0; } .page_productDetails ul.pd_actions div.pd_fb_like{ display:inline; } .page_productDetails ul.pd_actions div.pd_fb_like, .page_productDetails ul.pd_actions div.pd_fb_like #fb-root{ width:225px; } .page_productDetails .pd_brand { text-align:center; } .page_productDetails #sceneSevenImageBlock { height:auto; width:auto; margin:10px 0 0 25px; *margin-left:10px; _margin-left:14px; } .page_productDetails #sceneSevenImageBlock ._ffp { display:none; } .page_productDetails #sceneSevenImageBlock object, .page_productDetails #sceneSevenImageBlock embed { position:relative; } .page_productDetails .pd_col_20 { width:20%; } .page_productDetails .pd_col_40 { width:40%; } .page_productDetails .pd_col_50 { width:50%; } .page_productDetails .pd_col_60 { width:60%; } .page_productDetails .dataTable td { border-bottom:none; } .page_productDetails .dataTable .alt td { background-color:#ecf5fa; } .page_productDetails .pd_productName { margin:0 0 20px; } .page_productDetails .pd_productName h2 { color:#0755A3; font-size:2.33em; font-weight:bold; } .page_productDetails .pd_productName * { display:inline; } .page_productDetails .pd_productName span.pd_productVariant { margin-left:5px; *margin-left:10px; font-size:0.38em; font-weight:normal; color:#3F4551; } .page_productDetails .rating { margin-bottom:10px; height:15px; } .page_productDetails .rating a{ color:#000; } .page_productDetails #pharmacyStatement, .page_productDetails #suitableFor, .page_productDetails #activeIngredient, .page_productDetails #viewMore { margin-bottom:10px; } .page_productDetails #viewMore a { color:#000; text-decoration:underline; } .page_productDetails .rating img { vertical-align:bottom; } .page_productDetails .productIntroCopy { line-height:1.36em; margin-bottom:10px; } .page_productDetails .productIntroCopy { line-height:1.36em; margin-bottom:10px; } .page_productDetails .pd_addToBasketSection { background:transparent url(../i/bg_dash01.gif) repeat-x scroll 0 0; padding:10px 0; } #productDetailsQuickView .pd_addToBasketSection { background:transparent url(../i/bg_dash01.gif) repeat-x scroll 0 0; padding:10px 0 0; } #productDetailsQuickView #productInformation #otherOffers { background:transparent url(../i/bg_dash01.gif) repeat-x scroll 0 0; padding-top:10px; margin-top:10px; } .page_productDetails .pd_addToBasketSection .pl_addToBasket { background:transparent url(../i/bg_dash01.gif) repeat-x scroll 0 0; margin:10px 0; } #productDetailsQuickView .pd_addToBasketSection .pl_addToBasket { background:transparent url(../i/bg_dash01.gif) repeat-x scroll 0 0; margin:10px 0 0; } .page_productDetails .pd_addToBasketSection .pl_addToBasketInner { background:transparent url(../i/bg_dash01.gif) repeat-x scroll 0 100%; padding:10px 0; text-align:right; } #productDetailsQuickView .pd_addToBasketSection .pl_addToBasketInner { padding:10px 0 0; text-align:right; } #productDetailsQuickView .pd_addToBasketSection .pl_addToBasketInner img, .page_productDetails .pd_addToBasketSection .pl_addToBasketInner img, .page_productDetails .pd_addToBasketSection input { vertical-align:middle; } #productDetailsQuickView .pd_addToBasketSection .pl_addToBasketInner .colourPalette img, .page_productDetails .pd_addToBasketSection .pl_addToBasketInner .colourPalette img { vertical-align:middle; margin:0 0 5px;; } .page_productDetails .pd_addToBasketSection .collectPoints { color:#A7026A; font-weight:bold; margin-bottom:10px; } #productDetailsQuickView .pd_addToBasketSection .collectPoints { color:#A7026A; font-weight:bold; margin-bottom:10px; clear:left; float:left; } .page_productDetails .pd_addToBasketSection .price { float:right; text-align:right; font-size:2.33em; font-weight:bold; color:#0755a3; } #productDetailsQuickView .pd_addToBasketSection .price { float:right; text-align:right; font-size:1.98em; font-weight:bold; color:#0755a3; margin-bottom:10px; } .page_productDetails .pd_addToBasketSection .pd_miscInfo { color:#000; line-height:1.72em; clear:both; } .page_productDetails .pd_addToBasketSection .pd_miscInfo div { padding-left:25px; } .page_productDetails .pd_addToBasketSection .pd_miscInfo div.viewMoreDelInfo { padding-left:0; } .page_productDetails .pd_addToBasketSection .pd_miscInfo div#otherOffers { padding-left:0; padding-bottom:5px; } .page_productDetails .pd_addToBasketSection .pd_miscInfo div.mainOffer a.offer { font-weight:normal; } .page_productDetails .pd_addToBasketSection .viewMoreDelInfo a { color:#000000; text-decoration:underline; } .page_productDetails .pd_addToBasketSection .pd_miscInfo .icon_pl_stock { background: url(../../../cmsassets/Boots/Library/Icon/ProductListIcons/icon_pl_stock/icon_pl_stock.gif) no-repeat 0 50%; } .page_productDetails .pd_addToBasketSection .pd_miscInfo .icon_pl_boots { background: url(../../../cmsassets/Boots/Library/Icon/ProductListIcons/icon_pl_boots/icon_pl_boots.gif) no-repeat 0 50%; } .page_productDetails .pd_addToBasketSection .pd_miscInfo .icon_pl_delivery { background: url(../../../cmsassets/Boots/Library/Icon/ProductListIcons/icon_pl_delivery/icon_pl_delivery.gif) no-repeat 0 50%; } .page_productDetails .pd_addToBasketSection .btn_emailStock { margin-top:5px; } #productDetailsQuickView .pd_addToBasketSection .sizeInformation { clear:left; float:left; } #productDetailsQuickView .pd_addToBasketSection .qv_vatRelief { /* clear:left; float:left; padding-top:10px; font-weight:bold;*/ } .page_productDetails .pd_addToBasketSection .priceInformation { clear:right; float:right; position:relative; top:-21px; margin-bottom:-21px; } #productDetailsQuickView .pd_addToBasketSection .priceInformation { clear:right; float:right; position:relative; *top:-4px; } #productDetailsQuickView .pd_addToBasketSection .priceInformation span, .page_productDetails .pd_addToBasketSection .priceInformation span { display:block; text-align:right; } .page_productDetails .pd_addToBasketSection .save{ color:#cb2026; font-weight:bold; font-size:1.18em; margin-bottom:5px; } #productDetailsQuickView .pd_addToBasketSection .save { color:#cb2026; font-weight:bold; font-size:1.18em; } #productDetailsQuickView .pd_addToBasketSection .oldPrice, .page_productDetails .pd_addToBasketSection .oldPrice{ color:#3f4551; } .page_productDetails .pd_addToBasketSection .out_of_stock_help { font-weight:bold; } .page_productDetails #relatedItems { width:auto; float:left; background-image:none; margin-right:8px; *margin-right:7px; } .page_productDetails #infoAndAdvice h3, .page_productDetails #relatedItems h3 { margin-bottom:0; } .page_productDetails .pd_infoAndAdvice ul, .page_productDetails .pd_relatedItems ul { border:solid 1px #d9d9d9; border-top:none; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; _float:left; } .page_productDetails .pd_relatedItems ul.clearfix { _padding-bottom:5px; } .page_productDetails .pd_infoAndAdvice ul ul { -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border:none !important; margin:0; padding:0; } .page_productDetails .pd_infoAndAdvice ul li li { padding:0; } .page_productDetails #infoAndAdvice { width:auto; float:left; background-image:none; } .page_productDetails .pd_relatedItems li{ width:134px; height:329px; _height:314px; padding:0 5px; } .page_productDetails .pd_infoAndAdvice li{ width:130px; padding:0 10px; } .page_productDetails .pd_relatedItems li, .page_productDetails .pd_infoAndAdvice li{ margin:5px 0; float:left; background:transparent url(../i/bg_dash02.gif) repeat-y scroll 0 0; } .page_productDetails .pd_relatedItems li { position:relative; } .page_productDetails .pd_relatedItems li.first, .page_productDetails .pd_infoAndAdvice li.first { background:none; } .page_productDetails .pd_infoAndAdvice li li{ margin:0; float:none; background:none; } .page_productDetails .pd_infoAndAdvice .readMore { *padding-bottom:10px; } .page_productDetails .pd_infoAndAdvice .readMore a { color:#000; text-decoration:underline; } .page_productDetails .pd_relatedItems .pl_productImg, .page_productDetails .pd_relatedItems .pl_ratings { text-align:center; } .page_productDetails .pd_relatedItems .pl_productName { height:60px; overflow:hidden; } .page_productDetails .pd_relatedItems .pl_productName a { font-weight:bold; font-size:1.09em; } .page_productDetails .pd_relatedItems .pl_price { text-align:right; padding: 4px 0; height:30px; font-size:1.54em; font-weight:bold; color:#0755a3; } .page_productDetails .pd_relatedItems .pl_pricePer { padding: 1px 0; height:16px; } .page_productDetails .pd_relatedItems .pl_priceChange { padding: 1px 0; height:16px; } .page_productDetails .pd_relatedItems .pl_priceChange div { display:inline; } .page_productDetails .pd_relatedItems .pl_priceChange div.pl_priceSaved { color:#cb2026; font-weight:bold; } .page_productDetails .pd_relatedItems .pl_badges { position:absolute; top:200px; *top:205px; left:5px; } .page_productDetails .pd_relatedItems .pl_pmeds { text-align:right; position:relative; top:-2px; height:35px; margin-bottom:-5px!important; } .page_productDetails .pd_relatedItems .pl_addToBasket { text-align:right; font-weight:bold; margin-top:0!important; *margin-bottom:7px; _margin-bottom:0px; *margin-top:-8px; padding-bottom:5px; _padding-bottom:0; *line-height:10px; } .page_productDetails .pd_infoAndAdvice li div.teaser { height:310px; *height:300px; margin-bottom:5px; overflow:hidden; } .page_productDetails .pd_infoAndAdvice li div.teaser p { text-overflow:ellipsis; } .page_productDetails .pd_infoAndAdvice li p.teaserImage { text-align:center; margin-bottom:5px; } .page_productDetails .pd_customerReviews { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0px 0px 3px #cccccc; -moz-box-shadow: 0px 0px 3px #cccccc; box-shadow: 0px 0px 3px #cccccc; border: solid 1px #d9d9d9; padding:10px; } .page_productDetails #customerReviews h4 { font-size:1.27em; font-weight:bold; color:#0755a3; } .page_productDetails #customerReviews h4 * { display:inline; color:inherit; } .page_productDetails #customerReviews .pd_reviewHeading { background:transparent url(../i/bg_dash01.gif) repeat-x scroll 0 100%; padding-bottom:10px; margin-bottom:10px; } .page_productDetails #customerReviews .pd_reviewHeading h4 { width:80%; float:left; } .page_productDetails #customerReviews .pd_reviewHeading a { display:block; float:right; width:auto; } .page_productDetails #customerReviews #sortAndPagination { background-color:#ecf5fa; width:auto; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; padding:5px; } .page_productDetails #customerReviews #sortAndPagination h5 { float:left; font-size:1.18em; margin:8px 35px 0 0; color:#0755a3; font-weight:bold } .page_productDetails #customerReviews .overallRating { margin-bottom:10px; } .page_productDetails #customerReviews .overallRating .img_rating { vertical-align:bottom; margin:0 5px; } .page_productDetails #customerReviews .sortBy form label { color:#0755a3; font-weight:bold; *position:relative; *top:-2px; } .page_productDetails #customerReviews .submitIt { vertical-align:bottom; } .page_productDetails #customerReviews div.reviewsAddThis { position:relative; } a.pd_addThis { height:16px; } a.pd_addThis img { vertical-align:middle; height:16px; width:100px; } .addthis_toolbox { display:none; position:absolute; left:0; top:0; width:90px; _width:100px; padding:5px; height:auto; background:#ecf5fa; border:solid 1px #0755a3; z-index:99; } .addthis_toolbox a { padding: 2px !important; *padding: 2px 1px !important; *width: 92px; display:block; float:none; clear:left; text-align:left; *position:relative; } .addthis_toolbox a span { margin-right:5px; } .page_productDetails .pd_addToBasketSection #mainOffer { margin-bottom:16px; } .page_productDetails a.offer { color:#CB2026; text-decoration:underline; margin-bottom:2px; } .page_productDetails #mainOffer a.offer { font-weight:bold; } #productDetailsQuickView .colourPalette, .page_productDetails .colourPalette, #productDetailsQuickView .colourPalette fieldset, .page_productDetails .colourPalette fieldset { border:none; } #productDetailsQuickView .colourPalette { border-top:none; margin-bottom:0; position:relative; top:-10px; } #productDetailsQuickView .colourPalette h2, .page_productDetails .colourPalette h2 { text-align:left; font-size:1.09em; } #productDetailsQuickView .colourPalette h2{ color:#000; font-weight:normal; } #productDetailsQuickView .colourPalette h2 strong, .page_productDetails .colourPalette h2 strong { color:#000; } #productDetailsQuickView .colourPalette h2 strong span, .page_productDetails .colourPalette h2 strong span { color:#0755a3; } #productDetailsQuickView .colourPalette h2 strong span{ display:inline !important; color:#0755a3 !important; font-weight:bold !important; font-size:1.09em !important; } .page_productDetails .colourPalette .selectedColour { text-align:right; } #productDetailsQuickView .colourPalette .selectedColour { text-align:right; display:block; } #productListerPage #productDetailsQuickView #productInformation .sponsored, .page_productDetails .sponsored { background:#ecf5fa url(../i/bg_dash01.gif) repeat-x scroll 0 0; margin-bottom:10px; font-weight:bold; padding:0; } #productListerPage #productDetailsQuickView #productInformation .sponsored { margin-top:5px; } #productListerPage #productDetailsQuickView #productInformation .sponsoredInner, .page_productDetails .sponsoredInner { background:transparent url(../i/bg_dash01.gif) repeat-x scroll 0 100%; padding:5px 6px; } #productListerPage #productDetailsQuickView #productInformation .sponsored a, .page_productDetails .sponsored a { font-weight:normal; text-decoration:underline; } .page_productDetails div#customerReviews div.customerReviewPanel { background: transparent; border-top:solid 1px #d9d9d9; } .page_productDetails div#customerReviews div.customerReviewPanel:first-child { border-top:none; } .page_productDetails div#customerReviews div.customerReviewPanel_bottom { background: transparent; } .page_productDetails div#customerReviews div.customerReviewPanel_middle { background: transparent; } .page_productDetails div#customerReviews h5 { font-size:1.18em; font-weight:bold; margin-bottom:3px; } .page_productDetails div#customerReviews .pd_reviewer { float:left; width:150px; margin-right:10px; } .page_productDetails div#customerReviews .pd_peopleLiked { text-align:right; color:#000; } .page_productDetails div#customerReviews .pd_reviewDetail { margin-bottom:10px; } .page_productDetails div#customerReviews .pd_reviewFooter img { vertical-align:middle; padding:0 5px; } .page_productDetails div#customerReviews .pd_reviewFooter strong { color:#000; } .page_productDetails div#customerReviews .pd_reviewFooter a.pd_inapproprate { color:#000; text-decoration:underline; } .page_productDetails table.specificationsTable { border: solid 1px #d9d9d9; } .page_productDetails table.specificationsTable td.nowrap { white-space:nowrap; } .page_productDetails li.pdf a { font-weight:bold; } .page_productDetails .getAdobeReader { margin-top:-33px; text-align:right; } #pd_sendProductEmail label { width:100px; _width:75px; float:left; } #pd_sendProductEmail input, #pd_sendProductEmail textarea { width:150px; } #pd_sendProductEmail fieldset { margin-bottom:3px; } #pd_sendProductEmail input#pd_frm_sendMessage { width:auto; margin-left:100px; border:solid 1px #0755a3; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; color:#fff; font-weight:bold; padding:2px 6px; background: #135da8; background-image: -webkit-gradient(linear, 0% 100%, 0% 0%, color-stop(0.11, rgb(7, 85, 163)), color-stop(0.56, rgb(71, 119, 198))); background: -moz-linear-gradient(center bottom , rgb(7, 85, 163) 6%, rgb(71, 136, 198) 53%) repeat scroll 0% 0% transparent; cursor:pointer; } .pdFormError { border:solid 1px #f00; background:#fee; } /************************************************************************************* * Generic HTML for Product Details page! *************************************************************************************/ .page_productDetails div.pd_HTML { /*_height: 1%;*/ /**zoom: 1;*/ margin-bottom: 20px; } .page_productDetails div.pd_HTML h1 { color:#238ED3; font-size:1.45em; font-weight:bold; margin-bottom: 5px; } .page_productDetails div.pd_HTML h2 { color:#238ED3; font-size:1.36em; font-weight:bold; margin-bottom: 5px; } .page_productDetails div.pd_HTML h3 { color:#238ED3; font-size:1.27em; font-weight:bold; margin-bottom: 2px; } #productDetailsQuickView div.pd_HTML h4, .page_productDetails div.pd_HTML h4 { color:#238ED3; font-size:1.09em; font-weight:bold; margin-bottom: 2px; } .page_productDetails div.pd_HTML h5 { color:#238ED3; font-size:1.09em; font-weight:bold; margin-bottom: 2px; } .page_productDetails div.pd_HTML h6 { color:#238ED3; font-size:1em; font-weight:bold; margin-bottom: 2px; } .page_productDetails div.pd_HTML hr { background:#EFF6FC none repeat scroll 0%; border:medium none; color:#EFF6FC; display:block; height:1px; margin-bottom:4px; } #productDetailsQuickView div.pd_HTML p, .page_productDetails div.pd_HTML p { font-size: 1em; margin-bottom: 10px; } .page_productDetails div.pd_HTML p img { display:block; margin:5px 0; } .page_productDetails div.pd_HTML ol { margin-left: 35px; list-style-type: decimal; } .page_productDetails div.pd_HTML ul { margin-left: 30px; list-style-type: square; } .page_productDetails div.pd_HTML table { border-collapse: separate; *border-collapse: collapse; width: 100%; border-left: 1px solid #000; border-top: 1px solid #000; } .page_productDetails div.pd_HTML table td, .page_productDetails div.pd_HTML table th { border-right: 1px solid #000; border-bottom: 1px solid #000; padding: 3px; } .page_productDetails div.pd_HTML table th { font-weight:bold; } .pl_promotions li { display:inline; margin:0 10px 0 0; float:none; } .pl_promotions li.goToSelector, #mainOffer li.goToSelector { margin-top:5px; } .pl_promotions li.goToSelector a, li.goToSelector a, span.goToSelector a { color:#cb2026 !important; background:transparent url(../i/bg_arrow_red.gif) no-repeat 100% 2px!important; padding:0 10px 0 0; text-decoration:underline!important; white-space:nowrap; display:inline-block; border-bottom:medium none!important; } #mainOffer li.goToSelector a{ font-weight:bold; } #EndecaPromoCategorySearch .goToSelector { display:none !important; /*Making this important as it needs to hide the link in this form if the include caches*/ } .giftLink { margin:0 0 5px; } #container .giftLink a { background:transparent url(../i/icons/icon-free-gift.gif) no-repeat 0 0; padding:0 0 0 20px; color:#cc0033; text-decoration:underline; white-space:nowrap; display:inline-block; } #productDetailsQuickView .giftDetails { background:transparent url(../i/bg_dash01.gif) repeat-x scroll 0 0; padding:10px 0; color:red; margin-top:10px; } #productDetailsQuickView .giftAvailibility { background:transparent url(../i/bg_dash01.gif) repeat-x scroll 0 0; padding:10px 0; font-size:1em; text-align:right; color:#0755A3; font-weight:bold; } /************************************************************************************* * Search - replace div#categories with div#ia_categories IN MASTER CSS *************************************************************************************/ div#ia_supernav {background:#fff url(../i/common/bg_categories_top.gif) no-repeat 0 0;margin-bottom: 20px;} /* DEFAULT VALUE FOR PADDING BELOW IS NORMALLY; padding:2px 14px;*/ div#ia_supernav ul {background:transparent url(../i/common/bg_categories_bottom.gif) no-repeat 0 100%; padding:2px 14px 2px 15px; position:relative;} div#ia_supernav ul li {float:left; font-size:1em; list-style: none; list-style-position: outside; /*position:relative;*/} div#ia_supernav ul li a {display:block; background:#033789 url(../i/common/bg_categories_a.gif) no-repeat 0 0; text-decoration:none; _float:left;} div#ia_supernav ul li.special a {background-image:url(../i/common/bg_categories_special.gif);} div#ia_supernav ul li.selected a, div#ia_supernav ul li a.current, div#ia_supernav ul li a:hover {background-position:0 -100px;} /* DEFAULT VALUE FOR PADDING BELOW IS NORMALLY; padding:7px 14px;*/ div#ia_supernav ul li a span {color:#fff; font-weight:bold; padding:7px 12px; display:block; background:transparent url(../i/common/bg_categories_span.gif) no-repeat 100% 0; _float:left; cursor:pointer;} div#ia_supernav ul li.special a span {background-image:url(../i/common/bg_categories_special_span.gif);} div#ia_supernav ul li.selected a span, div#ia_supernav ul li a.current span, div#ia_supernav ul li a:hover span {color:#033789; background-position:100% -100px;} div#ia_supernav ul li.first a {background-position:-1px 0;} div#ia_supernav ul li.first a.current, div#ia_supernav ul li.first a:hover {background-position:-1px -100px;} div#ia_supernav ul li.last span {background:transparent;} div#ia_supernav ul li.specialFirst a, div#ia_supernav ul li.specialFirst a:hover, div#ia_supernav ul li.specialFirst a:active, div#ia_supernav ul li.specialFirst a:focus, div#ia_supernav ul li.specialFirst a.current { background:transparent url("../i/common/bg-special-first.gif") no-repeat 0 0; margin:-1px 0 -2px -14px; padding: 1px 0 2px 14px; _position:relative; *margin:-1px 0 -4px -14px; *height:30px; } div#ia_supernav ul li.specialFirst a.current span { color:#fff; } div#ia_supernav ul li div.ia_supernav {display:none;} div#dropDownBox { } div#dropDownBox div.ia_supernav { background:#fff; border:solid 3px #dcebf9; border-top-width:10px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 15px; -webkit-border-bottom-left-radius: 15px; -moz-border-radius-topleft: 0px; -moz-border-radius-topright: 0px; -moz-border-radius-bottomright: 15px; -moz-border-radius-bottomleft: 15px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; -webkit-box-shadow: -5px 5px 10px #999; -moz-box-shadow: -5px 5px 10px #999; box-shadow: -5px 5px 10px #999; } div#dropDownBox div#ia_supernav_01 { background:transparent url(../i/common/bg_supernav_tl.png) no-repeat 0 0; _background-image:url(../i/common/bg_supernav_tl.gif); position:relative; left:-9px; zoom: 1; } div#dropDownBox div#ia_supernav_02 { background:transparent url(../i/common/bg_supernav_br.png) no-repeat 100% 100%; _background-image:url(../i/common/bg_supernav_br.gif); padding:25px 25px 0 0; zoom: 1; } div#dropDownBox div#ia_supernav_03 { background:transparent url(../i/common/bg_supernav_bl.png) no-repeat 0 100%; _background-image:url(../i/common/bg_supernav_bl.gif); zoom: 1; } div#dropDownBox div#ia_supernav_01 div.ia_supernav { background:transparent url(../i/common/bg_supernav_tr.png) no-repeat 100% 0; border:none; position:relative; zoom: 1; /* padding:25px; border: solid 1px green; */ top:-25px; left:25px; padding-left:-25px; } div#dropDownBox div#ia_supernav_01 div.ia_supernav .supernavColumn { /* border: solid 1px orange; */ margin-top:25px; position:relative; left:-10px; } div#dropDownBox div.ia_supernav ul {background:transparent; margin-top:2px; *margin-top:0px; padding:0; width:174px; padding:0; position:relative;} div#dropDownBox div.ia_supernav ul li {float:none; border:none; _display:inline;} div#dropDownBox div.ia_supernav ul li.browseAll { position:relative; /* position:absolute; bottom:20px; _margin-bottom:-20px; */ } div#dropDownBox div.ia_supernav ul li a { display:block; padding:3px 0 3px 7px; color:#000; font-size:1.09em; _position:relative; background:transparent url(../i/common/bg_arrow06.gif) no-repeat 0px -10px; } div#dropDownBox div.ia_supernav ul li a:hover { text-decoration:underline; background-position: 0px 5px; } div#dropDownBox div.ia_supernav ul li.browseAll a { font-weight:bold; text-decoration:underline; } div#dropDownBox div.ia_supernav ul li a span {} div#dropDownBox div.ia_supernav h2 { padding:4px 5px; background-color:#dcebf9; color:#0755a3; font-weight:bold; font-size:1.09em; margin-bottom:3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; *background: #dcebf9 url(../i/bg_supernav_h2.gif) no-repeat 0 0; } div#dropDownBox div.supernavColumn { width:175px; padding:0 10px 5px; *padding:0 0 5px 10px; margin-top:10px; *margin:10px 10px 0 0; float:left; } div#dropDownBox .browseBrand, div#dropDownBox .browsePromotion, div#dropDownBox .browseInfo { border-left:dashed 1px #d9d9d9; } div#pageWidePromotionalBanner { font-size:1.09em; margin:0 0 10px; } .boots_homepage div#pageWidePromotionalBanner { margin:-10px 0 10px; } div#pageWidePromotionalBanner a, div#pageWidePromotionalBanner div { color:#333; font-size:1em; } div#pageWidePromotionalBanner .sitePromoBanner { position:relative; } div#pageWidePromotionalBanner #promoBanner1 { float:left; } div#pageWidePromotionalBanner #promoBanner2 { float:right; } .search-tabs ul { background: no-repeat url(../i/search-tabs.png) 0 0; margin:0 0 10px 5px; padding:0; width:550px; } .search-tabs li { width:118px; margin:0 0 0 2px; padding:9px; float:left; font-size: 1.1em; } .search-tabs li.first {margin-left:0;} .search-tabs li.current a {color:#fff;} .search-tabs .top { min-height:69px; _height:69px; } .search-tabs .bottom { min-height:72px; _height:72px; background-position:0 100%; } .search-tabs .bottom li {padding-top:18px;} .shop .top {background-position:0 0;} .prescription .top {background-position:-550px 0;} .information .top {background-position:-1100px 0;} .all-results .top {background-position:-1650px 0;} .shop .bottom {background-position:0 100%;} .prescription .bottom {background-position:-550px 100%;} .information .bottom {background-position:-1100px 100%;} .all-results .bottom {background-position:-1650px 100%;} .search-tabs li span {display:block;} .search-tabs li img { float:right; margin: -1em 0 0 0; } /************************************************************ * New CMS components - release 5 ************************************************************/ /************************************************************************************* * Generic HTML *************************************************************************************/ div.contentHTML { /*_height: 1%;*/ /**zoom: 1;*/ margin: 10px 0; width:100%; } div.contentHTML h1 { color:#1a1a1a; font-size:1.8em; font-weight:normal; margin-bottom: 10px; } div.contentHTML h2 { color:#000; font-size:2.55em; font-weight:normal; margin-bottom: 10px; } div.contentHTML h3 { color: #238ED3; font-size: 1.4em; font-weight: bold; margin-bottom: 10px; } div.contentHTML h3.teaser-text { font-size: 1.4em; font-weight: normal; } div.contentHTML h4 { color: #238ED3; font-size: 1.3em; font-weight: bold; margin-bottom: 10px; } div.contentHTML h5 { color: #238ED3; font-size: 1.1em; font-weight: bold; margin-bottom: 10px; } div.contentHTML h6 { color:#000; font-size:1em; font-weight:bold; margin-bottom: 10px; } div.contentHTML hr { background:#EFF6FC none repeat scroll 0%; border:medium none; color:#EFF6FC; display:block; height:1px; margin-bottom:4px; } div.contentHTML p { font-size: 1.1em; margin-bottom: 10px; } div.contentHTML p.teaser-text { font-size: 1.4em; } div.contentHTML p img { display:block; margin:5px 0; } div.contentHTML ol { font-size: 1.1em; list-style-type: decimal; margin-left: 35px; } div.contentHTML ul { font-size: 1.1em; list-style-type: disc; margin-left: 30px; } div.contentHTML table { font-size: 1.1em; width: 100%; } div.contentHTML table td, div.contentHTML table th { padding: 3px; } div.contentHTML table th { font-weight:bold; } div.contentHTML div.contentHTMLInner { padding:0 5px 0 0; } /* Related links */ .contentHTML .link-lists { background:url(../i/highlight-box-btm.gif) no-repeat 0 100%; } .gp_75-25b .contentHTML .link-lists { margin:0 5px 0 10px; } .contentHTML .link-lists-btm { background:url(../i/highlight-box-btm.gif) no-repeat 100% 100%; margin:0 0 0 8px; _margin:0 0 0 11px; _width:162px; height:8px; clear:both; } .contentHTML .link-lists h2 { font-size:1.1em; padding:8px; font-weight:bold; margin:0 } .contentHTML .link-lists .first-list { background:url(../i/highlight-box-top.gif) no-repeat 0 0; } .contentHTML .link-lists .first-list h2 { background:url(../i/highlight-box-top.gif) no-repeat 100% 0; padding-left:0; margin-left:8px; } .contentHTML .link-lists .extra-list h2 { border:1px solid #ccc; border-bottom:none; } .contentHTML .link-lists ul { margin:0; padding:0 list-style:none; border:1px solid #ccc; border-bottom:none; padding:10px 17px; } #videoPlayer {background:transparent url(/wcsstore/ConsumerDirectStorefrontAssetStore/en_US/i/icons/icon_videoLoading.gif) no-repeat 50% 50%; width:558px;} .contentHTML #barText {margin-bottom:10px; width:558px;} .contentHTML #videoBar {width:558px;} .contentHTML #videoBar .link-lists ul { padding:10px 5px 0 10px; float:left; width:541px; } .contentHTML #videoBar li {float:left; padding:0 12px 0 3px;} .contentHTML #videoBar img {cursor:pointer;} .contentHTML #videoBar li p {width:120px; font-size:0.91em; margin-bottom:0;} .contentHTML .link-lists li { list-style:none; margin:0 0 5px; } .contentHTML .link-lists li a { color:#1a1a1a; text-decoration:none; font-size:1.1em; } .contentHTML .link-lists li a:hover, .contentHTML .link-lists li a:active, .contentHTML .link-lists li a:focus { color: #0755A3; text-decoration: underline; } .contentHTML .link-lists .related-links { padding:10px 0; float:left; width:168px; } .contentHTML .link-lists .related-links li { float:left; width:62px; list-style:none; margin:0 11px 10px; padding:0; display:inline; } .contentHTML .link-lists .related-links li.odd { clear:left; } .contentHTML .link-lists .related-links img { display:block; margin:0 auto 5px; } /* You can find us box */ .contentHTML .you-can-find-us { background:url(../i/highlight-box-top.gif) no-repeat 0 0; _height:1%; margin:0 6px 0 10px; } .contentHTML .you-can-find-us h2 { font-size:1.1em; background:url(../i/highlight-box-top.gif) no-repeat 100% 0; padding:8px 0 8px 0; margin:0 0 0 8px; font-weight:bold; } .contentHTML .you-can-find-us ul { list-style:none; margin:0; overflow:hidden; border:1px solid #ccc; border-bottom:none; padding:11px 0 11px 4px; _height:1%; } .contentHTML .you-can-find-us li { float:left; padding-left:7px; margin:0 0 7px; } .contentHTML .you-can-find-us-inner { background:url(../i/highlight-box-btm.gif) no-repeat 0 100%; } .contentHTML .you-can-find-us-btm { background:url(../i/highlight-box-btm.gif) no-repeat 100% 100%; height:8px; margin:0 0 0 8px; } /* read this box */ .contentHTML .read-these { background:url(../i/highlight-box-top.gif) no-repeat 0 0; margin-right:3px; } .contentHTML .read-these .row { border:1px solid #ccc; border-bottom:none; overflow:hidden; padding:8px 0; _height:1%; } .contentHTML .read-these .column { width:135px; border-right:1px solid #ccc; float:left; min-height:260px; _height:220px; position:relative; padding-bottom:40px; } .contentHTML .read-these .column .button { position:absolute; bottom:5px; left:7px; } .contentHTML .read-these .last { border-right:none; } .contentHTML .read-these .inner { width:100px; margin:11px 15px; } .contentHTML .read-these .inner img { display:block; margin:0 auto; } .contentHTML .read-these h2 { font-size:1.2em; background:url(../i/highlight-box-top.gif) no-repeat 100% 0; padding:8px 0 8px 0; margin:0 0 0 8px; font-weight:bold; } .contentHTML .read-these h3 { font-size:1.1em; font-weight:normal; margin-top:8px; color: #3F4551; } .contentHTML .read-these p { font-size:1em; } .contentHTML .read-these .button { display:block; width:115px; margin:0 auto; } .contentHTML .read-these-inner { background:url(../i/highlight-box-btm.gif) no-repeat 0 100%; } .contentHTML .read-these-btm { background:url(../i/highlight-box-btm.gif) no-repeat 100% 100%; clear:both; height:8px; margin:0 0 0 8px; } /************************************************************************************* * Slide show *************************************************************************************/ #slideshow { width:712px; height:445px; position:relative; background: url(../i/highlight-box-top.gif) no-repeat 0 0; } #slideshow .inner { background: url(../i/highlight-box-btm.gif) no-repeat 0 100%; padding:0 0 10px; height:435px; float:left; width:100%; } #slides { border-left:1px solid #ccc; border-right:1px solid #ccc; margin:10px 0 10px; width:710px; height:420px; float:left; } .slide { display: none; clear: both; margin-top: 65px; background:#fff; } #slides .slide-image { width:310px; float:left; margin:0 25px 0 26px; _display:inline; } #slides .slide-content { width:325px; float:left; height:188px; overflow:auto; } #slides .beFirst { text-align:right; float:right; } #slides .end-slide .slide-content { width:100%; overflow: visible; height:auto; } #slides .slide-content h3 { font-size:1.8em; font-weight:normal; } #slides .end-slide li { list-style:none; float:left; width:209px; margin:0 10px 0 0; min-height:168px; _height:168px; } #slides .end-slide h2 { border:none; margin-left:25px; font-size:1.7em; color:#116FAC; } #slides .end-slide h3 { font-size:1.1em; font-weight:normal; } #slides .end-slide h3 a { color:#116fac; text-decoration:none; } #slides .end-slide h3 a:hover, #slides .end-slide h3 a:active, #slides .end-slide h3 a:focus { text-decoration:underline; } #slides .end-slide p { font-size:1em; } #slides .end-slide li img { float:left; margin:0 5px 64px 0; } #slides .view-product { float:left; margin-right:35px; } #slides .rating img { display:inline; vertical-align:middle; } #slide1 { display: block; } #slideshow-tools { position:absolute; top:25px; left:26px; width:685px; display:none; } #slideshow-pagination { list-style:none; float:left; width:290px; height:26px; padding:0 10px; margin:0; background: url(../i/bg-carousel-pagination.gif) no-repeat 0 0; } #slideshow-pagination li { float:left; width:33%; margin:5px 0; } #slideshow-pagination a { text-decoration:none; } #pagination-next { float:right; background: url(../i/bg_arrow_next01.gif) no-repeat 100% 50%; padding-right: 15px; } #pagination-prev { background: url(../i/bg_arrow_previous01.gif) no-repeat 0 50%; padding-left: 15px; } #current-slide { margin-left:30px; } #slideshow-tools p { float:right; width:120px; height:21px; margin:0 25px 0 0; line-height:1; _display:inline; } #slideshow-tools img { margin:0; } /* Carousel */ #preview-carousel { visibility:hidden; background: url(../i/bg-carousel.gif) no-repeat 0 100%; width:325px; margin:-158px 26px 20px 0; float:right; _display:inline; } #preview-carousel h2 { background: url(../i/bg-carousel.gif) no-repeat 0 0; font-size:1.2em; padding:8px 10px; border-bottom:1px solid #ccc; margin:0; } #slideshow .jcarousel-container-horizontal { width: 255px; padding: 13px 37px 12px 37px; } #slideshow .jcarousel-clip-horizontal { width: 255px; height: 77px; } #slideshow .jcarousel-item { width: 70px; height: 77px; } #slideshow .jcarousel-item-horizontal { margin-left: 0; margin-right: 19px; display: inline } #slideshow .jcarousel-item-vertical { margin-bottom: 10px; } #slideshow .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ #slideshow .jcarousel-next-horizontal { position: absolute; top: 21px; right: 5px; width: 22px; height: 42px; cursor: pointer; background: transparent url(../i/btn-carousel-next.gif) no-repeat 0 0; } #slideshow .jcarousel-prev-horizontal { position: absolute; top: 21px; left: 1px; width: 22px; height: 42px; cursor: pointer; background: transparent url(../i/btn-carousel-prev.gif) no-repeat 0 0; } /*********************** * YouTube component PC_IA_YouTubeVideo ***********************/ body #youTubeVideoComp .resultsBox_gsvb div.resultDiv_gsvb { border-color:#fff; } #youTubeVideoComp .playerBox_gsvb div.title_gsvb, #youTubeVideoComp .playerBox_gsvb div.alldone_gsvb { display: none; } #youTubeVideoComp .playerInnerBox_gsvb, #youTubeVideoComp .playerBox_gsvb { margin: 0; } #youTubeVideoComp #videoPlayer { margin-bottom:10px; background:transparent url(/wcsstore/ConsumerDirectStorefrontAssetStore/en_US/i/icons/icon_videoLoading.gif) no-repeat 50% 50%; } #youTubeVideoComp #videoBar-bar { height:106px; background:transparent url(/wcsstore/ConsumerDirectStorefrontAssetStore/en_US/i/icons/icon_videoLoading.gif) no-repeat 50% 50%; } #youTubeVideoComp .resultTable_gsvb { background:#fff; } #youTubeVideoComp div.contentHTML table.gsc-branding { border:none; } #youTubeVideoComp div.contentHTML table.resultTable_gsvb { border:none; width:auto; } #youTubeVideoComp div.contentHTML table.resultTable_gsvb td, #youTubeVideoComp div.contentHTML table.resultTable_gsvb th { border:none; padding:0; } #youTubeVideoComp .contentHTML .link-lists .moreVideos ul { padding-bottom:1px; } #youTubeVideoComp .video-primary { width:514px; float:left; } #youTubeVideoComp .video-secondary { width:175px; float:right; } #youTubeVideoComp .rhsContent .link-lists-btm { _width:159px; } #youTubeVideoComp #videoBar .link-lists-btm { _width:545px; } /* Addthis */ div.addthisbox ul { margin:0 0 0 -5px; } .addthisbox li { list-style:none; float:left; margin:0 0 0 5px; } .contentHTML .addthisbox { float:right; } #bookmarkingHeader hr { clear:both; background-color:#ccc; color:#ccc; } /* Multi part ad card/clubs application form */ #applicationSteps ol { width:930px; height:25px; text-indent:-9999px; margin:0 0 10px -186px; background-image:url("../i/adCardApplication/sprite-application-progress.gif"); background-repeat: no-repeat; position:relative; } #applicationSteps ol li { float:left; } #applicationSteps .yourDetailsStep { background-position: 0 0; } #applicationSteps .yourPrefsStep { background-position: 0 -25px; } #applicationSteps .confirmationStep { background-position: 0 -50px; } .multiApplicationForm div#advantagecard div.sectionTitle { background: url("../i/adCardApplication/bg-ad-card-application-header-top.gif") no-repeat 0 0; } .multiApplicationForm div#advantagecard div.sectionTitleInner { background: url("../i/adCardApplication/bg-ad-card-application-header-btm.gif") no-repeat 0 100%; padding-bottom:0; } .multiApplicationForm div#advantagecard div.sectionTitleContent { background: url("../i/adCardApplication/bg-ad-card-application-header-img.gif") no-repeat 100% 100%; margin:0 1px 0 0; } .multiApplicationForm div#advantagecard div.sectionTitleInner h1 { font-size:2.3em; letter-spacing:-1px; line-height:1; margin:0 200px 10px 0; min-height:0; } .multiApplicationForm div#advantagecard div.sectionTitleInner p { margin-right:230px; padding-bottom:11px; } .healthClub div#advantagecard div.sectionTitle { background-image: url("../i/adCardApplication/bg-health-club-application-top.gif"); } .healthClub div#advantagecard div.sectionTitleInner { background-image: url("../i/adCardApplication/bg-health-club-application-btm.gif"); } .healthClub div#advantagecard div.sectionTitleContent { background:none; } .healthClub div#advantagecard div.sectionTitleInner h1 { color:#0755a3; } .parentingClub div#advantagecard div.sectionTitle { background-image: url("../i/adCardApplication/bg-parent-club-application-top.gif"); } .parentingClub div#advantagecard div.sectionTitleInner { background-image: url("../i/adCardApplication/bg-parent-club-application-btm.gif"); } .parentingClub div#advantagecard div.sectionTitleContent { background:none; } .parentingClub div#advantagecard div.sectionTitleInner h1 { color:#dd6403; } .multiApplicationForm div.supplementaryTitleInformation h2 { color:#a70069; } .multiApplicationForm form h2, #bootsAccount h2 { border-bottom:2px solid #a70069; color:#a70069; } .multiApplicationForm fieldset div.field div select, .multiApplicationForm fieldset div.field div input.text, #bootsAccount fieldset div select, #bootsAccount fieldset div input.text { background-color:#fdf3f7; border:1px solid #a6adb2; } .multiApplicationForm fieldset div.field .inputAreaAdcard img { vertical-align: text-top; margin:0 10px 0 15px; } .multiApplicationForm fieldset div.radioOptions label { float:none; width:auto; } .multiApplicationForm div.action { text-align:right; } .multiApplicationForm div.action .back { float:left; } .multiApplicationForm div#advantageCardBarcode .supplementaryTitleInformation, .multiApplicationForm div#advantageCardBarcode .supplementaryTitleInformation .thanksForInstantCard, .multiApplicationForm div#advantageCardBarcode .thanksForInstantCard p { padding:0; width:558px; } .multiApplicationForm div#advantageCardBarcode div.action { border-top: none; padding-top: 8px; } .multiApplicationForm div#advantageCardBarcode .continue-shopping { float:right; margin:0 0 10px; } .multiApplicationForm div#advantageCardBarcode .supplementaryTitleInformation h2 { border-bottom: 2px solid #A70069; font-size: 1.09em; font-weight: bold; margin-bottom: 5px; padding-bottom: 2px; } #applicationContentSpots { list-style:none; margin:20px 0; padding:0; clear:both; } #applicationContentSpots li { float:left; margin:0 0 10px 12px; } #applicationContentSpots li.first { margin-left:0; } #securityCheck a { color:#3F4551; text-decoration:none; } #securityCheck p { margin:0 auto; width:449px; } #securityCheck .action { margin:-20px 0 0; } #bootsCaptcha { margin:10px auto 0; width:429px; padding:8px 10px; background:url('../i/bg-captcha.gif') no-repeat 0 0; height:109px; overflow:hidden; } #recaptcha_image { border:1px solid #bcc2c7; margin:0 10px 5px 0; } #captcha_challenge, #captcha_tools { float:left; } #captcha_challenge input { width:170px; background:#eff6fc; border:1px solid #bac1c6; height:18px; } #captcha_challenge label { width:130px; padding:0 0 10px; float:left; } #captcha_tools img { vertical-align:middle; } #adCardOverlay, #adCardOverlay #signinOverlay { width:330px; } #adCardSignIn { display:none; } #adCardSignIn #logonDiv { text-align:right; } #adCardSignIn fieldset div.field div input.text { width:125px; } #roiUkCard { background:#fff; padding:20px; } #roiUkCard p { margin:0 0 8px; } #roiUkCard .action, #bootsAccount .action { float:right; margin:-25px 0 0; } .dialog .adCard h3 { font-size:1.2em; font-weight:bold; color:#0755a3; padding:8px 0 0; } .multiApplicationForm .additionalOptions .label { width:111px; } .multiApplicationForm .additionalOptions .checkboxfield label { width:330px; } .multiApplicationForm .additionalOptions .checkboxfield .terms { width:200px; } .multiApplicationForm #country { width:133px; } .multiApplicationForm .changeEmail { margin:0 0 10px; } .multiApplicationForm p.caveat { margin:20px 0; } .multiApplicationForm fieldset.joinClub { margin:0 0 20px; } #securityCheck #formErrorContainer p { width:auto; } #securityCheck #formErrorContainer a { color:#CC0033; } .multiApplicationForm div#advantageCardBarcode div#barcode { background:#fff url("../i/adCardApplication/bg-adcard-barcode.gif") no-repeat 0 0; width:243px; height:134px; padding:70px 0 0 50px; border:0; } .multiApplicationForm .clubOptIn .informationOverlayPad { position:relative; bottom:-1px; _bottom:-4px; } #ACFPreferencesBackForm img { position:relative; top:-26px; }