/**** Globals ****/ body { padding:0px; margin:0px; font-family:verdana; font-size:11px; line-height:16px; color:#333333; background-color:#F4EFDD; background-repeat:repeat-x; } /*img { behavior:url(../utils/pngHack.htc); }*/ .png { behavior:url(../utils/pngHack.htc); } .icon_png { behavior:url(../utils/pngHack.htc); } input { font-family:verdana; font-size:11px; } .smallcopy { font-size:9px; line-height:10px; } .small { font-size:10px; line-height:11px; } select { font-family:verdana; font-size:11px; } textarea { font-family:verdana; font-size:11px; } .validation { color:#FF0000; } .red { color:red; } .heightfix { display:none; } .clearfix:after { content:"."; display:block; height:0px; clear:both; visibility:hidden; } .clearfix { display:inline-block; } /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .wistlist_css_alt { background-color:#eeeeee; } .wistlist_css { background-color:#FFFFFF; } #PrintDiv { display:none; } a.np:link { color:#999999; font-size:9px; } a.np:visited { color:#999999; font-size:9px; } a.np:hover { color:#999999; font-size:9px; } .np { color:#999999; font-size:9px; display:none; } a:link { color:#666666; text-decoration:none; } a:visited { color:#666666; text-decoration:none; } a:hover { color:#666666; text-decoration:underline; } a.card:link { text-decoration:none; cursor:pointer; } a.card:visited { text-decoration:none; cursor:pointer; } a.card:hover { text-decoration:none; cursor:pointer; } a.footer:link { text-decoration:none; } a.footer:visited { text-decoration:none; } a.footer:hover { text-decoration:underline; } h1 { font-family:verdana; font-size:13px; color:#5F5C5C; line-height:16px; margin:0px; padding:0px; margin-bottom:8px; } h2 { font-family:verdana; font-size:12px; color:#5F5C5C; line-height:16px; font-weight:bold; margin:0px; padding:0px; } h3 { font-family:verdana; font-size:11px; color:#5F5C5C; line-height:16px; font-weight:bold; margin:0px; padding:0px; } h4 { font-family:verdana; font-size:11px; color:#5F5C5C; line-height:16px; font-weight:bold; margin:0px; padding:0px; } h5 { font-family:verdana; font-size:11px; color:#5F5C5C; line-height:16px; font-weight:bold; margin:0px; padding:0px; } h6 { font-family:verdana; font-size:12px; color:#5F5C5C; font-weight:bold; margin:0px; padding:0px; } #center { width:896px; margin:auto; text-align:left; } #tollfree { width:896px; float:right; text-align:right; color:#999999; padding-top:3px; } #toppage { width:896px; height:20px; float:left; background:url(../images/top.jpg) no-repeat; } #container { width:896px; float:left; background:url(../images/container_bg.jpg) repeat-y; margin-bottom:20px; } #masthead { width:794px; float:left; border-bottom:1px solid #dddddd; } #logo { width:272px; height:113px; float:left; background:url(../images/logo.jpg) no-repeat; } #top_nav { width:577px; height:96px; padding-top:7px; } #birth { float:left; background-image:url(../images/top_nav/birth_off.jpg); width:65px; height:34px; } #birth:hover { float:left; background-image:url(../images/top_nav/birth_on.jpg); width:65px; height:34px; } #topshower { float:left; background-image:url(../images/top_nav/shower_off.jpg); width:75px; height:34px; } #topshower:hover { float:left; background-image:url(../images/top_nav/shower_on.jpg); width:75px; height:34px; } #wedding { float:left; background-image:url(../images/top_nav/wedding_off.jpg); width:79px; height:34px; } #wedding:hover { float:left; background-image:url(../images/top_nav/wedding_on.jpg); width:79px; height:34px; } #holiday { float:left; background-image:url(../images/top_nav/holiday_off.jpg); width:69px; height:34px; } #holiday:hover { float:left; background-image:url(../images/top_nav/holiday_on.jpg); width:69px; height:34px; } #baptism { float:left; background-image:url(../images/top_nav/baptism_off.jpg); width:70px; height:34px; } #baptism:hover { float:left; background-image:url(../images/top_nav/baptism_on.jpg); width:70px; height:34px; } #graduation { float:left; background-image:url(../images/top_nav/graduation_off.jpg); width:88px; height:34px; } #graduation:hover { float:left; background-image:url(../images/top_nav/graduation_on.jpg); width:88px; height:34px; } #stationery { float:left; background-image:url(../images/top_nav/stationery_off.jpg); width:87px; height:34px; } #stationery:hover { float:left; background-image:url(../images/top_nav/stationery_on.jpg); width:87px; height:34px; } #logo { float:left; background:url(../images/logo2.jpg) no-repeat; width:200px; margin-left:-10px; height:99px; } #topnav { } #page_body { width:896px; float:left; background:url(../images/body_bg.jpg) repeat-y; } #page_body_white { width:896px; float:left; background:url(../images/body_bg_white.jpg) repeat-y; } #page_body_top { width:896px; float:left; height:1px; background:url(../images/body_top_bg.jpg) no-repeat top; } #page_body_offset { margin:0px 52px 0px 50px; } #page_body_padding { width:774px; float:left; padding:10px 10px 10px 10px; } #page_topnav_padding { width:774px; float:left; padding:0px 10px 0px 10px; } #page_body_bottom { width:896px; float:left; height:6px; background:url(../images/body_bot_bg.jpg) no-repeat; } #body_left { width:599px; float:left; padding-right:15px; } #body_right { width:153px; float:left; padding-top:0px; padding-left:5px; } #footer { width:896px; float:left; font-size:10px; line-height:13px; } #footer_nav_container { width:774px; float:left; padding-left:60px; padding-top:5px; padding-bottom:8px; } #bottompage { width:896px; height:16px; float:left; background:url(../images/bottom.jpg) no-repeat; } ul { padding:0px; margin:5px; list-style:none; } li { background:url(../images/bullet.gif) 5px 5px no-repeat; padding-left:18px; padding-bottom:3px; } /* Accordion */ .accordionHeader { border: 1px solid #CCCCCC; color: white; background-color:#F7F4E9; font-family: Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px; margin-top: 5px; cursor: pointer; } #master_content .accordionHeader a { color: #FFFFFF; background: none; text-decoration: none; } #master_content .accordionHeader a:hover { background: none; text-decoration: underline; } .accordionContent { background-color:white; border: 1px dashed #CCCCCC; border-top: none; padding: 5px; padding-top: 5px; } .right_nav { width:148px; border-right:1px solid #eeeeee; border-left:1px solid #eeeeee; } .right_nav li { background-color:#F8F6EA; } .right_nav_repeater { padding:0px; margin:0px; list-style:none; width:148px; border-left:1px solid #eeeeee; border-right:1px solid #eeeeee; } .right_nav_repeater li { background-color:#F8F6EA; } .rightnav_on { font-weight:bold; } .rightnav_off { } .thirdlevelNav { margin:5px 0px 0px 0px; } .thirdlevelNav li { background-color:#F8F6EA; background:url(../images/bullet.gif) -3px 5px no-repeat; padding-left:9px; padding-bottom:1px; border:none; } /**** Progress Div ****/ .progressContainer { position:relative; top:25px; left:235px; z-index:2; } .progressBox { position:absolute; width:100px; border: 1px solid #999999; padding:6px; background-color:#FFFFFF; text-align:center; } /**** Datagrids ****/ .datagrid { border-color:#CCCCCC; float:left; width:510px; } .datagrid td { padding:0px; } .datagridheader { background-color:#666666; color:#FFFFFF; font-weight:bold; } .datagridheader a:link { color:#FFFFFF; text-decoration:none; } .datagridheader a:visited { color:#FFFFFF; text-decoration:none; } .datagridheader a:hover { color:#FFFFFF; text-decoration:underline; } .datagriditem { } .datagriditem_alt { background-color:#eeeeee; } .datagridfooter { } .dropshadow2{ float:left; clear:left; background: url(../images/shadow_large.gif) no-repeat bottom right !important; background: url(../images/shadow_large.gif) no-repeat bottom right; margin: 10px 0 10px 10px !important; margin: 10px 0 10px 5px; padding: 0px; } .innerbox{ position:relative; bottom:6px; right: 6px; border: 1px solid #dddddd; padding:0px; margin: 15px 0px 0px 0px; } .innerbox{ /* IE5 hack */ \margin: 0px 0px -3px 0px; ma\rgin: 0px 0px 0px 0px; } .innerbox p{ margin: 0px; padding-bottom:0px } .addcard_label { width:75px; text-align:left; } .addcard_gridviewCell { padding-left:20px; padding-top:21px; } #card_item { float:left; font-weight:bold; text-align:center; width:200px; background-repeat:no-repeat; } .card_name { font-size:14px; } .buy_on { background-image:url(../images/buy_on.jpg); width:62px; height:21px; } .buy_off { background-image:url(../images/buy_off.jpg); width:62px; height:21px; } .cellHeight { height:14px; } * html .cellHeight { height:12px; } .opacity_off { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; } .opacity_on { filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; } .product_itemOff { border:1px solid #999999; } .product_itemOn { background-color: #FBFBFB; border:1px solid #dddddd; } /**** Top Subpages Btn ****/ #sub_photo_birth { float:left; background:url(../images/sub_top/photo_birth_off.jpg); width:194px; height:170px; } #sub_photo_birth:hover { float:left; background:url(../images/sub_top/photo_birth_on.jpg); width:194px; height:170px; } #sub_theme_birth { float:left; background:url(../images/sub_top/theme_birth_off.jpg); width:194px; height:170px; } #sub_theme_birth:hover { float:left; background:url(../images/sub_top/theme_birth_on.jpg); width:194px; height:170px; } #sub_mostpop_birth { float:left; background:url(../images/sub_top/most_popular_birth_off.jpg); width:194px; height:170px; } #sub_mostpop_birth:hover { float:left; background:url(../images/sub_top/most_popular_birth_on.jpg); width:194px; height:170px; } #sub_savethedate { float:left; background:url(../images/sub_top/savethedate_off.jpg); width:194px; height:170px; } #sub_savethedate:hover { float:left; background:url(../images/sub_top/savethedate_on.jpg); width:194px; height:170px; } #sub_boy_shower { float:left; background:url(../images/sub_top/boy_shower_invitations_off.jpg); width:194px; height:170px; } #sub_boy_shower:hover { float:left; background:url(../images/sub_top/boy_shower_invitations_on.jpg); width:194px; height:170px; } #sub_girl_shower { float:left; background:url(../images/sub_top/girl_shower_invitations_off.jpg); width:194px; height:170px; } #sub_girl_shower:hover { float:left; background:url(../images/sub_top/girl_shower_invitations_on.jpg); width:194px; height:170px; } #sub_shower { float:left; background:url(../images/sub_top/shower_invitations_off.jpg); width:194px; height:170px; } #sub_shower:hover { float:left; background:url(../images/sub_top/shower_invitations_on.jpg); width:194px; height:170px; } #sub_thankyou { float:left; background:url(../images/sub_top/thank_you_off.jpg); width:194px; height:170px; } #sub_thankyou:hover { float:left; background:url(../images/sub_top/thank_you_on.jpg); width:194px; height:170px; } #sub_announcements_wedding { float:left; background:url(../images/sub_top/announcements_wedding_off.jpg); width:194px; height:170px; } #sub_announcements_wedding:hover { float:left; background:url(../images/sub_top/announcements_wedding_on.jpg); width:194px; height:170px; } #sub_newdesigns_holiday { float:left; background:url(../images/sub_top/newdesigns_off.jpg); width:194px; height:170px; } #sub_newdesigns_holiday:hover { float:left; background:url(../images/sub_top/newdesigns_on.jpg); width:194px; height:170px; } #sub_mostpopular_holiday { float:left; background:url(../images/sub_top/most_popular_holiday_off.jpg); width:194px; height:170px; } #sub_mostpopular_holiday:hover { float:left; background:url(../images/sub_top/most_popular_holiday_on.jpg); width:194px; height:170px; } #sub_earlyholiday { float:left; background:url(../images/sub_top/early_holiday_off.jpg); width:194px; height:170px; } #sub_earlyholiday:hover { float:left; background:url(../images/sub_top/early_holiday_on.jpg); width:194px; height:170px; } #sub_notepads { float:left; background:url(../images/sub_top/notepads_off.jpg); width:194px; height:170px; } #sub_notepads:hover { float:left; background:url(../images/sub_top/notepads_on.jpg); width:194px; height:170px; } #sub_graduation { float:left; background:url(../images/sub_top/graduation_off.jpg); width:194px; height:170px; } #sub_graduation:hover { float:left; background:url(../images/sub_top/graduation_on.jpg); width:194px; height:170px; } #sub_photo_baptism { float:left; background:url(../images/sub_top/photo_baptism_off.jpg); width:194px; height:170px; } #sub_photo_baptism:hover { float:left; background:url(../images/sub_top/photo_baptism_on.jpg); width:194px; height:170px; } #sub_theme_baptism { float:left; background:url(../images/sub_top/theme_baptism_off.jpg); width:194px; height:170px; } #sub_theme_baptism:hover { float:left; background:url(../images/sub_top/theme_baptism_on.jpg); width:194px; height:170px; } #stork { float:left; background-position:center; background:url(../images/bottom_page/free_for_mothers_off.jpg) no-repeat; width:116px; height:130px; } #stork:hover { float:left; background:url(../images/bottom_page/free_for_mothers_on.jpg) no-repeat; width:116px; height:130px; } #shower { float:left; background:url(../images/bottom_page/baby_shower_off.jpg) no-repeat; width:116px; height:130px; } #shower:hover { float:left; background:url(../images/bottom_page/baby_shower_on.jpg) no-repeat; width:116px; height:130px; } #savethedate { float:left; background:url(../images/bottom_page/save_the_date_off.jpg) no-repeat; width:116px; height:130px; } #savethedate:hover { float:left; background:url(../images/bottom_page/save_the_date_on.jpg) no-repeat; width:116px; height:130px; } #requestasample { float:left; background:url(../images/bottom_page/request_a_sample_off.jpg) no-repeat; width:116px; height:130px; } #requestasample:hover { float:left; background:url(../images/bottom_page/request_a_sample_on.jpg) no-repeat; width:116px; height:130px; } #freecatalog { float:left; background:url(../images/bottom_page/free_catalog_off.jpg) no-repeat; width:116px; height:130px; } #freecatalog:hover { float:left; background:url(../images/bottom_page/free_catalog_on.jpg) no-repeat; width:116px; height:130px; } #designs { float:left; background:url(../images/bottom_page/new_designs_off.jpg) no-repeat; width:116px; height:130px; } #designs:hover { float:left; background:url(../images/bottom_page/new_designs_on.jpg) no-repeat; width:116px; height:130px; } #preorder { float:left; background:url(../images/bottom_page/preorder_off.jpg) no-repeat; width:116px; height:130px; } #preorder:hover { float:left; background:url(../images/bottom_page/preorder_on.jpg) no-repeat; width:116px; height:130px; } #earlyholiday { float:left; background:url(../images/bottom_page/early_holiday_off.jpg) no-repeat; width:116px; height:130px; } #earlyholiday:hover { float:left; background:url(../images/bottom_page/early_holiday_on.jpg) no-repeat; width:116px; height:130px; } #christmas { float:left; background:url(../images/bottom_page/christmas_off.jpg) no-repeat; width:116px; height:130px; } #christmas:hover { float:left; background:url(../images/bottom_page/christmas_on.jpg) no-repeat; width:116px; height:130px; } /**** SiteMap ComponentArt Styles ****/ .SiteMap { font-family: verdana; font-size: 10px; padding-left:10px; color:#666666; } .RootNode { color: #666666; font-family: verdana; font-size: 11px; font-weight: bold; padding:7px; padding-top:7px; padding-bottom:1px; } .RootNode a { color: #666666; text-decoration:none; } .RootNode a:hover { color: #666666; text-decoration:underline; } .ParentNode { font-family: verdana; font-size:11px; } .ParentNode a { color: #666666; text-decoration:none; } .ParentNode a:hover { color: #666666; text-decoration:underline; } .LeafNode { color: #666666; font-family: verdana; font-size:10px; } .LeafNode a { color: #666666; text-decoration:none; } .LeafNode a:hover { color: #666666; text-decoration:underline; } /*Modal Popup*/ .modalBackground { background-color:Gray; filter:alpha(opacity=70); opacity:0.7; } .modalPopup { background-color:#F4EFDD; border-width:1px; border-style:solid; border-color:#000000; width:565px; }