/****************************************************************************** * Main.css for Cubus 2.0 by Sprint ******************************************************************************* Z-index'es Global: NavGlobal: 100-199 - secondlevel changes to 2100 on hover Breadcrumbs: 200 PagingContainer: 201 extraMenu: 202 Logo: 300 Languagemenu: 500-599 CollectionItem - zoom: 450-499 //jquery.jqzoom.css - ProductInfo: 400-449 Campaign - actionsButtons: 701 - videobutton: 15 - nextbutton: 14 -backbutton: 13 - RelatedPagesControl (slider): 700 - sliderButton: 701 - JWBox Video: 800 Colors: light-grey; #9D9D9C dark-grey: #575756 VideoTeaser: object 21 img 20 ******************************************************************************/ /*** global ***/ html { margin: 0 auto 0 auto; padding: 0 auto; overflow: scroll; } body { margin: 0 auto; width:960px; font-family:"Arial"; } .ie7 body { position:relative; } a { color: #000; text-decoration:none; border:none; outline:none; } p { font-size:14px; margin:0; } h1 { margin-top:0; font-size:30px; font-weight:normal; } h2 { font-size:14px; margin:8px 0 4px 0; } h3 { font-size:16px; } ul, ol { margin:0; padding:0; } li { list-style:none; } img { border:none; outline:none; } .ingress { font-size:14px; font-weight:bold; } .displayBlock { display:block !IMPORTANT; } .displayNone { display:none !IMPORTANT; } #headerMenus { float:right; width:960px; text-align:right; font-size:10px; margin-top: 5px; } #languageSelector { width:120px; float:right; text-align:right; border-right:1px solid #000; padding:0 10px 5px 0; text-transform:uppercase; position: relative; z-index:500; } #languageSelectionMenuButton a { font-weight: bold} #languageSelectionMenu { display:none; position: absolute; z-index: 501; line-height: 1.3em; right: -1px; padding: 10px 10px 20px 40px; border-right:1px solid #000; background: #FFF; } #languageSelectionMenu a:hover { font-weight:bold; } #navAuxiliary { float:right; } #navAuxiliary a { color:#666; } #navAuxiliary ul li { display:inline; padding: 0 0 0 10px; } #header { height:72px; width:160px; float:left; margin-bottom:-25px; } #header #branding a img { position:relative; z-index:300; } #branding { padding-top:22px; padding-left:20px; } /*** navGlobal ***/ #navGlobal { text-transform:uppercase; float:left; position:relative; z-index:0; width:754px; padding:0 0 20px 206px; background: url("../../../Images/Cubus/lib/menu-bar.png") repeat-x scroll 0 25px transparent; } .ie7 #navGlobal { background: url("../../../Images/Cubus/lib/menu-bar.png") repeat-x scroll 0 29px transparent; padding-top:4px; } .ie8 #navGlobal { background: url("../../../Images/Cubus/lib/menu-bar.png") repeat-x scroll 0 29px transparent; padding:4px 0 23px 206px; } #navGlobal ul { float:left; position:relative; width:100%; padding-top:2px; height:28px; /*Changed to visible on dom-ready to prevent it from displaying all levels before the javascript kicks in*/ visibility:hidden; } #navGlobal ul li { display:inline; float:left;font-size:15px; height:24px; margin-right:0px; } #navGlobal ul li.selected { font-weight:bold; background: url("../../../Images/Cubus/lib/menu-bar_selected.png") no-repeat scroll 32% 16px transparent; } #navGlobal ul li.selected a { } #navGlobal ul li.last { border-right:none; } #navGlobal ul li a { display:inline; } #navGlobal ul li a:hover { font-weight: bold; } #navGlobal ul li.selected ul { font-weight:normal; } #navGlobal ul li ul { width:750px; position:absolute; left:0; padding-top:10px; z-index: 0; /*Changed to hidden on dom-ready to prevent it from displaying all levels before the javascript kicks in*/ visibility:hidden; height:auto; } .ie7 #navGlobal ul li ul { margin-top:18px; } .ie8 #navGlobal ul li ul { margin-top: 0px; } #navGlobal ul li ul li { display:inline; float:left;height:auto; margin-right:0px;} #navGlobal ul li ul li a { display:block; font-size:12px; } #navGlobal ul li ul li ul { position:relative; float:left; padding-top:5px; visibility:hidden; } .ie7 #navGlobal ul li ul li ul { margin-top:0; } .ie8 #navGlobal ul li ul li ul { padding-top:8px; } #navGlobal ul li ul li ul li { background: url("../../../../../Images/Cubus/lib/HoverTransparentBlack_70_10px.png") repeat 0 0 scroll; padding:10px; border-right:1px solid #999; margin:0;} #navGlobal ul li ul li ul li.last { border-right:none; } #navGlobal ul li ul li ul li a { color:#fff; font-size:12px; font-weight:bold; } #navGlobal ul li ul li ul li ul { display:block; width:120px; position:relative; float:left; } #navGlobal ul li ul li ul li ul li { display:block; background:none; padding:2px 0 0 0; border-right:none; width:120px;} #navGlobal ul li ul li ul li ul li a { font-weight:normal; font-size:12px; text-transform:none; color:#eee; } #navGlobal ul li ul li ul li ul li a:hover { color:#fff; } /*** extraMenu ***/ #extraMenu { width:auto; float:right; position:relative; margin-top:-54px; font-size: 10px; color:#666; z-index:202; text-transform:uppercase; } #extraMenu ul li { background:transparent url("../../../Images/Cubus/lib/favoritter_icon_menu.png") no-repeat 0 0; height:23px; padding-left:28px; line-height:11px; } #extraMenu ul li a { color:#999; } #extraMenu ul li.addedFavourites { background:transparent url("../../../Images/Cubus/lib/favoritter_icon_menu_black.png") no-repeat 0 0; height:23px; padding-left:28px; line-height:11px; } #extraMenu ul li.addedFavourites a { color:#000; } /*** Breadcrumbs ***/ #breadcrumbHome { float:left; margin:6px 0 17px 24px; } .FrontPage #breadcrumbHome { display:none; } #breadcrumbs { position: relative; margin:6px 0 17px 8px; float:left; width:90%; z-index: 200; } #breadcrumbs ol li { display:inline; padding:0 0 0 0px; font-size:10px; text-transform:uppercase; } #breadcrumbs ol li.first a { display:none; } #breadcrumbs ol li a, #breadcrumbs ol li span { color:#666; padding-right:6px; } #breadcrumbs ol li.last, #breadcrumbs ol li.last a { color:#000; text-transform:none; font-weight:normal; } /*** navRegional ***/ #navRegional { width:129px; float:left; font-size:12px; padding: 0 0 0 24px; } .ie7 #navRegional { margin-left:0; } .ie9 #navRegional { margin-left:-35px; } .operaMac #navRegional, .safariMac #navRegional { margin-left:-35px; } #navRegional ul li { font-weight:bold; text-transform:uppercase; margin:0px 0 24px 0; width:129px; word-wrap:break-word;} #navRegional ul li a { display:block; margin:0px 0 6px 0; font-size:14px; width:129px;} #navRegional ul li ul li { font-weight:normal; text-transform:none; margin:4px 0 3px 0; color:#666; } #navRegional ul li ul li a { color:#666; margin:0px 0 2px 0; font-size:12px; } #navRegional ul li ul li a:hover, #navRegional ul li ul li.selected a { color:#000; text-decoration:underline; } #navRegional ul li ul li ul { padding-left:6px; } #navRegional ul li ul li ul li { margin:0px 0 2px 0; } #navRegional ul li ul li ul li a { font-size:11px; } #navRegional ul li ul li.selected ul li.selected a { color:#000; } #navRegional ul li ul li.selected ul li a { color:#666; font-weight:normal; text-decoration:none; } .ArticleAdvanced.noContentSecondary #navRegional ul li, .ShopList #navRegional ul li, .Shop #navRegional ul li, .ShopList #navRegional ul li a, .Shop #navRegional ul li a { margin:0 0 4px 0; } .ShopList #navRegional ul li.selected, .Shop #navRegional ul li.selected { text-decoration:underline; } .ShopList #navRegional ul li a, .Shop #navRegional ul li a { color:#666; font-weight:normal; } .ShopList #navRegional ul li.selected a, .Shop #navRegional ul li.selected a { color:#000; font-weight:bold; } .PressContact #navRegional ul li, .PressInformation #navRegional ul li { margin:0 0 12px 0; } .ArticleAdvanced.noContentSecondary #navRegional ul li ul li, .ShopList #navRegional ul li ul li, .Shop #navRegional ul li ul li, .PressContact #navRegional ul li ul li, .PressInformation #navRegional ul li ul li { margin:4px 0 3px 0; } .PressInformation #navRegional ul li ul li.selected a { color:#000; } .PressInformation #navRegional ul li ul li.selected ul li a { color:#666; font-weight:normal; text-decoration:none; } .PressInformation #navRegional ul li ul li.selected ul li.selected a { color:#000; } /*** contentPrimary ***/ #contentPrimary { width:758px; float:left; border-left:1px solid #000; margin-right:48px; } /*** contentSecondary ***/ #contentSecondary { width:782px; float:right; border-left:1px solid #000; padding:30px 0px 0 24px; margin:0 0 0 0; } #contentSecondary #itemList { border-top:1px solid #000; padding-top:17px; padding-right:0px; } #contentSecondary #itemList a img { padding:0px 34px 30px 0px; } /*** contentTools ***/ #contentTools { margin:24px 0 12px 0; height:20px; width:88px; float:left;} #contentTools a { float:right; } #contentTools a img[alt="Print"] { margin-top:5px; } #contentTools #FBShare, #contentTools #TWShare { margin-top:0px; display:block; width:20px; float:left; margin-right:3px; } #contentTools #TWShare { margin-right:0px; } /*** PagingContainer ***/ .PagingContainer { float:right; height:13px; font-size:10px; width:250px; position:absolute; top:-30px; right:-48px; z-index:201; } .PagingContainer a { color:#666; } .PagingContainer #viewAll, .PagingContainer #PageLinks { text-align:right; float:right; } .PagingContainer #PageLinks a { padding:0 2px 0 2px; } .PagingContainer #PageLinks a.SelectedPagingItem { color:#000; text-decoration:underline; } .PagingContainer #viewAll a { color:#000; text-transform:uppercase; padding-left:5px; font-weight:bold; } .PagingContainer #PageLinks a[title="Next Page"] { border-left:1px solid #000; border-right:1px solid #000; padding:0 5px 0 5px; } .PagingConteiner #PageLinks a[title="Previous Page"] { border-right:1px solid #000; } .PagingContainer a[title="Last Page"], .PagingContainer a[title="First Page"] { display:none; } /************************************************************************************************* * ArticleAdvanced *************************************************************************************************/ .ArticleAdvanced #contentPrimary { float:left; width: 581px; margin-right:0; padding:0 24px; border-right:1px solid #000; } .ArticleAdvanced #contentPrimary div { width:420px; } .ArticleAdvanced #contentPrimary #ctl01_MainRegion_MainContentRegion_MainMedia1_MainMediaPanel, .ArticleAdvanced #contentPrimary #ctl01_MainRegion_MainContentRegion_MainMedia_MainMediaPanel { width:581px; } .ArticleAdvanced #contentPrimary h1 { margin-bottom:3px; float:left; width:420px; line-height:30px; } .ArticleAdvanced #contentPrimary h2 { font-size:18px; width:420px; float:left; margin: 12px 0 3px 0; } .ArticleAdvanced #contentPrimary h3 { font-size:14px; width:420px; float:left; margin: 12px 0 3px 0; } .ArticleAdvanced #contentPrimary p { } .ArticleAdvanced #contentPrimary p img { float:left; } .ArticleAdvanced #contentPrimary .ingress { margin:8px 0 8px 0; float:left; width:420px; } .ArticleAdvanced #contentPrimary #ctl01_MainRegion_MainContentRegion_MainMedia1_MainMediaPanel, .ArticleAdvanced #contentPrimary #ctl01_MainRegion_MainContentRegion_MainMedia_MainMediaPanel { padding-bottom:14px; max-width:581px; overflow:hidden; } .ArticleAdvanced #contentPrimary .caption { padding-bottom:12px; font-size:12px; font-style:italic; width:420px; } .ArticleAdvanced #contentPrimary .ImageRight, .ArticleAdvanced #contentPrimary .ImageRight img { float:right; margin:16px 0 16px 16px; } .ArticleAdvanced #contentPrimary .ImageLeft, .ArticleAdvanced #contentPrimary .ImageLeft img { float:left; margin:16px 16px 16px 0; } .ArticleAdvanced #contentPrimary #contentTools { width:581px; margin-top:12px; float:left; } .ArticleAdvanced #contentPrimary #productRelated { margin-top:12px; } .ArticleAdvanced #contentPrimary .video { width:581px; } .ArticleAdvanced #contentPrimary .video .botrplayer { width:581px; margin-bottom:16px; } .ArticleAdvanced #contentPrimary #productRelated { width:581px; } .ArticleAdvanced #contentPrimary #productRelated #tags { width:581px; } .ArticleAdvanced #contentSecondary { width:160px; float:left; padding:0 0 0 16px; border-left:none; } .ArticleAdvanced #contentSecondary img { width:160px; } .ArticleAdvanced #contentSecondary h3 { background-image: url("../../../Images/Cubus/lib/menu-bar.png"); background-repeat:repeat-x; padding-top:6px; margin-top:4px; margin-bottom:2px; } .ArticleAdvanced #contentSecondary .listBlock { padding-bottom:24px; } /*.ArticleAdvanced #contentSecondary .listBlock.selected { opacity:0.45; filter: alpha(opacity = 45); }*/ /************************************************************************************************* * ArticleAdvanced.noContentSecondary *************************************************************************************************/ .ArticleAdvanced.noContentSecondary #contentSecondary { display:none; } .ArticleAdvanced.noContentSecondary #contentPrimary { margin:0; padding-left:24px; padding-right:0; width:782px; border-right:none; } .ArticleAdvanced.noContentSecondary #contentPrimary #ctl01_MainRegion_MainContentRegion_MainMedia1_MainMediaPanel, .ArticleAdvanced.noContentSecondary #contentPrimary #ctl01_MainRegion_MainContentRegion_MainMedia1_MainMediaPanel img, .ArticleAdvanced.noContentSecondary #contentPrimary #ctl01_MainRegion_MainContentRegion_MainMedia_MainMediaPanel, .ArticleAdvanced.noContentSecondary #contentPrimary #ctl01_MainRegion_MainContentRegion_MainMedia_MainMediaPanel img { float:right; width:520px; height:520px; } .ArticleAdvanced.noContentSecondary #contentPrimary #teaserImage { float:left; height:530px; margin:0 50px 4px 20px; } .ArticleAdvanced.noContentSecondary #contentPrimary div { float:left; width:782px; } .ArticleAdvanced.noContentSecondary #contentPrimary h1, .ArticleAdvanced.noContentSecondary #contentPrimary h1 div, .ArticleAdvanced.noContentSecondary #contentPrimary p { text-align:left; } .ArticleAdvanced.noContentSecondary #contentPrimary h1 span { font-weight:normal; } .ArticleAdvanced.noContentSecondary #contentPrimary p { width:420px; float:left; } .ArticleAdvanced.noContentSecondary #contentPrimary p img { margin:16px 0 16px 0; } .ArticleAdvanced.noContentSecondary #contentPrimary .ImageRight { margin: 0 0 16px 16px; } .ArticleAdvanced.noContentSecondary #contentPrimary .ImageLeft { margin:0 16px 16px 0; } .ArticleAdvanced.noContentSecondary #contentPrimary h1, .ArticleAdvanced.noContentSecondary #contentPrimary h2, .ArticleAdvanced.noContentSecondary #contentPrimary h3, .ArticleAdvanced.noContentSecondary #contentPrimary ul { width:420px; } .ArticleAdvanced.noContentSecondary #contentPrimary ul li { font-size:14px; } .ArticleAdvanced.noContentSecondary #contentPrimary #zoom { float:right; width:100%; } .ArticleAdvanced.noContentSecondary #productRelated ul { width:782px; } .ArticleAdvanced.noContentSecondary #contentPrimary #productRelated #tags { width:782px; } .ArticleAdvanced.noContentSecondary #productRelated ul#tagpages li, .ArticleAdvanced.noContentSecondary #productRelated ul#tagpages li p { width:124px; } .ArticleAdvanced.noContentSecondary #productRelated #tagpages p.PriceFormat { text-align:center; } /************************************************************************************************* * ArticleList *************************************************************************************************/ .ArticleList #contentPrimary { padding-left:24px; width:734px; padding-top:0px; } .ArticleList #contentPrimary .questionBlock { width:400px; } /************************************************************************************************* * FolderList *************************************************************************************************/ .FolderList.noContentSecondary #contentPrimary { margin:0 0 0 0px; padding:0 0 0 24px; width:782px; } .FolderList.noContentSecondary #contentPrimary p { width:420px; margin-bottom:24px; } .FolderList.noContentSecondary #FolderListText { padding-left:24px; } .FolderList.noContentSecondary #ArticleAdvancedList { padding-top:24px; } .FolderList.noContentSecondary #contentPrimary .ArticleAdvTeaser { width:126px; min-height:350px; float:left; margin-right:30px; } .FolderList.noContentSecondary #ArticleAdvancedList h2 { font-size:12px; font-weight:normal; text-align:center; } /************************************************************************************************* * Collection & Tag *************************************************************************************************/ .Tag #contentPrimary, .Collection #contentPrimary { padding-left:24px; width:734px; } .Tag #collectionList .collectionItem, .Collection #collectionList .collectionItem { width:116px; padding:0 15px 20px 15px; float:left; } .Collection #collectionList p, #tagpages p, .Collection .PriceFormat, #tagpages .PriceFormat, .Tag .PriceFormat { text-align:center; color:#666; font-size:12px; } .Tag #collectionList .collectionItem p { text-align: center; } .Tag #IntroImage { float:left; width:960px; } .Collection #collectionList, .Tag #collectionList { position:relative; float:left; width:734px; } /************************************************************************************************* * CollectionItem *************************************************************************************************/ .CollectionItem #contentPrimary { margin-right:42px; width:764px; } .CollectionItem #breadcrumbs ol li:last-child span { display:none; } .CollectionItem #mainImage { display:block; width:288px; float:left; margin:0 74px 0 62px; background-color:#fff; } .CollectionItem #secondaryImage { display:none; width:288px; float:left; margin:0 74px 0 62px; } .CollectionItem #productImage { background-color:#fff; } .CollectionItem #contentTools { clear: both; float: left; margin: 12px 0 0 0; } .CollectionItem #ActionButtons { float:left; margin-left:-1px; } /*** productInfo ***/ .CollectionItem #productInfo { width:324px; float:left; margin-left:13px; position:relative; z-index:400; } .CollectionItem #productInfo .price, .CollectionItem #productInfo .size, .CollectionItem #productInfo .styleLabel { width:100%; } .CollectionItem #productInfo .price, .CollectionItem #productInfo .size, .CollectionItem #productInfo .Currency, .CollectionItem #productInfo .PriceFormat, .CollectionItem #productInfo .sizeLabel, .CollectionItem #productInfo .sizeValue, .CollectionItem #productInfo .styleLabel { float:left; } .CollectionItem #productInfo .Currency, .CollectionItem #productInfo .sizeLabel { font-size:14px; margin-right:2px; } .CollectionItem #productInfo .PriceFormat, .CollectionItem #productInfo .sizeValue { font-size:14px; } .CollectionItem #productInfo ul { width: 180px; margin-top:12px; float: left; } .CollectionItem #productInfo ul li { margin-right:0px; width:30px; height:95px; float:left; } .CollectionItem .PriceFormat { font-size:16px; } .CollectionItem .comment { font-size:14px; } .CollectionItem #productInfo #turnAround { width:29px; float:left; height:25px; margin-top: 21px; } .CollectionItem #productInfo #favourites { width:134px; float:left; height:25px; margin-top: 20px; } .CollectionItem #productInfo #turnAround:hover, .CollectionItem #productInfo #favourites:hover { cursor:pointer; } .CollectionItem #productInfo #turnAroundImage, .CollectionItem #productInfo #favouritesImage { float:left; } .CollectionItem #productInfo #turnAroundText, .CollectionItem #productInfo #favourites a { float:left; width:auto; font-size:10px; text-transform:uppercase; color:#000; font-weight:normal; width:95px; height:22px; padding-right:10px; line-height:11px; margin-left:0px; margin-top:2px; text-align:left; } .CollectionItem #productInfo #favourites a { float:right; } .CollectionItem #productInfo #favourites input[type="image"] { float:left; } .CollectionItem #productInfo #turnAroundText { padding-top:8px; } .CollectionItem #productInfo ul { width: 240px; margin-top:12px; float: left; margin-left: -15px; } .CollectionItem #productInfo ul li { margin-right:0px; width:40px; height:95px; float:left; position:relative; z-index: 1; } .CollectionItem #productInfo ul li.hover { z-index:2; } .CollectionItem #productInfo .campaignPriceLabel { display:none; } /*** contentTools ***/ .CollectionItem #contentTools #FBShare, .CollectionItem #contentTools #TWShare { float:left; margin-right:3px; } /************************************************************************************************* * Campaign *************************************************************************************************/ .Campaign #contentPrimary { border:none; width: 732px; float:left; padding: 0; } .ie9 .Campaign #contentPrimary { margin-left:-35px; } .operaMac .Campaign #contentPrimary, .safariMac .Campaign #contentPrimary { margin-left:-35px; } .Campaign #contentPrimary #mainImage { float:left; padding: 0; } .Campaign #contentPrimary .actionButtons { border: none; width: 492px; height: 576px; position:absolute; } .ie7 .Campaign #contentPrimary .actionButtons { left:0; } .Campaign #contentPrimary .campaignInfo { float: left; text-align: center; border: none; width: 274px; margin-top: 140px; margin-left:24px; } .Campaign #contentPrimary .campaignInfo .offer { color: #666; font-size: 2.2em; margin-bottom:3px; } .Campaign #contentPrimary .campaignInfo .currency { color: #666; font-size: 1.3em; font-weight: normal; margin-right: 5px; } .Campaign #contentPrimary .campaignInfo .price { color: #000; font-size: 4em; font-weight: normal; line-height: 0.8em;} .Campaign #contentPrimary .campaignInfo .headinglink{color: #666; text-transform:uppercase; font-size:0.8em; font-weight:bold; width:274px; margin-top:6px; } .Campaign #contentPrimary .campaignInfo .headinglink a{color: #666;} .ie7 .Campaign #contentPrimary .actionButtons { position:absolute; z-index:701; } .Campaign #contentPrimary .actionButtons .videothumboverlay { position: absolute; z-index: 15; padding:0; margin:45% 37%; left:0; top:0; } .Campaign #contentPrimary .actionButtons #Next { z-index: 14; position: absolute; right: 10px; top: 20px; background: url("../../../Images/Cubus/lib/buttonGlow42px_4.png") no-repeat scroll 0 0px transparent; } .Campaign #contentPrimary .actionButtons #Previous { z-index: 13; position: absolute; right: 34px; top: 40px; } .Campaign #contentSecondary { border:none; width: 180px; float:left; padding:0; text-align: center; position: relative; z-index:700; margin-top:-6px; } .Campaign #contentSecondary #RelatedPagesControl { height: 553px; overflow: hidden; position: relative; margin-top:-10px; margin-bottom:-10px; padding-top:10px; padding-bottom:10px; } .Campaign #contentSecondary #RelatedPagesControl ul { width:180px; position:absolute; text-align: center; } .ie7 .Campaign #contentSecondary #RelatedPagesControl ul { left:0; } .Campaign #contentSecondary .sliderButton { padding:0; z-index:701; position:relative; } .ie8 .Campaign #contentSecondary .sliderButton, .ie7 .Campaign #contentSecondary .sliderButton { background-color:#fff; } .Campaign .campaignZoomBackground { position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: #000; z-index:705; zoom: 1; -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity = 70); overflow: auto; } .Campaign .campaignZoom { background:#FFF; z-index: 706; width:650px; height:auto; min-height: 400px; overflow:visible; -moz-box-shadow: 3px 3px 4px #000; -webkit-box-shadow: 3px 3px 4px #000; box-shadow: 3px 3px 4px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); overflow: visible; } .Campaign .campaignZoom .buttons { padding:5px 10px 10px 10px; width: 300px; float: left; margin-left: -5px; } .Campaign .campaignZoom .campaignZoomPreload { height: auto; min-height: 400px; } .Campaign .campaignZoom .mainImage { position: relative; } .Campaign .campaignZoom .campaignImgSwapPreload { position:absolute; top:45%; left: 64px; width:160px; z-index: 715; background: rgba(255,255,255,0.8); padding: 2px; text-align: center; font-size: 11px; border: 1px solid #DDD; color: #575756; } .Campaign .campaignZoom .campaignZoomPreload img { margin: 25% auto; } .Campaign .campaignZoom .mainImage, .Campaign .campaignZoom .secondaryImage { float:left; padding:10px; } .Campaign .campaignZoom .productInfo { float:left; padding:50px 10px 10px 10px; width: 300px; text-align: left; font-size: 12px; } .Campaign .campaignZoom .productInfo h2 { font-size: 14px; font-weight: bold; } .Campaign .campaignZoom .sizeLabel,.Campaign .campaignZoom .sizeValue { float:left; clear: right; } .Campaign .campaignZoom .productInfo .variants { float:left; width: 100%; margin: 25px 0 10px -5px; } .Campaign .campaignZoom .productInfo .variants { float:left; } .Campaign .campaignZoom .productInfo ul { width: 240px; margin-top:12px; float: left; margin-left: -15px; } .Campaign .campaignZoom .productInfo ul li { margin-right:0px; width:40px; height:95px; float:left; position:relative; z-index: 1;cursor:pointer; } .Campaign .campaignZoom .productInfo li.hover { z-index:2; } .Campaign .campaignZoom #turnAround { width:34px; float:left; height:30px; margin-top: 20px;cursor:pointer; } .Campaign .campaignZoom .closeBtn { position: absolute; right: -20px; top: -20px; cursor: pointer; } .ie7 .Campaign .campaignZoom .closeBtn { right:0; top:0; } .ie8 .Campaign .campaignZoom .closeBtn { right:0; top:0; } .Campaign .campaignZoom #favourites { width:134px; float:left; height:30px; margin-top: 20px; } .Campaign .campaignZoom #favourites:hover { cursor:pointer; } .Campaign .campaignZoom #productInfo #favouritesImage { float:left; } .Campaign .campaignZoom #favourites a { float:left; width:auto; font-size:11px; text-transform:uppercase; color:#000; font-weight:bold; width:100px; height:30px; margin-left:6px; text-align:left; } .Campaign .campaignZoom #favourites a { float:right; } /************************************************************************************************* * FormPage *************************************************************************************************/ .FormPage #contentMain { width:888px; margin:0 48px 0 24px; float:left; } .FormPage #contentMain #contentPrimary { border:none; } .FormPage #contentMain #contentHeading h1 { margin-bottom:0; } .FormPage #contentMain #contentPrimary p { font-size:14px; width:400px; margin-bottom:12px; } .FormPage #contentMain #contentPrimary #id_matrix { width:300px; border:none; border-spacing:0; } .FormPage #contentMain #contentPrimary #id_matrix td { padding-bottom:12px; } .FormPage #contentMain #contentPrimary #id_matrix label, .FormPage #contentMain #contentPrimary #id_matrix input { width:300px; float:left; font-size:11px; } .FormPage #contentMain #contentPrimary #id_matrix input, .FormPage #contentMain #contentPrimary #id_matrix select { background-color:#F4F4F4; border:none; padding:4px; margin:0; } .FormPage #contentMain #contentPrimary #id_matrix fieldset { border:none; float:left; text-align:left; margin:12px 0 12px 0; padding:0; } .FormPage #contentMain #contentPrimary #id_matrix fieldset input { width:20px; } .FormPage #contentMain #contentPrimary #id_matrix fieldset label { float:right; width:270px; } .FormPage #contentMain #contentPrimary #id_matrix input[type="submit"] { width:auto; float:left; cursor:pointer; padding:4px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; } .FormPage #contentMain #contentPrimary #contentTools, .FormPage #contentMain #contentSecondary { display:none; } /************************************************************************************************* * FrontPage *************************************************************************************************/ .FrontPage #breadcrumbs { display:none; } .FrontPage #contentPrimary { border:none; width:960px; } .FrontPage #topField { float:left; position:relative; margin-bottom:12px; } .ie7 .FrontPage #topField { margin-bottom:24px; } .FrontPage #topField div { margin-bottom:16px; float:left; } .FrontPage #topField div div { margin-bottom:0; } .FrontPage #topField div .Image { float:left; width:960px;} .FrontPage #topField div .Image img { width:960px; } .FrontPage #topField div.FlashPanel { width:960px; } .FrontPage #topField div.FlashPanel .ImageComponentSWF { width:960px; } /*** ImageCluster ***/ .FrontPage #topField .ImageCluster { float:left; margin-bottom: 16px; } .FrontPage #topField .ImageCluster div { float:left; margin-bottom:0; width:784px; } .FrontPage #topField .ImageCluster.alignOneOnOne div { float:left; width:784px; } .FrontPage #topField .ImageCluster.alignOneOnOne div+div { float:left; width:160px; height:480px; margin-left:16px; overflow:hidden; } .FrontPage #topField .ImageCluster.alignLeft div { float:left; width:784px; } .FrontPage #topField .ImageCluster.alignLeft div+div { float:left; width:160px; height:232px; margin:0 0 16px 16px; overflow:hidden; } .FrontPage #topField .ImageCluster.alignLeft div+div+div { float:left; width:160px; height:232px; margin:0 0 0 16px; overflow:hidden; } .FrontPage #topField .ImageCluster.alignOneOnTwo div { float:left; width:784px; } .FrontPage #topField .ImageCluster.alignOneOnTwo div+div { float:left; width:160px; height:134px; margin: 0 0 16px 16px; overflow:hidden; } .FrontPage #topField .ImageCluster.alignOneOnTwo div+div+div { float:left; width:160px; height:330px; margin:0 0 0 16px; overflow:hidden; } .FrontPage #topField .ImageCluster.alignOneOnOne div img { width:784px; } .FrontPage #topField .ImageCluster.alignOneOnOne div+div img { width:160px; } .FrontPage #topField .ImageCluster.alignLeft div img { width:784px; } .FrontPage #topField .ImageCluster.alignLeft div+div img { width:160px; } .FrontPage #topField .ImageCluster.alignLeft div+div+div img { width:160px; } .FrontPage #topField .ImageCluster.alignOneOnTwo div img { width:784px; } .FrontPage #topField .ImageCluster.alignOneOnTwo div+div img { width:160px; } .FrontPage #topField .ImageCluster.alignOneOnTwo div+div+div img { width:160px; } .FrontPage #topField .ImageCluster.alignLeft div+div.ColorAndText, .FrontPage #topField .ImageCluster.alignLeft div+div+div.ColorAndText { width:144px; height: 216px; } .FrontPage #topField .ImageCluster.alignOneOnTwo div+div.ColorAndText { width:144px; height: 118px; } .FrontPage #topField .ImageCluster.alignOneOnTwo div+div+div.ColorAndText { width:144px; height:314px; } .FrontPage #topField .ColorAndText { padding:8px 8px 8px 8px; } .FrontPage #topField .ColorAndText h2 { font-size:24px; margin: 0 0 4px 0; font-weight:normal; line-height:25px; width: 144px; } .FrontPage #topField .ColorAndText h3 { font-size: 18px; margin: 0 0 4px 0; font-weight:normal; } .FrontPage #topField .ColorAndText a { width:144px; } .FrontPage #topField .VideoTeaser { position:relative; } .FrontPage #topField .VideoTeaser object { position:relative; float:left; z-index:21; } .FrontPage #topField .VideoTeaser img { position:absolute; top:0; left:0; z-index:20; } .FrontPage #topField .ImageCluster .botrplayer, .FrontPage #topField .ImageCluster .botrplayer embed, .FrontPage #topField .ImageCluster .botrplayer object { width:784px; height:480px; } /*** common ***/ .FrontPage .TeaserSlides h2 { width:160px; margin:0; height:19px; text-align:center; padding-top:3px; text-transform:uppercase; font-weight:normal; } .FrontPage .TeaserSlides p.PriceFormat { width:160px; text-align:center; font-size:12px; color:#666; } .FrontPage .ImageWithTitle { float:left; position:relative; } .FrontPage .ImageWithTitle .ImageTitle { opacity:0.8; position:absolute; top:68%; left:0; padding:4px; text-transform:uppercase; text-align:center; font-weight:normal; } .FrontPage #topField .ImageCluster .ImageWithTitle .ImageTitle { width:152px; } .FrontPage #topField .ImageWithTitle h2, .FrontPage #column1 .ImageWithTitle h2, .FrontPage #column2 .ImageWithTitle h2, .FrontPage #column3 .ImageWithTitle h2 { text-transform:uppercase; font-size:15px; margin:0; font-weight:bold; line-height:16px; } .FrontPage #topField .ImageWithTitle h3, .FrontPage #column1 h3, .FrontPage #column2 h3, .FrontPage #column3 h3 { text-transform:uppercase; font-size:14px; margin:0; font-weight:normal; line-height:15px; } .FrontPage p { font-size:12px; text-transform:none; margin: 0; font-weight:normal; line-height:14px; } /*** column1, column2, column3 ***/ .FrontPage #column1, .FrontPage #column2, .FrontPage #column3 { float:left; position:relative;} .FrontPage #column1, .FrontPage #column2 { width:384px; overflow:hidden; } .FrontPage #column3 { width:160px; overflow:hidden; } .FrontPage #column2, .FrontPage #column3 { margin-left:16px; } .FrontPage #column1 h2, .FrontPage #column2 h2, .FrontPage #column3 h2 { text-transform:uppercase; font-size:11px; margin:0; font-weight:bold; } .FrontPage #column1 h2, .FrontPage #column2 h2 { width:384px; } .FrontPage #column3 h2 { width:160px; } .FrontPage #column3 .ColorAndText { width:144px; } .FrontPage #content div h2 { background: url("../../../Images/Cubus/lib/menu-bar.png") repeat-x scroll 0 17px transparent; height:26px; float:left; } .FrontPage #content div h2+div h2 { background:none; height:auto; } .FrontPage #content div h2+div { margin-bottom:16px; float:left; } .FrontPage #content .VideoTeaser { float:left; position:relative; } .FrontPage #content .VideoTeaser object { z-index: 21; position:relative; } .FrontPage #content .VideoTeaser img { position:absolute; top:0; left:0; z-index: 20; } .FrontPage #column1 img, .FrontPage #column2 img, .FrontPage #column1 .FlashPanel, .FrontPage #column2 .FlashPanel { width:384px; } .FrontPage #column3 img, .FrontPage #column3 .FlashPanel { width:160px; } .FrontPage #column1 .ImageWithTitle .ImageTitle, .FrontPage #column2 .ImageWithTitle .ImageTitle, .FrontPage #column1 .ImageWithTitle .ImageTitle h2, .FrontPage #column2 .ImageWithTitle .ImageTitle h2, .FrontPage #column1 .ImageWithTitle .ImageTitle h3, .FrontPage #column2 .ImageWithTitle .ImageTitle h3, .FrontPage #column1 .ImageWithTitle .ImageTitle p, .FrontPage #column2 .ImageWithTitle .ImageTitle p { width:376px; } .FrontPage #column3 .ImageWithTitle .ImageTitle h2, .FrontPage #column3 .ImageWithTitle .ImageTitle h3, .FrontPage #column3 .ImageWithTitle .ImageTitle p, .FrontPage #column3 .ImageWithTitle .ImageTitle { width:152px; } .FrontPage #column1 .ColorAndText h2, .FrontPage #column2 .ColorAndText h2, .FrontPage #column1 .ColorAndText h3, .FrontPage #column2 .ColorAndText h3, .FrontPage #column1 .ColorAndText a, .FrontPage #column2 .ColorAndText a, .FrontPage #column1 .ColorAndText p, .FrontPage #column2 .ColorAndText p { width: 368px; } .FrontPage #column3 .ColorAndText h2, .FrontPage #column3 .ColorAndText h3, .FrontPage #column3 .ColorAndText a, .FrontPage #column3 .ColorAndText p { width:144px; } .FrontPage #content .ColorAndText { padding:8px 8px 8px 8px; } .FrontPage #content .ColorAndText h2 { font-size:24px; margin: 0 0 4px 0; text-transform:none; font-weight:normal; line-height:25px; } .FrontPage #content .ColorAndText h3 { font-size:18px; margin: 0 0 4px 0; text-transform:none; font-weight:normal; } .FrontPage #column3 .TeaserSlides .teaserHeading { display:none; } .FrontPage #column3 .TeaserSlides .teaserList { height:228px; overflow:hidden; } .FrontPage #column3 .TeaserSlides .teaserList.double { height: 458px; } .FrontPage #column1 .VideoTeaser, .FrontPage #column2 .VideoTeaser { height:384px; width:384px; overflow:hidden; } .FrontPage #column1 .VideoTeaser object, .FrontPage #column2 .VideoTeaser object { height:384px; width:384px; } .FrontPage #column3 .VideoTeaser { width:160px; height:220px; overflow:hidden; } .FrontPage #column3 .VideoTeaser object { width:160px; height:220px; } .transbox { display:none; } /*** Carousel ***/ .CarouselContainer { margin:0; padding:0; } .FrontPage #content .CarouselContainer .Carousel img { width:auto; } .CarouselContainer h2 { margin:0; padding:0; } .Carousel { margin-bottom:0px !IMPORTANT; overflow: hidden; position:relative; width:384px; } /*.Carousel .prev.disabled, .Carousel .next.disabled { visibility:hidden; }*/ .Carousel .prev.disabled { background: transparent url(/Images/Cubus/lib/cubus_navvenstre_mouseover_icon.png) no-repeat scroll 0 50% !IMPORTANT; } .Carousel .next.disabled { background: transparent url(/Images/Cubus/lib/cubus_navhoyre_mouseover_icon.png) no-repeat scroll 0 50% !IMPORTANT; } .Carousel .prev { background: transparent url(/Images/Cubus/lib/cubus_navvenstre_icon.png) no-repeat scroll 0 50% !IMPORTANT; cursor: pointer; float:left; height: 150px; width:20px; } .Carousel .prev:hover { background: transparent url(/Images/Cubus/lib/cubus_navvenstre_mouseover_icon.png) no-repeat scroll 0 50% !IMPORTANT; } .Carousel .next { background: transparent url(/Images/Cubus/lib/cubus_navhoyre_icon.png) no-repeat scroll 0 50% !IMPORTANT; cursor: pointer; float:right!IMPORTANT; height:150px; width:20px; } .Carousel .next:hover { background: transparent url(/Images/Cubus/lib/cubus_navhoyre_mouseover_icon.png) no-repeat scroll 0 50% !IMPORTANT; } .Carousel .jCarouselLite { float:left; visibility:hidden; background-image:none !IMPORTANT; } .jCarouselLite ul li { float:left; display:inline;} /************************************************************************************************* * IFramePage *************************************************************************************************/ .IFramePage #contentPrimary, .IFramePage #contentSecondary { width:900px; margin:0 24px; border:none; padding:0; float:left; } .IFramePage h1 { margin:0; } .IFramePage #contentPrimary div { font-size:14px; width:400px; padding:12px 0 12px 0; } /************************************************************************************************* * Press Contact *************************************************************************************************/ .PressContact #contentPrimary { margin:0; padding:0 0 0 24px; width:782px; } .PressContact #contentPrimary #Login { display:none; } .PressContact h1, .PressContact p { width:400px; } .PressContact p { font-size:12px; } .PressContact h2 { margin-bottom:2px; line-height:15px; } .PressContact #contentSecondary { padding-top:12px; } /************************************************************************************************* * Press Information *************************************************************************************************/ .PressInformation #contentPrimary { padding-left:24px; width:782px; margin:0;} .PressInformation #contentPrimary .listBlock { width:140px; float:left; padding: 0 16px 20px 0px; min-height:210px; } .ie7 .PressInformation #contentPrimary .listBlock, .ie8 .PressInformation #contentPrimary .listBlock { height:210px; } .PressInformation #contentPrimary .listBlock p { font-size:10px; padding-bottom:0px; color:#666;} .PressInformation #contentPrimary .listBlock a { font-size:12px; text-transform:uppercase; } .PressInformation #contentPrimary .listBlock h3 { font-size:12px; text-transform:uppercase; margin:12px 0 0 0px; } .PressInformation #navRegional span { cursor: pointer; } /************************************************************************************************* * Shop & ShopList *************************************************************************************************/ .Shop #contentPrimary { float:left; padding-left:24px; padding-top:0; font-size:14px; width:782px; margin-right:0; } .Shop #contentPrimary #shopContent { width:180px; float:left; padding-top:0; font-size:14px; margin-right:12px; } .Shop #contentPrimary #map_canvas { float:left; margin:0; padding:0; width:590px; } .Shop #contentPrimary h1 { font-size:18px; font-weight:bold; margin-bottom:4px; } .Shop #contentPrimary h2 { margin-top:24px; } .ShopList #contentPrimary h1 { line-height:30px; margin-top:-3px; } .ShopList #contentPrimary { margin-right:0; float:left; padding-left:24px; width:782px; padding-top:0; } .ShopList #contentPrimary ul.column { width:185px; float:left; margin-right:10px; } .ShopList #contentPrimary ul.column li { font-size:14px; text-transform:uppercase; font-weight:bold; margin-bottom:24px; } .ShopList #contentPrimary ul.column li ul { margin-top:4px; } .ShopList #contentPrimary ul.column li ul li { font-size:12px; font-weight:normal; text-transform:capitalize; margin-bottom:0px; } .ShopList #contentPrimary ul.column li ul li a { color:#666; } .Shop #contentPrimary #map_canvas h2 { margin:0 0 2px 0; } .Shop #contentPrimary #map_canvas p { font-size:12px; margin-bottom:8px; } .Shop #contentPrimary #map_canvas a { font-size:11px; color:blue; text-decoration:underline; } /************************************************************************************************* * Wishlist *************************************************************************************************/ .Wishlist #navRegional { display:none; } .Wishlist #contentPrimary { border-left:none; width:960px; margin:0; padding:0; } .Wishlist #contentPrimary #TextField { background-image: url("../../../Images/Cubus/lib/menu-bar.png"); background-repeat:repeat-x; background-position:bottom; padding:0 24px 20px 24px; float:left; width:912px; } .Wishlist #contentPrimary #TextField p#ingress { width:350px; } .Wishlist #contentPrimary #contentTools { float:right; } .Wishlist #contentPrimary #wishlistItems { width:350px; float:left; padding-left:24px; margin-top:20px; } .Wishlist #contentPrimary #wishlistItems ul li { background-image: url("../../../Images/Cubus/lib/menu-bar.png"); background-repeat:repeat-x; background-position:bottom; padding-bottom:20px; min-height:150px; float:left; } .Wishlist #contentPrimary #wishlistItems ul li div input { float:right; } .Wishlist #contentPrimary #wishlistItems img { float:left; } .Wishlist #contentPrimary #wishlistItems #itemInfo { width:250px; float:left; min-height:133px; } .Wishlist #contentPrimary #wishlistItems #itemInfo .name { font-weight:bold; } .Wishlist #contentPrimary #wishlistItems #itemInfo .comment textarea { background-color:#f4f4f4; border:none; margin-top:15px; width:250px; height:60px; position:relative; overflow:hidden; resize:none; } .Wishlist #contentPrimary #wishlistItems #itemInfo .comment { padding-bottom:20px; } .Wishlist #contentPrimary #sendEmail { width:370px; float:right; margin-right:48px; background-color:#f4f4f4; padding:24px; margin-top:20px; } .Wishlist #contentPrimary #sendEmail.submitted { background-color:#ccc; } .Wishlist #contentPrimary #sendEmail span { font-size:14px; font-style:italic; } .Wishlist #contentPrimary #sendEmail h2 { margin-top:0; } .Wishlist #contentPrimary #sendEmail h2 span { font-size:20px; font-style:normal; } .Wishlist #contentPrimary #sendEmail input { width:370px; border:none; height:30px; margin-bottom:12px; margin-top:6px; } .Wishlist #contentPrimary #sendEmail textarea { width:370px; height:90px; margin:6px 0 12px 0; border:none; position:relative; overflow:hidden; resize:none; } .Wishlist #contentPrimary #sendEmail div { position:relative; float:right; } .Wishlist #contentPrimary #sendEmail input[type="submit"] { background-image:url("/Images/Cubus/lib/send_icon_black.png"); background-repeat:no-repeat; background-color:transparent; height:60px; width:60px; color:#fff; font-weight:bold; float:right; position:absolute; bottom:-60px; right:-50px; cursor:pointer; } .ie8 .Wishlist #contentPrimary #sendEmail input[type="submit"] { bottom:-170px; } .Wishlist #contentPrimary #sendEmail #ctl00_MainRegion_MainContentRegion_CollectionItemList_isSendPanel { float:left; } /************************************************************************************************* * footer *************************************************************************************************/ #footer { width:960px; float:left; } #footer #footerContent { margin:40px 0px 20px 0px; text-align:left; width:960px; float:left; } #footer #languageSelector #languageSelectionMenu { display:none !IMPORTANT; } #footer #languageSelector { float:left; width:auto; text-align:right; font-size:10px; padding: 0 7px 0 7px; } #footer #footerContent .copyright { float:left; padding-left:6px; width:100px; text-align:left; text-transform:uppercase; font-size:10px; } #footer #homeIcon { float:left; margin-top:1px; } #footer #homeIcon img { height:10px; } /*** facebook like ***/ #footer #footerContent iframe { background-color:#ff0000; } /************************************************************************************************* * Tag controls *************************************************************************************************/ ul#tags { margin:0 0 50px 0; background: url("../../../Images/Cubus/lib/menu-bar.png") repeat-x scroll 0 23px transparent; color: #000000; float: left; font-size: 11px; line-height: normal; margin-bottom: 4px; padding: 0 0 5px 0; position: relative; text-transform: uppercase; width: 754px; } .ArticleAdvanced.noContentSecondary #contentPrimary ul#tags li { font-size:11px; line-height:normal; text-transform:uppercase; } ul#tags li { float:left; padding: 0 0px 20px 0px; } ul#tags li.sel { font-weight: bold; background: url("../../../Images/Cubus/lib/menu-bar_selected.png") no-repeat scroll 50% 16px transparent; } ul#tags li a { padding: 0 12px; border-right: 1px solid #000; } /*IE doesn't suppurt pseudo-class :last-child*/ ul#tags li.last-child a { padding: 0 12px; border: none; } ul#tagpages { clear: both; } ul#tagpages li { float:left; margin:0 20px 20px 0; } /************************************************************************************************* * VacanciesList *************************************************************************************************/ .VacancyList #contentPrimary { padding-left:24px; width:734px; } table { margin-top:20px; width:734px; font-size:14px; } .VacancyList table thead td{ border-bottom:1px solid #000; } thead td { font-size:14px; } table td { padding:5px; } tbody td.vacancyLink { font-weight:bold; } tbody td.vacancyLink a:hover { text-decoration:underline; } tbody td { border-bottom:1px solid #999; }