* { margin: 0; padding: 0; } img, div { background-repeat: no-repeat; border: 0; } table { border: 0; } body { background: #FFF; text-align: center; font: 12px/16px Arial, Helvetica, sans-serif; color: #666; } div.centered, div.centered table { margin: 0 auto; } br.cb { clear: both; } #bkgContainer { width: 1020px; background-image: url("/images/zz_images/background.png"); background-repeat: repeat-y; margin: 0 auto; } #container { overflow: hidden; width: 980px; margin: 0 auto; position: relative; } #container div.columns { float: left; padding-bottom: 4000px; margin-bottom: -4000px; } #container .leftNav { background: #99b07e; width: 180px; background-image:url("/images/zz_images/dot.png"); background-repeat:repeat-y; background-position:174px 0px; } #container .insideContainer { width: 800px; } .clearLeft { clear: both; width: 150px; padding: 0px; margin: 0 auto; } .clearRight { clear: both; width: 800px; background: #FFF; } #main { float: left; width: 555px; margin-left: 0px; } #navContainer { overflow: hidden; width: 980px; margin: 0 auto; } #navShadow { position: absolute; z-index:10; top: 0; left: 0; /* height: 20px; */ width: 980px; } /* wait div/image for ajax covering */ #wait { display: none; position: absolute; width: 100%; height: 100%; z-index: 500; background-color: #FEFEFE; opacity: .5; filter:alpha(opacity=50); } #wait img { position: absolute; left: 50%; top: 50%; margin-top: -10px; margin-left: -50px; z-index: 501; } /* DEFAULT LINK STYLING */ :link { color: #323; text-decoration: none; } :visited { color: #323; text-decoration: none; } :link:focus, :visited:focus { text-decoration: none; } :link:active, :visited:active { text-decoration: none; } :link:hover, :visited:hover { text-decoration: underline; } a:visited { color: #323; text-decoration: none; } /* END DEFAULT LINK STYLING */ /* button styling */ input.btn, input.lgtBtn { color: #333; background-color: #DDD; border: 1px solid #333; padding: 4px; } input.btn:hover, input.lgtBtn:hover { color: #DDD; background-color: #888; border: 1px dotted #DDD; } /* anchor that looks, like a button */ a.btn, a.btn:visited { margin: 3px; display: inline-block; color: #333; background-color: #DDD; border: 1px solid #333; padding: 3px 15px; font-size: 11pt; line-height: 22px; } a.btn:hover { color: #DDD; background-color: #888; border: 1px dotted #DDD; text-decoration: none; } h1 { font-size: 24px; text-align: left; clear:both; } h1 :link { color: #666; } h1 :visited { color: #666; } h2 { color: #666; letter-spacing:2px; text-align:left; line-height:120%; } h2 :link { color: #666; } h2 :visited { color: #666; } .bodyTextContainer { width: 800px; background: #FFFBF0; margin: 0 auto; overflow: auto; } .bodyText { float: left; width: 750px; margin: 10px; padding: 0 10px; } .bodyText p { text-align:justify; margin: 15px 0;} .bodyText h1 {font-size: 22px; color: #666666; margin: 10px 0; font-weight: normal; text-align: center; } .bodyText ul {text-align: left; padding-left:27px;} h4 {font-size: 22px; color: #666666; margin: 10px 0; font-weight: normal;} h5 {font-size: 14px; color: #555555; margin: 10px 0; font-weight: normal;} .textBar {margin: 0 0 20px 0; color: #999;} .textBarPhys {margin: 20px 0 0 0; color: #999;} .right { text-align: right; } .center { text-align: center; } .strong { font-weight: bold; } .red { color: red; } /* bottom logos */ div#logos * { vertical-align: middle; } #payment { background: no-repeat url(/images/zz_images/footer.png) 3px 3px; width: 70px; height: 78px; } #PWSP { background: no-repeat url(/images/zz_images/footer.png) -110px 3px; width: 61px; height: 72px; } #ABC { background: no-repeat url(/images/zz_images/footer.png) -200px 3px; width: 62px; height: 70px; } #ONE { background: no-repeat url(/images/zz_images/footer.png) -300px 3px; width: 48px; height: 70px; } #TNC { background: no-repeat url(/images/zz_images/footer.png) -375px 0px; width: 127px; height: 50px; } #LEED { background: no-repeat url(/images/zz_images/footer.png) -538px 5px; width: 46px; height: 80px; } #BBB { background: no-repeat url(/images/zz_images/footer.png) -620px 2px; width: 47px; height: 75px; } /* #BBB2 moved to header.cfm */ /* #BBB2 { background: no-repeat url('http://seal-alaskaoregonwesternwashington.bbb.org/logo/rbhzbus/my-own-labels-22035964.png') 0px 0px; width: 88px; height: 40px; } */ #thawte { background: no-repeat url(/images/zz_images/footer.png) -695px 0px; width: 60px; height: 60px; } #resellerratings { background: no-repeat url(/images/zz_images/reseller-elite.png) -5px 5px; width: 60px; height: 82px; } #stellaservice {vertical-align:top; padding:-5px; width:115px; margin:0px;} /* ******************** TOP HEADER ********************* */ #header { position: relative; margin: 0 auto; width: 980px; height: 130px; overflow: hidden; background-image: url("/images/index-images/topBkg_aug10.jpg"); background-position: 0px 0px;} #topRow { margin: 0 auto; width: 980px; font: bold 14px/28px Arial, Helvetica, sans-serif; color: #FFF; background-color: #ee3f80; height: 28px; text-transform: uppercase; letter-spacing: 3px; } #topRow a{color: #FFF;} #loginInfo { float:left; text-align: left; margin: 6px -150px 0 10px; font-size: 11px; line-height: 11px; letter-spacing: none; } #loginInfo a { font-size: 9px; line-height: 9px; letter-spacing: 0; text-transform: none; } #loginInfo.loginInfoLong { letter-spacing: 0; } /* #callPhoto { position:absolute; bottom: 0px; right: 125px; } */ #callPhoto { position:absolute; bottom: 0px; right: 170px; } #liveChat { position:absolute; bottom: 7px; right: 40px; } #molLogo { position: absolute; left: 52px; top: 5px; z-index: 500; background: no-repeat url(/images/zz_images/header_may11.png) -10px -140px; width: 290px; height: 97px; } #topLinks { background: no-repeat url(/images/zz_images/header_may11.png) -10px -190px; width: 350px; height: 35px; } /* #header { background: no-repeat url(/images/zz_images/header_may11.png) -9px -5px;} #contact { position:absolute; bottom: 55px; left: 390px; z-index:11; background: no-repeat url(/images/zz_images/header_may11.png) -320px -137px; width: 275px; height: 40px; } #freeship { position:absolute; z-index:10; left: 390px; top: 60px; background: no-repeat url(/images/zz_images/header_may11.png) -320px -183px; width: 275px; height: 55px; } */ .staffinfo { margin-bottom: 6px; } /* #benefits { margin-top: 100px; text-align: left; margin-left: 66px; color: #666; letter-spacing:1px; font-weight: bold; } */ #benefits { position: absolute; left: -17px; top: -6px; width: 300px; padding-left: 1px; } #benefits a { color: #666; } #topMenu { margin: 0 auto; width: 980px; } #topLinks { position:absolute; width: 350px; height: 30px; letter-spacing: 2px; line-height: 24px; top: 0px; right: 18px; color: #666; background-image: url(/images/zz_images/toplinksbkg_2-12.png); background-position: -5px -35px; font-weight: normal; font-style: normal; } #miniCart { position: absolute; display: none; z-index: 1110; text-align: left; width: 200px; background: #FFF; opacity: .94; filter: alpha(opacity:94); border: 1px solid #666; } #miniCart p.head { text-align: center; font-weight: bold; padding: 4px; background-color: #EEE; margin-bottom: 6px; } #miniCart p.nav { text-align: center; padding: 3px; font-size: 11px; background-color: #EEE; } #miniCart p.subHeader { margin: 0 6px; } #miniCart p.fees { margin: 0 6px; font-size: 11px; } #miniCart div.descript { margin: 0 6px 4px 6px; border-bottom: 1px dotted #AAA; font-size: 11px; } #miniCart div.summary { margin-left: 80px; font-weight: bold; margin-right: 6px; } #miniCart div span.tabRight { float: right; margin-right: 6px; } #miniCart div span.tabLeft { float: left; margin-right: 6px; } #miniCart p.nav { margin-top: 6px; } #miniCart p.nav a { padding: 0 5px; } /* for support pages */ #logoHeader { width: 100%; height: 66px; background: #666; background-image: url(/images/zz_images/MOL_MWL_header.png); } /* NAVIGATION COLOR */ ul.mainNav, ul.mainNav *, ul.navBar, ul.navBar * { color: #FFF; } /* MAIN NAVIGATION BAR */ ul.mainNav { float: left; padding: 0 0 0 10px; width: 745px; font-size: 14px; z-index: 1000; letter-spacing: 2.5px; font-weight: bold; } /* text-shadow: #444 1px 1px 8px; z-index for ie */ ul.mainNav li { padding: 0 14px; list-style: none; display: block; float: left; line-height: 28px; } ul.mainNav li ul { display: none; position: absolute; padding: 5px 0 0 0; } ul.mainNav li ul li { padding: 0; line-height: 18px; font-size: 12px; text-align: left; text-shadow: none; font-weight: normal; letter-spacing: normal; } ul.mainNav li ul li a { margin: 10px 10px 10px 13px; } ul.mainNav li ul li ul { display: block; position: relative; } ul.mainNav li ul li ul li { float: none; } li.singleCol ul li { display: block; float: none; width: 180px; } li.inserted a { letter-spacing: 1.7px; font-weight: bold; text-transform: uppercase; } #extraNav { float: left; width: 225px; background: #cfe6a5; letter-spacing: 1.7px; font-weight: bold; color: #FFF; } #extraNav li { display: inline; margin: 0 auto; color: #FFF; padding: 7px 5px; font-size: 14px; line-height: 28px; } #extraNav li.link:hover { background: #FFFBF0; color: #000 } #extraNav a { text-decoration: none; color: #FFF; } #extraNav a:hover { color: #333; } #extraNav li.link:hover a { color: #000000; } /* .shadowtext text-shadow: #444 1px 1px 8px; */ /* side menus - these need z-index of one less than the main menus */ ul.navBar { text-align: right; margin: 10px 0 20px 15px; z-index: 109; } ul.navBar li { list-style: none; background: transparent; } ul.navBar li { line-height: 28px; } ul.navBar li ul { display: none; position: absolute; text-align: left; width: 200px; } ul.navBar li a { font-weight: normal; padding: 0 15px; letter-spacing: 2.5px; font-size: 14px; } ul.navBar li ul li { line-height: 18px; float: left; } ul.navBar li ul li a { font-weight: normal; text-transform: lowercase; padding: 0 10px; font-size: 12px; text-shadow: none; font-weight: normal; letter-spacing: normal; } ul.navBar li ul li ul { display: block; position: relative; float: left; } ul.navBar li ul li ul li { float: none; display: block; clear: both; } ul.navBar li.inserted a { letter-spacing: 1.7px; font-weight: bold; text-transform: uppercase; } li.singleColNavBar ul li { display: block; float: none; width: 180px; } .menuHover a { text-shadow: none; } .menuHover ul { z-index: 1000; } /* for gecko and webkit */ .sideNavHeading { font-weight: bold; color: #FFF; margin: 20px 15px 0 15px; letter-spacing: 1.5px; font-size: 14px; line-height: 28px; text-align: right; padding-bottom: 5px; border-bottom: 2px dotted #FFF; } .kudosHeading { margin: 10px 0px 0 0px; clear: both; } /* END MAIN NAVIGATION BAR */ /* *************END TOP HEADER STUFF************* */ /* ***********BOTTOM FOOTER STUFF**************** */ #bottom { overflow: hidden; width: 980px; margin: 0 auto; position: relative; background-color: #9db586; } #bottom * { padding: 6px; } #mainFooter { background-color: #fffbf0; margin: 10px 0 0 0; } #logos { padding-bottom: 20px; } .bottomLinks {color: #FFF; } .bottomLinks :link {color: #FFF; } .bottomLinks :visited {color: #FFF; } .copyright {font-size: 12px; line-height: 13px; color: #FFF;padding: 10px; } ul.bottomNav li{ float: left; list-style: none; padding: 0px 6px 24px 6px; margin: 5px; width: 160px; text-align:left; } .bottomNav { text-align: left; color: #999; margin-left: 30px; } .bottomNav :link, :visited {color: #999; } .bottomNav :visited {color: #999; } /* ***********END FOOTER STUFF**************** */ /* ***************SIDENAV STUFF**************** */ .sidenav { text-align: right; color: #FFF; } .sidenav :link {color: #FFF; } .sidenav :visited {color: #FFF; } .SideNavHeading { color: #FFF; line-height: 19px; font-weight: bold; text-transform: uppercase; margin: 0; margin-top: 10px; } /* ***********END SIDENAV STUFF**************** */ /* *********** SEARCH *************** */ #search_q { margin-top: 4px; width: 120px; height: 31px; border:0; padding: 0 100px 0 20px; background: url(/images/zz_images/search.gif) 0px 0px no-repeat; } #search_b { visibility: hidden; } #catalogResults { width: 420px; float: left; } #otherResults { width: 260px; float: left; margin-left: 30px; } /* *********** END SEARCH *************** */ /*------------- SEARCH - jQuery style -------------*/ #searchForm fieldset { width:160px; position:relative; display:block; border:0; margin: 4px; } div.search { width:130px; padding:2px 19px 3px 1px; border-radius:20px; border:1px solid #EDA; border-top:1px solid #DC9; /* box-shadow:inset 0 1px 2px rgba(0,0,0,0.08); */ box-shadow:0 0 4px #DC9, inset 0 1px 2px rgba(0,0,0,0.08); float:right; background: #FFE; } div.search.focus { /* border:1px solid #EDA; */ box-shadow:0 0 4px #BA7, inset 0 1px 2px rgba(0,0,0,0.08); background: #FFF; } #query { width: 105px; border:0; background:transparent; height:16px; color: #999; text-shadow:0 1px 1px #fff; } #query:focus { outline:none; color: #666; } #searchSubmit { width:16px; height:16px; text-indent:-9999px; overflow:hidden; background:url(/images/zz_images/spyglass_inactive.gif) no-repeat; border:0; position:absolute; top:5px; right:10px; z-index:7; cursor:pointer; } #searchSubmit.active { background:url(/images/zz_images/spyglass_active.gif) no-repeat; } /*--- end jquery search ---*/ .bodyButtons { float: left; width: 186px; margin-top: 10px; } /*.bodyButtons p { margin: 0 auto; }*/ #content { width: 800px; height: auto; position: relative; margin-left: auto; margin-right: auto; text-align: left; } .cartSummary { position: absolute; top: 0px; right: 0px; text-align: right; text-decoration: none; font-size: 12px; color: #FFFFFF; line-height: 24px; } .cartSummary a:link { color: #FFFFFF; text-decoration: none; } .cartSummary a:visited { color: #FFFFFF; text-decoration: none; } .cartSummary a:hover { color: #FFFFFF; text-decoration: underline; } .addThis { text-align: right; text-decoration: none; font-size: 12px; color: #FFFFFF; line-height: 32px; } #sitemap a { position: absolute; height: 30px; width: 80px; top: 5px; left:700px; text-align: center; text-decoration: none; font-size: 12px; color: #5F5F9A; line-height: 18px; /* visibility: hidden; */ } .IdeaBkg { background-color: #B2B2CB; /*Darker*/ width: 952px; margin: 0 auto; padding-top: 20px; padding-left: 8px; height: 200px; overflow: hidden; } .navDiv { visibility: hidden; background-color: #fffbf0; /*border:1px solid #999; */ width: 715px; height: 200px; /*overflow: hidden;*/ position: absolute; z-index: 200; left: 0px; top: 0px; text-align: left; padding-left: 20px; font-size: 10px; } .navDiv ul { border-left-width: 1px; border-left-style: dotted; border-left-color: #333; float: left; padding-left: 10px; padding-right: 20px; } .navDiv ul li { list-style-image:none; list-style-type:none; list-style:none; padding:0; } div.blocks { width: 780px; } div.blocks ul { list-style: none; padding: 5px; } div.blocks ul li { list-style: none; float: left; } .breadcrumbs { float: left; font-size: 11px; color: #999; line-height: 13px; text-align: left; margin: 12px 0 0 30px; position: relative; z-index: 2; } .breadcrumbs a, .breadcrumbs a:link, .breadcrumbs a:hover, .breadcrumbs a:visited, .breadcrumbs a:active { color: #999 } .styleAdText { position: absolute; top: 16px; left: 415px; letter-spacing: 3px; font-size: 18px; color: #EC2023; font-weight: bold; line-height: 120%; } .styleAdText a { letter-spacing: 2px; font-size: 12px; color: #EC2023; font-weight: bold; text-decoration: underline; line-height: 120%; } div.tip { display: none; } .footnote { clear:both; font-size: 10px; text-align: center; margin: 30px 0; } .kudos { /*border: 1px solid black;*/ position: relative; margin: 0 auto; padding: 0 15px 15px 15px; color: #FFF; text-align: right; clear: both; } .kudo { margin: 10px 0; text-align: right; font-style: italic; } .kudos a { color: #FFF; } #customersloveus {margin-bottom: 20px; margin-left: 32px;} #vertical_slide table { text-align: left; height: 75px; width: 325px; } #vertical_slide table tr td { width: 175px; vertical-align: top; } /* jquery tooltip */ #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.9; font-size: 10px; } #tooltip h3, #tooltip div { margin: 0; } #tooltip div { max-width: 350px; text-align: justify; } /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{padding-top: 28px;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} #cboxSlideshow{position:absolute; bottom:0px; right:0px; background:url(/images/zz_images/colorbox/stop.gif) 10px 0px no-repeat; width:60px; height:21px; text-indent:35px; line-height:23px} /* added by jim 05-11-2010 */ /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ /*#cboxOverlay{background:url(/images/zz_images/colorbox/overlay.png) 0 0 repeat;}*/ #cboxOverlay{background-color: #1A1A1A;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/images/zz_images/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/images/zz_images/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/images/zz_images/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/images/zz_images/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/images/zz_images/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/images/zz_images/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/images/zz_images/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/images/zz_images/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} /* #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/zz_images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/zz_images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(../images/zz_images/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(../images/zz_images/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/zz_images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} */ #cboxLoadedContent{ /* margin-bottom: 28px; */ } #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:4px; right:30px; /*color:#0092ef;*/ color:#949494;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/zz_images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/zz_images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/images/zz_images/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/images/zz_images/colorbox/loading.gif) center center no-repeat;} #cboxClose{ position: absolute; top:-1px; right:-1px; background:url(/images/zz_images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px; } #cboxClose.hover{background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/zz_images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/zz_images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/zz_images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/zz_images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/zz_images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/zz_images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/zz_images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/zz_images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /* IMAGE DROP SHADOW BORDER STYLING (apply class="dropShadow") */ /* hardcoded z-index probably not the way to go :-) */ .shadow-one { position: relative; padding-top: 40px; padding-left: 40px; z-index: 100; } .corner-a { position: absolute; right: 0; top: 0; width: 40px; height: 40px; background: url(/images/zz_images/shadow.png) right top no-repeat; z-index: 100; } .corner-b { position: absolute; left: 0; bottom: 0; width: 40px; height: 40px; background: url(/images/zz_images/shadow.png) left bottom no-repeat; z-index: 100; } .shadow-two { background: url(/images/zz_images/shadow.png) right bottom no-repeat; z-index: 100; } .shadow-three { position: relative; left: -40px; top: -40px; background: url(/images/zz_images/shadow.png) left top no-repeat; z-index: 100; } .shadow-four { position: relative; left: 20px; top: 20px; z-index: 100; } /* END IMAGE DROP SHADOW BORDER STYLING */ .txtField label { width: 50px; } .newWin { margin-left: 5px; margin-right: 5px; } /*Shapes and Sizes*/ #shapeTypes { margin: 0 auto; padding: 0px; width: 280px; list-style: none; text-align: center; clear: both; } #shapeTypes li { float: left; margin: 0 auto; } #shapeTypes a { font-size: 12px; font-weight: bold; color: #999; display: inline-block; text-decoration: none; padding: 5px 10px; } #shapeTypes span { font-size: 12px; font-weight: bold; color: #999; } .shapeSelection { margin: 0 auto; margin-top: 10px; width: 700px; text-align: center; display: table; clear: both; } .shapeSelection ul, .shapeSelection ul li { list-style: none; float: left; } .shapeSelection ul { padding: 10px; } .shapeSelection a, .shapeSelection a:hover, .shapeSelection a:visited { color: #666; text-decoration: none; } .shapeSelection ul li { width: 160px; height: 180px; padding: 0 5px; } .shapeSelection div { height: 180px; width: 160px; vertical-align: middle; display: table-cell; } .shapeSelection ul.C, .shapeSelection ul.N { padding-left: 180px; } #ssTitle { margin: 4px auto; font-size: 16px; font-weight: bold; color: #666; } #ShapesAndSizes { width: 710px; } #addaphoto { text-align: right; margin-right: 10px; } /* share */ #sideShare { float: right; margin: 20px 12px 15px 0; color: #FFF; } .share ul, .catalogShare ul li { list-style: none; float: left; } .share ul li { float: left; margin: 0 0 0 10px; } .share ul li a { display: inline-block; vertical-align: middle; padding-bottom: 5px; } #topShare { position: absolute; top: 11px; right: 26px; text-align: right; z-index: 501; } /* #reviews { position: absolute; top: 41px; right: 13px; text-align: right; font: bold 13px Arial, Helvetica, sans-serif; color: #999; } */ #galleryLink { position: absolute; top: 68px; right: 13px; text-align: right; font: bold 13px Arial, Helvetica, sans-serif; color: #999; } /* these classes for image only */ .share_F { background: no-repeat url(/images/zz_images/icons/facebook.png ) 0px 0px; width: 16px; height: 16px; } .share_T { background: no-repeat url(/images/zz_images/icons/twitter.png ) 0px 0px; width: 16px; height: 16px; } .share_E { background: no-repeat url(/images/zz_images/icons/email.png ) 0px 0px; width: 16px; height: 16px; } .findus_F { background: no-repeat url(/images/zz_images/icons/facebook.png ) 0px 5px; width: 16px; height: 16px; } .findus_T { background: no-repeat url(/images/zz_images/icons/twitter.png ) 0px 5px; width: 16px; height: 16px; } #findus { color: #FFF; padding: 0; padding-bottom: 5px; } #findus a { margin-left: 10px; } #findus a span { margin-left: 10px; } #findus a:link { color: #FFF; text-decoration: none; } #findus a:visited { color: #FFF; text-decoration: none; } #findus a:hover { color: #FFF; text-decoration: none; } #findus a:active { color: #FFF; text-decoration: none; } .more, .hide { vertical-align: middle; }