/* Header and footer*/ /* May 4 2011 EB*/ /* header */ body { margin: 0; /* font-family:Arial, Helvetica, sans-serif; */ } #headerWrapper{ z-index: 5; position: relative; min-width:980px;} #topSection{ height:80px; position:relative;} #topSection>h1{ margin:17px 0 0 10px; padding:0; float:left;} #topSection>h1>a{ position:relative; background:url(../png/pixhead_bg.png); display:block; width:222px; height:45px; padding:0; margin:0; text-indent:-9999px; z-index:1;} #topSection>h1>a .logoAddition{ position:absolute; display:block; height:65px; width:90px; right:-95px; top:-8px; background-image:inherit; #background:url(../pixhead_bg.html); background-position:right -52px;} #adoramaStore{ position:absolute; left:480px; top:25px; padding-left:52px; border-left:1px solid #0088D0; font-size:12px; color:#777; text-decoration:none; z-index:1; background:url(../png/pixhead_bg.png) 12px -969px no-repeat; } #adoramaStore>span{display:block; color:#0077C0; font-size:13px; font-weight:bold; text-decoration:none;} #phoneNumbers{background:url(../png/pixhead_bg.png) 0 -917px no-repeat;position:absolute;left:346px;top:25px;padding-left:36px;font-size:12px;color:#afafaf;z-index:1;} #phoneNumbers strong {display:block; color:#0077c0;} a.chat{ position:absolute; left:635px; top:22px; width:105px; height:33px; text-decoration:none; z-index:1; } a.chat img {border:0px;} #globalActions{position:absolute; right:0; padding:25px 10px 20px 150px; margin:0; background:url(../png/pixheadglobalaction_bg.png) 0 0 no-repeat; } #globalActions ul{margin:0; padding:0; list-style:none; clear: left;} #globalActions .accountActions{ overflow: hidden;} #globalActions .supportActions{margin:5px 0 0; float:right; *float:none; } #globalActions li{float:left; margin:0; padding:0; border-right:1px solid #ccc; font-size:12px; color:#777;} #globalActions li.logOut,#globalActions li.support, #globalActions .logIn{border-right:none;} #globalActions .logIn{float:right; *float:none;} #globalActions li.orderLookUp{position:relative;} #globalActions li.accountName a{ font-weight:bold; padding-left:5px;} /*global social icon*/ .smallSocialIcon{background: url("../png/pixhead_bg.png");} .smallSocialIcon.facebookIcon { background-position:8px -448px;} .smallSocialIcon.twitterIcon { background-position:8px -484px;} .smallSocialIcon.googleIcon { background-position:8px -514px;} .smallSocialIcon.linkedInIcon { background-position:8px -544px;} #globalActions li.accountName a.smallSocialIcon{padding-left:24px; } #globalActions li a{padding:3px 10px; color:#0071da; font-size:12px; text-decoration:none; pointer-events:auto;} #globalActions li a:hover {color:#0071DA;text-decoration:underline;} #globalActions .lookupContainer{ display:none; position:absolute; padding:18px; right:-30px; top:24px; width:180px; z-index:2; border:1px solid #ccc; background:#fff; background:-webkit-gradient(linear,left bottom,left top,color-stop(0, #e9e9e9),color-stop(0.5, #fff));background:-moz-linear-gradient(center bottom,#e9e9e9 0%,#fff 50%);-moz-border-radius:5px; -webkit-border-radius:5px; pointer-events:auto; -moz-box-shadow:0 0 5px 0px #CCC; -webkit-box-shadow:0 0 5px 0px #CCC;} #globalActions .lookupContainer:before{ content:" "; position:absolute; top:-10px; right:60px; border-color:transparent transparent #ccc; border-style:solid; border-width:0 12px 10px; display:block; height:0;width:0;} #globalActions .lookupContainer:after{ content:" "; position:absolute; top:-9px; right:61px; border-color:transparent transparent #fff; border-style:solid; border-width:0 11px 10px; display:block; height:0;width:0;} #globalActions .lookupContainer p{margin:0 0 10px; font-size:13px; color:#444;} #globalActions .lookupContainer>p>a{ padding:0 0 0 5px; font-size:13px;} #globalActions .lookupContainer label{ display:block; margin:5px 5px 2px 0; color:#222;} #globalActions .lookupContainer input{width:170px; padding:7px 4px; margin-bottom:10px; font-size:15px;} #globalActions .lookupContainer >.orderLookupResultCntr{display:none; margin:0; color:#888; line-height:17px;} #globalActions .lookupContainer >.orderLookupResultCntr.error{ color:#DC1B1B;} #globalActions .lookupContainer>.orderLookupControls{ clear:left; padding-top:10px;} #globalActions .lookupContainer>.orderLookupControls.loading{background:url(../gif/lookuploading.gif) no-repeat right bottom; overflow:hidden;} #globalActions .lookupContainer>.orderLookupControls>a{ float:left;} #globalActions .lookupContainer>.orderLookupControls>a.doLookUp{background:url(../png/maingraidient_bg-2.png) repeat 0 -590px; border:1px solid #0079C8;color:#FFF;display:block;font-size:13px;font-weight:bold;padding:3px 7px;text-align:center;text-decoration:none;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow:0 -1px 0 #888;} #globalActions .lookupContainer>.orderLookupControls>a.doLookUp:hover{background-position:0 -593px;} #globalActions .lookupContainer>.orderLookupControls>a.cancelLookUp{ margin-top:2px;} #navSection{ clear:both; background:url(../png/pixhead_bg.png) 0 -120px; height:35px; margin:0; padding:0;} .loggedIn #navSection{height:36px;} #navSection>li{ float:left; list-style:none; background-image:inherit; #background-image:url(../png/pixhead_bg.png); background-position:right -156px;} #navSection>li a{ float:left; padding:10px 15px; font-size:12px; text-decoration:none; color:#fff; text-transform:uppercase;} #navSection>li>a{ text-shadow:1px -2px 0 #2B628E;} #navSection>li:hover a{ float:left; list-style:none; background-image:inherit; #background-image:url(../png/pixhead_bg.png); background-position:right -156px;} #navSection>li.selected{background-position:right -306px;} #navSection>li.navDropdown{position:relative;} #navSection>li:hover{background-position:right -228px;} #navSection>li.navDropdown>.subNav{ position:absolute; top:35px; left:0; display:none; margin:0px; padding:8px; z-index:1000; overflow: hidden; background:#0B60B4; -moz-box-shadow:0 7px 7px #444; -webkit-box-shadow:0 7px 7px #444; box-shadow:0 7px 7px #444;} #navSection>li.navDropdown:hover{background-position:right -857px; padding-bottom:2px;} #navSection>li.navDropdown:hover>a{ background:none;} #navSection>li.navDropdown>.subNav>ul{ padding:5px 0;list-style:none; margin:0; overflow:hidden; -moz-border-radius: 4px;-moz-box-shadow: 0 0 4px #777 inset; -webkit-border-radius: 4px;-webkit-box-shadow: 0 0 4px #777 inset; background:#FAFAFA; } #navSection>li.navDropdown>.subNav>ul>li{display:block; overflow:hidden;} #navSection>li.navDropdown>.subNav>ul>li:last-child{border-bottom:none; padding-bottom:none;} #navSection>li.navDropdown>.subNav>ul>li>a{ color:#2B77B4; display:block; margin:0 3px; padding:6px 10px; width:110px; background:#FAFAFA; text-transform:none;} #navSection>li.navDropdown>.subNav>ul>li:hover a{ background-color:#fff; color:#00387B;} #navSection>li.navDropdown:hover:before{content:"";position:absolute;height:35px;width:10px;background-image:url(../png/pixhead_bg.png); background-position:left -342px; left:0;top:0;} #navSection>li.navDropdown:hover:after{content:"";position:absolute;height:35px;width:10px;background-image:url(../png/pixhead_bg.png); background-position:right -342px;right:0;top:0;} #navSection>li.navDropdown.productsNav{background-position:right -192px; padding-right:18px;} #navSection>li.navDropdown.productsNav>.subNav{*width:150px;} #navSection>li.navDropdown.productsNav:hover{background-position:right -264px;} #navSection>li.navDropdown.productsNav>.subNav>ul{background:(../../images/productsNav-texture.png);} #navSection>li.navDropdown.productsNav>.subNav>ul>li{border-bottom:1px solid #fff; padding:0; margin:0 5px 0 5px; position:relative; overflow:visible; float: left;} #navSection>li.navDropdown.productsNav>.subNav>ul>li>a{ padding:10px 0 10px 47px; background:#FAFAFA url(../png/productsnav-globalprodicon-sprite.png) no-repeat 8px 5px; width:120px; position:relative; overflow:visible; border-bottom:1px solid #ccdee5; margin-right:0;} #navSection>li.navDropdown.productsNav>.subNav>ul>li>a:hover{background-color:#fff; color:#2B72B9;} #navSection > li.navDropdown.productsNav > .subNav > ul > li > a:before {content:" "; position:absolute; width:45px; height:2px; bottom:-2px; left:-3px; background:#f5f5f5; } #navSection > li.navDropdown.productsNav > .subNav > ul > li:last-child > a:before {display:none;} #navSection > li.navDropdown.productsNav > .subNav > ul > li:last-child, #navSection > li.navDropdown.productsNav > .subNav > ul > li:last-child > a {border-bottom:none!important;} #navSection>li.productsNav>.subNav>ul>li.navPhotoPrints>a:hover{ background-position:8px -27px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoBooks>a{ background-position:8px -60px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoBooks:hover>a{ background-position:8px -92px;} #navSection>li.productsNav>.subNav>ul>li.navFlushAlbums>a{ background-position:8px -870px;} #navSection>li.productsNav>.subNav>ul>li.navFlushAlbums:hover>a{ background-position:8px -905px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoCalander>a{ background-position:8px -127px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoCalander:hover>a{ background-position:8px -164px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoCards>a{ background-position:8px -200px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoCards:hover>a{ background-position:8px -235px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoWraps>a{ background-position:8px -270px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoWraps:hover>a{ background-position:8px -303px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoFrame>a{ background-position:8px -338px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoFrame:hover>a{ background-position:8px -373px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoMount>a{ background-position:8px -403px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoMount:hover>a{ background-position:8px -432px;} #navSection>li.productsNav>.subNav>ul>li.navPrepaid>a{ background-position:8px -467px;} #navSection>li.productsNav>.subNav>ul>li.navPrepaid:hover>a{ background-position:8px -501px;} #navSection>li.productsNav>.subNav>ul>li.navGift>a{ background-position:8px -531px;} #navSection>li.productsNav>.subNav>ul>li.navGift:hover>a{ background-position:8px -566px;} #navSection > li.productsNav > .subNav > ul > li.navAluminyzed > a {background-position: 8px -607px;} #navSection > li.productsNav > .subNav > ul > li.navAluminyzed > a:hover {background-position: 8px -643px;} #navSection > li.productsNav > .subNav > ul > li.navMobile > a {background-position: 8px -677px;} #navSection > li.productsNav > .subNav > ul > li.navMobile > a:hover {background-position: 8px -712px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoCollage>a{ background-position:8px -743px;} #navSection>li.productsNav>.subNav>ul>li.navPhotoCollage:hover>a{ background-position:8px -773px;} #navSection>li.productsNav>.subNav>ul>li.navAcrylic>a{ background-position:8px -803px;} #navSection>li.productsNav>.subNav>ul>li.navAcrylic:hover>a{ background-position:8px -835px;} #navSection>li.cart{float:right;} #navSection>li.cart a{background:url(../png/pixhead_bg.png) 0 -673px; height:15px; padding:10px 15px 10px 48px; font-size:13px; text-shadow:none; text-transform:none;} #navSection>li.cart strong{ padding-right:3px;} #navSection>li.cart a:hover{background-position: 0 -709px;} #navSection>li.cart a:focus{outline:none;} #navSection > .wallDecorPage { position: relative; } #navSection > .wallDecorPage .new { background:url("../new_icon.html") 0 0 no-repeat; position:absolute; top:-4px; left:72px; display:block; margin:0px; padding:8px; z-index:1000; overflow: hidden; width:38px; height:38px;} /* Footer */ #footerWrapper{ clear: both; position: relative; min-width:980px; height:375px; background:url(../jpg/pixfooter_bg.jpg); } #footerWrapper:before{content:"";position:absolute; z-index: 0; bottom:0; left:0; height: 84px; width: 220px; background:url(../png/footer_pixels_bg.png) right 0; } #innerFooterWrapper{ width:940px; margin:0 auto; padding:0 0px; position: relative;   list-style: disc outside none;} #innerFooterWrapper>ul{ margin:24px 40px 0 20px; padding:0; height: 290px; float: left;} #innerFooterWrapper>ul>li{ margin:0; padding:0; color:#fff; line-height:19px; list-style: disc outside none!important;} #innerFooterWrapper>ul>li>a{color:#C8E4FF; text-decoration: none; font-size: 12px; line-height:14px; text-shadow: 0 -1px 0 #000;} #innerFooterWrapper>ul>li>a:hover{ text-decoration: underline;} #innerFooterWrapper>ul>li.groupHeader{list-style: none!important; font-size:18px; border-bottom: 1px solid #0f5498; padding: 0 0 2px; margin: 0 0 10px -20px; -moz-box-shadow:0 1px #689bcf; -webkit-box-shadow:0 1px 0 #689bcf; text-shadow: 0 -1px 0 #000; //border-color:#689bcf; *color:#689bcf; color:#fff;} #innerFooterWrapper > ul.linkCloud {list-style:none; width:140px; margin:24px 0 0;} #innerFooterWrapper > ul.linkCloud li {display:inline; width:auto; padding:0; margin:0;} #innerFooterWrapper > ul.linkCloud li:after {content:','; font-weight:normal;} #innerFooterWrapper > ul.linkCloud li:last-child:after, #innerFooterWrapper > ul.linkCloud > li.groupHeader:after {content:' ';} #innerFooterWrapper > ul.linkCloud > li.groupHeader {display:block; padding: 0 0 2px;margin: 0 0 10px 0;} .subscribeContainer{ margin-top:-7px; height:365px; width:180px; float:right; padding: 10px 20px; background:url(../png/subscriptioncontainer.png) no-repeat;} .subscribeContainer h4 { color: #226296; font-size: 16px; margin:0 0 2px; padding:0; text-transform:none; font-weight:normal; text-shadow: 0 1px 0 #FFF; } .subscribeContainer p { margin:0 0 5px; color:#666; font-size:12px; line-height:17px; } .subscribeContainer input { clear:both; float:none; width:175px; margin-top:2px; } .subscribeContainer .tellFriendImg { float:right; margin:-5px -7px 0 0;} .subscribeContainer a { margin:10px 0 0; color:#0071DA; font-size:13px; display:block; } .subscribeContainer .blockDivider{border-bottom: 1px solid #B7D9FE;box-shadow: 0 1px 0 #fff;margin:20px 0;} .subscribeContainer a.inviteFriend, .subscribeContainer a.newsLetterSignp{ width:120px; display:block; margin:5px 0 0; padding:5px 10px; text-align:center; text-decoration:none; color:#fff; border: 2px solid #0079C8; font-size: 14px; font-weight: bold; background: #38A7E8; background: -moz-linear-gradient(top, #38A7E8 0%, #0079C8 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #38A7E8), color-stop(100%, #0079C8)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38A7E8', endColorstr='#0079C8', GradientType=0 ); -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 0 -1px 0 #888; text-transform:uppercase; } .subscribeContainer a.inviteFriend:hover,.subscribeContainer a.newsLetterSignp:hover { background: #0043B7; background: -moz-linear-gradient(top, #38A7E8 0%, #005AC9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #38A7E8), color-stop(100%, #005AC9)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38A7E8', endColorstr='#005AC9', GradientType=0 ); } #footerWrapper ol{ position:relative; bottom:0; z-index: 1; margin:0; padding:0; float: left; list-style: none;} #footerWrapper ol li{float: left; font-size: 12px; padding-right: 26px; margin-right: 26px; border-right:1px solid #0F5498; color:#fff; -moz-box-shadow:1px 0 #689BCF; -webkit-box-shadow:1px 0 #689BCF; } #footerWrapper ol>li a{color:#fff;} #footerWrapper ol>li a:hover{color:#eee;} #footerWrapper ol>li>span{display: block; margin: 3px 0 0;} #footerWrapper ol>li.followSocialNet{margin-right:0; padding-right:0; border-right:none; -moz-box-shadow:none; -webkit-box-shadow:none;} #footerWrapper ol>li.followSocialNet a{ width: 29px; height: 29px; float: left; margin-right: 5px; overflow: hidden; text-indent: -999px; background:url(../png/socialmedia_bg.png) no-repeat;} #footerWrapper ol>li.followSocialNet a#followTwitter{ background-position:0 0;} #footerWrapper ol>li.followSocialNet a#followfaceBook{ background-position:-32px -1px;} #footerWrapper ol>li.followSocialNet a#followBuzz{ background-position:-62px 0;} #footerWrapper ol>li.followSocialNet a#followYouTube{ background-position:0 -61px;} #footerWrapper ol>li.followSocialNet a#followTwitter:hover{ background-position:0 -30px;} #footerWrapper ol>li.followSocialNet a#followfaceBook:hover{ background-position:-32px -30px;} #footerWrapper ol>li.followSocialNet a#followBuzz:hover{ background-position:-62px -29px;} #footerWrapper ol>li.followSocialNet a#followYouTube:hover{ background-position:-30px -61px;} #footerWrapper ol li {-moz-box-shadow:1px 0 #689BCF;-webkit-box-shadow:1px 0 #689BCF;border-right:1px solid #0F5498;color:#E8E8E8;float:left;font-size:12px;margin-right:26px;padding-right:26px;} #footerWrapper ol > li.followSocialNet {-moz-box-shadow:none;-webkit-box-shadow:none;border-right:medium none;} #footerWrapper .feedbackTag{ position:absolute; top:-10px; right: 232px; height: 93px; width:40px; background: url(../png/feedback_bg.png) no-repeat; outline: none;} #footerWrapper .feedbackTag:hover, #footerWrapper .feedbackTag:active{ background-position:0 -93px;} /* global styles */ /* NOTE: remove other dupliticated styles homePage.css line 132*/ .subscribeContainer input.error{background:#FFF7F7; border-color:#FF8484 #FFB0B0 #FFBFBF;} .subscribeContainer span.errorMsg {display:none; color:#DC1B1B; font-size:11px; margin-top:2px; padding-right:2px;} .subscribeContainer span.successMsg {display:none; color:#555555; font-size:11px; margin-top:2px; padding-right:2px;} a.probanner { width:262px; height:60px; display:inline-block;background:url(../png/pro_banner.png) no-repeat; text-decoration:none; font-family:Arial, Helvetica, sans-serif; margin:0 24px 0 0;} a.probanner:hover { background-position:0 -60px;} a.probanner p { line-height:14px; font-size:14px; color:#333; margin:0;} .probanner .plan_name { position:relative; top:18px; left:14px;} .probanner .plan_desc { position:relative; left:118px; top:-5px;} .probanner .plus { background:url(../png/icon_plus.png) no-repeat 0 2px; padding-left:24px;color:#000; font-size:18px; font-weight:bold;} .probanner .pro { background:url(../png/icon_pro.png) no-repeat 0 2px; padding-left:32px;color:#000; font-size:18px; font-weight:bold;}