/* /css/product_box.css --------------------------------------------------------------------- product_box.css of NevadaBobsGolf.ca the css file contains the rules for: - Basic CSS Rules - header - navigation - footer Author: Groupe Forzani Ltée. / Forzani Group Ltd. - [DL/FD] --------------------------------------------------------------------- Color Guide A selection of the most used colors in this CSS, all defined and accepted colors can be found in the styleguide. --------------------------------------------------------------------- */ .disabled { color: #999; } #right_box #menu { position: absolute; width: 150px; height: 195px; top: 150px; left: 10px; } #right_box #menu ul { list-style: none; margin: 0; padding: 0; } #right_box #menu a { text-decoration: none; text-transform: uppercase; font-size: 10px; } #right_box #menu a:hover { color: #FFF; } #product { position: absolute; right: 0px; bottom: 0px; overflow: hidden; height: 385px; } #brand { position: absolute; left: 195px; top: 20px; } #description { position: absolute; top: 176px; left: 175px; width: 248px; height: auto; _top: 100px; _left: 175px; _width: 266px; _height: 200px; border: #FFF 1px solid; font-size: 11px; } #description .title { position: absolute; left: 0px; top: -20px; _top: 2px; _left: 5px; font-size: 14px; text-transform: uppercase; font-weight: bold; _height: 20px; width: 250px; } #description .title h1 { padding: 0; margin: 0; font-size: 14px; } #description .text { padding: 0px; margin: 0px; float: left; _width: 240px; overflow: auto; max-height: 175px; } #description .text p { padding: 7px; margin: 0px; color: #FFF; _padding-top: 22px; _line-height: 12px; } #description .price { padding: 5px; font-size: 14px; font-weight: bold; float: right; _float: none; clear: both; text-align: right; _position: absolute; _bottom: 0px; _right: 0px; } #right_box { position: relative; width: 685px; height: 385px; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; color: #FFF; } #text { margin-top: 0px; padding: 0px; } /* .clubs { background: url(/image/UI/bkg/products/clubs.jpg); } .clubs #description { background: url(/image/UI/bkg/products/clubs_desc.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/UI/bkg/products/clubs_desc.png', sizingMethod='scale'); _background: none; } .clubs #description .title { color: #FF66FF; } .clubs #menu a { color: #B302B7; } .bags_and_carts { background: url(/image/UI/bkg/products/bags_and_carts.jpg); } .bags_and_carts #description { background: url(/image/UI/bkg/products/bags_and_carts_desc.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/UI/bkg/products/bags_and_carts_desc.png', sizingMethod='scale'); _background: none; } .bags_and_carts #description .title { color: #6CF; } .bags_and_carts #menu a { color: #2BB; } .balls { background: url(/image/UI/bkg/products/balls.jpg); } .balls #description { left: 100px; top: 180px; background: url(/image/UI/bkg/products/balls_desc.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/UI/bkg/products/balls_desc.png', sizingMethod='scale'); _background: none; } .balls #description .title { color: #C32; _color: #E63; } .balls #menu a { color: #B22; } .gloves { background: url(/image/UI/bkg/products/gloves.jpg); } .gloves #description { background: url(/image/UI/bkg/products/gloves_desc.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/UI/bkg/products/gloves_desc.png', sizingMethod='scale'); _background: none; } .gloves #description .title { color: #7D7; } .gloves #menu a { color: #2B2; } .accessories { background: url(/image/UI/bkg/products/gloves.jpg); } .accessories #description { background: url(/image/UI/bkg/products/gloves_desc.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/UI/bkg/products/gloves_desc.png', sizingMethod='scale'); _background: none; } .accessories #description .title { color: #7D7; } .accessories #menu a { color: #2B2; } .apparel { background-color: #333; } .apparel #menu a { color: #999; } .apparel #description { left: auto; _left: 455px; right: 0px; top: 140px; width: 230px; _width: 100px; border: none; padding: 0px; margin: 0px; } .apparel #description .x_title { left: -33px; width: 255px; height: 22px; top: -25px; line-height: 24px; padding-left: 3px; background: url(/image/UI/bkg/products/apparel_title.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/UI/bkg/products/apparel_title.png', sizingMethod='scale'); _background: none; } .apparel #description .text { width: 230px; } .apparel #description .title { color: #CCC; left: 7px; width: 225px; } .apparel #description .price { float: left; padding-left: 7px; } .apparel #product { right: 230px; bottom: 0px; _bottom: -1px; overflow: hidden; height: 385px; width: 250px; } .apparel #product img { display: block; } .apparel #brand { position: absolute; left: 470px; top: 10px; } .footwear { background: url(/image/UI/bkg/products/footwear.jpg); } .footwear #description { left: 430px; top: 30px; _left: 400px; _top: 10px; background: url(/image/UI/bkg/products/footwear_desc.png); _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/image/UI/bkg/products/footwear_desc.png', sizingMethod='scale'); _background: none; } .footwear #description .title { color: #49F; } .footwear #menu a { color: #2BF; } .footwear #product { right: 0px; bottom: 0px; _right: -50px; _bottom: -50px; height: 385px; width: 600px; clip: rect( 0px, 600px, 385px, 0px ); _clip: rect( 200px 550px 580px 0px ); } .footwear #product img { position: absolute; bottom: -20px; right: -50px; xbackground-color:#FFCC00; display: block; } .footwear #brand { position: absolute; left: 195px; top: 20px; } */ .store_locator { height: 210px !important; background: url(/image/UI/bkg/store_locator.gif) no-repeat; } .capitalize { text-transform: capitalize; } .more_to_offer { height: 210px !important; background: url(/image/UI/bkg/more_to_offer.jpg) no-repeat; } .services { height: 210px !important; background: url(/image/UI/bkg/services.jpg) no-repeat; } .satisfaction { height: 210px !important; background: url(/image/UI/bkg/satisfaction.jpg) no-repeat; } .confidence { height: 210px !important; background: url(/image/UI/bkg/confidence.jpg) no-repeat; } .carte-cadeau { height: 210px !important; background: url(/image/UI/bkg/carte-cadeau.jpg) no-repeat; } .gift_card { height: 210px !important; background: url(/image/UI/bkg/gift_card.jpg) no-repeat; } .programme_echange_junior, .junior_half_back_program { height: 210px !important; background: url(/image/UI/bkg/junior_half_back_program.jpg) no-repeat; } .air_miles { height: 210px !important; background: url(/image/UI/bkg/air_miles.jpg) no-repeat; } .air_miles_fr { height: 210px !important; background: url(/image/UI/logo/airmiles_fr.gif) no-repeat; } .air_miles_en { height: 210px !important; background: url(/image/UI/logo/airmiles_en.gif) no-repeat; } .financement, .financing_program { height: 210px !important; background: url(/image/UI/bkg/financing_program.jpg) no-repeat; } #right_box.sent, #right_box.confirm #right_box.error { height: 210px !important; background: url(/image/UI/bkg/more_about_us.jpg) no-repeat; } .more_about_us { height: 210px !important; background: url(/image/UI/bkg/more_about_us.jpg) no-repeat; } .carrieres, .careers { height: 210px !important; background: url(/image/UI/bkg/careers.jpg) no-repeat; } .conditions_utilisation, .conditions_of_use { height: 210px !important; background: url(/image/UI/bkg/conditions_of_use.jpg) no-repeat; } .politique_relative_au_cv, .resume_policy { height: 210px !important; background: url(/image/UI/bkg/resume_policy.jpg) no-repeat; } .politique_sur_la_vie_privee, .privacy_policy { height: 210px !important; background: url(/image/UI/bkg/privacy_policy.jpg) no-repeat; } #right_box.search { background: url(/image/UI/bkg/search.jpg) no-repeat; } .site_map { height: 210px !important; background: url(/image/UI/bkg/site_map.jpg) no-repeat; } .text div.sitemap_left { float: left; width: 330px; } .text div.sitemap_left ul li { margin-bottom: 10px; } .text div.sitemap_left ul li ul li { margin: 0px; } .text div.sitemap_right { float: right; width: 330px; } .text div ul { padding: 5px 0px 5px 10px; margin: 0px 0px 10px 10px; font-size: 12px; } .text div ul li { padding: 0px; margin: 0px; } .text div ul li a { color: #00D; line-height: 12px; text-transform: none; } .inside_promos { height: 210px !important; background: url(/image/UI/bkg/promotions.jpg) no-repeat; } .feature_of_the_week { height: 210px !important; background: url(/image/UI/bkg/feature_of_the_week.jpg) no-repeat; } .text div.feature_left { float: left; width: 650px; margin-top: 10px; clear: both; } .text div.feature_left .promo_thumbnail { float: left; width: auto; padding-right: 10px; } .text div.feature_left .promo_text { width: auto; margin: 0; } .text div.feature_right { float: right; width: 330px; background-color:#00f; }