/* Uforia CMS © 2008. CSS written and managed by Johannes Leuchvoius at Wepic visions, www.wepic.se - johannes@wepic.se -------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Notes ------------------------*/ /* Do ever use "overflow:visibble" becaus IE 7 */ /* NEW GLOBAL FUNKTIONS: ALWAYS HIDE (display:none) AND THEN SHOW AT THE SPECIFIC CUSTOMER (display:block) -------------------------------------------------------------------------------------------------------------------------------------------------*/ /*Exampel: .NewFunction { display:none } */ .NewContactBoxLabelExampel1 { display:none; } /* Reset -------------------------------------------------------------------------------------------------------------------------------------------------*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,input,textarea,p,blockquote,th,td { margin:0px; padding:0; } img{border:0;} address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; } input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit; } a, a:active, a:focus { outline: 0 } /* Removes the ugly dotted border */ .HiddenFieldset { padding: 0; border: 0; } /* Basic Atributes and Global Elements -------------------------------------------------------------------------------------------------------------------------------------------------*/ body { height: 100% !important; width: 100% !important; float:left !important; } strong { font-weight: bold; } em { font-style: italic; } br.Clear { clear:both; } .Empty { padding: 0px !important; margin: 0 !important; height: 0px !important; min-height: 0px !important; line-height: 0px !important; } /* Text ----------------------------------------------------------------------------------------*/ h1 { font-size: 25px; } h2 { font-size: 21px; } h3 { font-size: 21px; } h4 { font-size: 19px; } h5 { font-size: 17px; } h6 { font-size: 15px; } p { /*padding: 5px 0px 15px 0px;*/ margin-bottom: 15px; } /* Iframes ----------------------------------------------------------------------------------------*/ /* Hiding iframes ------------------------*/ .PictureBox iframe { position:absolute; width: 0px; height: 0px; top: -100em; left: -100em;} .ProductEntry iframe { position:absolute; width: 0px; height: 0px; top: -100em; left: -100em;} .Entry iframe { position:absolute; width: 0px; height: 0px; top: -100em; left: -100em;} .user_edit_upload_iframe { position:absolute; width: 0px; height: 0px; top: -100em; left: -100em;} #user_edit_container iframe { position:absolute; width: 0px; height: 0px; top: -100em; left: -100em;} .BoxEdit iframe { position:absolute; width: 0px; height: 0px; top: -100em; left: -100em; } .mceIframeContainer iframe { position:relative; width: auto; height: auto; top: 0; left: 0; } .mceEditor iframe { position:relative; width: auto; height: auto; top: 0; left: 0; } /* Z-Index IMPORTANT DO NOT DEFINE Z-INDEX ON OTHER PLACES -------------------------------------------------------------------------------------------------------------------------------------------------*/ .WhenEmptyPage { z-index: 3; } .BoxHover { z-index: 110; } .MenuBox { z-index: 130; } .BoxHead { z-index: 140; } body + iframe { z-index: 141 !important; } .yui-editor-panel { z-index: 142 !important; } .BoxHead li.BoxDragHandle { z-index: 141; } .BoxHead li.BoxDelete { z-index: 142; } .BoxHead li.BoxOptionsLink { z-index: 142; } .BoxHead li.BoxEditLink { z-index: 142; } .BoxHead li.BoxFollowLink { z-index: 142; } .BoxHead li.BoxTitle a { z-index: 142; } .BoxOptionsPopup { /*z-index: 150;*/ z-index: 211; } .Mask { z-index: 160 !important; } .CartActivated .CartContainer { z-index: 161 !important; } .CartContainer .CenterWrapper { z-index: 162 !important; } .OverlayCarts { z-index: 170 !important; } .MaskLevel2 { z-index: 171 !important; } #bank_iframe { z-index: 172 !important; } .Overlay { z-index: 210; } .FlashNotice { z-index: 200; } .NewBox { z-index: 190; } .PhotoOverlay { z-index: 200; } .TopOptions { z-index: 220; } .LoadingContainer { z-index: 221; } .LoadingContainer { z-index: 222; } .HideAndShowButton { z-index: 223; } .mceToolbar { z-index: 9999; } .mceMenu { z-index: 9999; } #menu_text_box_body_text_box_body_formatselect_menu_tbl { z-index: 9999; } #mce_0 { z-index: 9999; } #mce_0 td { z-index: 9999; } #mce_0 td a { z-index: 9999; } #mce_0 td a span { z-index: 9999; } #mce_1 td a p { z-index: 9999; } #mce_2 td a h1 { z-index: 9999; } #mce_3 td a h2 { z-index: 9999; } #mce_4 td a h3 { z-index: 9999; } #mce_5 td a h4 { z-index: 9999; } #mce_6 td a h5 { z-index: 9999; } #mce_7 td a h6 { z-index: 9999; } .LanguageMenu a.SelectLanguage { z-index: 1; } .LanguageMenu { z-index: 1; } .Bildgalleri .BoxFirst .ShowroomMask { z-index: 119; } .Bildgalleri .BoxFirst .ShowroomMaskWrapper { z-index: 119; } /* Overlays -------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Overlay ----------------------------------------------------------------------------------------*/ .Overlay { /*font-family:verdana !important; color: #EEE !important;*/ position:absolute; } .Overlay h2 { font-family:verdana !important; color: #EEE !important; text-align:left !important; font-size: 16px; font-weight: normal; padding: 0 0 10px 0; border: none; width: 100%; background: none; } .Overlay h3 { font-family:verdana !important; color: #EEE !important; font-size: 14px; font-weight: normal; padding: 0 0 10px 0; } .Overlay h4 { font-family:verdana !important; color: #EEE !important; font-size: 13px !important; text-transform:lowercase !important; padding: 0 0 10px 0; font-weight: normal; } .Overlay h5 { font-family:verdana !important; color: #EEE !important; font-size: 12px; padding: 0 0 10px 0; font-weight: normal; } .Overlay p { font-family:verdana !important; color: #EEE; font-size: 12px !important; line-height: 18px; padding: 0 0 20px 0; } .Overlay a, .LoginFormContainer a { color: #fff !important; } .Overlay a.Close { text-indent: -9999px; background: url('../images/uforia/noticeClose.png') no-repeat scroll top left; width: 18px; height: 18px; position:absolute; top: 6px; right: 6px; display:block;} .Overlay ul { width: 100%; float:left; padding: 0 !important; } /*.Overlay ul li { color: #EEE !important; background: none; font-size: 12px !important; width: 100%; clear:left; padding: 0 0 8px 0; float:left; position:relative; }*/ /*.Overlay ul li { color: #EEE; background: none; font-size: 12px !important; width: 100%; clear:left; padding: 0 0 8px 0; float:left; position:relative; }*/ .Overlay ul li { background: none; font-size: 12px !important; width: 100%; clear:left; padding: 0 0 8px 0; float:left; position:relative; } /*.Overlay ul li label { color: #EEE !important; font-size: 12px !important; text-transform: none !important; font-family:verdana !important; padding: 0 0 10px 0; width: 180px; display:block; float:left; }*/ .Overlay ul li label { font-size: 12px !important; text-transform: none !important; font-family:verdana !important; padding: 0 0 10px 0; width: 180px; display:block; float:left; } .Overlay ul li input { width: 340px; background: #fff url('../images/uforia/FormBg.png') repeat-x scroll top left; height: 16px; padding: 2px; font-size: 12px; border: 1px solid #646464; } .Overlay ul li textarea { width: 340px; background: #fff url('../images/uforia/FormBg.png') repeat-x scroll top left; height: 150px; padding: 2px; font-size: 12px; border: 1px solid #646464; } .Overlay ul li select { background: #fff url('../images/uforia/FormBg.png') repeat-x scroll top left; border: 1px solid #646464; } .Overlay ul li .PictureInput { height: 22px; } .Overlay ul li .FileUpload { height: 20px; } .Overlay ul li .Browse { color: #fff; border: 0px; background: none; height: auto; } .Overlay ul li input.Submit { cursor: pointer; color: #EEE; border: none; background: url('../images/uforia/UpdateButton.png') no-repeat scroll top left; width: 85px; height: 20px; float:right; } .BoxEdit ul li { width: 100%; clear:left; } .Overlay form.NewBox ul li { width: 100%; clear:left; } /* OverlayFirst, OverlaySecond, .OverlayThird - THE STYLE - NewBox, BoxEdit ----------------------------------------------------------------------------------------*/ .OverlayFirst { font-size: 11px !important; color: #EEE !important; font-family:verdana !important; background: url('../images/uforia/overlay_top.png') no-repeat scroll top left; width: 600px; padding: 35px 0 0 0; } .OverlaySecond { background: url('../images/uforia/overlay_bottom.png') no-repeat scroll bottom left; width: 600px; padding: 0 0 35px 0; float:left; } .OverlayThird { background: url('../images/uforia/overlay_middle.png') repeat-y scroll top left; /*width: 550px; padding: 15px 25px 0 25px;*/ width: 530px; padding: 15px 35px 0 35px;float:left; position:relative; } .OverlayThird a.Close { text-indent: -9999px; background: url('../images/uforia/noticeClose.png') no-repeat scroll top left; width: 18px; height: 18px; position:absolute; top: -22px; right: 30px; display:block; } .OverlayThird .OverlayDragHandle { cursor: move; width: 530px; height: 24px; text-indent: -99999px; display:block; position:absolute; top: -20px; left: 25px; } .OverlayThird fieldset { border:none; padding: 10px 0 0px 0; float:left; } .OverlayThird legend { font-size: 12px; font-weight: bold; } .OverlayThird span.EditTitle { font-size: 12px; padding: 0 0 10px 0; float:left; position:absolute; top: -20px; left: 35px; display:block; } .OverlayThird ul li input.Submit { font-size: 12px; color: #EEE !important; cursor: pointer; border: none; background: url('../images/uforia/update_button_85.png') no-repeat scroll top left; width: 85px; height: 20px; margin: 10px 0 0 0; float:right; } /*.OverlayLastContainer { width: 530px; padding: 0 10px 10px 10px !important; float:left; } .NewBox .OverlayThird { width: 530px; padding: 0 10px 10px 10px !important; }*/ /*#TODO Just temp solution*/ .OverlayThird fieldset + fieldset span.EditTitle { position:relative; top: -5px; left: 0px; } .OverlayThird span.EditTitle2 { display:block; font-size: 12px !important; } /* Overlay- LanguageOptions ----------------------------------------------------------------------------------------*/ .Overlay .OverlayLangBoxOptions { padding: 0 0 10px 0 !important; } .LanguageOptionsList { } .LanguageOptionsList li { padding: 0 0 10px 0; } .LanguageOptionsList li hr { border-top: 1px solid #EEE; margin-bottom: 5px; } .LanguageOptionsList li ul li.LangShowOption { /*width: 520px;*/ background: #292929; margin-bottom: 5px; padding: 5px 0 4px 0; } .LanguageOptionsList li ul li.LangShowOption input { margin: 2px 8px 0 5px; display:block; float:left; } .LanguageOptionsList li ul li.LangShowOption a { display:block; float:left; } .LanguageOptionsList li ul li ul .TextBoxBody { background: #fff; color: #000 !important; } .LanguageOptionsList li ul li ul .mceLayout { width: 100% !important; margin: 0 0 4px 0; color: #000; } .LanguageOptionsList li ul li ul li h1 { color: inherit !important; } .LanguageOptionsList li ul li ul li h2 { color: inherit !important; } .LanguageOptionsList li ul li ul li h3 { color: inherit !important; } .LanguageOptionsList li ul li ul li h4 { color: inherit !important; } .LanguageOptionsList li ul li ul li h5 { color: inherit !important; } .LanguageOptionsList li ul li ul li h6 { color: inherit !important; } .LanguageOptionsList li ul li ul li p { padding: 0; margin: 0; color: inherit; } /* OverlayIframe ----------------------------------------------------------------------------------------*/ .OverlayIframe { font-family:verdana !important; font-size: 12px; color: #EEE !important; background: #000 url('../images/uforia/noticeBg.png') repeat-x scroll top left; border: 1px solid #646464; position:absolute; top: 50px; width: auto; padding: 40px 15px 15px 15px; min-height: 30px; } .OverlayIframe .OverlaySecond { background:none; width: auto; padding: 0 !important; } .OverlayIframe .OverlayThird { background:none; width: auto; padding: 0 !important; } .OverlayIframe a.Close { top: -30px; right: 0; } .ProjekthanteringsidaIframe { border: 1px solid #646464; top: 30px !important; background: #FBFAF4; } .AnalyticsIframe { border: 1px solid #646464; top: 30px !important; background: #FBFAF4; padding: 10px 0 0 0; } /* .OverlayShop = OverlayCarts, OverlayProductEntries, OverlayOrderSettings ----------------------------------------------------------------------------------------*/ .OverlayShop { font-family:verdana !important; font-size: 12px; color: #000 !important; border: 0px; background: url('../images/uforia/cart_bg_top.png') no-repeat scroll top left; position:absolute; width: 910px; position:absolute; margin-bottom: 50px; top: 50px; min-height: 30px; } .OverlayShop .OverlaySecond { background:none; width: auto; padding: 0 !important; background: url('../images/uforia/cart_bg_bottom.png') no-repeat scroll bottom left; width: 910px; padding: 0px 0 20px 0 !important; float:left; } .OverlayShop .OverlayThird { background:none; width: auto; padding: 0 !important; background: url('../images/uforia/cart_bg_middle.png') repeat-y scroll top left; width: 870px; padding: 10px 20px 0px 20px !important; position:relative; float:left; } .OverlayShop a.Close { top: -24px; right: 15px; } .OverlayShop { color: #393939 !important; line-height: 14px !important; } .OverlayShop .OverlayShopTitle { color: #fff !important; font-size: 15px !important; padding: 3px 0 10px 0; float:left; position:absolute; top: -30px; left: 20px; display:block; } .OverlayShop h3 { color: #393939 !important; padding: 0 0 2px 0 !important; margin: 0 0 10px 0 !important; } .OverlayShop h4 { color: #393939 !important; font-size: 13px !important; } .OverlayShop h5 { color: #393939 !important; padding: 0 !important; } .OverlayShop .NewBoxDescription h6 { color: #393939 !important; } .OverlayShop p { color: #393939 !important; font-size: 10px !important; padding-bottom: 5px!important; } .OverlayShop a { color: #393939 !important; } .OverlayShop .StepsContainer ul li { color: #393939; clear:none; padding: 0 0 2px 0 !important; font-size: 10px !important; } .OverlayShop ul li label { font-size: 11px !important; } .OverlayShop ul li input { background: none; border: 1px solid #BEBEBE; } .OverlayShop ul li textarea { background: none; border: 1px solid #BEBEBE; } /* ProductManagement ----------------------------------------------------------------------------------------*/ .OverlayProductEntries .ProductEntry { width: 100%; margin: 0 0 30px 0; /*padding: 23px 0 0 0;*/ float:left; border-bottom: 1px solid #d4d4d4; position:relative; } .OverlayProductEntries .BoxFirst { width: 100%; float:left; } .OverlayProductEntries .BoxFirst ul { width: 100%; float:left; } .OverlayProductEntries .BoxFirst ul li { clear:none; } .OverlayProductEntries .BoxFirst ul li.ProductImage { width: 200px; float:right; margin-left: 20px; padding: 23px 0 0 0; position:relative; } .OverlayProductEntries .BoxFirst ul li.ProductImage .PictureBox { position:relative; } .OverlayProductEntries .BoxFirst ul li.ProductImage .PictureBox img { padding: 5px; border: 1px solid #DFDFDF;} .OverlayProductEntries .BoxFirst ul li.ProductText { width: 430px; float:left; } .OverlayProductEntries .BoxFirst ul li.ProductText .ProductName { font-size: 16px; width: 100%; padding: 0 0 20px 0; float:left; display:block; } .OverlayProductEntries .BoxFirst ul li.ProductText .ProductBody { width: 100%; float:left; } .OverlayProductEntries .BoxFirst ul li.ProductText .ProductBody .inplaceeditor-form { width: 100%; float:left; } .OverlayProductEntries .BoxFirst ul li.ProductText .ProductBody .inplaceeditor-form textarea { background: none; width: 100%; float:left; border: 1px solid #BEBEBE; margin: 0 0 2px 0; } .OverlayProductEntries .BoxFirst ul li.ProductData { width: 200px; float:right; } .OverlayProductEntries .BoxFirst ul li.ProductData ul { } .OverlayProductEntries .BoxFirst ul li.ProductData ul li { } .OverlayProductEntries .BoxFirst ul li.ProductData ul li.ProductFamily { padding: 0 0 40px 0; } .OverlayProductEntries .BoxFirst ul li.ProductData ul li.ProductFamily label { width: 200px; color: #282828 !important;} .OverlayProductEntries .BoxFirst ul li.ProductData ul label { width: 60px; } .OverlayProductEntries .BoxFirst ul li.ProductData ul input.editor_field { width: 130px; } /* OverlayOrderSettings ----------------------------------------------------------------------------------------*/ .OverlayOrderSettings ul li { clear:left; } .OverlayShop h4 { text-transform: none !important; padding: 0 0 2px 0 !important; } .OverlayThird ul.FamilyMenu { margin: 0 0 10px 0; border-bottom: 1px solid #d4d4d4; } .OverlayThird ul.FamilyMenu li { font-size: 11px !important; width: auto !important; float:left; display:block; clear:none !important; } .OverlayThird ul.FamilyMenu li a { padding: 2px 4px 0 4px !important; display:block; float:left; } .OverlayThird ul.FamilyMenu li a:hover { text-decoration:underline; } /* Cart Carts ----------------------------------------------------------------------------------------*/ .OverlayCarts h3 { color: #393939 !important; font-size: 15px; font-weight: normal; border-bottom: 1px solid #e0e0e0; width: 100%; float:left; } .OverlayCarts h4 { color: #393939 !important; font-size: 15px; font-weight: normal; border-bottom: 1px solid #e0e0e0; } .OverlayCarts h5 { color: #393939 !important; font-weight: normal; font-size: 14px; } .OverlayCarts h6 { color: #393939 !important; font-weight: normal; padding: 20px 0 8px 0; } .OverlayCarts .Strong { font-weight: bold; } /* OverlayMenu ----------------------------------------------------------------------------------------*/ .OverlayThird ul.OverlayMenu { background: url('../images/uforia/overlay_menu_line.png') repeat-x scroll bottom left; width: 530px; padding: 0 10px 0 10px; margin: 0 0 15px 0; /*display:none; border-bottom: 1px solid #646464; float:left;*/ } .OverlayThird ul.OverlayMenu li { float:left; width: auto; clear:none; padding: 0px; } .OverlayThird ul.OverlayMenu li a { margin-right: -1px; text-decoration:none; padding: 0px 0 0 10px; position:relative; float:left; } .OverlayThird ul.OverlayMenu li a span {height: 20px; padding: 4px 10px 0 0px; display:block; float:left; } .OverlayThird ul.OverlayMenu li a:hover { background: url('../images/uforia/overlay_tab_active.png') no-repeat scroll top left; } .OverlayThird ul.OverlayMenu li a:hover span { background: url('../images/uforia/overlay_tab_active.png') no-repeat scroll top right; } .OverlayThird ul.OverlayMenu li a.Active { background: url('../images/uforia/overlay_tab_norm.png') no-repeat scroll top left; } .OverlayThird ul.OverlayMenu li a.Active span { background: url('../images/uforia/overlay_tab_norm.png') no-repeat scroll top right; } .OverlayThird ul.OverlayMenu li a.Active:hover { background: url('../images/uforia/overlay_tab_norm.png') no-repeat scroll top left; } .OverlayThird ul.OverlayMenu li a.Active:hover span { background: url('../images/uforia/overlay_tab_norm.png') no-repeat scroll top right; } /* BoxEdit ----------------------------------------------------------------------------------------*/ .OverlayThird ul { } .OverlayThird ul li { } .OverlayThird ul li label { } .OverlayThird ul li input { } .OverlayThird ul li textarea { } .OverlayThird ul li select { } .OverlayThird ul li .PictureInput { } /* SEO - Page ----------------------------------------------------------------------------------------*/ .OverlayThird .GoogleAdPreviewContainer { width: 521px; height: 110px; margin: 0 0 15px 0; background: #fff url('../images/uforia/FormBg.png') repeat-x scroll top left; padding: 2px; border: 1px solid #646464;} .OverlayThird .EditMetaData { } .OverlayThird .EditMetaData li label { padding: 0 0 2px 0; } .OverlayThird .EditMetaData li input { width: 525px; } .OverlayThird .EditMetaData li textarea { width: 525px; height: 60px; } /* NewBox ----------------------------------------------------------------------------------------*/ .NewBox .NewBoxDescription { width: 100%; float:left; } .NewBox .NewBoxDescription .NewBoxImage { width: 120px; height: 150px; display:block; float:left; } .NewBox .NewBoxDescription .NewBoxImage img { width: 100px; } .NewBox h6 { font-family:verdana !important; color: #EEE !important; font-size: 18px; border:none !important; font-weight: normal; width: 100%; padding: 0px; display:block; margin-bottom: 10px; } .NewBox ul { } /* Old overlay style ----------------------------------------------------------------------------------------*/ .FlashNotice, LoginFormContainer { font-family:verdana !important; font-size: 12px; color: #EEE !important; background: #000 url('../images/uforia/noticeBg.png') repeat-x scroll top left; border: 1px solid #646464; position:absolute; width: 600px; padding: 30px; min-height: 30px; } .FixedFlashNotice { background: #fff !important; color: #2F2F2F !important; font-size: 12px; margin:200px 27% 0pt !important; padding:20px 3% !important; width:40% !important;top: 0px; left: 0; border: 1px solid #C9C9C9 !important; } .FixedFlashNotice h2 { color: #2F2F2F !important; } .FixedFlashNotice p { font-size: 15px; color: #2F2F2F !important; } .FixedFlashNotice a { color: #898989 !important; } .FixedFlashNotice ul { color: #2F2F2F !important; } .FixedFlashNotice li { color: #2F2F2F !important; } .UpgradeBrowserNow { color: #fff; } .UpgradeBrowserNow h5 { color: #fff; font-weight: normal !important; font-size: 15px; padding: 15px 0 10px 0; } .UpgradeBrowserNow a { color: #fff; } /* LoginFormContainer ----------------------------------------------------------------------------------------*/ .LoginFormContainer { color: #EEE; background: #000 url('../images/uforia/noticeBg.png') repeat-x scroll top left; border: 1px solid #646464; width: 260px; padding: 30px 20px 10px 20px; z-index: 183; } .LoginFormContainer h3 { font-family:verdana !important; color: #EEE !important; font-weight: normal; padding: 0 0 15px 0; font-size: 16px; } .LoginFormContainer p { padding: 0 0 15px 0; } .LoginFormContainer a.Close { text-indent: -9999px; background: url('../images/uforia/noticeClose.png') no-repeat scroll top left; width: 18px; height: 18px; position:absolute; top: 6px; right: 6px; display:block;} .LoginFormContainer ul { width: 100%; padding: 0px; } .LoginFormContainer ul li { padding: 0 0 8px 0; width: 250px; float:left; clear:left; } .LoginFormContainer ul li .Input { font-size: 13px; background: #fff url('../images/uforia/FormBg.png') repeat-x scroll top left; border: 1px solid #646464; width: 140px; padding: 3px 0 3px 0; height: 16px; float:right; } .LoginFormContainer ul li label { color: #fff; font-size: 12px; line-height: 21px; width: 100px; display:block; float:left; } .LoginFormContainer ul li .Submit { cursor: pointer; color: #EEE; border: none; background: url('../images/uforia/UpdateButton.png') no-repeat scroll top left; width: 85px; height: 20px; float:right; } /* PhotoOverlay ----------------------------------------------------------------------------------------*/ .PhotoOverlay img { background-color: #fff; padding: 10px; border: 2px solid #626262; } /* SideOptions -------------------------------------------------------------------------------------------------------------------------------------------------*/ .SideOptions { color: #EEE !important; font-family:verdana !important; font-size: 10px !important; background: #000; width: 200px; min-height: 400px; position:fixed; top: 35px; } .LeftOptions { left: 0px; padding: 5px 5px 5px 25px; width: 170px; border: 0px !important; border-top: 1px solid #646464 !important; border-right: 1px solid #646464 !important; border-bottom: 1px solid #646464 !important; border-left: 0px !important;} .RightOptions { right: 0px; padding: 5px 25px 5px 5px; width: 170px; border-top: 1px solid #646464 !important; border-right: 0px !important; border-bottom: 1px solid #646464 !important; border-left: 1px solid #646464 !important; } /* GlobalAdminMenu ----------------------------------------------------------------------------------------*/ .RightSideAdminPanel .MenuBox .BoxHead { display:none !important; } .RightSideAdminPanel .MenuBox .BoxFirst { float:left; } .RightSideAdminPanel .MenuBox .BoxFirst ul.TreeMenu { } .RightSideAdminPanel .MenuBox .BoxFirst ul.TreeMenu li { padding: 0px 0 8px 20px; float:left; clear:left; position:relative; } .RightSideAdminPanel .MenuBox .BoxFirst ul.TreeMenu li a { color: #EEE !important; font-family:verdana !important; } .RightSideAdminPanel .MenuBox .BoxFirst ul.TreeMenu li ul { padding: 0 0 0 10px; } /*Level 1-2*/ .RightSideAdminPanel .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem a.Hide { background: url('../images/liljengrens/side_menu/hide_step2.png') no-repeat scroll center left; width: 12px; height: 18px; padding: 0; display:block; position:absolute; left: 0px; top: 0; } .RightSideAdminPanel .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem a.Hide:hover { background: url('../images/liljengrens/side_menu/hide_step2_active.png') no-repeat scroll center left; width: 12px; height: 18px; padding: 0; display:block; position:absolute; left: 0px; top: 0; } .RightSideAdminPanel .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem a.Expand { background: url('../images/liljengrens/side_menu/expand_step2.png') no-repeat scroll center left; width: 12px; height: 18px; padding: 0; display:block; position:absolute; left: 0px; top: 0; float:auto; } .RightSideAdminPanel .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem a.Expand:hover { background: url('../images/liljengrens/side_menu/expand_step2_active.png') no-repeat scroll center left; width: 12px; height: 18px; padding: 0; display:block; position:absolute; left: 0px; top: 0; float:auto; } .RightSideAdminPanel { } /* Admin style ------------------------*/ /*.LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem .ActiveMenuTextEditor { color: #EEE !important; font-family:verdana !important; font-weight: bold; min-height: 23px; padding: 0px 0 3px 10px; display:block; float:left; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem .ActiveMenuTextEditor input.editor_field { background: transparent; border: 1px solid #EEE; color: #fff; width: 130px; margin: 0 0 4px 0; }*/ /*Level 1*/ .LeftOptions .MenuBox .BoxFirst ul.TreeMenu { color: #fff; width: 170px; padding: 10px 5px 0 5px; float:left; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li { font-size: 12px; width: 170px; position:relative; display:block; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem { } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem a { color:#fff; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem a.PageLink { text-decoration: none; width: 150px; padding: 0px 0 0 22px; display:block; float:left; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem a.PageLink span { width: 150px; display:block; float:left; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem a.PageLink:hover { text-decoration: underline; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.Level1Active a.PageLink:hover { font-weight: bold; text-decoration: underline; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.Level1Active a.PageLink { background:none; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.Level2Active a.PageLink { font-weight:bold; background:none; } /* Admin style ------------------------*/ .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem span.ActiveMenuTextEditor { font-weight: bold; text-decoration: none; width: 150px; padding: 0px 0 3px 23px; display:block; float:left; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem span.ActiveMenuTextEditor input.editor_field { background: transparent; border: 1px solid #a0d7ed; color: #fff; width: 130px; margin: 0 0 4px 0; } /*Level 1-2*/ .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem a.Hide { background: url('../images/liljengrens/side_menu/hide_step2.png') no-repeat scroll center left; width: 12px; height: 24px; padding: 0; display:block; position:absolute; left: 5px; top: 0; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem a.Hide:hover { background: url('../images/liljengrens/side_menu/hide_step2_active.png') no-repeat scroll center left; width: 12px; height: 24px; padding: 0; display:block; position:absolute; left: 5px; top: 0; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem a.Expand { background: url('../images/liljengrens/side_menu/expand_step2.png') no-repeat scroll center left; width: 12px; height: 24px; padding: 0; display:block; position:absolute; left: 5px; top: 0; float:auto; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem a.Expand:hover { background: url('../images/liljengrens/side_menu/expand_step2_active.png') no-repeat scroll center left; width: 12px; height: 24px; padding: 0; display:block; position:absolute; left: 5px; top: 0; float:auto; } /*Level 2*/ .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.Level1Active { background: url('../images/liljengrens/side_menu/step2_dynamic.png') no-repeat scroll top left; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul { width: 160px; float:left; clear:left; position:relative; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul li { padding-top: 0; background: none; display:block; width: auto; margin: 0; float:left; clear:left; position:relative; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul li a.PageLink { background: none; background: url('../images/liljengrens/side_menu/step2_no_arrow.png') no-repeat scroll 5px 8px; font-size: 11px; padding:7px 0 0 22px; width: 130px; height: auto; margin: 0; display:block; float:left; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul li a.PageLink span { width: 130px; display:block; float:left; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.Level1Active ul li a.PageLink:hover { background:none; background: url('../images/liljengrens/side_menu/step2_no_arrow_active.png') no-repeat scroll 5px 8px; } /* Admin style ------------------------*/ .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul li span.ActiveMenuTextEditor { background: url('../images/liljengrens/side_menu/step2_no_arrow.png') no-repeat scroll 5px 8px; font-weight: bold; font-size: 11px; padding:7px 0 0 22px; width: auto; height: auto; min-height: 20px; margin: 0; display:block; float:left; } /*Level 3*/ .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul li ul { background: none; margin: 0; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul li ul li { padding: 0 0 0 10px; display:block; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul li ul li a.PageLink { background: url('../images/liljengrens/side_menu/step3_icon.png') no-repeat scroll left 10px; padding: 7px 0 0 15px; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul li ul li a.PageLink:hover { background: url('../images/liljengrens/side_menu/step3_icon_active.png') no-repeat scroll left 10px; padding: 7px 0 0 15px; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul li ul li a.PageLink.Active { background: url('../images/liljengrens/side_menu/step3_icon_active.png') no-repeat scroll left 10px; padding: 7px 0 0 15px; font-weight: bold; } /* Admin style ------------------------*/ .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul li ul li span.ActiveMenuTextEditor { font-size: 11px; min-height: 14px; background: url('../images/liljengrens/side_menu/step3_icon_active.png') no-repeat scroll left 10px; padding: 7px 0 0 15px; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul li ul li span.ActiveMenuTextEditor span { font-weight:bold; } .LeftOptions .MenuBox .BoxFirst ul.TreeMenu li.SideMenuItem ul li ul li span.ActiveMenuTextEditor input.editor_field { width: 115px; } /* TopOptions -------------------------------------------------------------------------------------------------------------------------------------------------*/ body { padding: 27px 0 0 0 !important;} body.Hide { padding: 0px 0 0 0 !important; } .LoadingContainer { background: url('../images/uforia/loading.png') no-repeat scroll top left;width: 59px;height: 21px; padding: 0 0 0 2px; left: 45px; top: 0;position:fixed; } .LoadingContainer .Loading { background: url('../images/uforia/loading2.gif') no-repeat scroll top center;width: 58px;height: 18px; left: 45px; top: 0; display: block; } .TopOptionsContainer { } .TopOptionsContainer .HideAndShowButton { width: 23px;height: 21px; position:absolute; left: 15px; top: 0; position:fixed; } .TopOptionsContainer .HideAndShowButton a { background: url('../images/uforia/hide.png') no-repeat scroll top left; width: 23px; height: 21px; display:block; text-indent: -9999px; } .TopOptionsContainer .TopOptions { display:block; } .Hide .HideAndShowButton { width: 23px;height: 21px; position:absolute; left: 15px; top: 0; position:fixed; } .Hide .HideAndShowButton a { background: url('../images/uforia/show.png') no-repeat scroll top left; width: 23px; height: 21px; display:block; text-indent: -9999px; } .Hide .TopOptions { display:none; } div.TopOptions { position:fixed; top: 0; font-size: 10px; color: #EEE; background: #424242 url('../images/uforia/TopOptionsBg.png') repeat-x scroll bottom left; height: 24px; padding: 3px 0 0px 0; width: 100%;} .TopOptions ul li { font-size: 10px; background: none; line-height: 14px !important; position:relative; float:left; padding: 0 !important; } .TopOptions ul li a { color: #EEE; text-decoration:none; } .TopOptions ul li a:link { } .TopOptions ul li a:visited { } .TopOptions ul li a:hover { text-decoration:underline; } .TopOptions ul li.Link { padding: 4px 12px 4px 0; display:block; } .TopOptions ul.Page { padding: 0 0 0 120px; float:left; } .TopOptions ul.Global { padding: 0 20px 0 0; float:right; } ul.TopOptionsMenu li a.First { padding: 0px 0 0 8px; margin-right: 10px; position:relative; float:left; } ul.TopOptionsMenu li a.First:hover { background: url('../images/uforia/TopOptions.png') no-repeat scroll top left; } ul.TopOptionsMenu li a.First span { background: url('../images/uforia/TabArrowAlone.png') no-repeat scroll top right; height: 20px; padding: 4px 20px 0 0px; display:block; float:left; } ul.TopOptionsMenu li a.First:hover span { background: url('../images/uforia/TopOptions.png') no-repeat scroll top right; } ul.TopOptionsMenu li.DropDown:hover > a { background: url('../images/uforia/TopOptions.png') no-repeat scroll top left; } ul.TopOptionsMenu li.DropDown:hover > a span { background: url('../images/uforia/TopOptions.png') no-repeat scroll top right; } ul.TopOptionsMenu li ul { color: #EEE; background: #000; border-left: 1px solid #646464; border-right: 1px solid #646464; border-bottom: 1px solid #646464; /*width: 100%;*/ min-width: 175px; padding: 0 !important; position:absolute; top: 24px; left: 0; } ul.TopOptionsMenu li ul li { color: #EEE; font-size: 11px; width: 100%; float: left; clear: left; position: relative; } ul.TopOptionsMenu li ul li a { background: url('../images/uforia/options_icon_empty.png') no-repeat scroll 5px 4px; color: #EEE; text-decoration:none; padding: 6px 20px 6px 30px; /*line-height: 26px;*/ display: block;/* white-space: nowrap; max-width: 200px;*/ } ul.TopOptionsMenu li ul li a:hover { background: #292929 url('../images/uforia/options_icon_empty.png') no-repeat scroll 5px 4px; text-decoration:underline; } ul.TopOptionsMenu li ul li.Page a { background: url('../images/uforia/new_newpage.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.Page:hover a { background: #292929 url('../images/uforia/new_newpage.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewTextBox a { background: url('../images/uforia/new_textbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewTextBox:hover a { background: #292929 url('../images/uforia/new_textbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewPictureBox a { background: url('../images/uforia/new_picturebox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewPictureBox:hover a { background: #292929 url('../images/uforia/new_picturebox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewBlogBox a { background: url('../images/uforia/new_bloggbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewBlogBox:hover a { background: #292929 url('../images/uforia/new_bloggbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewContactBox a { background: url('../images/uforia/new_contactbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewContactBox:hover a { background: #292929 url('../images/uforia/new_contactbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewProductBox a { background: url('../images/uforia/new_productbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewProductBox:hover a { background: #292929 url('../images/uforia/new_productbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewCartBox a { background: url('../images/uforia/new_cartbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewCartBox:hover a { background: #292929 url('../images/uforia/new_cartbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewOrderBox a { background: url('../images/uforia/new_orderbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewOrderBox:hover a { background: #292929 url('../images/uforia/new_orderbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewMenuBox a { background: url('../images/uforia/new_menubox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewMenuBox:hover a { background: #292929 url('../images/uforia/new_menubox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewDownloadBox a { background: url('../images/uforia/new_filebox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewDownloadBox:hover a { background: #292929 url('../images/uforia/new_filebox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewMapBox a { background: url('../images/uforia/new_mapbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewMapBox:hover a { background: #292929 url('../images/uforia/new_mapbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewShowroomBox a { background: url('../images/uforia/new_showroombox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewShowroomBox:hover a { background: #292929 url('../images/uforia/new_showroombox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewFlashBox a { background: url('../images/uforia/new_flashbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul li.NewFlashBox:hover a { background: #292929 url('../images/uforia/new_flashbox.png') no-repeat scroll 5px 4px; } ul.TopOptionsMenu li ul { display:none; } ul.TopOptionsMenu li:hover ul { display:block; } /* Box Drag n Drop Effects -------------------------------------------------------------------------------------------------------------------------------------------------*/ .DropArea { border: 0px solid transparent; } .LoggedInAsAdmin .DropArea { border: 1px solid transparent; position:static !important; } /*.draghandle { background: url('../images/drag_handle.gif') no-repeat scroll top left; height: 11px; width: 11px; }*/ .LoggedInAsAdmin .Revealed { min-height: 30px; border: 1px dashed #b3b3b3; position:relative !important} .LoggedInAsAdmin .DropAreaHover { min-height: 30px; border: 1px dashed red; } .LoggedInAsAdmin .FakeGhost { float:left; width:100%; } /* Global Box -------------------------------------------------------------------------------------------------------------------------------------------------*/ .Box { padding: 0px 0 20px 0; display: block; width: 100%; float:left; clear:left; } .Sort .BoxFirst { height: 70px; overflow:hidden; } /*.BoxSeenByAdmin { position:relative; } .BoxSeenByAdmin .Entry { position: relative; }*/ /* Global BoxHead ----------------------------------------------------------------------------------------*/ .BoxHead { font-family:verdana !important; font-size: 12px !important; color: #EEE !important; height: 21px !important; padding: 0; width: 100%; position:absolute; top: -23px; } .BoxHead li { font-size: 12px !important; background: none; color: #EEE !important; float:left; clear:none !important; width: auto !important; display:none; padding: 0; } .BoxHead li a { color: #EEE !important; text-decoration:none; display:block; } .BoxHead li.BoxDragHandle { position:absolute; top: 0; cursor: move; width: 100% !important; height: 100%; text-indent: -99999px; } .BoxHead li.BoxFollowLink { padding: 3px 0 0 5px; line-height: 15px; height: 20px; float:left; position:absolute; top: 0; left: 60px; } .BoxHead li.BoxFollowLink a { } .BoxHead li.BoxFollowLink a:hover { text-decoration: underline; } .BoxHead li.BoxTitle { padding: 3px 0 0 5px; float:left; cursor: move; height: 20px; border-left: 1px solid #646464; line-height: 15px; position:relative; } .BoxHead li.BoxTitle a { display:inline; font-size: 9px; } .BoxHead li.BoxEditLink { float:right; position:relative; margin-right: 2px; } .BoxHead li.BoxEditLink a { background: url('../images/uforia/box_head.png') repeat-x scroll 0 -23px !important; line-height: 21px; height: 21px; padding: 0 10px 0 10px !important; border-left: 1px solid #646464; border-right: 1px solid #646464; } .BoxHead li.BoxEditLink a:hover { color: #fff !important; background: url('../images/uforia/box_head.png') repeat-x scroll 0 -23px !important; } .BoxHead li.BoxOptionsLink { background: url('../images/uforia/box_head.png') repeat-x scroll 0 -23px !important; border-left: 1px solid #646464; float:right; position:relative; } .BoxHead li.BoxOptionsLink a { background: url('../images/uforia/modulHeadOptions.png') no-repeat scroll center center !important; width: 25px !important; height: 18px !important; padding: 5px 0px 0 0px !important; display:block; text-indent: -9999px; float:right; text-align:left; border-right: 1px solid #646464; } .BoxHover .BoxHead { background: #424242 url('../images/uforia/box_head.png') repeat-x scroll top left !important; height: 21px !important; width: 100% !important; overflow: hidden; display:block; border-top: 1px solid #646464; border-bottom: 1px solid #646464; position:absolute; top: -23px; } .BoxHover .BoxHead li { display:block; /*width: auto !important;*/ } /* Makes all the BoxHeads visible when expose is turned on */ .BoxHoverExpose ul.BoxHead { background: #424242 url('../images/uforia/box_head.png') repeat-x scroll top left !important; height: 21px !important; width: 100% !important; overflow: hidden; display:block; border-top: 1px solid #646464; border-bottom: 1px solid #646464; } .BoxHoverExpose ul.BoxHead li { display:block !important; } /* Makes all the BoxHeads visible when sort function is turned on */ .BoxHoverSort ul.BoxHead { background: #424242 url('../images/uforia/box_head.png') repeat-x scroll top left !important; height: 21px !important; width: 100% !important; overflow: hidden; display:block; border-top: 1px solid #646464; border-bottom: 1px solid #646464; } .BoxHoverSort ul.BoxHead li { display:block; } /* Makes the Box to Show the Entry options when hover only over the Entry */ .BoxHover .Entry ul.BoxHead { background: none !important; border: none; } .BoxHover .Entry ul.BoxHead li { display:none; } /*.BoxHover .Entry { position:relative; }*/ .BoxHover .BoxHover ul.BoxHead { background: #424242 url('../images/uforia/box_head.png') repeat-x scroll top left !important; height: 21px !important; width: 100% !important; overflow: hidden; display:block; border-top: 1px solid #646464; border-bottom: 1px solid #646464; } .BoxHover .BoxHover ul.BoxHead li { display:block; margin: 0 !important; } .BoxHover .BoxHover ul.BoxHead li.BoxEditLink { margin-right: 2px !important; } .BoxHead li.BoxDelete { display:none !important; } /* Global Save & Cancel button ----------------------------------------------------------------------------------------*/ .editor_ok_button { background: url('../images/uforia/save_cancel.png') no-repeat scroll top left !important; font-size: 11px !important; font-family:verdana !important; padding: 0 0 2px 0 !important; cursor: pointer; color: #EEE !important; border: none !important; width: 55px !important;height: 20px !important; margin: 0 5px 5px 0 !important; float:left; } a.editor_cancel { line-height: 15px !important; font-size: 11px !important; font-family:verdana !important; display:block !important; text-align:center !important; text-decoration:none !important; color: #EEE !important; border: none !important; background: url('../images/uforia/save_cancel.png') no-repeat scroll top left !important; width: 55px !important; height: 17px !important; padding: 3px 0 0 0 !important; margin-bottom: 5px !important; float:left !important; } a.editor_cancel:hover { color: #EEE !important; } /* BoxEdit Style ----------------------------------------------------------------------------------------*/ /* PictureBox BoxEdit ------------------------*/ .PictureBox .BoxEdit ul.PictureSpecialForBlogBox { } .PictureBox .BoxEdit li.NewPicture { width: 100%; float:left; } .PictureBox .BoxEdit li.NewPicture { width: 100%; float:left; } .PictureBox .BoxEdit li.NewPicture input { width: 30px; float:left; } /* ContactBox BoxEdit ------------------------*/ .ContactBox .BoxEdit fieldset { border:none; padding: 10px; } /* ProductBox BoxEdit ------------------------*/ .ProductBox .BoxEdit { } .ProductBox .BoxEdit textarea { height: 50px; } .ProductBox .BoxEdit .EditProductFamily select { height: 130px; } /* Global BoxOptionsPopupMenu ----------------------------------------------------------------------------------------*/ .BoxOptionsPopup { position:absolute; width: 140px; } .BoxOptionsPopup ul { color: #EEE; background: #000; border: 1px solid #646464; width: 140px; padding: 0 !important; position:absolute; } .BoxOptionsPopup ul li { background: none; padding: 0; color: #EEE; font-size: 10px; width: 100%; float: left; clear: left; position: relative; } .BoxOptionsPopup ul li a { color: #EEE; text-decoration:none; padding: 5px 10px 5px 10px; display: block; width: auto; border: none; /*white-space: nowrap*/ } .BoxOptionsPopup ul li a:hover { background: #292929; text-decoration:underline;} .BoxOptionsPopup ul li a.FirstArrow { background: url('../images/uforia/BoxOptionsArrow.png') no-repeat scroll center right; } .BoxOptionsPopup ul li a.FirstArrow:hover { background: #292929 url('../images/uforia/BoxOptionsArrow.png') no-repeat scroll center right; } /* Makes the menu show the active path*/ .BoxOptionsPopup ul li.Extra:hover > a.FirstArrow, .BoxOptionsPopup ul li li.Extra:hover > a.FirstArrow, .BoxOptionsPopup ul li li li.Extra:hover > a.FirstArrow { background: #292929 url('../images/uforia/BoxOptionsArrow.png') no-repeat scroll center right; } .BoxOptionsPopup ul ul { position:absolute; z-index:161; top: -1px; margin: 0; display:none; left:100%; } .BoxOptionsPopup ul ul ul { margin: 0; } .BoxOptionsPopup li:hover ul ul, .BoxOptionsPopup li li:hover ul ul, .BoxOptionsPopup li li li:hover ul ul, .BoxOptionsPopup li li li li:hover ul ul { display:none; } .BoxOptionsPopup li:hover ul, .BoxOptionsPopup li li:hover ul, .BoxOptionsPopup li li li:hover ul, .BoxOptionsPopup li li li li:hover ul { display:block; } /* Style for NewPage ------------------------*/ .NewPageParentSelector { top: 0; left: 0; position:static; float:left; } .NewPageParentSelector .FirstArrow { color: #EEE !important; padding: 0 0 5px 0; cursor: default; display:block; } .NewPageParentSelector ul { position:static; float:left; } /* Style for ProductAdministration ------------------------*/ .ChooseProductFamily { height: 60px; position:static; float:left; clear:left; margin-bottom: 30px; } .ChooseProductFamily { width: 30%; position:relative; float:right; z-index: 150; } .ChooseProductFamily a { color: #EEE !important; text-decoration:none; } .ChooseProductFamily li.DropDown { position:relative; width: auto; } .ChooseProductFamily li a.First { font-size: 14px; background: url('../images/uforia/choose_content_button.png') no-repeat scroll top left; height: 35px; padding: 0; margin-right: 0; position:relative; float:left; } .ChooseProductFamily li a.First span { background: none; height: 20px; width: 170px; padding: 9px 0px 0 15px; display:block; float:left; position:relative; } .ChooseProductFamily li a.First:hover span { background: none; } .ChooseProductFamily li ul { color: #EEE; background: #000; border-top: 0px; border-left: 1px solid #646464; border-right: 1px solid #646464; border-bottom: 1px solid #646464; width: 183px; padding: 6px 0 0 0; position:absolute; top: 30px; left: 0px; } .ChooseProductFamily li ul li { color: #EEE; font-size: 12px; width: 100%; float: left; clear: left; position: relative; } .ChooseProductFamily li ul li a { color: #EEE; text-decoration:none; padding: 0px 10px 0px 10px; line-height: 26px; display: block; white-space: nowrap } .ChooseProductFamily li ul { display:none; } .ChooseProductFamily li:hover ul { display:block; } /* Global NewBoxNotice ----------------------------------------------------------------------------------------*/ .NewBoxNotice { color:#535353; background: #f8f8f8; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; width: 80%; margin-bottom: 30px; padding: 30px 10% 20px 10%; float:left; position:relative; } .NewBoxNotice a.Close { text-indent: -9999px; background: url('../images/uforia/noticeClose.png') no-repeat scroll top left; width: 18px; height: 18px; position:absolute; top: 20px; right: 20px; display:block;} .NewBoxNotice h2 { font-size: 15px; padding: 10px 0 10px 0; font-weight: normal; } .NewBoxNotice p { font-size: 12px; line-height: 18px; } /* WhenEmptyPage -------------------------------------------------------------------------------------------------------------------------------------------------*/ .WhenEmptyPage { color:#535353; background: #f8f8f8; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; width: 80%; margin-bottom: 30px; padding: 30px 10% 20px 10%; float:left; position:relative; } .WhenEmptyPage a.Close { text-indent: -9999px; background: url('../images/uforia/noticeClose.png') no-repeat scroll top left; width: 18px; height: 18px; position:absolute; top: 20px; right: 20px; display:block;} .WhenEmptyPage h2 { background: url('../images/uforia/empty_page_page_icon.png') no-repeat scroll top right; font-size: 15px; padding: 25px 0 0 0; font-weight: normal; height: 41px; width: 150px; } .WhenEmptyPage h1 { font-size: 27px; font-weight: normal; padding: 0 0 35px 0;} ul.AddContentHelp { width: 70%; float:left; } ul.AddContentHelp li { font-size: 12px; line-height: 18px; padding: 0 0 20px 38px; } ul.AddContentHelp li.StepOne { background: url('../images/uforia/empty_page_step1.png') no-repeat scroll top left; } ul.AddContentHelp li.StepTwo { background: url('../images/uforia/empty_page_step2.png') no-repeat scroll top left; } ul.AddContentHelp li.StepThree { background: url('../images/uforia/empty_page_step3.png') no-repeat scroll top left; } ul.AddContentHelp li.PracticalLinks { } .ChooseContent { width: 30%; position:relative; float:right; z-index: 150; } .ChooseContent a { color: #EEE; text-decoration:none; } .ChooseContent ul.TopOptionsMenu li.DropDown { position:relative;} .ChooseContent ul.TopOptionsMenu li a.First { font-size: 14px; background: url('../images/uforia/choose_content_button.png') no-repeat scroll top left; height: 35px; padding: 0; margin-right: 0; position:relative; float:right; } .ChooseContent ul.TopOptionsMenu li a.First span { background: none; height: 20px; width: 170px; padding: 9px 0px 0 15px; display:block; float:left; position:relative; } .ChooseContent ul.TopOptionsMenu li a.First:hover span { background: none; } .ChooseContent ul.TopOptionsMenu li ul { color: #EEE; background: #000; border-left: 1px solid #646464; border-right: 1px solid #646464; border-bottom: 1px solid #646464; width: 183px; padding: 6px 0 0 0; position:absolute; top: 30px; left: -33px; } .ChooseContent ul.TopOptionsMenu li ul li { color: #EEE; font-size: 12px; width: 100%; float: left; clear: left; position: relative; } .ChooseContent ul.TopOptionsMenu li ul li a { color: #EEE; text-decoration:none; padding: 0px 10px 0px 30px; line-height: 26px; display: block; white-space: nowrap } /* TextBox -------------------------------------------------------------------------------------------------------------------------------------------------*/ /* TextBox BoxEdit ----------------------------------------------------------------------------------------*/ .TextBox .BoxOptions li input { background: url('../images/uforia/FormBg.png') repeat-x scroll top left;height: 15px; width: 45px; font-size: 14px; border: 1px solid #646464; } .TextBox .BoxOptions li .Submit { margin-bottom: 5px; font-size: 10px; cursor: pointer; color: #EEE; border: none; background: url('../images/uforia/CreateButton.png') no-repeat scroll top left; width: 55px; height: 20px; float:right; } .TextBox .BoxOptions li input.CustomURL { width: 180px; } /* TextBox ----------------------------------------------------------------------------------------*/ /*p { padding: 5px 0px 15px 0px; }*/ .TextBox form form { width: 100%; padding: 0 0 46px 0; } .TextBox form textarea { width: 100%; height: 250px; } /* Global Textilize ------------------------*/ .TextBox .BoxFirst textarea { color: inherit; font-size: inherit; font-weight:inherit; background: transparent !important; border: 0; margin-bottom: 2px; } /* TinyMCE WYSIWYG ----------------------------------------------------------------------------------------*/ .Box .mceEditor { padding: 0 0 3px 0; } .Box .mceLayout { width: 100% !important; } .mceToolbar tr { white-space: auto; float:left; } .mceToolbar tr td { float:left; } .BoxEdit .mceLayout { width: 346px !important; } .BoxEdit .mceLayout iframe { height: 200px !important; } .NewTextBox iframe { height: 250px !important; width: 525px !important; } .NewTextBox textarea { height: 250px !important; width: 525px !important; } .mceContentBody { padding: 0px !important; background-color: transparent; } .mceListBoxMenu { z-index: 211 !important; background-color: transparent !important; } /* edit on the default skin */ .Box .defaultSkin iframe { background-color: transparent !important; } .Box .defaultSkin table { background-color: transparent !important; } /*td.mceToolbar { width: 600px; position: fixed; top: 30px; right: 20px; z-index: 230; }*/ /* tinymce_options[:theme_advanced_buttons2] = %('bullist,numlist,undo,redo,link,unlink,image,code,removeformat') tinymce_options[:theme_advanced_buttons3] = %('charmap,formatselect') */ /* PictureBox -------------------------------------------------------------------------------------------------------------------------------------------------*/ /* PictureBox BoxOptions ----------------------------------------------------------------------------------------*/ .PictureBox .BoxOptions li input { color: #EEE; height: auto; width: auto; font-size:0.9em; } .PictureBox .BoxOptions li input.Submit { margin-bottom: 5px; font-size: 0.8em; cursor: pointer; color: #EEE; border: none; background: url('../images/uforia/CreateButton.png') no-repeat scroll top left; width: 55px; height: 20px; float:right; } .PictureBox { } .PictureBox .Thumbnail { position:absolute; } /*.PictureBox img { width: 100%; } NICKLAS EDIT (MOVED TO INLINE BECOUSE NEEDED DYNAMICILTY)*/ .PictureBox img.DynamicDimensions { width: 100%; float:left; } input#picture_box_picture { width: 100px; } /* TEMPORARY EDIT LATER */ /* BlogBox -------------------------------------------------------------------------------------------------------------------------------------------------*/ .BoxSeenByAdmin .BlogEntries { padding: 23px 0px 0px 0px; } .BoxSeenByAdmin .BlogEntry { position:relative; float:left; clear:left; width: 100%; } .BlogBox .BlogEntry form { width: 100%; padding: 0 0 46px 0; } /* BlogBox BoxOptions ----------------------------------------------------------------------------------------*/ .BlogBox .BoxFirst { width: 100%; float:left; position:relative; } .BlogBox .BlogBoxMask { /*height:450px; width: 100%; position:absolute; top: 0; left: 0; overflow:hidden;*/ } .BlogBox .BlogBoxMask { height:450px; width: 100%; position:relative; overflow:hidden; } .BlogBox .Pagination { /*position: absolute; bottom: 0;*/ position:relative; } .BlogBox .Entry { position:relative; float:left; width: 100%; } .BlogBox .BlogEntry .BoxFirst .PictureBox { } .BlogBox .BlogEntry .BoxFirst .PictureBox .BoxFirst { } .BlogBox .BlogEntry .BoxFirst .PictureBox .BoxFirst a { border: 0; padding: 0; background: none; } .BlogBox .BlogEntry .BoxFirst .PictureBox .BoxFirst img { } .BlogBox .BlogEntry form { width: 100%; padding: 0 0 46px 0; } /* Admin style ------------------------*/ .BlogBox .BlogEntry form input.editor_field { color: inherit; font-size: inherit; font-weight:inherit; background-color: transparent; border: 1px solid #C4C4C4;width: 98%; margin: 0 0 2px 0; } .BlogBox .BlogEntry form textarea { color: inherit; font-size: inherit; font-weight:inherit; background-color: transparent; border: 1px solid #C4C4C4; width: 99%; min-height: 200px; margin-bottom: 2px; } .BlogBox .BoxFirst fieldset { border: none; padding: 0; } .BlogBox .BoxFirst fieldset legend { display:none; } .BlogBox .BlogEntryBody { min-height: 40px;} /* ShowroomBox -------------------------------------------------------------------------------------------------------------------------------------------------*/ /* Admin style ------------------------*/ .ShowroomBox .BoxFirst { width: 100%; float:left; } .ShowroomBox .ShowroomEntry form textarea { height: 50px; } .ShowroomBox .BoxFirst .ShowroomEntries .ShowroomEntry .Description { } .ShowroomBox .BoxFirst .ShowroomEntries .ShowroomEntry textarea.editor_field { color: inherit; font-size: inherit; font-weight:inherit; background-color: transparent; border: 1px solid #C4C4C4; } .ShowroomBox { width: 100%; float:left; } .ShowroomBox .BoxFirst h4 { /*display:none;*/ } .ShowroomBox .BoxFirst .Pagination { } /*.ShowroomBox .BoxFirst .ShowroomMaskWrapper { width: 100%; position:relative; float:left; }*/ .ShowroomBox .BoxFirst .ShowroomMaskWrapper { width: 100%; float:left; } .ShowroomBox .BoxFirst .ShowroomMask { width: 100%; position:absolute; top: 0; overflow:hidden; } .ShowroomBox .Thumbs { width: 100%; display:block; } .ShowroomBox .Thumbs li { } .ShowroomBox .Thumbs li a { } .ShowroomBox .Thumbs li a:hover { } .ShowroomBox .Thumbs li.Active a { } .ShowroomBox .Thumbs li img { float:left; } .ShowroomBox .ShowroomEntries { width: 300000px; padding: 0px 0 0 0; float:left; } .LoggedInAsAdmin .ShowroomBox .BoxFirst .ShowroomEntries { padding: 23px 0 0 0; } .ShowroomBox .BoxFirst .ShowroomEntries .Entry { /*width: 675px;*/ float:left; position:relative; } .ShowroomBox .BoxFirst .ShowroomEntries .Entry .BoxHead { width: 100%; } .ShowroomBox .BoxFirst .ShowroomEntries .Entry .LargeImage { } .ShowroomBox .BoxFirst .ShowroomEntries .Entry .LargeImage img { } .ShowroomBox .BoxFirst .ShowroomEntries .Entry .Description { width: 435px; padding: 15px 0 0 0; float:left; } .ShowroomBox .BoxFirst .ShowroomEntries .Entry .Description h3 { } .ShowroomBox .BoxFirst .ShowroomEntries .Entry .Description p { } .ShowroomBox .BoxFirst .ShowroomEntries .Entry .Description { } .ShowroomBox .BoxFirst .ShowroomEntries .Entry .Description a { } .ShowroomBox .BoxFirst .ShowroomEntries .Entry .Description a:visited { } .ShowroomBox .BoxFirst .ShowroomEntries .Entry .Description a:hover { } .ShowroomBox .BoxFirst .ShowroomEntries .Entry .Description ul { } .ShowroomBox .BoxFirst .ShowroomEntries .Entry .Description ul li { } /* ContactBox -------------------------------------------------------------------------------------------------------------------------------------------------*/ .ContactBox .BoxFirst { padding: 0 0 23px 0; } .ContactBox .BoxFirst fieldset { border: none; margin: 0; padding: 0; } .ContactBox .BoxFirst fieldset legend { display:none; } .ContactBox .BoxFirst a.ShowMessage { padding: 0 0 23px 0; display:block; } .ContactBox .BoxFirst ul { padding: 0; } .ContactBox .BoxFirst ul li { background: none; padding: 0; } .ContactBox .ContactHead { display:none; } /* ProductBox -------------------------------------------------------------------------------------------------------------------------------------------------*/ .ProductBox { } /*.BoxSeenByAdmin { }*/ .BoxSeenByAdmin .BuyBox { padding: 23px 0 0 0; } .ProductBox { /*padding: 23px 0 0 0;*/ } /*.BoxSeenByAdmin .BoxFirst { /*padding: 23px 0 0 0;*/ }*/ .ProductBox .ProductEntry { /*padding: 23px 0 0 0;*/ } .BoxSeenByAdmin .ProductEntry { /*padding: 23px 0 0 0;*/ } .ProductBox .PriceListUserOptions h4 { display:none; } /* ProductBox ProductGalleryView ---------------------------------------------------------------------------*/ .ProductCatalog { width: 100%; float:left; } .ProductCatalog .ProductEntry { width: 100%; position:relative; float:left; } .ProductCatalog .ProductImage {float:left; } .ProductCatalog .ProductImage .PictureBox { padding: 10px 0 0 0; } .ProductCatalog .ProductImage .PictureBox img { float:left; } .ProductCatalog .ProductInfo { } .ProductCatalog .ProductInfo .ProductName { text-decoration:none; } .ProductCatalog .ProductInfo .ProductName a { } .ProductCatalog .ProductInfo .ProductName a:hover { } .ProductCatalog .ProductInfo .ProductBody a { } .ProductCatalog .ProductInfo .ProductCustomValue { display:none; } .ProductCatalog .ProductInfo p { } .ProductCatalog .ProductInfo .ProductBuy {} .ProductCatalog .ProductInfo .ProductBuy .ProductPrice {} .ProductCatalog .ProductInfo .ProductBuy input.Submit { cursor: pointer; } .ProductCatalog .ProductInfo .ProductBuy input.ProductQuantity { width: 40px; } /* Admin style ------------------------*/ .BoxSeenByAdmin .ProductCatalog { padding: 23px 0 0 0 !important; } .ProductCatalog .BoxSeenByAdmin { } .ProductCatalog .BoxEdit textarea { height: 40px; color: inherit !important; font-size: inherit !important; font-weight:inherit !important; background-color: transparent !important; } .ProductCatalog .ProductEntry { position:relative; } .ProductCatalog .ProductEntry .BoxFirst form { } .ProductCatalog .ProductEntry .BoxFirst input.editor_field { background: transparent; width: 188px; margin: 0 0 2px 0; } .ProductCatalog .ProductEntry .BoxFirst textarea { border: 1px solid #000; height: 40px; color: inherit !important; font-size: inherit !important; font-weight:inherit !important; margin: 0 0 2px 0 !important; background-color: transparent !important;} .ProductCatalog .ProductEntry .BoxFirst .ProductBuy input.editor_field { width: 40px; } .ProductCatalog .ProductEntry .BoxFirst .ProductBuy form.BuyForm { float:right; width: auto; } .ProductCatalog .BoxSeenByAdmin .ProductImage { padding: 23px 0 0 0 !important; } /* ProductBoxEdit ----------------------------------------------------------------------------------------*/ /* ProductBox PriceListView ReferensView Liljengrens -------------------------------------------------------------------------------------------------------------------------------------------------*/ /* CartBox -------------------------------------------------------------------------------------------------------------------------------------------------*/ .Mask { background-image: url('../images/uforia/overlay_mask.png'); position: absolute; top: 0pt; left: 0pt; width: 100%; display:block; } .MaskLevel2 { background-image: url('../images/uforia/overlay_mask.png'); position: absolute; top: 0pt; left: 0pt; width: 100%; display:none; } /* Bank iframe ------------------------*/ #bank_iframe { background: #fff; width: 450px; height: 300px; display:block; border: 1px solid #e0e0e0; position:absolute; display:none; } .ActivatedBankIframe #bank_iframe { display:block; } .ActivatedBankIframe .MaskLevel2 { display:block; } .ActivatedBankIframe .Mask { display:none; } #samport_bank_iframe { width: 850px; height: 850px; border: 0px;} /* Cart Global Style -----------------------------------------------------------------*/ .OverlayCarts ul.CartSteps { width: 870px; padding: 0 0 0 20px !important; position:absolute; top: -27px; left: 0; float:left; display:inline-block; } .OverlayCarts ul.CartSteps li { padding: 0 0 0 0; float:left; width: auto; clear:none; } .OverlayCarts ul.CartSteps li a { text-decoration:none; font-size: 12px; color: #fff !important; height: 23px; margin: 0 30px 0 0; display:block; padding: 0 0 0 12px; float:left; } .OverlayCarts ul.CartSteps li a span { height: 20px; padding: 3px 12px 0 0px; display:block; float:left; } .OverlayCarts ul.CartSteps li a:hover { background: url('../images/uforia/cart_progress_active.png') no-repeat scroll top left; } .OverlayCarts ul.CartSteps li a:hover span { background: url('../images/uforia/cart_progress_active.png') no-repeat scroll top right; } .OverlayCarts ul.CartSteps li.Active a { background: url('../images/uforia/cart_progress_active.png') no-repeat scroll top left; } .OverlayCarts ul.CartSteps li.Active a span { background: url('../images/uforia/cart_progress_active.png') no-repeat scroll top right;} .OverlayCarts a.CartHide { text-decoration:none; font-size: 12px; color: #fff; background: url('../images/uforia/cart_hide.png') no-repeat scroll top left; height: 23px; padding: 0 0 0 15px; position:absolute; top: -27px; right: 20px; } .OverlayCarts a.CartHide span { background: url('../images/uforia/cart_hide.png') no-repeat scroll top right; height: 19px; padding: 4px 15px 0 0px; display:block; float:left; } .OverlayCarts a.CartHide:hover { text-decoration:underline; } .OverlayCarts .CartInfoBox { width: 870px; padding: 0 0 10px 0; float:left; } .OverlayCarts .CartInfoBox h4 { font-weight: normal; width: 600px; } .OverlayCarts .CartInfoBox p { width: 600px; } .OverlayCarts .CartInfoBox a.CartNext { text-decoration:none; color: #fff; background: url('../images/uforia/cart_green_button.png') no-repeat scroll top left; height: 30px; padding: 0 0 0 15px; display:block; float:right; } .OverlayCarts .CartInfoBox a.CartNext span { color: #fff; font-size: 13px; background: url('../images/uforia/cart_green_button.png') no-repeat scroll top right; height: 30px; padding: 8px 12px 0 0; display:block; float:left; } .OverlayCarts .CartBottomNav { padding: 5px 0 5px 0; margin-top: 5px; width: 870px; border-top: 1px solid #e0e0e0; float:left; } .OverlayCarts .CartBottomNav a { text-decoration:none; color: #fff; background: url('../images/uforia/cart_green_button.png') no-repeat scroll top left; height: 30px; padding: 0 0 0 15px; display:block; float:left; } .OverlayCarts .CartBottomNav a span { color: #fff; font-size: 13px; background: url('../images/uforia/cart_green_button.png') no-repeat scroll top right; height: 30px; padding: 8px 12px 0 0; display:block; float:left; } .OverlayCarts .CartBottomNav a.CartNext { float:right; } .CartFoot { border-top: 1px solid #e0e0e0; width: 870px; padding: 5px 0 0px 0; margin: 10px 0 0 0; float:left; } .CartFoot a.CartVat { color:#393939; background: url('../images/uforia/cart_vat.png') no-repeat scroll top left; height: 25px; padding: 0 0 0 15px; margin: 5px 20px 0 0; display:block; text-decoration:none; float:left; } .CartFoot a.CartVat span { color:#393939; background: url('../images/uforia/cart_vat.png') no-repeat scroll top right; height: 18px; padding: 6px 13px 0 0px; display:block; float:left; } .CartFoot a.CartVat:hover { text-decoration:underline; } .CartFoot a.Visa { background: url('../images/uforia/cart_visa.png') no-repeat scroll center left; width: 61px; height: 30px; display:block; float:left; margin-right: 20px; } .CartFoot a.MasterCard { background: url('../images/uforia/mastercard.gif') no-repeat scroll center left; width: 61px;height: 34px; display:block; float:left; } /* Cart Step 1 ----------------------------------------------------------------------------------------*/ .OverlayCarts .CartStep1 { width: 870px; padding: 0px 0 0 0; float:left; } .OverlayCarts .CartStep1 ul.CartHeads { font-size: 11px; width: 100%; padding: 0px 0 3px 0; float:left; border-bottom: 1px solid #e0e0e0;} .OverlayCarts .CartStep1 ul.CartHeads li { font-weight: bold; float:right; text-align: right; } .OverlayCarts .CartStep1 ul.CartHeads li.Total { width: 80px; } .OverlayCarts .CartStep1 ul.CartHeads li.Price { width: 80px; } .OverlayCarts .CartStep1 ul.CartHeads li.Quantity { width: 66px; text-align: center; } .OverlayCarts .CartStep1 ul.CartHeads li.Remove { width: 80px; text-align: center; } .OverlayCarts .CartStep1 ul.CartHeads li.ArtNr { width: 120px; text-align: center; } .OverlayCarts .CartStep1 ul.CartEntry { width: 100%; padding: 5px 0 5px 0 !important; float:left; border-bottom: 1px solid #e0e0e0; } .OverlayCarts .CartStep1 ul.CartEntry .ProductPicture { width: 100px; float:left; } .OverlayCarts .CartStep1 ul.CartEntry .ProductPicture .PictureBox { width: 100px; padding: 0 15px 0 0; } .OverlayCarts .CartStep1 ul.CartEntry .Info { width: 345px; float:left; text-align:left; padding: 0px; } .OverlayCarts .CartStep1 ul.CartEntry img { width: 100px; width: 70px; float:left; overflow:hidden; } .OverlayCarts .CartStep1 ul.CartEntry h5 { padding: 0 0 5px 0px !important; text-align:left; } .OverlayCarts .CartStep1 ul.CartEntry p { /*margin-left: 85px;*/ line-height: 12px !important; } .OverlayCarts .CartStep1 ul.CartEntry li { width: 80px; float:right; text-align:right; } .OverlayCarts .CartStep1 ul.CartEntry li.Total { font-weight: bold; } .OverlayCarts .CartStep1 ul.CartEntry li.Price { } .OverlayCarts .CartStep1 ul.CartEntry li.Quantity { width: 61px; padding: 0 0 5px 0 !important; text-align: center; } .OverlayCarts .CartStep1 ul.CartEntry li.Quantity input { text-align:center; font-size: 12px; background: url('../images/uforia/cart_quantity_input.png') no-repeat scroll top left; border: none; width: 52px; height: 24px; padding: 2px 0 0 0; float:right; } .OverlayCarts .CartStep1 ul.CartEntry li.Remove { width: 50px; padding: 0 0 0 30px !important; text-align:center; } .OverlayCarts .CartStep1 ul.CartEntry li.Remove a { text-align:center; background: url('../images/uforia/cart_item_delete.png') no-repeat scroll top left;width: 20px;height: 20px; display:block; text-indent: -9999px; } .OverlayCarts .CartStep1 ul.CartEntry li.ArtNr { width: 120px; text-align: center; } .OverlayCarts .CartStep1 ul.CartEntry li.Info .PictureBox { width: 70px; float:left; } .OverlayCarts .CartStep1 ul.CartEntry li.Info .PictureBox a { color: #fff; } .OverlayCarts .CartStep1 .CartPrice { width: 100%; padding: 10px 0 10px 0; float:left; } .OverlayCarts .CartStep1 .CartPrice ul.Price { width: 100px; float:right; text-align:right; } .OverlayCarts .CartStep1 .CartPrice ul.Price li { padding: 0 0 0px 0; width: 100%; clear: left; } .OverlayCarts .CartStep1 .CartPrice ul.Value { width: 100px; float:right; text-align:right; } .OverlayCarts .CartStep1 .CartPrice ul.Value li { padding: 0 0 0px 0; width: 100%; clear: left; } .OverlayCarts .CartStep1 .CartPrice a.EmptyCart { color:#393939; background: url('../images/uforia/cart_vat.png') no-repeat scroll top left; height: 25px; padding: 0 0 0 15px; margin-right: 20px; display:block; text-decoration:none; float:left; } .OverlayCarts .CartStep1 .CartPrice a.EmptyCart span { color:#393939; background: url('../images/uforia/cart_vat.png') no-repeat scroll top right; height: 18px; padding: 4px 15px 0 0px; display:block; float:left; } .OverlayCarts .CartStep1 .CartPrice a.EmptyCart:hover { text-decoration:underline; } /* Cart Step 2 ----------------------------------------------------------------------------------------*/ .OverlayCarts .CartStep2 { /*width: 100%;*/ width: 870px; padding: 0px 0 20px 0; float:left; } .OverlayCarts .CartStep2 h4 { padding: 20px 0 0 0; } .OverlayCarts .CartStep2 .ExistingCustomer { width: 420px; float:left; } .OverlayCarts .CartStep2 .ExistingCustomer ul { width: 100%; padding: 10px 0 0 !important; float:left; } .OverlayCarts .CartStep2 .ExistingCustomer ul li { width: 100%; padding: 0 0 8px 0; float:left; clear:left; } .OverlayCarts .CartStep2 .ExistingCustomer ul li label { display:block; width: 120px; float:left; } .OverlayCarts .CartStep2 .ExistingCustomer ul li input { width: 290px; float:right; } .OverlayCarts .CartStep2 .ExistingCustomer ul li.Last span { display:block; width: 120px; float:left; } .OverlayCarts .CartStep2 .ExistingCustomer ul li.Last { padding: 10px 0 8px 0; } .OverlayCarts .CartStep2 .ExistingCustomer ul li.Last input { margin-top: 3px; cursor: pointer; color: #fff; font-size: 13px; text-align:center; background: url('../images/uforia/cart_green_120_button.png') no-repeat scroll top left; width: 120px; height: 30px; border: none; } .OverlayCarts .CartStep2 .NewCustomer { width: 420px; float:right; padding: 0px 0 0 0; } .OverlayCarts .CartStep2 .NewCustomer a { text-decoration:none; color: #fff; background: url('../images/uforia/cart_green_button.png') no-repeat scroll top left; height: 30px; margin: 20px 0 0 0; padding: 0 0 0 15px; display:block; float:left; } .OverlayCarts .CartStep2 .NewCustomer a span { color: #fff; font-size: 13px; background: url('../images/uforia/cart_green_button.png') no-repeat scroll top right; height: 30px; padding: 7px 15px 0 0; display:block; float:left; } /* Cart Step 3 ----------------------------------------------------------------------------------------*/ .OverlayCarts .CartStep3 { width: 870px; padding: 0px 0 20px 0; float:left; } .OverlayCarts .CartStep3 h4 { padding: 20px 0 0 0; } .OverlayCarts .CartStep3 .CartFirstContainer { width: 420px; float:left; } .OverlayCarts .CartStep3 .CartFirstContainer ul li input { width: 290px; float:right; } .OverlayCarts .CartStep3 .CartSecondContainer { width: 420px; float:right; } .OverlayCarts .CartStep3 .CartSecondContainer ul li input { width: 290px; float:right; } .OverlayCarts .CartStep3 .CustomerData { width: 100%; padding: 0 0 20px 0; float:left; } .OverlayCarts .CartStep3 .FreightAddress { width: 100%; padding: 0 0 20px 0; float:left; } .OverlayCarts .CartStep3 .DeliveryAddress { width: 100%; padding: 0 0 20px 0; float:left; } .OverlayCarts .CartStep3 .CartConfirm { width: 100%; padding: 0 0 20px 0; float:left; } .OverlayCarts .CartStep3 ul { width: 100%; padding: 10px 0 0 0 !important; float:left; } .OverlayCarts .CartStep3 ul li { width: 100%; padding: 0 0 8px 0; float:left; clear:left; } .OverlayCarts .CartStep3 ul li label { display:block; width: 120px; float:left; } .OverlayCarts .CartStep3 ul li.Last span { display:block; width: 120px; float:left; } .OverlayCarts .CartStep3 ul li.Last { padding: 10px 0 8px 0; } .OverlayCarts .CartStep3 ul li.Last input { } .OverlayCarts .CartStep3 ul li.CartNewsLetter label { width: 210px; } .OverlayCarts .CartStep3 ul li.ConfirmButton { padding: 12px 0 0 0; } .OverlayCarts .CartStep3 ul li.ConfirmButton input { cursor: pointer; color: #fff; font-size: 13px; text-align:center; background: url('../images/uforia/cart_green_195_button.png') no-repeat scroll top left; width: 198px; height: 30px; border: none; } /* Cart Step 4 ----------------------------------------------------------------------------------------*/ .OverlayCarts .CartStep4 { width: 870px; padding: 0px 0 5px 0; float:left; } .OverlayCarts .CartHelpBox { width: 870px; padding: 0px 0 5px 0; float:left; } .OverlayCarts .CartHelpBox a { text-decoration: underline; font-size: 13px; } .OverlayCarts .CartHelpBox ul { padding: 10px 0 0 !important; } .OverlayCarts .CartHelpBox ul li { font-size: 11px !important; } .OverlayCarts .CartStep4 h4 { border-bottom: 1px solid #e0e0e0; padding: 0; font-size: 13px; } .OverlayCarts .CartStep4 ul { width: 100%; padding: 5px 0 0 0 !important; float:left; } .OverlayCarts .CartStep4 .CustomerData { width: 100%; padding: 0px 0 0 0; float:left; } .OverlayCarts .CartStep4 .CustomerData li { padding: 0 4px 0 0; float:left; clear:left; } .OverlayCarts .CartStep4 .CustomerData li span { padding: 0 0 0 0; margin: 0 4px 0 0; float:left; display:block; } .OverlayCarts .CartStep4 .CustomerData li input.editor_field { width: auto; margin: 0 10px 0 0; float:left; } .OverlayCarts .CartStep4 .DeliveryAddress { width: 420px; float:right; } .OverlayCarts .CartStep4 .BillingAddress { width: 420px; float:left; } .OverlayCarts .CartStep4 .BillingAddress p { padding: 10px 0 0 0; } .OverlayCarts .CartStep4 .NoneSwedishFreightWarning { width: 420px; padding: 20px 0 20px 0px; float:left; } .OverlayCarts .CartStep4 .CartStep4Container2 { width: 100%; padding: 10px 0 0 0; float:left; } .OverlayCarts .CartStep4 .FreightChoice { width: 420px; float:left; } .OverlayCarts .CartStep4 .FreightChoice ul.Freight { float:left; text-align:left; } .OverlayCarts .CartStep4 .FreightChoice ul.Freight li { } .OverlayCarts .CartStep4 .FreightChoice ul.Freight li a { float:left; } .OverlayCarts .CartStep4 .FreightChoice ul.Freight li span { float:right; } .OverlayCarts .CartStep4 .FreightChoice ul.Freight li input { display:none; } .OverlayCarts .CartStep4 .FreightChoice ul.Value { float:left; text-align:left; } .OverlayCarts .CartStep4 .FreightChoice ul li { width: 420px; padding: 0 0 6px 0; float:left; clear:left; } .OverlayCarts .CartStep4 .FreightChoice input { float:left; margin: 1px 5px 0 0; } .OverlayCarts .CartStep4 .FreightChoice label { float:left; } .OverlayCarts .CartStep4 .FreightChoice span { float:right; font-weight: bold; } .OverlayCarts .CartStep4 .Message { width: 420px; float:right; } .OverlayCarts .CartStep4 .Message h4 { margin-bottom: 10px; } .OverlayCarts .CartStep4 .Message textarea { border: 1px solid #e0e0e0; height: 60px; width: 100%; } .OverlayCarts .CartStep4 .CartStep4Container3 { width: 100%; padding: 10px 0 0 0; float:left; } .OverlayCarts .CartStep4 .OrderSummary { width: 420px; float:right; } .OverlayCarts .CartStep4 .OrderSummary li { padding: 0 0 4px 0; width: 100%; clear: left; } .OverlayCarts .CartStep4 .OrderSummary ul.Price { width: 140px; float:right; text-align:right; } .OverlayCarts .CartStep4 .OrderSummary ul.Value { width: 140px; float:right; text-align:right; } .OverlayCarts .CartStep4 .CartPayment { width: 420px; float:left; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise { width: 420px; padding: 0; float:left; margin: 10px 0 0 0; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentNav { width: 420px; padding: 0px; float:left; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentNav li { text-align:center; height: 22px; width: 140px; padding-bottom: 0; display:block; float:left; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentNav li a { border-bottom: 1px solid #e0e0e0; width: 140px; line-height: 22px; display:block; float:left; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentNav li.Active a { border-bottom: 1px solid #fff; border-left: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent { padding: 5px !important; width: 410px; float:left; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; border-left: 1px solid #e0e0e0; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li ul { padding-top: 0; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li ul li { padding: 0 0 7px 0; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li h6 { padding: 10px 0 10px 0; font-size: 13px !important; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li p { } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.PostBilling { padding: 10px; float:left; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.PostBilling label { display:none; margin: 0 6px 0 0; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.PostBilling input { display:none; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.Card { padding: 10px; float:left; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.Card li { padding: 3px 0 0 0; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.Card li label { float:left; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.Card li input { width: 220px; float:left; margin: 0 6px 0 0;} .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.Card .PaymentServiceLogo { } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.Card .PaymentServiceLogo p { } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.Card .PaymentServiceLogo img { float:left; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.Card .VisaCardRadioList { width: 205px; float:left; clear:none; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.Card .MasterCardRadioList { width: 205px; float:left; clear:none; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.Inovoice { padding: 10px; float:left; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.Inovoice label { display:none; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li.Inovoice input { display:none; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li ul { width: 410px; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li ul li { float:left; clear:left; } .OverlayCarts .CartStep4 .CartPayment .PaymentChoise ul.PaymentContent li ul li label { width: 150px; display:block; float:left; } .OverlayCarts .CartStep4 .SmallCart { width: 100%; padding: 10px 0 10px 0; float:left; } .OverlayCarts .CartStep4 ul.SmallCartHeads { border-bottom: 1px solid #e0e0e0; } .OverlayCarts .CartStep4 ul.SmallCartHeads li { font-weight: bold; float:left; text-align: center; width: 80px; } .OverlayCarts .CartStep4 ul.SmallCartHeads li.Name { width: 420px; text-align:left; } .OverlayCarts .CartStep4 ul.SmallCartHeads li.ArtNr { width: 150px; } .OverlayCarts .CartStep4 ul.SmallCartHeads li.Quantity { width: 100px; } .OverlayCarts .CartStep4 ul.SmallCartHeads li.Price { width: 100px; text-align:right;} .OverlayCarts .CartStep4 ul.SmallCartHeads li.TotalPrice { width: 100px; text-align:right;} .OverlayCarts .CartStep4 ul.SmallCartItems { width: 100%; padding: 1px 0 1px 0; float:left; border-bottom: 1px solid #e0e0e0; } .OverlayCarts .CartStep4 ul.SmallCartItems li { float:left; text-align: center; width: 80px; } .OverlayCarts .CartStep4 ul.SmallCartItems li.Name { width: 420px; text-align:left; } .OverlayCarts .CartStep4 ul.SmallCartItems li.ArtNr { width: 150px; } .OverlayCarts .CartStep4 ul.SmallCartItems li.Quantity { width: 100px; } .OverlayCarts .CartStep4 ul.SmallCartItems li.Price { width: 100px; text-align:right;} .OverlayCarts .CartStep4 ul.SmallCartItems li.TotalPrice { width: 100px; font-weight:bold; text-align:right; } .OverlayCarts .CartStep4 .SendOrder { width: 100%; padding: 0 0 0 0; float:left; } .OverlayCarts .CartStep4 .TermsOfService { width: 100%; float: right; padding: 0 0 10px; } .OverlayCarts .CartStep4 .TermsOfService a { /*margin-right: 5px;*/ float:left; } .OverlayCarts .CartStep4 input.SendOrderButton { float:right; cursor: pointer; color: #fff; font-size: 13px; text-align:center; background: url('../images/uforia/cart_green_245_button.png') repeat-x scroll top left; width: 245px; height: 30px; border: none; } .OverlayCarts .CartStep4 .SendOrder a.CancelOrder { color: #393939 !important; float:left; font-size: 13px; text-align:center; text-decoration:none; background: url('../images/uforia/cart_grey_245_button.png') repeat-x scroll top right; height: 30px; padding: 0 10px 0 0; margin: 0 15px 0 0; } .OverlayCarts .CartStep4 .SendOrder a.CancelOrder span { float:left; font-size: 13px; text-align:center; background: url('../images/uforia/cart_grey_245_button.png') repeat-x scroll top left; height: 22px; padding: 9px 0 0 10px; } .OtherLanguageCartMessasge { width: 100%; float:left; } /* OrderAdministration -------------------------------------------------------------------------------------------------------------------------------------------------*/ /* MenuBox -------------------------------------------------------------------------------------------------------------------------------------------------*/ .MenuBox a.NewPage { background: url('../images/uforia/NewPagePlus.png') no-repeat scroll top left !important; width: 15px !important; height: 15px !important; display:block; } .MenuBox a.NewPage:hover { background: url('../images/uforia/NewPagePlus.png') no-repeat scroll top left !important; } .MenuBox li.SideMenuItem a.MenuOptinsLink { background: url('../images/uforia/pageOptions.png') no-repeat scroll top left !important; position: absolute; display: block; left: -15px; top:0; width: 15px; height: 15px; text-indent: -99999px; text-align: left; } .MenuBox li.SideMenuItem a.MenuOptinsLink:hover { background: url('../images/uforia/pageOptions.png') no-repeat scroll top left !important; display:block; } .MenuBox li.SideMenuItem a.Hide { display:block; text-indent: -99999px; } .MenuBox li.SideMenuItem a.Expand { display:block; text-indent: -99999px; } .MenuBox .SideMenuHead { display:none; } /* PageOptions In the HorisontalMenu ------------------------------------------------------------------*/ .MenuBox ul.MenuList li a.MenuOptinsLink { background: url('../images/uforia/pageOptions.png') no-repeat scroll top left !important; width: 15px !important; height: 15px !important; display:block; position:absolute !important; top: 20px; left: 4px; } .MenuBox ul.MenuList li ul.PageOptions { font-size: 0.9em; color: #EEE !important; background: #000; position:absolute; width: 140px; left: -15px; top:35px; z-index: 15; padding: 0; border: 1px solid #646464; } .MenuBox ul.MenuList li ul.PageOptions li { background:none; padding: 0px; height: auto; } .MenuBox ul.MenuList li ul.PageOptions li a { letter-spacing: 0px; font-size: 0.9em; background: none; color: #EEE; text-decoration:none; padding: 5px 10px 5px 10px; display: block;height: auto; width: 120px; border: none; text-indent: 0px; } .MenuBox ul.MenuList li ul.PageOptions li a:link { } .MenuBox ul.MenuList li ul.PageOptions li a:visited { } .MenuBox ul.MenuList li ul.PageOptions li a:hover { background: #292929 !important; text-decoration:underline; width: 120px; } /* DownloadBox -------------------------------------------------------------------------------------------------------------------------------------------------*/ /*.DownloadBox p { display:block; float:left; } CRAP .DownloadBox p a { display:block; float:left; height: 25px; } .DownloadBox p span { display:block; float:left; height: 25px; padding: 3px 0 0 0; }*/ /*.DownloadBox .FileTypeIconPdf { background: url('../images/uforia/download_box_icons/pdf.png') no-repeat scroll top left; padding: 3px 5px 0 30px; }*/ .DownloadBox .FileTypeIconPdf { background: url('../images/uforia/download_box_icons/pdf.png') no-repeat scroll top left; padding: 3px 5px 5px 30px; } .DownloadBox .FileTypeIconVcf { background: url('../images/uforia/download_box_icons/vcf.png') no-repeat scroll top left; padding: 0 5px 0 30px; } /* MapBox -------------------------------------------------------------------------------------------------------------------------------------------------*/ .TopOptions, .BoxOptionsPopup { font-family: verdana; } .BoxOptionsPopup .GlobalBox a { font-family: verdana; } .MapBox .MapCanvas { height: 300px;}