body { background: url(../images/bg.jpg) top repeat-x #fdfefe ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:normal; text-align:center;/* for IE */ margin-top:0px; margin-bottom:0px; color:#95a2a4;} .display{ display:block; float:none;} .display_pad{ display:block; float:none; padding-left:10px;} .display_bod{ display:block; float:none; margin-top:15px; border-top:1px solid #cecece;} .display_bodbit{ display:block; float:none; padding-bottom:15px; border-bottom:1px dotted #cecece;} .display_bodtp{ display:block; float:none; padding-top:15px; border-top:1px dotted #cecece;} .display_bs{ display:block; float:none;text-align:left; margin-left:20px; margin-right:20px; border-bottom:1px solid #574e3f; padding-bottom:20px;} .dis_fl{ float:left; display:block;} .dis_fr{ float:right; display:block;} .marg{ margin-top:15px;} .marg3{ margin-top:30px;} .pad{ padding-top:3px;} .pad6{ padding-top:6px;} .clear { clear:both; height:1px; } .blue_bold{ color:#36699e; font-weight:bold;} .blue_boldt{ color:#36699e; font-weight:bold; font-size:12px;} /* ----------------------------------------------------------------------------- Header Styles goes here -----------------------------------------------------------------------------*/ #header{ width:910px; height:175px; display:block;} #header #logo{ width:182px; height:175px; display:block; float:left; padding-left:29px;} #header .lf_header{ width:689px; height:175px; float:right;} #header .top_navi{ height:38px; width:689px; display:block;} #header .top_navi ul{ float:right; display:block; width:466px;} #header .top_navi ul li{ float:left; margin-right:15px;} #header .top_navi a{ color:#b3dee7; text-align:center;} #header .contact{ background:url(../images/rf_navi_top.png) no-repeat; width:98px; height:38px; line-height:24px; z-index:1; position:relative;} #header .contact a{ background:url(../images/contact.jpg) left 2px no-repeat; padding-left:15px; color:#54b4cd; } #header .contact a:hover{ background:url(../images/contact_hover.jpg) left 2px no-repeat; color:#edb52d;} #header .newsletter{ width:128px; height:38px; text-align:left;} #header .newsletter a{ background: url(../images/news_letter_icon.jpg) left 2px no-repeat; text-align:left; line-height:18px; padding-left:15px;} #header .newsletter a:hover{ background: url(../images/news_letter_icon_hover.jpg) left 2px no-repeat; text-align:left; line-height:18px; padding-left:15px; color:#f2be3e;} #header .twitter{ width:62px; height:38px; text-align:left;} #header .twitter a{ background: url(../images/twitter.jpg) left 1px no-repeat; display:block; float:left; text-align:left; line-height:18px; padding-left:18px;} #header .twitter a:hover{ background:url(../images/twitter-hover.jpg) left 1px no-repeat; display:block; text-align:left; line-height:18px; padding-left:18px; color:#f2be3e;} #header .facebook{ width:84px; height:38px; text-align:left;} #header .facebook a{ background: url(../images/facebook.jpg) left 1px no-repeat; display:block; float:left; text-align:left; line-height:18px; padding-left:18px;} #header .facebook a:hover{ background: url(../images/facebook-hover.jpg) left 1px no-repeat; display:block; text-align:left; line-height:18px; padding-left:18px; color:#f2be3e;} #header .slogan{ height:85px; display:block; width:689px; background:url(../images/slogan.png) no-repeat;} #header .navi{ height:33px; display:block; padding-left:69px;} #header .navi li{ float:left;} #home a{ background:url(../images/home.png) no-repeat; width:69px; height:33px; display:block; } #home a:hover{ /*Selected Tab style*/background-position:100% -33px; /*Shift background image up to start of 2nd tab image*/ } #home .selected{ /*Selected Tab style*/background-position:100% -99px; /*Shift background image up to start of 2nd tab image*/ } #about a{ background:url(../images/about.png) no-repeat; width:77px; height:33px; display:block; } #about a:hover{ /*Selected Tab style*/background-position:100% -33px; /*Shift background image up to start of 2nd tab image*/ } #about .selected{ /*Selected Tab style*/background-position:100% -99px; /*Shift background image up to start of 2nd tab image*/ } #services a{ background:url(../images/services.png) no-repeat; width:79px; height:33px; display:block; } #services a:hover{ /*Selected Tab style*/background-position:100% -33px; /*Shift background image up to start of 2nd tab image*/ } #services .selected{ /*Selected Tab style*/background-position:100% -99px; /*Shift background image up to start of 2nd tab image*/ } #products a{ background:url(../images/products.png) no-repeat; width:89px; height:33px; display:block; } #products a:hover{ /*Selected Tab style*/background-position:100% -33px; /*Shift background image up to start of 2nd tab image*/ } #products .selected{ /*Selected Tab style*/background-position:100% -99px; /*Shift background image up to start of 2nd tab image*/ } #before_after a{ background:url(../images/before_after.png) no-repeat; width:122px; height:33px; display:block; } #before_after a:hover{ /*Selected Tab style*/background-position:100% -33px; /*Shift background image up to start of 2nd tab image*/ } #before_after .selected{ /*Selected Tab style*/background-position:100% -99px; /*Shift background image up to start of 2nd tab image*/ } #faq a{ background:url(../images/faq.png) no-repeat; width:55px; height:33px; display:block; } #faq a:hover{ /*Selected Tab style*/background-position:100% -33px; /*Shift background image up to start of 2nd tab image*/ } #faq .selected{ /*Selected Tab style*/background-position:100% -99px; /*Shift background image up to start of 2nd tab image*/ } #pressp1 a{ background:url(../images/press.png) no-repeat; width:55px; height:33px; display:block; } #pressp1 a:hover{ /*Selected Tab style*/background-position:100% -33px; /*Shift background image up to start of 2nd tab image*/ } #pressp1 .selected{ /*Selected Tab style*/background-position:100% -99px; /*Shift background image up to start of 2nd tab image*/ } #resources a{ background:url(../images/resources.png) no-repeat; width:94px; height:33px; display:block; } #resources a:hover{ /*Selected Tab style*/background-position:100% -33px; /*Shift background image up to start of 2nd tab image*/ } #resources .selected{ /*Selected Tab style*/background-position:100% -99px; /*Shift background image up to start of 2nd tab image*/ } a.facebook{ background:url(../images/facebook.png) no-repeat; height:31px; width:223px; display:block;} a:hover.facebook{ /*Selected Tab style*/background-position:100% -31px; /*Shift background image up to start of 2nd tab image*/ } a.vist_blog{ background:url(../images/vist_heather_in.png) no-repeat; height:31px; width:283px; display:block; margin-top:10px;} a:hover.vist_blog{ /*Selected Tab style*/background-position:100% -31px; /*Shift background image up to start of 2nd tab image*/ } a.vist_blogo{ background: url(../images/blog_o.png) no-repeat; height:31px; width:283px; display:block; margin-top:8px;} a:hover.vist_blogo{ /*Selected Tab style*/background-position:100% -31px; /*Shift background image up to start of 2nd tab image*/ } /* ----------------------------------------------------------------------------- Content Styles goes here -----------------------------------------------------------------------------*/ #content{ width:916px; display:block; text-align:left;} #content_in{ padding:25px;} #content .lf{ width:246px; float:left; border-right:1px dashed #cecece; padding-left:7px; } #content .rf{ width:636px; float:left; display:block; padding-left:23px;} #content .sqaure{ background:url(../images/square.jpg) left 4px no-repeat; padding-left:30px; height:35px; display:block;} #content h1{visibility:hidden; font-family: Arial; font-weight:normal; font-size:22px;} .sIFR-active #content h1{visibility:hidden; font-family: Arial; font-weight:normal; font-size:22px;} #content .lf h3{ border-bottom:1px solid #cecece; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#295f98; letter-spacing:-1px; padding-bottom:5px; font-weight:bold; line-height:22px;} #content h2{visibility:hidden; font-family: Arial; font-weight:normal; font-size:18px;} .sIFR-active #content h2{visibility:hidden; font-family: Arial; font-weight:normal; font-size:18px;} #content h1{visibility:hidden; font-family: Arial; font-weight:normal; font-size:22px;} .sIFR-active #content h4{visibility:hidden; font-family: Arial; font-weight:normal; font-size:22px;} #content .lf h4{ border-bottom:1px solid #cecece; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding-bottom:5px; font-weight:normal;} #content .boder{ border-bottom:1px solid #cecece; padding-bottom:1px;} .orgtitle{ font-family: Arial; font-weight:normal; font-size:10px; color:#eb6e07; margin-top:-10px;} .sIFR-active #content .titlel10{visibility:hidden; font-family: Arial; font-weight:normal; font-size:10px;} #content .title10{visibility:hidden; font-family:Arial, Helvetica, sans-serif; font-size:10px; padding-bottom:5px; font-weight:normal;} /* ----------------------------------------------------------------------------- navi style goes here -----------------------------------------------------------------------------*/ #navi_left{ display:block; width:226px;} #navi_left ul{ display:block;} #navi_left li{ border-bottom:1px dotted #cecece; line-height:27px; text-align:left; } #navi_left a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; display:block; color:#70797e; font-weight:normal; text-align:left; padding-left:20px;} #navi_left a span{ background:url(../images/navi_arrow.gif) 190px no-repeat; display:block;} #navi_left a:hover{ background:#ecf9fd; display:block; color:#eb6e07;} #navi_left .selected{ background:#ecf9fd; display:block; color:#eb6e07;} #navi_left .selected a{color:#eb6e07;} #cont_lf{ display:block; width:226px;} #cont_lf .bod_bottom1{ padding-bottom:20px; padding-left:30px; padding-right:30px; border-bottom:1px dashed #cecece; border-top:1px dashed #cecece; padding-top:20px;} /* ----------------------------------------------------------------------------- Center round blue goes here -----------------------------------------------------------------------------*/ .blue_round{ width:231px; margin-top:20px; } .blue_top{ background:url(../images/top_round.png) bottom no-repeat; width:231px; height:14px;} .blue_cen{ background:url(../images/center_round.png) repeat-y; } .blue_bot{ background:url(../images/bottom_round.png) bottom no-repeat; width:203px; padding-bottom:10px; padding-left:12px; padding-right:16px;} .bot_blue{ background:url(../images/bot_blue.png) no-repeat; width:231px; height:36px;} .blue_cen ul{ padding-left:6px; padding-right:20px; padding-top:17px;} .blue_cen li{ background:url(../images/blue_arrow.gif) left 4px no-repeat; padding-left:15px; line-height:normal; font-style:italic; padding-bottom:18px;} .blue_cen li span{ color:#62a3b3;} a.moretips{ background:url(../images/more_tips.png) no-repeat; display:block; width:224px; height:31px; cursor:pointer; margin-top:10px;} a:hover.moretips{ /*Selected Tab style*/background-position:100% -31px; /*Shift background image up to start of 2nd tab image*/ } .tab_cen{ background:url(../images/blue_arrow.gif) left 6px no-repeat; padding-left:15px; line-height:normal; font-style:italic; line-height:18px; padding-right:10px;} /* ----------------------------------------------------------------------------- About blue goes here -----------------------------------------------------------------------------*/ .im_337{ width:361px; text-align:center; float:left; margin-top:6px;} .im_337 .tp{ background:url(../images/image1_top.png) top no-repeat;} .im_337 .bt{ background:url(../images/image1_bot.png) bottom no-repeat; width:341px; padding:10px;} .blue_pin{ float:left; width:250px; text-align:left;} .blue_pintp{ background:url(../images/pin_top.png) top no-repeat; width:249px; height:52px;} .blue_pincen{ background:url(../images/pin_cen.png) top left no-repeat; } .blue_pincen_rep{ background:url(../images/pin_cen_rep.png) left repeat-y; } .blue_pinbot{ background: url(../images/pin_bot.png) bottom no-repeat; width:190px; padding-left:26px; padding-right:33px; padding-bottom:8px; padding-top:5px; text-align:left;} .blue_pinbot p{ color:#ffffff; font-style:italic; line-height:18px;} .about_test{ width:429px; float:left; display:block;} .about_testtp{ background:url(../images/test_top.png) top no-repeat; width:429px; height:9px;} .about_test_bot{ background:url(../images/test_bot.png) top no-repeat; width:429px; height:7px;} .about_test_centp{ background:url(../images/test_cen.png) top no-repeat;} .about_test_cencen{ background:url(../images/test_cen_rep.png) right repeat-y;} .about_test_cenbt{ background:url(../images/test_cen_bot.png) bottom no-repeat; width:412px; text-align:left; padding-left:8px; padding-right:9px; padding-top:5px; padding-bottom:5px; } .about_text{ width:192px; float:right; display:block; margin-top:6px;} a.after{ background:url(../images/see_after.png) no-repeat; width:162px; height:31px; display:block; cursor:pointer; margin-top:4px;} a:hover.after{ /*Selected Tab style*/background-position:100% -31px; /*Shift background image up to start of 2nd tab image*/ } /* ----------------------------------------------------------------------------- Testimonial blue goes here -----------------------------------------------------------------------------*/ #testimonail{ display:block; padding-right:20px;} #testimonail p{ padding-left:15px; padding-right:15px;} #testimonail .bod_bottom{ padding-bottom:15px; border-bottom:1px dashed #cecece; padding-top:15px;} a.not_conv{ background:url(../images/not_convinced.png) no-repeat; width:540px; height:31px; display: block; cursor:pointer; border:none; margin:auto;} a:hover.not_conv{ /*Selected Tab style*/background-position:100% -31px; /*Shift background image up to start of 2nd tab image*/ } /* ----------------------------------------------------------------------------- Meet the editors blue goes here -----------------------------------------------------------------------------*/ #meet_editors{ display:block;} #meet_editors .tp{ display:block;} #meet_editors .tp img{ float:right; margin-left:20px; margin-bottom:8px;} #meet_editors .sections{ width:205px; adding-left:5px; padding-right:5px; border-right:1px dashed #cecece; float:left; text-align:left;} #meet_editors .sections .most_thumb{ width:204px; display:block; margin:auto;} #meet_editors .sections .most_thumb .tp{ background: url(../images/most_thumb_tp.png) no-repeat; width:204px; height:13px;} #meet_editors .sections .most_thumb .cn{ background:url(../images/most_thumb_cen.png) repeat-y; width:204px; text-align:center;} #meet_editors .sections .most_thumb .bt{ background:url(../images/most_thumb_bt.png) no-repeat; width:204px; height:10px;} #meet_editors .sections p{ padding-left:10px; padding-right:20px;} #meet_editors .sections_nb{ width:205px; float:left; text-align:left;} #meet_editors .sections_nb img{ background:url(../images/most_thumb.png) no-repeat; text-align:left; display:block; padding-left:11px; padding-right:9px; padding-top:12px; padding-bottom:10px;} #meet_editors .sections_nb p{ padding-left:10px; padding-right:20px;} #meet_editors .bod{ border-bottom:1px dashed #cecece; padding-top:8px; padding-bottom:8px;} #meet_editors a.redarrow{ background:url(../images/red_arrow.gif) left no-repeat; padding-left:15px; color:#95a2a4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; float:right; margin-right:15px; margin-top:5px; } a.redarrow1{ background:url(../images/red_arrow.gif) left no-repeat; padding-left:15px; color:#306092; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-right:15px; margin-top:5px; } .meet_detail{ width:219px; display:block; margin-top:20px;} .meet_detail .tp{ background:url(../images/meet_detail_tp.png) top no-repeat; width:219px; height:6px;} .meet_detail .cen{ background:url(../images/meet_detail_cen.png) repeat-y; width:205px; padding-left:7px; text-align:left; padding-right:7px;} .meet_detail .bt{ background:url(../images/meet_detail_bt.png) top no-repeat; height:7px; width:219px;} .meet_detail1{ width:219px; display:block; } .meet_detail1 .tp{ background:url(../images/meet_detail_tp.png) top no-repeat; width:219px; height:6px;} .meet_detail1 .cen{ background:url(../images/meet_detail_cen.png) repeat-y; width:205px; padding-left:7px; text-align:left; padding-right:7px;} .meet_detail1 .bt{ background:url(../images/meet_detail_bt.png) top no-repeat; height:7px; width:219px;} /* ----------------------------------------------------------------------------- Blog goes hre blue goes here -----------------------------------------------------------------------------*/ #blog{ display:block;} a.vist_heather{ background:url(../images/vist_heather.png) no-repeat; width:375px; height:31px; display:block; border:none; cursor:pointer; margin-top:20px;} a:hover.vist_heather{ /*Selected Tab style*/background-position:100% -31px; /*Shift background image up to start of 2nd tab image*/ } #blog h5{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; padding-left:15px; font-weight:bold; color:#295f98; padding-bottom:6px; border-bottom:1px dashed #cecece;} #blog .font{ font-size:10px; padding-left:15px;} #blog .main_img{ margin-top:20px; background:#ecf9fd; border:4px solid #ffffff; width:443px; height:230px;} #blog .box{ border-bottom:1px dashed #cecece; margin-bottom:10px;} #blog .box a.red{ padding-bottom:2px; margin-bottom:5px; color:#295f98; padding-left:2px; border-bottom:1px dotted #cecece;} #blog .box_sm{ background:#ecf9fd; display:block; height:26px; line-height:26px; margin-top:10px; padding-left:10px; padding-right:10px;} #blog .box_sm p{ line-height:26px;} #blog .box_sm .comment{ background:url(../images/comments.gif) left no-repeat; padding-left:15px;} /* ----------------------------------------------------------------------------- press goes hre blue goes here -----------------------------------------------------------------------------*/ #press{ display:block;} #press .in_div{ border-bottom:1px dashed #cecece; padding-bottom:20px; padding-top:10px;} #press .in_div h5{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#003b79; } #press a.redarrow{ background:url(../images/red_arrow.gif) left no-repeat; padding-left:15px; color:#95a2a4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; float:right; margin-right:15px; margin-top:5px; } #press .imh{ width:203px; display:block; margin-right:10px;} #press .imh .tp{ background:url(../images/part_top.png) top no-repeat; width:200px; height:9px;} #press .imh .cen{ background:url(../images/part_cen.png) repeat-y; width:200px; text-align:center;} #press .imh .bot{ background:url(../images/part_bot.png) no-repeat; width:200px; height:8px;} /* ----------------------------------------------------------------------------- community involvement goes hre blue goes here -----------------------------------------------------------------------------*/ #community_involvement{ display:block;} #community_involvement .in_div{ margin-top:15px; margin-bottom:30px;} /* ----------------------------------------------------------------------------- service involvement goes hre blue goes here -----------------------------------------------------------------------------*/ #service{ display:block; padding-right:60px;} #service .in_div{ display:block;} #service .in_div .imj{ float:right; width:205px; margin-right:30px; margin-left:20px;} #service .in_div .imh{ float:left; width:205px; margin-right:25px;} #service h5{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#003b79; } #service td{ padding-bottom:26px; padding-right:40px; line-height:18px;} /* ----------------------------------------------------------------------------- Kitchen involvement goes hre blue goes here -----------------------------------------------------------------------------*/ #kitchen{ display:block; padding-right:10px; padding-left:10px; text-align:center;} #kitchen .thumb_box{ border:1px dotted #cecece; border-right:none; } #kitchen .thumb_in{ width:148px; background:#effafd url(../images/grad.jpg) top repeat-x; float:left; display:table-cell; text-align:center; border-right:1px dotted #cecece; padding-top:10px; padding-bottom:5px; } #kitchen .thumb_in h5{ font-family:Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; color:#295f98; font-weight:normal; text-align:center;} #kitchen .thumb_in img{ border:4px solid #ffffff; display:block; text-align:center; margin-top:8px; margin-bottom:8px; margin-left:auto; margin-right:auto;} #kitchen .thumb_in a{ text-align:center;} #kitchen .db_im{ width:301px; border-right:1px dotted #cecece; float:left; text-align:center;} #kitchen .db_imq{ width:300px; float:left; text-align:center;} #kitchen .kit_top{ background: url(../images/kitch_top.png) bottom no-repeat; width:269px; height:8px; margin:auto;} #kitchen .kit_cen{ background:url(../images/kitch_cen.png) repeat-y; width:269px; margin:auto;} #kitchen .kit_bot{ background:url(../images/kitch_bot.png) top no-repeat; width:269px; height:8px; margin:auto;} #kitchen .db_im1{ width:276px; border-right:1px dotted #cecece; float:left; text-align:left;} #kitchen .db_imq1{ width:272px; float:left; text-align:left;} #kitchen .db_imqt1{ width:272px; float:left; text-align:left; padding-left:28px;} #kitchen .db_imot1{ width:276px; float:left; margin-left:20px;} #kitchen a.kitchen{ margin-top:230px; margin-left:67px;background:url(../images/hover_ab.gif) no-repeat; width:55px; height:53px; z-index:1; position:absolute; } #kitchen a:hover.kitchen{background:url(../images/hover_red.png) no-repeat; width:55px; height:53px; z-index:1; position:absolute;} #kitchen a.dinning_room{ margin-top:143px; margin-left:57px;background:url(../images/hover_ab.gif) no-repeat; width:55px; height:53px; z-index:1; position:absolute; } #kitchen a:hover.dinning_room{background:url(../images/hover_red.png) no-repeat; width:55px; height:53px; z-index:1; position:absolute;} #kitchen a.living_room{ margin-top:120px; margin-left:195px;background:url(../images/hover_ab.gif) no-repeat; width:55px; height:53px; z-index:1; position:absolute; } #kitchen a:hover.living_room{background:url(../images/hover_red.png) no-repeat; width:55px; height:53px; z-index:1; position:absolute;} #kitchen a.master_room{ margin-top:90px; margin-left:323px;background: url(../images/master_amain.gif) no-repeat; width:87px; height:55px; z-index:1; position:absolute; } #kitchen a:hover.master_room{background:url(../images/master_a.png) no-repeat; width:87px; height:55px; z-index:1; position:absolute;} #kitchen a.office{ margin-top:331px; margin-left:42px; background:url(../images/sqare_1hover.png) no-repeat; width:77px; height:37px; z-index:1; position:absolute; } #kitchen a:hover.office{background:url(../images/sqare_1.png) no-repeat; width:87px; height:55px; z-index:1; position:absolute;} #kitchen a.kid_room{ margin-top:295px; margin-left:225px;background:url(../images/hover_ab.gif) no-repeat; width:55px; height:53px; z-index:1; position:absolute; } #kitchen a:hover.kid_room{background:url(../images/hover_red.png) no-repeat; width:55px; height:53px; z-index:1; position:absolute;} #kitchen a.guest_room{ margin-top:367px; margin-left:35px; background:url(../images/guest.png) no-repeat; width:87px; height:36px; z-index:1; position:absolute; } #kitchen a:hover.guest_room{background:url(../images/guest_hover.png) no-repeat; width:87px; height:36px; z-index:1; position:absolute;} #kitchen a.garage{ margin-top:331px; margin-left:355px; background:url(../images/garage.png) no-repeat; width:83px; height:48px; z-index:1; position:absolute; } #kitchen a:hover.garage{background:url(../images/garage_hover.png) no-repeat; width:83px; height:48px; z-index:1; position:absolute;} #kitchen a.closet{ margin-top:160px; margin-left:325px;background:url(../images/hover_ab.gif) no-repeat; width:55px; height:53px; z-index:1; position:absolute; } #kitchen a:hover.closet{background:url(../images/hover_red.png) no-repeat; width:55px; height:53px; z-index:1; position:absolute;} #kitchen a.bath{ margin-top:180px; margin-left:385px;background:url(../images/hover_ab.gif) no-repeat; width:55px; height:53px; z-index:1; position:absolute; } #kitchen a:hover.bath{background:url(../images/hover_red.png) no-repeat; width:55px; height:53px; z-index:1; position:absolute;} /* ----------------------------------------------------------------------------- Organization goes here -----------------------------------------------------------------------------*/ #organization{ display:block;} #organization .box1{ border-bottom:1px dotted #cecece; padding-bottom:20px;} #organization .in_box{ width:303px; border-right:1px dotted #cecece; float:left; display:block;} #organization .in_box1{ width:263px; float:left; padding-left:40px; display:block;} #organization .bod{ border-left:1px dashed #cecece; height:100%; width:2%; float:left; display:block;} #organization .imh{ display:block;} #organization .imh_tp{ background:url(../images/org_top.png) top no-repeat; width:252px; height:9px;} #organization .imh_cen{ background:url(../images/org_cen.png) repeat-y; width:233px; padding-left:9px; padding-right:10px;} #organization .imh_bot{ background:url(../images/org_bot.png) no-repeat; width:252px; height:10px;} #organization .in_box p{ padding-right:50px; padding-left:10px;} #organization h5{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding-left:10px; font-weight:bold; color:#003b79; padding-bottom:10px; padding-top:10px; } #organization .in_box1 p{ padding-left:10px;} /* ----------------------------------------------------------------------------- Loacal partner goes here -----------------------------------------------------------------------------*/ #local_partner{ display:block;} #local_partner .bod_bottom{ padding-bottom:15px; border-bottom:1px dashed #cecece; padding-top:15px;} #local_partner .imh{ float:left; width:203px; display:block; margin-right:10px;} #local_partner .imh .tp{ background:url(../images/part_top.png) top no-repeat; width:200px; height:9px;} #local_partner .imh .cen{ background:url(../images/part_cen.png) repeat-y; width:200px; text-align:center;} #local_partner .imh .bot{ background:url(../images/part_bot.png) no-repeat; width:200px; height:8px;} #local_partner h5{ padding-top:5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#003b79; padding-bottom:6px; } #local_partner .imh a.orgarrow{ background: url(../images/orange_arrow.png) left 3px no-repeat; padding-left:15px; color:#306092; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:5px; margin-left:10px; display:block;} #local_partner .bod_bottom1{ padding-bottom:15px; padding-left:5px; padding-right:5px; border-bottom:1px dashed #cecece; padding-top:15px;} #local_partner .bod_bottom1 a.orgarrow{ background: url(../images/orange_arrow.png) left 3px no-repeat; padding-left:15px; color:#306092; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:5px; display:block;} /* ----------------------------------------------------------------------------- Conatact goes here -----------------------------------------------------------------------------*/ #contact{ display:block;} #contact .bod_bottom1{ padding-bottom:15px; padding-left:5px; padding-right:5px; border-bottom:1px dashed #cecece;} #contact p{ color:#295f98; padding-bottom:5px; font-size:10px;} .input_box{ border-top:1px solid #d5d0c6; border-left:1px solid #d5d0c6; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb; vertical-align:top; width:310px; height:22px;} .input_box1{ border-top:1px solid #d5d0c6; border-left:1px solid #d5d0c6; border-right:1px solid #ebebeb; border-bottom:1px solid #ebebeb;} .submit{ background:url(../images/submit.png) no-repeat; width:76px; height:31px; border:none; display:block;} .submit:hover{ background:url(../images/submit_hover.png) no-repeat; width:76px; height:31px; border:none; display:block;} #contact td{ padding-top:1px; padding-bottom:2px;} /* ----------------------------------------------------------------------------- Products goes here -----------------------------------------------------------------------------*/ #produ{ display:block; width:850px;} #produ .list{ display:block; width:229px; padding-left:35px; padding-right:30px; float:left; border-left:1px dotted #cecece;} #produ .list_first{ display:block; width:229px; float:left; padding-right:30px;} #produ h5{ font-family: Verdana, Arial, Helvetica, sans-serif; padding-left:10px; font-size:11px; font-weight:bold; color:#003b79; padding-bottom:6px; } #produ p{ text-align:left; padding-left:10px;} #produ a.more { background:url(../images/blue_arrow.gif) left 4px no-repeat; padding-left:15px; font-size:11px; line-height:18px; } #produ .detail_lf{ width:344px; float:left; display:block; margin-right:20px;} #produ .detail_lf .big { display:block; margin-left:6px;} #produ .detail_lf .big img{ border:4px solid #ffffff;} #produ .detail_rf{ width:480px; display:block; float:left;} #produ .detail_rf .bod_bottom1{ padding-bottom:15px; padding-left:5px; padding-right:5px; border-bottom:1px dashed #cecece; padding-top:10px;} #produ .detail_rf .lind{ line-height:normal; padding-left:10px;} #produ .detail_rf .padlf{ padding-right:25px;} #produ a.paypal{ background:url(../images/purchase_pay.png) no-repeat; width:162px; height:31px; display:block; margin-top:15px; } #produ a:hover.paypal{ background:url(../images/purchase_pay_hover.png) no-repeat; width:162px; height:31px; display:block;} #produ .thumb{ display:block; margin-left:5px; margin-top:6px; } #produ .thumb img{ width:74px; height:44px; float:left; margin-right:5px; margin-left:2px;} #produ .imh{ display:block; margin-bottom:10px;} #produ .imh_tp{ background: url(../images/pro_top.png) no-repeat; width:231px; height:9px;} #produ .imh_cen{ background:url(../images/pro_cen.png) repeat-y; width:223px; padding-left:8px;} #produ .imh_bot{ background:url(../images/pro_bot.png) no-repeat; width:231px; height:10px;} /* ----------------------------------------------------------------------------- Faq goes here -----------------------------------------------------------------------------*/ #faq_page{ display:block;} #faq_page .in_div{ margin-top:15px; margin-bottom:30px;} #faq_page .list{ display:block;} #faq_page .list li{ padding-bottom:12px;} #faq_page .list li a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#95a2a4; background:url(../images/navi_arrow.gif) left no-repeat; padding-left:15px; } #faq_page .list li a:hover{ color:#295f98;} #faq_page .answer{ display:block;} #faq_page .answer a.back{ background:url(../images/faq_answer.gif) left no-repeat; padding-left:15px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#95a2a4; display:block; margin-bottom:10px;} #faq_page .answer a:hover.back{ color:#295f98;} #faq_page .answer .question{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#295f98; background:url(../images/navi_arrow.gif) left no-repeat; padding-left:15px; font-weight:bold;} #faq_page h5{ padding-top:5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#003b79; padding-bottom:6px; } #faq_page .answer .imj{ float:right; width:205px; margin-right:30px; margin-left:20px;} #faq_page .answer .imh{ float:left; width:205px; margin-right:25px;} #faq_page .blue_arow{ display:block; padding-left:20px;} #faq_page .blue_arow li{background:url(../images/blue_arrow.gif) left 7px no-repeat; padding-left:15px; line-height:18px; } #faq_page .bod_bottom1{ padding-bottom:20px; padding-left:5px; padding-right:5px; border-bottom:1px dashed #cecece;} .site_map{ display:block; padding-top:6px;} .site_map li{ display:block; padding-bottom:3px;} .site_map a{background:url(../images/navi_arrow.gif) left 3px no-repeat; padding-left:15px; font-weight:normal; padding-bottom:8px; color:#95a2a4; display:block; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; } .site_map a:hover{ background:url(../images/navi_arrow.gif) left 3px no-repeat; padding-left:15px; color:#295f98; text-transform:uppercase; padding-bottom:8px;} .site_map li ul{ padding-left:20px;} .site_map li li{ padding-bottom:3px;} .site_map li li a{background: url(../images/doted_arrow.gif) left 5px no-repeat ; padding-left:10px; font-weight:normal; text-transform:lowercase; padding-bottom:2px; color:#95a2a4; display:block; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; } .site_map li li a:hover{background: url(../images/doted_arrow.gif) left 5px no-repeat ; padding-bottom:2px; color:#295f98; padding-left:10px; text-transform:lowercase; } .vt_site{ width:277px; float:left; padding-left:30px; padding-top:11px;} .vr_site{ float:left; margin-left:30px; width:465px; padding-top:10px; text-align:left;} /* ######### Style for Drop Down Menu ######### */ .dropmenudiv_e{ position:absolute; top: 0; border: 2px solid #e9efef; /*THEME CHANGE HERE*/ border-width: 0 2px 2px 2px; font:normal 11px Verdana; line-height:26px; z-index:100; background:url(../images/navu.gif) top repeat-x #ffffff; width:200px; visibility: hidden; margin-left:-20px; text-align:left; } .dropmenudiv_e a{ width: auto; display: block; text-indent: 15px; border-bottom: 1px dotted #cecece; /*THEME CHANGE HERE*/ border-bottom-width: 1px; padding: 2px 0; cursor:pointer; text-decoration: none; color:#2b5f99; } * html .dropmenudiv_e a{ /*IE only hack*/ width: 100%; } .dropmenudiv_e a:hover{ /*THEME CHANGE HERE*/ color: #ed9c5a; } /* top additon for YBE */ .ybe{ display:block; width:246px; margin-top:20px;} .top_ybe{ display:block; background:url(../images/top_ybe.png) no-repeat; width:245px; height:15px;} .bot_ybe{ background:url(../images/bot_ybe.png) no-repeat; width:173px; height:259px; text-align:left; padding-left:37px; padding-right:35px;} .bot_ybe a.link{ background:url(../images/red_arrow.gif) left no-repeat; padding-left:15px; color:#95a2a4; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; margin-top:5px; }