/****************************************************************************************** * * * FRANKLIN AND GOWER - REDUX * 10-25-09 * * * *****************************************************************************************/ *{padding:0px; margin:0px;} a, stripe_fabric_ctr, base_fabric_ctr{cursor:pointer;} body{ text-align: center; background: #fff; font-family:"Century Gothic", Arial, Arial, Helvetica, sans-serif; font-size:12px; line-height:1.10em; color:#455560; } .wrapper{ width:1064px; margin:20px auto; } .header{ height:107px; position: relative;} .clearer{ clear: both; } .footer{ text-align: center; font-family: Futura bk bt, Arial, Arial, Helvetica, sans-serif; font-size: 11px; color:#455560; width:850px; margin:0px 0px 0px 155px; } .footer a { color:#8cc1a0; text-decoration:none; } .footer a:hover, a:active { color:#8cc1a0; text-decoration:underline; } .logo{ background: url('../images/images/logo.gif') no-repeat top left; width:167px; height:107px; cursor:pointer; float:left; } .spacer{ height:2px; } /*==================================== NAVIGATION =======================================*/ .nav{ width:738px; float: left; padding:50px 0px 0px 92px; border:#f00 0px solid; } .nav ul{ list-style-type: none; } .nav li{ float:left;} .nav span{ visibility: hidden; } .nav a{ text-decoration: none; } .nav a:active{ text-decoration: none;} a.about{ display:block; height:20px; width:110px; background: url('../images/images/menu_sprite.gif') no-repeat -5px -13px; } a.about:hover, a.about:active, a.about_act{ display:block; height:20px; width:110px; background: url('../images/images/menu_sprite.gif') no-repeat -5px -35px; } a.blog{ display:block; height:20px; width:79px; background: url('../images/images/menu_sprite.gif') no-repeat -115px -13px;} a.blog:hover, a.blog:active, a.blog_act{ display:block; height:20px; width:79px; background: url('../images/images/menu_sprite.gif') no-repeat -115px -35px; } a.news{ display:block; height:20px; width:83px; background: url('../images/images/menu_sprite.gif') no-repeat -194px -13px; } a.news:hover, a.news:active, a.news_act{ display:block; height:20px; width:83px; background: url('../images/images/menu_sprite.gif') no-repeat -194px -35px; } a.cart{ display:block; height:20px; width:76px; background: url('../images/images/menu_sprite.gif') -276px -13px; } a.cart:hover, a.cart:active, a.cart_act{ display:block; height:20px; width:76px; background: url('../images/images/menu_sprite.gif') no-repeat -276px -35px; } a.contact{ display:block; height:20px; width:126px; background: url('../images/images/menu_sprite.gif') -353px -13px; } a.contact:hover, a.contact:active, a.contact_act{ display:block; height:20px; width:126px; background: url('../images/images/menu_sprite.gif') no-repeat -353px -35px; } /* a.help{ display:block; height:20px; width:75px; background: url('../images/images/menu_sprite.gif') -480px -13px; } a.help:hover, a.help:active, a.help_act{ display:block; height:20px; width:75px; background: url('../images/images/menu_sprite.gif') no-repeat -480px -35px;} */ a.help{ display:block; height:20px; width:125px; background: url('../images/nav_sprite.gif') -296px -87px; } a.help:hover, a.help:active, a.help_act{ display:block; height:20px; width:125px; background: url('../images/nav_sprite.gif') no-repeat -296px -107px;} .text_bot{ width:810px; text-align: left; font-size:1.1em; margin:-18px 0px 40px 15px; } .text_internal{ width:520px; text-align: left; font-size:1.1em; margin:10px auto 0px auto; padding:0px 0px 30px 0px; } .text_internal p{margin:10px 0px 10px 0px;} .sub_nav{ display:none; float:left; position:absolute; top:68px; right:205px;} .about_nav{ background:url('../images/images/about_nav_bg.gif') no-repeat 0px 0px; display:none; float:left; position:absolute; top:68px; left:256px; border:#000 0px solid; width:531px; height:23px; padding:7px 0px 0px 10px; } a.about_story{ display:block; height:18px; width:78px; background: url('../images/images/about_subnav.gif') no-repeat -10px -7px; float:left; } a.about_story:hover, a.about_story:active, a.about_story_act{ display:block; height:18px; width:78px; background: url('../images/images/about_subnav.gif') no-repeat -10px -36px; float:left; } a.about_return{ display:block; height:18px; width:114px; background: url('../images/images/about_subnav.gif') no-repeat -88px -7px;float:left; } a.about_return:hover, a.about_return:active, a.about_return_act{ display:block; height:18px; width:114px; background: url('../images/images/about_subnav.gif') no-repeat -88px -36px;float:left; } a.about_info{ display:block; height:18px; width:163px; background: url('../images/images/about_subnav.gif') no-repeat -202px -7px; float:left; } a.about_info:hover, a.about_info:active, a.about_info_act{ display:block; height:18px; width:163px; background: url('../images/images/about_subnav.gif') no-repeat -202px -36px;float:left; } a.about_fabrics{ display:block; height:18px; width:98px; background: url('../images/images/about_subnav.gif') no-repeat -366px -7px; float:left; } a.about_fabrics:hover, a.about_fabrics:active, a.about_fabrics_act{ display:block; height:18px; width:98px; background: url('../images/images/about_subnav.gif') no-repeat -366px -36px;float:left; } a.about_stores{ display:block; height:18px; width:60px; background: url('../images/images/about_subnav.gif') no-repeat -464px -7px; float:left; } a.about_stores:hover, a.about_stores:active, a.about_stores_act{ display:block; height:18px; width:60px; background: url('../images/images/about_subnav.gif') no-repeat -464px -36px;float:left; } /*==================================== SIDEBAR =======================================*/ .sidebar{ width:133px; height:301px; float: left; padding:54px 0px 0px 0px; } .sidebar ul{ list-style-type: none;} .sidebar span{ visibility: hidden; } .sidebar a{ text-decoration: none; } .sidebar a:active{ text-decoration: none;} a.men{ display:block; height:18px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -22px -86px; } a.men:hover, a.men:active, a.men_act, a.men_hover{ display:block; height:18px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -140px -86px; } a.men_design{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -22px -105px; } a.men_design:hover, a.men_design:active, a.men_design_act{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -140px -105px; } a.men_shop{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -22px -125px; } a.men_shop:hover, a.men_shop:active, a.men_shop_act{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -140px -125px; } a.women{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -22px -163px; } a.women:hover, a.women:active, a.women_act, a.women_hover{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -140px -163px; } a.women_design{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -22px -105px; } a.women_design:hover, a.women_design:active, a.women_design_act{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -140px -105px; } a.women_shop{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -22px -125px;} a.women_shop:hover, a.women_shop:active, a.women_shop_act{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -140px -125px; } a.boys{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -22px -243px; } a.boys:hover, a.boys:active, a.boys_act, a.boys_hover{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -140px -243px; } a.boys_design{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -22px -105px; } a.boys_design:hover, a.boys_design:active, a.boys_design_act{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -140px -105px; } a.boys_shop{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -22px -125px; } a.boys_shop:hover, a.boys_shop:active, a.boys_shop_act{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -140px -125px; } a.gifts{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -22px -323px; } a.gifts:hover, a.gifts:active, a.gifts_act{ display:block; height:20px; width:107px; background: url('../images/images/menu_sprite.gif') no-repeat -140px -323px; } a.grooms{ display:block; height:20px; width:107px; background: url('../images/images/nav_sprite.gif') no-repeat -22px -358px; } a.grooms:hover, a.grooms:active, a.grooms_act{ display:block; height:20px; width:107px; background: url('../images/images/nav_sprite.gif') no-repeat -140px -358px; } /*==================================== HOMEPAGE =======================================*/ .gift_div{ height:20px; width:820px; float:left; margin:15px 0px -12px 30px; border: #f00 0px solid; text-align:right; color:#9fd5b5; font-size:1.2em;} .content{ width:870px; float:left; margin:15px 0px 0px 30px; position:relative;} .content_top{ width:834px; height:15px; background: url('../images/images/content_top.gif') no-repeat top left; } .content_mid{ width:808px; background: url('../images/images/content_mid.gif') repeat-y top left; text-align: center; padding:0px 13px 0px 13px; } .content_bot{ width:834px; height:15px; background: url('../images/images/content_bot.gif') no-repeat top left; } .content_mid a{ color:#53ab77; } .home_frame{ background: url('../images/home_frame.png') no-repeat top left; width:820px; position:relative; height:454px; z-index:10; margin:-444px 0px 0px 0px; float:left; border:#f00 0px solid; } .home_content{ width:820px; height:444px; float:left; position:relative; z-index:0; margin:0px 0px 0px 7px; } .home_content img{ z-index:0; display:block; margin:0px 0px 0px 0px; } .text_bot{ width:800px; margin:0px auto 0px auto; } .text_bot p{margin:7px 0px 5px 0px; font-family:"Century Gothic", Arial, Arial, Helvetica, sans-serif; } .disc_list{ width:200px; list-style-type: none; float:left;} .disc_list li{} .category_div{ width:528px; margin:0px auto; border:#000 0px solid; padding:30px 0px 20px 0px; border:#f00 0px solid; } .category_div img{float:left; margin:76px 12px 0px 12px;} .orange{color:#f9943f;} .green{ color:#9fd5b5;} .bold{font-weight:bold;} .swatch_block{ border:#f00 0px solid; position:relative;} .swatch_block div{} a.facebook_link{ background: url('../images/facebook_logo_og.jpg') no-repeat 0px 3px; padding:4px 0px 13px 42px; height:23px; display:block; text-align: left; line-height: 15px; text-decoration: none; border-bottom: #9fd5b5 0px solid; border-top: #9fd5b5 0px solid; color:#455560; border:#000 0px solid; } a.facebook_link:hover{ text-decoration: underline; } a.twitter_link{ background: url('../images/twitter_logo_og.jpg') no-repeat 0px 3px; padding:4px 10px 13px 42px; height:23px; display:block; text-align: left; line-height: 15px; text-decoration: none; border-bottom: #9fd5b5 0px solid; border-top: #9fd5b5 0px solid; color:#455560; border:#000 0px solid; } a.twitter_link:hover{ text-decoration: underline; } /*==================================== BUILD YOUR OWN =======================================*/ a.men_btn_design{ display:block; height:250px; width:215px; background: url('../images/images/mens_design_now.jpg') no-repeat -10px -20px; float:left;} a.men_btn_design:hover, a.men_btn_design:active{ display:block; height:250px; width:215px; background-position: -244px -20px; float:left;} a.men_btn_shop{ display:block; height:250px; width:215px; background: url('../images/images/mens_shop_now.jpg') no-repeat -246px -19px; float:left;} a.men_btn_shop:hover, a.men_btn_shop:active{ display:block; height:250px; width:215px; background-position: -10px -19px; float:left;} a.women_btn_design{ display:block; height:250px; width:215px; background: url('../images/images/womens_design_now.jpg') no-repeat -10px -20px; float:left;} a.women_btn_design:hover, a.women_btn_design:active{ display:block; height:250px; width:215px; background-position: -244px -20px; float:left;} a.women_btn_shop{ display:block; height:250px; width:215px; background: url('../images/images/womens_shop_now.jpg') no-repeat -246px -19px; float:left;} a.women_btn_shop:hover, a.women_btn_shop:active{ display:block; height:250px; width:215px; background-position: -10px -19px; float:left;} a.boys_btn_design{ display:block; height:250px; width:215px; background: url('../images/images/boys_design_now.jpg') no-repeat -10px -20px; float:left;} a.boys_btn_design:hover, a.boys_btn_design:active{ display:block; height:250px; width:215px; background-position: -244px -20px; float:left;} a.boys_btn_shop{ display:block; height:250px; width:215px; background: url('../images/images/boys_shop_now.jpg') no-repeat -246px -19px; float:left;} a.boys_btn_shop:hover, a.boys_btn_shop:active{ display:block; height:250px; width:215px; background-position: -10px -19px; float:left;} a.grooms_btn_browse{ display:block; height:250px; width:215px; background: url('../images/images/grooms_frame_browse.jpg') no-repeat -12px -19px; float:left; cursor: default;} a.grooms_btn_browse:hover, a.grooms_btn_browse:active{ display:block; height:250px; width:215px; background-position: -246px -19px; float:left; cursor: default;} a.grooms_btn_register{ display:block; height:250px; width:215px; background: url('../images/images/grooms_frame_reg.jpg') no-repeat -12px -19px; float:left; cursor: default;} a.grooms_btn_register:hover, a.grooms_btn_register:active{ display:block; height:250px; width:215px; background-position: -246px -19px; float:left; cursor: default;} .swatch_div{height:202px; width:202px; position:relative; z-index:0; float:left; } .swatch_div_under{ height:202px; width:202px; position:relative; z-index:0; float:left;} .swatch_div_over{ height:202px; width:202px; position:relative; z-index:5; float:left; margin:-202px 0px 0px 0px; } .swatch_div_mid{ height:202px; width:82px; position:relative; z-index:2; float:left; margin:-202px 0px 0px 59px; overflow:hidden;} .mid{ width:82px; margin:-202px 0px 0px 59px; border:0px;} .slim{ width:18px; margin:-202px 0px 0px 94px; } .swatch_off{background: url('../images/images/swatch_border_off.gif') no-repeat top left;} .swatch_on{background: url('../images/images/swatch_border_on.gif') no-repeat top left;} .swatch_alt{background: url('../images/images/swatch_border_g.gif') no-repeat top left;} .disc_div{height:153px; width:356px; background: url('../images/images/desc_bg.gif') no-repeat top left; float:left; margin:0px 3px 0px 4px; text-align: left; padding:25px 20px 20px 20px; position:relative;} .disc_div h2{ line-height: 25px; margin:6px 0px 6px 0px;} .disc_div img{ display:block; margin:-5px 0px 10px 0px; float:left;} .disc_on{ background: url('../images/images/desc_bg_on.gif') no-repeat top left; } .disc_off{ background: url('../images/images/desc_bg_off.gif') no-repeat top left; } .bc_div{height:40px; margin:0px 0px 20px 0px;} .bc_div ul{ list-style-type: none;} .bc_div li{ float:left;} .bc_div span{ visibility: hidden; } .bc_div a{ text-decoration: none; } .bc_build{ width:651px; height:40px; margin:0px auto; } .bc_picks{ width:570px; height:40px; margin:0px auto; } .bc_build a{ cursor:pointer; } .bc_picks a{ cursor:pointer; } a.build_1{ display:block; height:20px; width:170px; background: url('../images/images/build_sprite.gif') no-repeat -2px -3px; } /*a.build_1:hover, a.build_1:active,*/ a.build_1_act{ display:block; height:20px; width:170px; background: url('../images/images/build_sprite.gif') no-repeat -2px -36px; } a.build_2{ display:block; height:20px; width:212px; background: url('../images/images/build_sprite.gif') no-repeat -182px -3px; margin:0px 0px 0px 50px; } /*a.build_2:hover, a.build_2:active,*/ a.build_2_act{ display:block; height:20px; width:212px; background: url('../images/images/build_sprite.gif') no-repeat -182px -36px; margin:0px 0px 0px 50px; } a.build_3{ display:block; height:20px; width:133px; background: url('../images/images/build_sprite.gif') no-repeat -402px -3px; margin:0px 0px 0px 50px; } /*a.build_3:hover, a.build_3:active,*/ a.build_3_act{ display:block; height:20px; width:133px; background: url('../images/images/build_sprite.gif') no-repeat -402px -36px; margin:0px 0px 0px 50px;} a.picks_1{ display:block; height:20px; width:150px; background: url('../images/images/picks_sprite.gif') no-repeat -2px -3px; } /*a.picks_1:hover, a.picks_1:active,*/ a.picks_1_act{ display:block; height:20px; width:150px; background: url('../images/images/picks_sprite.gif') no-repeat -2px -32px;} a.picks_2{ display:block; height:20px; width:190px; background: url('../images/images/picks_sprite.gif') no-repeat -168px -3px; margin:0px 0px 0px 50px; } /*a.picks_2:hover, a.picks_2:active,*/ a.picks_2_act{ display:block; height:20px; width:190px; background: url('../images/images/picks_sprite.gif') no-repeat -168px -32px; margin:0px 0px 0px 50px; } a.picks_3{ display:block; height:20px; width:126px; background: url('../images/images/picks_sprite.gif') no-repeat -369px -3px; margin:0px 0px 0px 50px; } /*a.picks_3:hover, a.picks_3:active,*/ a.picks_3_act{ display:block; height:20px; width:126px; background: url('../images/images/picks_sprite.gif') no-repeat -369px -32px; margin:0px 0px 0px 50px;} a.build_this{ display:block; height:38px; width:223px; background: url('../images/images/btn_design.gif') no-repeat top left; float:right; margin:5px 0px 0px 0px; position:absolute; bottom:14px; right:14px; } a.build_this:hover, a.build_this:active, a.build_this_act{ display:block; height:38px; width:223px; background: url('../images/images/btn_design_on.gif') no-repeat top left; float:right; margin:5px 0px 0px 0px;} a.pick_size{ display:block; height:48px; width:203px; background: url('../images/images/pick_size.gif') no-repeat top left; float:right; margin:5px 0px 0px 0px; position:absolute; bottom:14px; right:14px; } a.pick_size:hover, a.pick_size:active, a.pick_size_act{ display:block; height:48px; width:203px; background: url('../images/images/pick_size.gif') no-repeat -0px -63px; float:right; margin:5px 0px 0px 0px;} a.pick_waist{ display:block; height:38px; width:254px; background: url('../images/images/btn_pick_waist.gif') no-repeat top left; float:right; margin:5px 0px 0px 0px; position:absolute; bottom:14px; right:14px; } a.pick_waist:hover, a.pick_waist:active, a.pick_waist_act{ display:block; height:38px; width:254px; background: url('../images/images/btn_pick_waist_on.gif') no-repeat top left; float:right; margin:5px 0px 0px 0px;} a.pick_length{ display:block; height:38px; width:230px; background: url('../images/images/btn_pick_length.gif') no-repeat 0px -40px; float:right; margin:5px 0px 0px 0px; position:absolute; bottom:14px; right:14px; } a.pick_length:hover, a.pick_length:active, a.pick_length_act{ display:block; height:38px; width:230px; background-position: 0px -0px; float:right; margin:5px 0px 0px 0px;} a.pick_fabric{ display:block; height:38px; width:208px; background: url('../images/images/btn_pick_fabric.gif') no-repeat 0px -46px; float:right; margin:5px 0px 0px 0px; position:absolute; bottom:14px; right:14px; } a.pick_fabric:hover, a.pick_fabric:active, a.pick_fabric_act{ display:block; height:38px; width:208px; background-position: 0px -4px; float:right; margin:5px 0px 0px 0px;} a.pick_trim{ display:block; height:38px; width:185px; background: url('../images/images/btn_pick_trim.gif') no-repeat 0px -48px; float:right; margin:5px 0px 0px 0px; position:absolute; bottom:14px; right:14px; } a.pick_trim:hover, a.pick_trim:active, a.pick_trim_act{ display:block; height:38px; width:185px; background-position: 0px -1px; float:right; margin:5px 0px 0px 0px;} a.add_cart{ display:block; height:38px; width:177px; background: url('../images/images/btn_add_cart.gif') no-repeat 0px -40px; float:right; margin:5px 0px 0px 0px; position:absolute; bottom:14px; right:14px; } a.add_cart:hover, a.add_cart:active, a.add_cart_act{ display:block; height:38px; width:177px; background-position: 0px -0px; float:right; margin:5px 0px 0px 0px; } a.continue{ display:block; height:38px; width:266px; background: url('../images/images/btn_continue.gif') no-repeat 0px -2px; float:right; margin:5px 0px 0px 0px; } a.continue:hover, a.continue:active, a.continue_act{ display:block; height:38px; width:266px; background-position: 0px -42px; float:right; margin:5px 0px 0px 0px;} a.checkout{ display:block; height:38px; width:175px; background: url('../images/images/btn_check.gif') no-repeat 0px -43px; float:right; margin:5px 0px 0px 0px; } a.checkout:hover, a.checkout:active, a.checkout_act{ display:block; height:38px; width:175px; background-position: 0px -2px; float:right; margin:5px 0px 0px 0px;} a.build_short{ display:block; height:38px; width:240px; background: url('../images/images/btn_design_short.gif') no-repeat -20px -0px; float:right; margin:5px 0px 0px 0px; position:absolute; bottom:14px; right:14px;} a.build_short:hover, a.build_short:active, a.build_short_act{ display:block; height:38px; width:240px; background: url('../images/images/btn_design_short.gif') no-repeat -20px -40px; float:right; margin:5px 0px 0px 0px;} /*==================================== NUMBERS =======================================*/ .numbers_div{ height:202px; width:202px; float:left;} .numbers_overlay{ height:30px; width:100px; position:relative; z-index:118; float:left; margin:-20px 0px 0px 0px; padding:6px 0px 0px 0px; border:#f00 0px solid;} .m_nums{ padding:15px 0px 0px 15px; height:187px; width:187px;} .b_nums{ padding:13px 0px 0px 13px; height:189px; width:189px;} .w_nums{ padding:38px 0px 0px 20px; height:162px; width:179px;} a.n26{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -0px 0px; float:left; } a.n26:hover, a.n26:active, a.n26_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -0px 0px; float:left; } a.n26_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -294px -1px; float:left; margin:2px 0px 0px 0px; } a.n28{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -42px 0px; float:left; } a.n28:hover, a.n28:active, a.n28_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -42px 0px; float:left; } a.n28_alt{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -326px -1px; float:left; margin:2px 0px 0px 0px;} a.n29{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -84px 0px; float:left; } a.n29:hover, a.n29:active, a.n29_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -84px 0px; float:left; } a.n29_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -358px -1px; float:left; margin:2px 0px 0px 0px;} a.n30{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -126px 0px; float:left; } a.n30:hover, a.n30:active, a.n30_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -126px 0px; float:left; } a.n30_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -390px -1px; float:left; margin:2px 0px 0px 0px;} a.n31{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -0px -41px; float:left; } a.n31:hover, a.n31:active, a.n31_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -0px -41px; float:left; } a.n31_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -424px -1px; float:left; margin:2px 0px 0px 0px;} a.n32{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -42px -41px; float:left; } a.n32:hover, a.n32:active, a.n32_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -42px -41px; float:left; } a.n32_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -455px -1px; float:left; margin:2px 0px 0px 0px;} a.n33{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -84px -41px; float:left; } a.n33:hover, a.n33:active, a.n33_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -84px -41px; float:left; } a.n33_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -488px -1px; float:left; margin:2px 0px 0px 0px; } a.n34{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -125px -41px; float:left; } a.n34:hover, a.n34:active, a.n34_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -125px -41px; float:left; } a.n34_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -520px -1px; float:left; margin:2px 0px 0px 0px; } a.n35{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -0px -82px; float:left; } a.n35:hover, a.n35:active, a.n35_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -0px -82px; float:left; } a.n35_alt{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -554px -1px; float:left; margin:2px 0px 0px 0px; } a.n36{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -42px -82px; float:left; } a.n36:hover, a.n36:active, a.n36_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -42px -82px; float:left; } a.n36_alt{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -584px -1px; float:left; margin:2px 0px 0px 0px;} a.n37{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -84px -82px; float:left; } a.n37:hover, a.n37:active, a.n37_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -84px -82px; float:left; } a.n37_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -616px -1px; float:left; margin:2px 0px 0px 0px;} a.n38{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -126px -82px; float:left; } a.n38:hover, a.n38:active, a.n38_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -126px -82px; float:left; } a.n38_alt{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -649px -1px; float:left; margin:2px 0px 0px 0px; } a.n39{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -0px -124px; float:left; } a.n39:hover, a.n39:active, a.n39_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -0px -124px; float:left; } a.n39_alt{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -682px -1px; float:left; margin:2px 0px 0px 0px;} a.n40{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -42px -124px; float:left; } a.n40:hover, a.n40:active, a.n40_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -42px -124px; float:left; } a.n40_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -715px -1px; float:left; margin:2px 0px 0px 0px; } a.n41{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -84px -124px; float:left; } a.n41:hover, a.n41:active, a.n41_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -84px -124px; float:left; } a.n41_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -747px -1px; float:left; margin:2px 0px 0px 0px; } a.n42{ display:block; height:41px; width:42px; background: url('../images/images/numbers_off.png') no-repeat -126px -124px; float:left; } a.n42:hover, a.n42:active, a.n42_act{ display:block; height:41px; width:42px; background: url('../images/images/numbers_on.png') no-repeat -126px -124px; float:left; } a.n42_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -780px -1px; float:left; margin:2px 0px 0px 0px;} a.n2_sm{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -2px -1px; float:left; margin:2px 0px 0px 0px; } a.n3_sm{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -35px -1px; float:left; margin:2px 0px 0px 0px;} a.n4_sm{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -66px -1px; float:left; margin:2px 0px 0px 0px;} a.n5_sm{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -99px -1px; float:left; margin:2px 0px 0px 0px;} a.n6_sm{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -130px -1px; float:left; margin:2px 0px 0px 0px;} a.n7_sm{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -163px -1px; float:left; margin:2px 0px 0px 0px;} a.n8_sm{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -196px -1px; float:left; margin:2px 0px 0px 0px;} a.n9_sm{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -227px -1px; float:left; margin:2px 0px 0px 0px;} a.n10_sm{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -260px -1px; float:left; margin:2px 0px 0px 0px;} a.n12_sm{display:block; height:33px; width:33px; background: url('../images/images/num12.gif') no-repeat top left; float:left; margin:2px 0px 0px 0px;} a.n26_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -294px -1px; float:left; margin:2px 0px 0px 0px;} a.n28_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -326px -1px; float:left; margin:2px 0px 0px 0px;} a.n29_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -358px -1px; float:left; margin:2px 0px 0px 0px;} a.n30_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -390px -1px; float:left; margin:2px 0px 0px 0px;} a.n31_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -424px -1px; float:left; margin:2px 0px 0px 0px;} a.n32_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -455px -1px; float:left; margin:2px 0px 0px 0px;} a.n33_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -488px -1px; float:left; margin:2px 0px 0px 0px;} a.n34_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -520px -1px; float:left; margin:2px 0px 0px 0px;} a.n35_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -554px -1px; float:left; margin:2px 0px 0px 0px;} a.n36_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -584px -1px; float:left; margin:2px 0px 0px 0px;} a.n37_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -616px -1px; float:left; margin:2px 0px 0px 0px;} a.n38_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -649px -1px; float:left; margin:2px 0px 0px 0px;} a.n39_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -682px -1px; float:left; margin:2px 0px 0px 0px;} a.n40_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -715px -1px; float:left; margin:2px 0px 0px 0px;} a.n41_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -747px -1px; float:left; margin:2px 0px 0px 0px;} a.n42_sm{ display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -780px -1px; float:left; margin:2px 0px 0px 0px;} a.w2{ display:block; height:65px; width:54px; background: url('../images/images/womens_nums.gif') no-repeat -2px -2px; float:left; } a.w2:hover, a.w2:active, a.w2_act{ display:block; height:65px; width:54px; background: url('../images/images/womens_nums.gif') no-repeat -2px -132px; float:left; } a.w2_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -2px -1px; float:left; margin:2px 0px 0px 0px; } a.w4{ display:block; height:65px; width:54px; background: url('../images/images/womens_nums.gif') no-repeat -58px -2px; float:left; } a.w4:hover, a.w4:active, a.w4_act{ display:block; height:65px; width:54px; background: url('../images/images/womens_nums.gif') no-repeat -58px -132px; float:left; } a.w4_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -66px -1px; float:left; margin:2px 0px 0px 0px;} a.w6{ display:block; height:65px; width:54px; background: url('../images/images/womens_nums.gif') no-repeat -115px -2px; float:left; } a.w6:hover, a.w6:active, a.w6_act{ display:block; height:65px; width:54px; background: url('../images/images/womens_nums.gif') no-repeat -115px -132px; float:left; } a.w6_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -130px -1px; float:left; margin:2px 0px 0px 0px;} a.w8{ display:block; height:65px; width:54px; background: url('../images/images/womens_nums.gif') no-repeat -2px -70px; float:left; } a.w8:hover, a.w8:active, a.w8_act{ display:block; height:65px; width:54px; background: url('../images/images/womens_nums.gif') no-repeat -2px -200px; float:left; } a.w8_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -196px -1px; float:left; margin:2px 0px 0px 0px;} a.w10{ display:block; height:65px; width:54px; background: url('../images/images/womens_nums.gif') no-repeat -58px -70px; float:left; } a.w10:hover, a.w10:active, a.w10_act{ display:block; height:65px; width:54px; background: url('../images/images/womens_nums.gif') no-repeat -58px -200px; float:left; } a.w10_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -260px -1px; float:left; margin:2px 0px 0px 0px;} a.w12{ display:block; height:65px; width:54px; background: url('../images/images/womens_nums.gif') no-repeat -115px -70px; float:left; } a.w12:hover, a.w12:active, a.w12_act{ display:block; height:65px; width:54px; background: url('../images/images/womens_nums.gif') no-repeat -115px -200px; float:left; } a.w12_alt{display:block; height:33px; width:33px; background: url('../images/images/num12.gif') no-repeat top left; float:left; margin:2px 0px 0px 0px; } a.w2_sm{ display:block; height:40px; width:40px; background: url('../images/images/w_num_sm.png') no-repeat -3px 0px; float:left; } a.w4_sm{ display:block; height:40px; width:40px; background: url('../images/images/w_num_sm.png') no-repeat -48px 0px; float:left; } a.w6_sm{ display:block; height:40px; width:40px; background: url('../images/images/w_num_sm.png') no-repeat -3px -39px; float:left; } a.w8_sm{ display:block; height:40px; width:40px; background: url('../images/images/w_num_sm.png') no-repeat -48px -39px; float:left; } a.b2{ display:block; height:60px; width:60px; background: url('../images/images/b_num_off.png') no-repeat -2px 0px; float:left; } a.b2:hover, a.b2:active, a.b2_act{ display:block; height:60px; width:60px; background: url('../images/images/b_num_on.png') no-repeat -2px 0px; float:left; } a.b2_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -2px -1px; float:left; margin:2px 0px 0px 0px; } a.b3{ display:block; height:60px; width:60px; background: url('../images/images/b_num_off.png') no-repeat -62px 0px; float:left; } a.b3:hover, a.b3:active, a.b3_act{ display:block; height:60px; width:60px; background: url('../images/images/b_num_on.png') no-repeat -62px 0px; float:left; } a.b3_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -35px -1px; float:left; margin:2px 0px 0px 0px;} a.b4{ display:block; height:60px; width:60px; background: url('../images/images/b_num_off.png') no-repeat -122px 0px; float:left; } a.b4:hover, a.b4:active, a.b4_act{ display:block; height:60px; width:60px; background: url('../images/images/b_num_on.png') no-repeat -122px 0px; float:left; } a.b4_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -66px -1px; float:left; margin:2px 0px 0px 0px;} a.b5{ display:block; height:60px; width:60px; background: url('../images/images/b_num_off.png') no-repeat -2px -56px; float:left; } a.b5:hover, a.b5:active, a.b5_act{ display:block; height:60px; width:60px; background: url('../images/images/b_num_on.png') no-repeat -2px -56px; float:left; } a.b5_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -99px -1px; float:left; margin:2px 0px 0px 0px;} a.b6{ display:block; height:60px; width:60px; background: url('../images/images/b_num_off.png') no-repeat -62px -56px; float:left; } a.b6:hover, a.b6:active, a.b6_act{ display:block; height:60px; width:60px; background: url('../images/images/b_num_on.png') no-repeat -62px -56px; float:left; } a.b6_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -130px -1px; float:left; margin:2px 0px 0px 0px;} a.b7{ display:block; height:60px; width:60px; background: url('../images/images/b_num_off.png') no-repeat -122px -56px; float:left; } a.b7:hover, a.b7:active, a.b7_act{ display:block; height:60px; width:60px; background: url('../images/images/b_num_on.png') no-repeat -122px -56px; float:left; } a.b7_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -163px -1px; float:left; margin:2px 0px 0px 0px; } a.b8{ display:block; height:60px; width:60px; background: url('../images/images/b_num_off.png') no-repeat -32px -114px; float:left; margin:0px 0px 0px 30px;} a.b8:hover, a.b8:active, a.b8_act{ display:block; height:60px; width:60px; background: url('../images/images/b_num_on.png') no-repeat -32px -114px; float:left; margin:0px 0px 0px 30px;} a.b8_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -196px -1px; float:left; margin:2px 0px 0px 0px;} a.b10{ display:block; height:60px; width:60px; background: url('../images/images/b_num_off.png') no-repeat -92px -114px; float:left; } a.b10:hover, a.b10:active, a.b10_act{ display:block; height:60px; width:60px; background: url('../images/images/b_num_on.png') no-repeat -92px -114px; float:left; } a.b10_alt{display:block; height:33px; width:33px; background: url('../images/images/nums.gif') no-repeat -260px -1px; float:left; margin:2px 0px 0px 0px; } /*==================================== SUBPAGES =======================================*/ .mid_div{ float:left; padding:0px 0px 0px 5px; margin:25px 7px 0px 0px; text-align:left; } .m_right{ margin:25px 0px 0px 0px;} .mid_div_top{ height:13px; width:393px; background: url('../images/images/mid_div_top.gif') no-repeat top left; } .mid_div_mid{ width:383px; background: url('../images/images/mid_div_mid.gif') repeat-y top left; padding:0px 0px 0px 10px;} .mid_div_bot{ height:13px; width:393px; background: url('../images/images/mid_div_bot.gif') no-repeat top left;} .small_swatch_div{height:80px; width:80px; position:relative; z-index:0; float:left; margin:0px 11px 8px 0px;} .small_swatch_div_under{ height:80px; width:80px; position:relative; z-index:0; float:left;} .small_swatch_div_over{ height:80px; width:80px; position:relative; z-index:5; float:left; margin:-80px 0px 0px 0px; cursor:pointer;} .small_swatch_div_stripe{ height:80px; width:32px; position:relative; z-index:2; float:left; margin:-80px 0px 0px 24px; overflow:hidden;} .small_swatch_div_pipe{ height:80px; width:8px; position:relative; z-index:2; float:left; margin:-80px 0px 0px 36px; overflow:hidden;} .small_swatch_off{background: url('../images/images/small_swatch.gif') no-repeat top left;} .small_swatch_on{background: url('../images/images/small_swatch_on.gif') no-repeat top left;} .small_swatch_alt{background: url('../images/images/small_swatch_alt.gif') no-repeat top left;} .model_info{ position:absolute; top: 7px; left:20px; margin:0px 0px 3px 0px; height: 33px; border:#f00 0px solid; } .subpage_left{ width:220px; float:left; text-align:left; } .subpage_left a { color:#8cc1a0; text-decoration:none; } .subpage_left a:hover, a:active { color:#8cc1a0; text-decoration:underline; } .subpage_left ul {padding:0px 0px 0px 20px; margin:0px 0px 0px 0px;} .subpage_left li {padding:10px 0px 0px 0px;} .subpage_right{ width:560px; text-align: left; float:left; font-size:1.15em; border:#f00 0px solid; margin:5px 0px 0px 15px;} .subpage_right p{ margin:5px 0px 15px 0px;} .subpage_right a { color:#8cc1a0; text-decoration:none; } .subpage_right a:hover, a:active { color:#8cc1a0; text-decoration:underline; } .subpage_right img{ border:0px;} h1.t_about{display: block; width:503px; height:18px; background:url('../images/t_about.gif') no-repeat top left; margin:0px 0px 0px -2px; } h1.t_contact{display: block; width:128px; height:18px; background:url('../images/t_contact.gif') no-repeat top left; margin:0px 0px 0px -2px; } h1.t_news{display: block; width:137px; height:18px; background:url('../images/t_news.gif') no-repeat top left; margin:0px 0px 0px -2px; } h1.t_product{display: block; width:187px; height:18px; background:url('../images/t_product.gif') no-repeat top left; margin:0px 0px 5px -2px; } h1.t_favorites{display: block; width:137px; height:18px; background:url('../images/t_favorites.gif') no-repeat top left; margin:0px 0px 0px 10px; float:left;} h1.basestripe{ display: block; width:168px; height:16px; background:url('../images/t_basestripe.gif') no-repeat top left; margin:0px 0px 0px 0px; float:left; } h1.t_fgpicks{ display: block; width:250px; height:22px; background:url('../images/fgpicks.gif') no-repeat top left; margin:0px 0px 0px 0px; } h1.gift{ display: block; width:250px; height:18px; background:url('../images/ricipient.gif') no-repeat top left; margin:10px 0px 3px 12px; } h1.gift_purchase{ display: block; width:250px; height:16px; background:url('../images/gift_card_hdr.gif') no-repeat top left; margin:10px 0px 3px 12px; } a.remove{ display: block; width:107px; height:20px; background:url('../images/images/cart_btns.gif') no-repeat -8px -2px; } a.remove:hover, a.remove:active, a.remove_act{ display: block; width:107px; height:20px; background:url('../images/images/cart_btns.gif') no-repeat -8px -49px; } a.updateqty{ display: block; width:107px; height:23px; background:url('../images/images/cart_btns.gif') no-repeat -8px -22px; } a.updateqty:hover, a.updateqty:active, a.updateqty_act{ display: block; width:107px; height:23px; background:url('../images/images/cart_btns.gif') no-repeat -8px -69px; } a.edit{ display: block; width:80px; height:20px; background:url('../images/edit_btn.gif') no-repeat top left; } .cart_div{ width:66px; height:66px; position: relative; margin:0px 5px 0px 0px; float:left; } .cart_border{ background: url('../images/cart_bg_off.gif') no-repeat top left; width:66px; height:66px; z-index: 3; position:relative; } .cart_pipe{ width:5px; height:66px; z-index: 2; position:relative; border-right:#666 0px solid; margin:-66px auto; overflow:hidden; } .cart_stripe{ width:25px; height:66px; z-index: 2; position:relative; border:#000 0px solid; margin:-66px auto; overflow:hidden; } .cart_img{ position:relative; z-index: 1; margin:-66px 0px 0px 0px; } .content_cart{ text-align: left; margin:0px auto; width: 610px; border:#000 0px solid;} .content_cart a { color:#8cc1a0; text-decoration:none; } .content_cart a:hover, a:active { color:#8cc1a0; text-decoration:underline; } h1.billing{ display: block; width:140px; height:18px; background:url('../images/billing.gif') no-repeat top left; margin:0px 0px 0px 0px; padding:0px; } h1.shipping{ display: block; width:140px; height:18px; background:url('../images/shipping.gif') no-repeat top left; margin:0px 0px 0px 0px; padding:0px;} h1.payment{ display: block; width:174px; height:18px; background:url('../images/payment.gif') no-repeat top left; margin:0px 0px 0px 0px; padding:0px;} h1.tos{ display: block; width:140px; height:18px; background:url('../images/tos.gif') no-repeat top left; margin:0px 0px 0px 0px; padding:0px;} h1.options{ display: block; width:140px; height:18px; background:url('../images/options.gif') no-repeat top left; margin:0px 0px 0px 0px; padding:0px;} h1.gift{ display: block; width:190px; height:18px; background:url('../images/hdr_giftcard.gif') no-repeat top left; margin:0px 0px 0px 0px; padding:0px;} .billing_table input{ border:#faa45c 1px solid; height:16px; margin:0px 0px 0px 10px; width:149px; } .ship_input{ float:left; margin:3px 0px 0px 0px; border:#faa45c 0px solid; width:16px;} .ship_input input{ border:#faa45c 0px solid; height:16px; width:16px; margin:0px 0px 0px 0px; padding:7px 0px 0px 0px; float:left; } .billing_table select{ width:153px; } .billing_exp select{ width:75px; } table.cart_table { margin:24px 0px 0px 30px; font-weight:normal; } input.cart_qty { border:#faa45c 1px solid; width:35px; height:18px;text-align:center;padding:4px 0px 0px 0px; font-weight:bold; font-family:verdana,sans-serif; font-size:11px; } .recipient_table input{ border:#faa45c 1px solid; height:16px; margin:0px 0px 0px 10px; width:149px; } .recipient_table select{ width:153px; margin:0px 0px 0px 10px; } .recipient_table textarea{ width:153px; height:80px; margin:0px 0px 0px 10px; border:#faa45c 1px solid; } /********** contact form styles **********/ div.flabel { padding-top:2px; text-align:right; } input.contact_input { width:245px; height:15px; border:1px #f9943f solid; font-family:Verdana,Arial,sans-serif; color:#455560; font-size:11px; padding:2px; } textarea.contact_textarea { width:245px; height:75px; border:1px #f9943f solid; font-family:Verdana,Arial,sans-serif; color:#455560; font-size:11px; padding:2px; } input.contact_checkbox { vertical-align:-3px; margin-right:5px; } span.checkbox { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(checkbox.gif) no-repeat; display: block; clear: left; float: left; } span.radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(radio.gif) no-repeat; display: block; clear: left; float: left; } span.select { position: absolute; width: 153px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 21px; padding: 0 24px 0 8px; color: #000; font: 12px/21px arial,sans-serif; background: url(../images/select.png) no-repeat; overflow: hidden; } /********** Gift Page Tabs **********/ .tabs_top_email{ height: 37px; width:481px; background: url('../images/tabsprite.gif') no-repeat 0px 0px; margin:0px 0px 0px 20px;} .tabs_top_print{ height: 37px; width:481px; background: url('../images/tabsprite.gif') no-repeat 0px -37px; margin:0px 0px 0px 20px;} .tabs_top_send{ height: 37px; width:481px; background: url('../images/tabsprite.gif') no-repeat 0px -74px; margin:0px 0px 0px 20px;} .tabs_mid{ width:481px; background: url('../images/tabs_mid.gif') repeat-y 0px 0px; text-align: left; padding:20px 0px 0px 75px; margin:0px 0px 0px 20px;} .tabs_bot{ height: 37px; width:481px; background: url('../images/tabs_bot.gif') no-repeat 0px 0px; margin:0px 0px 0px 20px;} .tabs_btn{ width:160px; height: 37px; border:#f00 0px solid; float:left; cursor:pointer; } .orange_div_top{ height:15px; width:429px; background: url('../images/orange_div_top.gif') no-repeat top left; } .orange_div_mid{ width:389px; background: url('../images/orange_div_mid.gif') repeat-y top left; padding:0px 20px 0px 20px;} .orange_div_bot{ height:15px; width:429px; background: url('../images/orange_div_bot.gif') no-repeat top left;} /*=========================== Landing Pages ===============================*/ .landing_left{ width:550px; float:left; border: #f00 0px solid; } .landing_left p{ text-align: left; padding:3px 0px 10px 10px; } .landing_right{ width:250px; float:left; border: #f00 0px solid; text-align: right; } h1.hdr_lp_khakis{ display: block; width:412px; height:23px; background:url('../images/landingpages/khaki/hdr_khaki.gif') no-repeat top left; margin:10px 0px 10px 10px; padding:0px; } h1.hdr_lp_striped{ display: block; width:432px; height:23px; background:url('../images/landingpages/striped/hdr_striped.gif') no-repeat top left; margin:10px 0px 10px 10px; padding:0px; } h1.hdr_lp_cotton{ display: block; width:452px; height:23px; background:url('../images/landingpages/cotton/hdr_cotton.gif') no-repeat top left; margin:10px 0px 10px 10px; padding:0px; } h1.hdr_lp_corduroy{ display: block; width:487px; height:23px; background:url('../images/landingpages/corduroy/hdr_cord.gif') no-repeat top left; margin:10px 0px 10px 10px; padding:0px; } h1.hdr_lp_seersucker{ display: block; width:499px; height:23px; background:url('../images/landingpages/seersucker/hdr_seer.gif') no-repeat top left; margin:10px 0px 10px 10px; padding:0px; } a.start_btn{ display: block; width:498px; height:85px; background:url('../images/landingpages/start_btn.jpg') no-repeat top left;} .blazers_div{ width:220px; height:220px; border:#f00 0px solid; float:left; } /********************************** steph's styles ********************************/ div.ss_tabs { text-align:left; width:117px; height:24px; overflow:hidden; margin-left:220px; position:absolute; z-index:50; } a.tabsize { width:57px; height:24px; display:block; float:left; margin-right:3px; background:url(../images/size_tab_green.gif) no-repeat; border:0px; } a.tabsize_on { width:57px; height:24px; display:block; float:left; margin-right:3px; background:url(../images/size_tab_orange.gif) no-repeat; border:0px; } a.tabstyle { width:57px; height:24px; display:block; float:left; background:url(../images/style_tab_green.gif) no-repeat; border:0px; } a.tabstyle_on { width:57px; height:24px; display:block; float:left; background:url(../images/style_tab_orange.gif) no-repeat; border:0px; } div.ss_tabs a b { display:none; } #fivestyle { position:absolute; top:50px; left:20px; } #fivesize { position:absolute; top:50px; left:20px; } #threestyle { position:absolute; top:50px; left:20px; } #threesize { position:absolute; top:50px; left:20px; } .fgsho { visibility:visible; } .fghid { visibility:hidden; }