/*-----------------------------------------------------------------------------------------------------------------*/ /*SITE WIDE + INCLUDES*/ /*-----------------------------------------------------------------------------------------------------------------*/ *{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;} body{ text-align:center; width:940px;margin:0 auto;} #wrapper{ text-align:left; width:940px; } h1 a{display:block; width:248px; height:87px; background:url(../i/graphic_elements/logo.jpg) no-repeat; text-indent:-5000px;} #contentContainer{border:0px solid red; width:850px; height:493px; position:relative; z-index:1; overflow:auto;} #contentContainerHome{border:0px solid red; width:850px; height:493px;} .clearLeft{clear:left; margin:0; padding:0; height:0; line-height:0;} .clearRight{clear:right; margin:0; padding:0; height:0; line-height:0;} .clearBoth{clear:both; margin:0; padding:0; height:0; line-height:0;} .hr{height:1px; background-color:#ccc; margin:10px 0 10px 0;} /*KILL MOZ LINK OUTLINE*/ a{outline:none;} /*-----------------------------------------------------------------------------------------------------------------*/ /*NAVIGATION*/ /*-----------------------------------------------------------------------------------------------------------------*/ #navigation{width:920px; height:100px; background:url(../i/nav/nav_bg.png) top no-repeat; margin:0 auto; bottom:0; position:absolute; z-index:999;} #navigation ul{margin-left:10px;} #navigation li{display:inline-block; text-indent:-5000px; margin-top:20px;} #navigation li a{text-decoration:none; height:50px; width:50px; display:block;} .home{width:63px; height:42px; background:url(../i/nav/nav_sprite.jpg) 8px 0 no-repeat; margin-right:120px; } .home:hover{background:url(../i/nav/nav_sprite.jpg) 8px -42px no-repeat;} .blog{width:44px; height:42px; background:url(../i/nav/nav_sprite.jpg) -185px 0 no-repeat; margin-right:120px; } .blog:hover{background:url(../i/nav/nav_sprite.jpg) -185px -42px no-repeat;} .products{width:73px; height:42px; background:url(../i/nav/nav_sprite.jpg) -354px 0 no-repeat; margin-right:120px; } .products:hover{background:url(../i/nav/nav_sprite.jpg) -354px -42px no-repeat;} .about{width:53px; height:42px; background:url(../i/nav/nav_sprite.jpg) -546px 0 no-repeat; margin-right:120px; } .about:hover{background:url(../i/nav/nav_sprite.jpg) -546px -42px no-repeat;} .contact{width:71px; height:42px; background:url(../i/nav/nav_sprite.jpg) -719px 0 no-repeat; } .contact:hover{background:url(../i/nav/nav_sprite.jpg) -719px -42px no-repeat;} /*UTILITY NAV*/ #utilityNavigation{float:left; margin-left:500px; width:350px; font-size:11px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#485c67;} #utilityNavigation li{display:inline; padding:0 5px 0 5px; font-weight:bold;} #utilityNavigation li a{text-decoration:none; color:#85a5b7; font-weight:normal;} #cart{background:url(../i/ui/cart.png) no-repeat; padding:0 40px 0 20px; height:22px; float:right; } #cartCount{font-weight:bold; color:#485c67;} /*-----------------------------------------------------------------------------------------------------------------*/ /*END NAVIGATION*/ /*-----------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------*/ /*TOOLTIPS*/ /*-----------------------------------------------------------------------------------------------------------------*/ div.tooltip { background:transparent url(../i/ui/black_arrow_big.png) no-repeat scroll 0 0; font-size:14px; height:153px; padding:30px; width:310px; font-size:14px; display:none; color:#fff; margin-top:-40px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; position:relative; z-index:999; } /* tooltip title element (h3) */ div.tooltip h3 { margin:0; font-size:15px; font-weight:bold; letter-spacing:-.5px; color:#fff; } div.tooltip img{ float:left; margin:15px 10px 0 0; border:1px solid #ccc; } div.tooltip p { font-size:12px; font-weight:normal; } .markerPopup{ color:#9CC; font-weight:bold; text-decoration:none; } div.tooltip2 { background:transparent url(../i/ui/black_arrow_smallUp.png) no-repeat scroll 0 0; font-size:14px; height:103px; padding:30px; width:230px; display:none; margin-top:-20px; color:#fff; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; position:relative; z-index:999; } div.tooltip2 h3 { margin:0; font-size:15px; font-weight:bold; letter-spacing:-.5px; color:#fff; } div.tooltip2 img{ float:left; margin:15px 10px 0 0; border:1px solid #ccc; } div.tooltip2 p { margin:30px 0 0 5px; font-size:12px; font-weight:normal; } div.tooltip2a { background:transparent url(../i/ui/black_arrow_smallUp.png) no-repeat scroll 0 0; font-size:14px; height:103px; padding:30px; width:230px; margin-top:-30px; display:none; color:#fff; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; position:relative; z-index:999; } div.tooltip2a h3 { margin:0; font-size:15px; font-weight:bold; letter-spacing:-.5px; color:#fff; } div.tooltip2a img{ float:left; margin:15px 10px 0 0; border:1px solid #ccc; } div.tooltip2a p { margin:28px 0 0 5px; font-size:12px; font-weight:normal; } div.tooltip3 { background: url(../i/ui/launchBox.png) no-repeat scroll 0 0; font-size:14px; height:180px; padding:30px; width:300px; display:none; color:#000; margin-top:150px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; position:relative; z-index:999; } div.tooltip3 p{ margin:8px 3px 8px 15px; width:260px; font-size:12px; font-weight:normal; color:#fff; } #instructionsTable{font-size:10.5px; color:#fff; margin:30px 0 0 30px; height:130px; width:250px;} .stepCol{width:55px; vertical-align:top;} td{ vertical-align:top;} .howto1{padding-top:26px;} #markerPrint{text-decoration:underline; position:relative; text-indent:0; background:none; margin:0; padding:0; display:inline; color:#fff; font-style:italic; height:10px; width:20px;} /*-----------------------------------------------------------------------------------------------------------------*/ /*END TOOLTIPS*/ /*-----------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------*/ /*OVERLAY*/ /*-----------------------------------------------------------------------------------------------------------------*/ /* the overlayed element */ div.overlay { /* growing background image */ background-image:url(../i/overlay/white.png); /* dimensions after the growing animation finishes */ width:600px; height:470px; /* initially overlay is hidden */ display:none; /* some padding to layout nested elements nicely */ padding:65px 55px 55px 65px; position:absolute!important; z-index:1000; } /* default close button positioned on upper right corner */ div.overlay div.close { background:url(../i/overlay/close.png) no-repeat; position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; } #overlay2 { /* growing background image */ background-image:url(../i/overlay/white2.png); /* dimensions after the growing animation finishes */ width:500px; height:370px; /* initially overlay is hidden */ display:none; /* some padding to layout nested elements nicely */ padding:25px 15px 15px 15px; position:relative; z-index:1000; } /* default close button positioned on upper right corner */ #overlay2 div.close { background:url(../i/overlay/close.png) no-repeat; position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; } #overlay2 object { margin:45px 0 0 10px; } /*-----------------------------------------------------------------------------------------------------------------*/ /*END OVERLAY*/ /*-----------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------*/ /*HOME*/ /*-----------------------------------------------------------------------------------------------------------------*/ #howto{width:346px; height:73px; background:url(../i/betapage/howto.jpg) no-repeat; text-indent:-5000px; float:left;} #message{width:713px; height:276px; background:url(../i/graphic_elements/home_marketing.gif) 0 25px no-repeat; margin:20px 0 0 80px;} #seeit{display:block; text-indent:-5000px; width:184px; height:41px; background:url(../i/graphic_elements/seeitnow_btn_off.gif) no-repeat; float:right; margin:20px 50px 0 0;} #seeit:hover{background:url(../i/graphic_elements/seeitnow_btn_on.gif) no-repeat;} #tryit{width:144px; height:72px; background:url(../i/graphic_elements/tryit.gif) no-repeat; margin:50px 0 0 400px;} /*.homeContent{margin-left:25px; overflow:none;} .homeContent h3{display:block; vertical-align:top; font-size:11px; font-weight:bold; color:#2d3f49; text-align:center; margin-top:280px;} .homeContent div{height:285px; float:left; overflow:none;} #home1{width:242px; background:url(../i/betapage/home1_off.jpg) top no-repeat;} #home2{width:241px; background:url(../i/betapage/home2_off.jpg) top no-repeat;} #home2 h3{background:url(../i/betapage/tags.jpg) center 20px no-repeat; height:70px;} #home3{width:248px; background:url(../i/betapage/home3_off.jpg) top no-repeat;} #home3 h3{background:url(../i/betapage/cpu.jpg) center 20px no-repeat; height:60px;} #home1:hover{width:242px; background:url(../i/betapage/home1_on.jpg) top no-repeat;} #home2:hover{width:241px; background:url(../i/betapage/home2_on.jpg) top no-repeat;} #home3:hover{width:248px; background:url(../i/betapage/home3_on.jpg) top no-repeat;} #arrow1{width:51px; background:url(../i/betapage/arrow1.jpg) top no-repeat;} #arrow2{width:62px; background:url(../i/betapage/arrow2.jpg) top no-repeat;} .printer{padding-left:22px; background:url(../i/ui/print.png) left no-repeat; font-size:11px; font-weight:bold; color:#2d3f49; text-align:left; margin-left:70px;} .printer a{text-decoration:none;font-size:11px; font-weight:bold; color:#2d3f49;} .mobiledevice{padding-left:22px; background:url(../i/ui/download.png) left no-repeat; font-size:11px; font-weight:bold; color:#CCC; text-decoration:line-through; text-align:left; margin-left:70px;}*/ /*-----------------------------------------------------------------------------------------------------------------*/ /*END HOME*/ /*-----------------------------------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------------------------------------*/ /*BLOG*/ /*-----------------------------------------------------------------------------------------------------------------*/ .blogBeta{background:url(../i/betapage/blogbg.jpg) no-repeat; height:491px; width:845px; display:block; margin-left:50px} /*-----------------------------------------------------------------------------------------------------------------*/ /*ABOUT*/ /*-----------------------------------------------------------------------------------------------------------------*/ .aboutBeta{background:url(../i/betapage/aboutbg.jpg) 70px 30px no-repeat; height:420px; width:609px; display:block; margin:30px 0 0 90px;} .aboutBeta p{font-size:11px; font-weight:bold; width:280px; margin:120px 0 0 115px;} /*-----------------------------------------------------------------------------------------------------------------*/ /*CONTACT*/ /*-----------------------------------------------------------------------------------------------------------------*/ .contactBeta{background:url(../i/betapage/contactbg.jpg) no-repeat; height:431px; width:822px; display:block;} /*-----------------------------------------------------------------------------------------------------------------*/ /*Products*/ /*-----------------------------------------------------------------------------------------------------------------*/ #productGrid{width:700px; margin:0 auto; display:block; margin-top:30px;} .productItem{width:188px; height:188px; float:left; margin:10px 20px 10px 20px; list-style:none; position:relative;} .productInfo{display:block; width:188px; height:68px; text-decoration:none; font-size:11.5px; color:#2b3b43; position:absolute; margin-top:10px; padding-top:20px; bottom:0px; background:url(../i/ui/undershadow_product.png) top no-repeat; text-align:center;} .price{color:#89959c;} #vase1{background:url(../i/products/vase_th.jpg) top no-repeat;} #couch2{background:url(../i/products/sofa_th.jpg) top no-repeat;} #table1{background:url(../i/products/table_th.jpg) top no-repeat;} #table2{background:url(../i/products/table_th.jpg) top no-repeat;} #chair1{background:url(../i/products/chair_th.jpg) top no-repeat;} #chair2{background:url(../i/products/chair_th.jpg) top no-repeat;} .imageColumn{ width:400px; height:400px; margin-left:-20px; background:url(../i/products/vase.jpg) 40px 20px no-repeat;} .imageColumn a{display:block; width:278px; height:41px; margin:400px 0 0 100px; position:absolute; text-indent:-5000px; background:url(../i/ui/launch_btn_off.jpg) no-repeat;} .imageColumn a:hover{display:block; background:url(../i/ui/launch_btn_on.jpg) no-repeat;} .breadCrumbs{font-size:10px; font-weight:bold; float:right;} .breadCrumbs a{text-decoration:none; color:#333;} .currentCrumb{text-decoration:underline;} .infoColumn{float:left; margin-left:500px; width:290px; height:450px; font-size:10.5px;} .infoColumn h4{font-size:40px; letter-spacing:-2px; font-weight:normal; line-height:15px; height:0;} .infoColumn h5{font-weight:normal; line-height:15px; font-size:13px; height:0; margin-top:-20px; color:#999;} .infoColumn p {font-size:10.5px; line-height:14px;} .userId{font-weight:bold;} .stars{display:block; height:11px; width:63px; background:url(../i/graphic_elements/stars.jpg) no-repeat; margin-top:5px;} .thumbs{display:block; height:24px; width:38px; background:url(../i/ui/thumbs.jpg) right -5px no-repeat; padding-right:50px; margin-top:-2px; float:right; font-weight:bold; color:#999;} #submitButton{text-indent:-5000px; width:100px; height:27px; background:url(../i/ui/add_cart.jpg) no-repeat; border:none; float:right; margin-top:-3px; cursor:pointer;} #dropdown{ width:120px;} #prevLink{background:url(../i/ui/prev.png) left no-repeat; padding-left:20px; color:#999; text-decoration:none;} #nextLink{float:right; margin-top:-12px; background:url(../i/ui/next.png) right no-repeat; padding-right:20px; margin-top:0px; color:#999; text-decoration:none;} /*-----------------------------------------------------------------------------------------------------------------*/ /*END Products*/ /*-----------------------------------------------------------------------------------------------------------------*/