/* stylesheet_home.css ====== styles defined only for homepage ====== ====== project: PersonalLubricant ===== */ /* main structure styles */ body { background:#fff; color: #000; font: normal normal normal 11px/normal Arial, Tahoma, Verdana, sans-serif; background:url(/images/static/Backgrounds/global.gif) repeat 50% 50%;} #logo_gray {display:none;} #holder { position: relative; width: 885px; overflow:hidden; margin: 0 auto; color: #000; } #main_body {overflow: hidden; font: normal normal normal 11px/11px Tahoma, Sans-serif; float: right; width: 660px; display:inline; padding: 0 0px 14px; z-index: 3000; } #home #top_holder { padding: 0px 0px 0 0; clear: both; overflow:hidden; position:relative;z-index:0;} /* workaround for IE7*/ *html #home #top_holder { padding: 0px 0px 0 0; clear: both; overflow:hidden; position:relative;z-index:-10;} *+html #home #top_holder { padding: 0px 0px 0 0; clear: both; overflow:hidden; position:relative;z-index:-10;} #live_chat_block {position:relative; float:left; width:89px; height:46px;} #live_chat_block a { display:block; width:100%; height:100%; /*text-indent:-9999px;*/ overflow:hidden; } /*#live_chat_block img { display:none; }*/ #body_header { width: 680px; height: 350px; display:none;} #main_body .header { position: relative; float: left; margin-right: 25px; } #main_body .header h2 { font-size: 20px; line-height: 22px; text-transform: uppercase; font-weight: normal; color: #454f55; } #main_body .header * { z-index: 5000; position: relative; } #main_body .header img { float:left; z-index: 20; display: block; } #main_body .header_last { margin-right: 0px; } #main_body .header p { font: normal normal normal 11px/12px Arial, Tahoma, Verdana, Sans-Serif; position: absolute; overflow: hidden; top: 25px; left: 10px; width: 78px; height: 48px; } #main_body .header a { text-decoration: underline; font: normal normal bold 11px/12px Tahoma, Verdana, Sans-Serif; color: #454f55; display: block; position: absolute; bottom: 7px; left: 12px; height: 15px; width: 36px; padding: 2px 0 0 20px; background: url(/images/static/moreBullet.gif) no-repeat 0 0; } #main_body .header a /* default link styles */ a, a:visited { text-decoration: none; } a:hover { text-decoration: underline; } #banner_flash { margin-bottom:8px; } #bottomMenu_flash a {float:left;} /* PROMOTION STYLES */ .promotion { float: left; width: 318px; height: 175px; overflow: hidden; padding: 10px 0 0 2px; } .promotion .article_content { display: none; } /* BANNER STYLES */ #banner_image {position:relative; float:left; padding-top: 10px; width:573px; overflow:hidden; } #banner_image td.td_2{width:203px; height:76px; overflow:hidden; position:absolute; top:161px; left:353px; } #banner_image td.td_2 a{display:block; width:178px; } #banner_image span{ width:100%; padding-right:10px; font:normal 13px Tahoma; line-height:15px;} #banner_image a span{width:178px; height:76px; overflow:hidden; color:#192265;} #banner_image a span span.more{position:relative; top:2px; padding:11px 9px 0px 8px; color:#d3cfce;font-size:0px; text-indent:-9999px; background: url(/images/static/moreBullet_baner.gif) no-repeat 0% 1px;} #banner_image a{text-decoration:none; } .banner { float: left; width: 319px; height: 281px; padding: 10px 0 0 0; position: relative; top: 0px; left: 0px; } #banner_image a img{ } #banner_1 { background: url(/images/static/rs_banner_1.gif) no-repeat 0 0; clear: both; } #banner_2 { background: url(/images/static/rs_banner_2.gif) no-repeat 0 0; margin-left: 2px; } .banner .banner_link { float: left; } .banner .banner_link img { position: relative; top: 46px; left: 14px; } #banner_1 img { top: 55px; } .banner .prodframe { width: 135px; overflow: hidden; float: right; position: relative; right: 16px; top: 0; } .banner .prodDesc, .banner .prodPrices, .banner .yousave { padding: 0 10px; } .banner .prodframe .prodName { padding: 5px 10px 0 10px; } .banner .prodPrices { padding-top: 10px; } /* ELEMENT STYLE */ /* FEATURED PRODUCT */ #featured_prod_thumb { width: 142px; height: 165px; margin-right: 20px; } #banner_image #banner-prod-info { padding: 60px 0px 0px 20px; } #banner-prod-info .prod_name { display: block; font: normal normal bold 18px/18px Tahoma, Sans-serif; color: #3d4b53; height: 20px; overflow: hidden; } #banner-prod-info .short_description { overflow: hidden; margin: 6px 15px 9px 0pt; height: 50px; color: #4f4936; font: normal normal normal 11px/17px Tahoma, Sans-serif; } #banner-prod-info .desc { display: none; } #banner-prod-info .prod_prices { margin-bottom: 11px; } #banner-prod-info .prod_prices dt, #banner-prod-info .prod_prices dd { display: inline; font-weight: bold; } #banner-prod-info .prod_prices dt { color: #706957; font-size: 12px; } #banner-prod-info .prod_prices dd { color: #ff2f19; font-size: 14px; margin-left: 3px; } #banner-prod-info .add, #banner-prod-info .more { display: block; float: left; text-indent: -9999px; overflow: hidden; } #banner-prod-info .add { background: url(/images/static/pl_homePage_buttomBuyNowBig.gif) no-repeat 0 0; width: 109px; height: 25px; } #banner-prod-info .more { background: url(/images/static/pl_homePage_buttomInfoBig.gif) no-repeat 0 0; width: 52px; height: 25px; margin-left: 5px; } /* Static Article */ #static_article { padding-top: 13px; border-top: 1px dotted #9f9f9f; width: 397px; height: 79px; padding: 6px 0px 15px 16px; color: #000; font: normal normal normal 11px/15px Georgia, Serif; overflow: hidden; background: url(/images/static/pl_homePage_ArticleBG.jpg) no-repeat 0 10px; /*position:relative; top:228px; left:20px; bottom:110px; left: 20px; */ z-index: 5000; margin-top: -119px; margin-left: 16px; } #static_article h4 { margin: 10px 0 5px 0; overflow: hidden; text-indent: -99999px; width: 265px; height: 19px; background: url(/images/static/pl_homePage_ArticleTitle.gif) no-repeat 0 0; } #static_article a { display: none; } #static_article p { height: 45px; overflow: hidden; margin-right: 26px; } #sale_prod_section_FeaturedProdcuts, #sale_prod_section_YouMayAlsoLike { margin-top: 29px; float: left; width: 561px; overflow: hidden; } #sale_prod_section_FeaturedProdcuts{/*position:relative; top:-560px;*/ } #sale_prod_section_YouMayAlsoLike { clear: left; margin-top: 9px; } #content_block { position:relative; top:0px; left:0px; overflow:hidden; padding:6px 6px 0px 7px; float: right; width:138px;} #content_block .sale_class{position:relative; top:0px; left:0px; margin-top:4px;} #content_block .sale_class a{text-decoration:none; text-transform:lowercase;width:91px; height:21px; padding:1px 0px 3px 4px;font:bold 14px Arial; color:#060000; position:absolute; top:317px; left:45px; display:block; background: url(/images/static/moreBullet_sale.gif) no-repeat 0% 0px; } #content_block .sale_class a:hover{background: url(/images/static/moreBullet_sale_hover.gif) no-repeat 0% 0px;} #content_block .sale_class a span{color:#e3e70a; font-size:0px; } #content_block .sale_class h2{display:none;} #content_block .technicalSupport_class{position:relative; margin-top:8px;} #content_block .technicalSupport_class h2{display:none;} #content_block .technicalSupport_class a{margin-left:0px; padding:2px 0px 3px 4px; text-transform:lowercase; color:#060000; display:block; width:134px; height:23px; position:absolute; top:172px; left:0px; font:bold 14px Arial; background: url(/images/static/moreBullettechnikal.gif) no-repeat 0% 0px; text-decoration:none;} #content_block .technicalSupport_class a span{font-size:0px; color:#9fbec1;} #content_block .technicalSupport_class a:hover{background: url(/images/static/moreBullettechnikal_hover.gif) no-repeat 0% 0px;} #content_block .about_class{position:relative; margin-top:10px; width:136px; height:254px; background: url(/images/static/about_durawer_background.gif) repeat-x 0 0;} #content_block .about_class h2{font-size:0px; color:#f5f5d2; position:absolute; top:0px; left:0px; height:54px; width:100%; background: url(/images/static/about_durawear_header.gif) no-repeat 0 0;} #content_block .about_class p{color:#2f3123; font:normal 12px Verdana; position:absolute; top:64px; left:0px; width:84%; margin-top:0px; padding:0px 9px; } #content_block .about_class a{position:absolute; top:221px; left:0px; display:block; width:136px; height:24px; background: url(/images/static/about_durawear_bottom.gif) repeat-x 0px 1px; text-decoration:none;} #content_block .about_class a:hover{background: url(/images/static/about_durawear_bottom_hover.gif) repeat-x 0px 1px;} #content_block .about_class a span{ color:#e2e387;text-transform:lowercase; color:#e2e386; font:bold 0px Arial; position:absolute; bottom:4px; left:47px; } #content_block .fastDelivery_class{position:relative; margin-top:2px;} #content_block .fastDelivery_class h2{display:none;} #content_block .fastDelivery_class a{text-decoration:none; color:#060000; margin-left:0px; padding:0px 0px 0px 4px; font:bold 15px Arial; text-transform:lowercase; width:136px; border:0px solid red; height:23px; display:block; position:absolute; top:171px; left:0px; background:transparent url(/images/static/moreBulletfast.gif) no-repeat scroll 0% 0px;} #content_block .fastDelivery_class a span{font-size:0px; color:#a2bbc0;} #content_block .fastDelivery_class a:hover{background:transparent url(/images/static/moreBulletfast_hover.gif) no-repeat scroll 0% 0px;} /* Gift Card / On Sale / Our doctor recommends */ #main_body #doctor_w a { display: block; margin-bottom: 15px; width: 125px; height: 170px; background: url(/images/static/pl_homePage_contentBlockOurDoctorRecommends.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; } #main_body #gift_card a { display: block; width: 125px; height: 199px; background: url(/images/static/pl_homePage_contentBlockGiftCard.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; } #main_body #on_sale_block { height: 170px; width: 125px; position: relative; text-indent: -9999px; overflow: hidden; } #main_body #on_sale_block a, #main_body #on_sale_block img { display: block; position: absolute; right: 0px; top: 0px; } #footer { } /* content_block NEWSLETTER */ #send-friend { margin: 12px 0 5px 0; padding: 34px 0 0 15px; height: 256px; width: 110px; overflow: hidden; background: url(/images/static/pl_homePage_contentBlockNewsletter.gif) no-repeat 0 0; } #send-friend label { margin-bottom: 6px; display: block; } #send-friend input { font: normal normal normal 10px/13px Tahoma, Sans-serif; margin-bottom: 5px; border: none; width: 78px; height: 13px; display: block; background: #fbf9fb; } #send-friend legend { display: none; } #send-friend .image { width: 78px; height: 17px; position: relative; right: 8px; } #hp_BabySites .moresites_link { margin: 20px 0 10px 0; width: 125px; height: 35px; background: url(/images/static/pl_homePage_contentBlockLabelOtherShops.gif) no-repeat 0 0; overflow: hidden; text-indent: -9999px; } /* Other sites by Microshops */ .YogaGear_link, .BabyCarriers_link, .BodyPainting_link { display: block; margin-bottom: 10px; text-indent: -9999px; overflow: hidden; } .YogaGear_link { background: url(/images/static/pl_link_yoga_gear.gif) no-repeat 0 0; width: 125; height: 172px; } .BabyCarriers_link { background: url(/images/static/pl_link_baby_carriers.gif) no-repeat 0 0; width: 125; height: 99px; } .BodyPainting_link { background: url(/images/static/pl_link_body_painting.gif) no-repeat 0 0; width: 124; height: 170px; } /* homepage listings*/ #sale_prod_section_RATLLESFAVORITIES { clear: both; float: left; width: 320px; overflow: hidden; background: #000; } #sale_prod_section_RATLLESFAVORITIES h3 { background: url(/images/static/rs_home_rattle_header.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; height: 32px; } #sale_prod_section_STROLLSFAVORITIES { float: right; width: 316px; background: #000; overflow: hidden; padding-left: 4px; } .productListing .sale_prod { padding: 5px 2px 5px 2px; } #sale_prod_section_STROLLSFAVORITIES h3 { background: url(/images/static/rs_home_stroll_header.gif) no-repeat 0 0; text-indent: -9999px; overflow: hidden; height: 32px; overflow: hidden; } #freeshipping_img_div {} /*left:265px; position:absolute; top:0px;*/ #home_commentary {float:left; width:100%; color:#727D84; font:normal normal normal 12px/normal Arial, Sans-serif; background:transparent url(/images/static/Borders/HoriBlueTransp.gif) repeat-x left top;} #home_commentary p { padding:10px 0; line-height:18px;} #home_commentary p a {color:#727D84; font:normal normal bold 12px/normal Arial, Sans-serif; text-decoration:none;} #home_commentary p a:hover {text-decoration:underline;} #home_commentary p strong {color:#00aeef;} #home_commentary strong { font-weight:bold;} /*============== no flash player info ========= */ #banner_flash_info, #bottomMenu_flash_info, #leftNav_flash_info {color:#727D84; font:normal normal normal 12px/17px Arial, Sans-serif;} .flash_link {color:#727D84; font:normal normal bold 12px/17px Arial, Sans-serif;} .flash_link:hover {text-decoration:none;}