/* ------------------------------------------------------------------------------------------------------------------------------------ This .css file should be used with & placed below style.css & jigsaw_navigation.css (in the document ) ---------------------------------------------------------------------------------------------------------------------------------------- */ /*homepage background */ .home_threecol #wrapper { background-color: transparent;} .home_threecol { } .home_threecol #top-links { background: transparent; } .home_threecol #header .small_links, .home_threecol #frm_search { right: 0; } .home_threecol #header .small_links a { color: #fffefe; } /* Form */ /* .home_threecol #frm_search .frm_text { background-color: #e3ded6; width: 138px; }*/ .home_threecol #txt_jigsaw-newsletter { background-color: #e3ded6; width: 158px; } /* Middle */ .home_threecol .middle { /*border: 5px solid #fff;*/ width: 1000px; margin: 0 auto; padding: 0; position: relative; float: left; background: #fff; } .single_layer_outline { /* border: 5px solid #fff; */ background: #fff; } .home_threecol .content_left { width: 203px; background: #3c3631; border-right: 5px solid #fff; position: relative; float: left; margin: 0; } .home_threecol .single_layout { width: 203px; background: transparent; border-right: 0px; position: relative; float: left; margin: 0; } .home_threecol .content_left_nav { border-bottom: 5px solid #fff; min-height: 409px; /* K3BTG START 09032010 */ position: relative; /* K3BTG END 09032010 */ } .home_threecol .content_left .nav { float: left; display: inline; width: 148px; margin: 54px 0 0 26px; /* K3BTG START 27092010 */ margin-top: 10px; /* K3BTG END 27092010 */ } .home_threecol .content_left .nav a { color: #fff; font-weight: bold; } .home_threecol .content_left .nav a:hover { color: #ccc; } .home_threecol .content_left-newsletter { background: #f8f5ed url(../images/banner_email.jpg) no-repeat 0 0; width: 203px; min-height: 111px; height:auto !important; height:111px; margin: 0; padding: 0; } .home_threecol .content_left-newsletter p { /*margin: 36px 0 10px 0;*/ margin: 0 0 10px 0; /*padding: 0 0 0 16px;*/ padding: 5px 0 0 0; width: 138px; float: left; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 1em; color: #666; font-style:italic; } .home_threecol #frm_jigsaw-newsletter { margin: 0; padding: 0 0 5px 0; float: left; width: 202px; } .home_threecol #frm_jigsaw-newsletter fieldset { margin: 0; padding: 0 0 0 16px; width: 186px; } .home_threecol #frm_jigsaw-newsletter input.frm_text { width: 150px; font-size: 11px; color: #666; } .content_middle { width: 382px; background: #3c3631; border-right: 5px solid #fff; position: relative; float: left; } .content_main { } .content_a1_middle { border-bottom: 5px solid #fff; overflow: hidden; float: left; width: 762px; height: 409px; position: relative; z-index: 1; } .content_b2_base1 { float: left; margin: 0; padding: 0; position: relative; z-index: 2; } .content_b2_base2 { float: left; margin: 0; padding: 0; position: relative; top: -39px; margin: 0 0 -39px 0; z-index: 2; } .content_b2_base1 a, .content_b2_base1 img, .content_b2_base2 a, .content_b2_base2 img, .content_b3a_base a, .content_b3a_base img, .content_b3a_base a, .content_b3a_base img, .content_a2_middle_l a, .content_a2_middle_l img, .content_a2_middle_r a, .content_a2_middle_r img, .content_a1_middle_rt a, .content_a1_middle_rt img, .content_a1_middle_rb a, .content_a1_middle_rb img{ float: left; margin: 0; padding: 0; } .content_b3a_base, .content_a2_middle_l { float: left; margin: 0; padding: 0; border-right: 5px solid #fff; width: 378px; height: 111px; position: relative; } .content_b3b_base, .content_a2_middle_r { float: left; margin: 0; padding: 0; width: 379px; position: relative; } .content_a1_middle_rt { float: left; margin: 0; padding: 0; border-bottom: 5px solid #fff; height: 204px; position: relative; z-index: 1; } .content_a1_middle_rt a { position: relative; height: 204px; } .content_a1_middle_rb { position: relative; margin: 0; padding: 0; z-index: 2; } *html .content_a1_middle_rb { height: 111px; } .content_a1_middle_rb a{ position: relative; top: -24px; } .content_b3a_base a { position: absolute; top: -39px; } .content_b3b_base a { position: absolute; top: -39px; } .content_middle_banner { position: relative; z-index: 2; width: 378px; height: 111px; position: relative; } .content_middle_banner p { position: absolute; top: 60px; left: 13px; z-index: 2; width: 320px; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 1em; color: #666; padding: 3px; background: #fff; opacity: .8; filter: alpha(opacity=80); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .content_right_banner { float: left; position: relative; } .content_right_banner a { position: relative; background: transparent url(../images/banner_latest.jpg) no-repeat 0 0; width: 379px; height: 111px; position: relative; display: block; overflow: hidden; text-indent: -10000em; top: 0; } .content_right_banner p { position: absolute; top: 18px; left: 0; z-index: 2; width: 320px; margin: 36px 0 14px 0; padding: 0 0 0 16px; width: 138px; float: left; font-family: Georgia, Arial, Helvetica, sans-serif; font-size: 1em; font-style: italic; color: #333; } *html .content_right_banner p { clear: left; } /*K3BTG START */ .home_threecol #ctl05_txtJigsawNewsletter { background-color: #e3ded6; width: 158px; } /* K3BTG START 09032010 */ /* Latest badge in sidebar */ #latestBlock{ position: absolute; bottom: 10px; left: 40px; background: transparent url(../images/latest_stamp_sml.png) no-repeat 100% 0; color: #A5A5A5; padding: 16px 75px 16px 0; margin: 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 1em; color: #A5A5A5; } #latestBlock_single { position: absolute; bottom: 10px; left: 40px; background: transparent url(../images/latest_stamp_sml.png) no-repeat 100% 0; color: #A5A5A5; padding: 16px 75px 16px 0; margin: 0; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-size: 1em; color: #A5A5A5; } #latestBlock:hover{ color: #fff; text-decoration: none; } /* K3BTG END 09032010 */ .single_layer_outline .middle { /* Set as inline style */ } .single_layer_outline .content_main a { display: block; height: 525px; width: 980px; float: left; overflow: hidden; margin: /*text-indent: -10000em;*/ } .single_layer_outline .content_left { background: transparent; border-right: 0; } .single_layer_outline .content_left .nav a { color: #443d37; } .single_layer_outline .content_left .nav a:hover { color: #fff; } .single_layer_outline .content_left_nav { border-bottom: 0; } .single_layer_outline #latestBlock { color: #443d37; background-image: url(../images/left_nav/latest_stamp_sml_brown.png); } .single_layer_outline #latestBlock:hover { color: #fff; } .single_layer_outline .content_left-newsletter { background: none; } .ttl_jigsaw-newsletter_womens { width: 133px; height: 27px; display: block; overflow: hidden; text-indent: -10000em; background: transparent url(../images/left_nav/ttl_newsletter_brown.png) no-repeat 0 0; _background-image: url(../images/left_nav/ttl_newsletter_brown.gif); } .single_layer_outline #ctl05_txtJigsawNewsletter { background-color: #fff; } /* Dark full-width image within wrapper */ .single_layer_outline_dark { /* border: 5px solid #fff; */ background: #fff; } .single_layer_outline_dark .middle { /* Set as inline style */ } .single_layer_outline_dark .content_main a { display: block; /* height: 520px; HEIGHT OF BACKGROUND IMAGE */ width: 766px; float: left; overflow: hidden; text-indent: -10000em; } .single_layer_outline_dark .content_left { background: transparent; border-right: 0; } .single_layer_outline_dark .content_left .nav a { color: #fff; } .single_layer_outline_dark .content_left .nav a:hover { color: #E3DED6; } .single_layer_outline_dark .content_left_nav { border-bottom: 0; } .single_layer_outline_dark #latestBlock { color: #fff; background-image: url(../images/left_nav/latest_stamp_sml_white.png); } .single_layer_outline_dark #latestBlock:hover { color: #E3DED6; } .single_layer_outline_dark .ttl_jigsaw-newsletter_womens { background: transparent url(../images/left_nav/ttl_newsletter_white.png) no-repeat 0 0; _background-image: url(../images/left_nav/ttl_newsletter_white.gif); width: 133px; height: 27px; display: block; overflow: hidden; text-indent: -10000em; } .single_layer_outline_dark .content_left-newsletter { background: none; } .single_layer_outline_dark .content_left-newsletter p { color: #fff; } .pngfix{ height:525px !important; width:998px !important; }