/*===================================================================== * * Filename: global.css * Website: heavenly celebrations * Author: Simon Thenie * Date Created: 17/11/2009 * Media: Screen * * Description * ----------- * General Styling for templates * * *=====================================================================*/ /* Utility Classes ****************************/ .clear { clear: both; height: 0px; overflow: hidden; } .left {float:left;} .right {float:right;} .small {font-size:0.95em;} .bold {font-weight:bold;} .nopadding { padding:0;} .nomargin { margin:0 } .hide {display:none;} .space { width:100%; height:15px; } .biggerspace { width:100%; height:30px; } .biggestspace { width:100%; height:60px; } a {text-decoration: none; outline: none; color:#0275b7 } a:hover {text-decoration: underline;} a.active {outline: none; } .nodisplay { display:none; } .ta_right { text-align:right; } .ta_left { text-align:left; } h1 { margin:0; padding:0 } h2 { color:#2ebcaa; font-weight:normal; font-size:20px; line-height:1.33em; padding:0 0 15px 0; margin:0 } h3 { color:#2ebcaa; font-weight:normal; font-size:14px; font-weight:bold; padding:0 0 15px 0; margin:0 } h4 { } h5 { } p { font-size:1em; padding:0 0 15px 0; margin:0; line-height:1.5em; color:#666666; } html, body, #wrapper {height: 100%;} body { margin:0; padding:0; font-family: Arial; font-size:12px; background-color:#FFF; } /* *********************************************** ********* shared layout containers *********** *********************************************** */ /* Sticky footer bottom*/ body > #wrapper {height: auto; min-height: 100%; } #wrapper{margin: 0 auto; background-color:#ffffff; background-image:url(../images/bg_tile.jpg); background-repeat:repeat-x; background-position:left top;} #main {padding-bottom:44px; margin:0 auto; position:relative; } /* CLEAR FIX*/ .clearfix:after {content: ".";display: block;height: 0;clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ #background-wrapper { position:absolute; width:100%; } #background { width:1600px; margin:0 auto; display:block; } #watermark { position:absolute; z-index:1; margin:120px 0 0 324px } /* *********************************************** ******************* Header ******************** *********************************************** */ #header { padding:0; margin:0; } #header #header-position { padding:19px 0 0 0; margin:0 auto; width:970px; } #header #header-position #header-content { padding:0; margin:0; background-image:url(../images/bg_main_header.png); background-position:center top; background-repeat:no-repeat; height:144px; } #header #header-position #header-content #logo { cursor:pointer; display:block; float:left; padding:40px 0 0 20px; } #header #header-position #header-content #logo a { display:none; } #header #header-position #header-content .right { padding:0 168px 0 0; } #header #header-position #header-content .right .top { clear:both; padding:59px 0 0 317px } #header #header-position #header-content .right .top .text-call-us-on-0296236656 { background-image:url(../images/text_call_us.jpg); background-repeat:no-repeat; text-indent:-99999em; display:block; width:223px; height:18px; } #header #header-position #header-content .right .bottom { clear:both; } #header #header-position #header-content .right .bottom ul.nav { padding:27px 0 0 0; margin:0; list-style:none; float:left; position:relative; z-index:10 } #header #header-position #header-content .right .bottom ul.nav li { padding:0; margin:0; float:left; position: relative; } #header #header-position #header-content .right .bottom ul.nav li a { background-image:url(../images/bg_main_menu2.jpg); background-repeat:no-repeat; height:21px; padding:0 0 3px 0; display:block; float:left; cursor:pointer; text-indent:-99999em; } #header #header-position #header-content .right .bottom ul.nav li.frontpage a { display:block; height:21px; width:32px; background-position:0 0; padding:0; } #header #header-position #header-content .right .bottom ul.nav li.services a { display:block; height:21px; width:81px; background-position:-34px 0 } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral a { display:block; height:21px; width:140px; background-position:-117px 0 } #header #header-position #header-content .right .bottom ul.nav li.online-tributes a { display:block; height:21px; width:127px; background-position:-259px 0 } #header #header-position #header-content .right .bottom ul.nav li.aftercare a { display:block; height:21px; width:136px; background-position:-388px 0 } #header #header-position #header-content .right .bottom ul.nav li.contact a { display:block; height:21px; width:65px; background-position:-526px 0 } #header #header-position #header-content .right .bottom ul.nav li.frontpage a:hover, #header #header-position #header-content .right .bottom ul.nav li.frontpage:hover a { background-position:0 -21px } #header #header-position #header-content .right .bottom ul.nav li.services a:hover, #header #header-position #header-content .right .bottom ul.nav li.services:hover a { background-position:-34px -21px } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral a:hover, #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral:hover a { background-position:-117px -21px } #header #header-position #header-content .right .bottom ul.nav li.online-tributes a:hover, #header #header-position #header-content .right .bottom ul.nav li.online-tributes:hover a { background-position:-259px -21px } #header #header-position #header-content .right .bottom ul.nav li.aftercare a:hover, #header #header-position #header-content .right .bottom ul.nav li.aftercare:hover a { background-position:-388px -21px } #header #header-position #header-content .right .bottom ul.nav li.contact a:hover, #header #header-position #header-content .right .bottom ul.nav li.contact:hover a { background-position:-526px -21px } #header #header-position #header-content .right .bottom ul.nav li.frontpage a.current_page_item { background-position:0 -42px } #header #header-position #header-content .right .bottom ul.nav li.services a.current_page_item { background-position:-34px -42px } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral a.current_page_item { background-position:-117px -42px } #header #header-position #header-content .right .bottom ul.nav li.online-tributes a.current_page_item { background-position:-259px -42px } #header #header-position #header-content .right .bottom ul.nav li.aftercare a.current_page_item { background-position:-388px -42px } #header #header-position #header-content .right .bottom ul.nav li.contact a.current_page_item { background-position:-526px -42px } #header #header-position #header-content .right .bottom ul.nav li.services a.current_page_parent { background-position:-34px -42px } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral a.current_page_parent { background-position:-117px -42px } #header #header-position #header-content .right .bottom ul.nav li.online-tributes a.current_page_parent { background-position:-259px -42px } #header #header-position #header-content .right .bottom ul.nav li.aftercare a.current_page_parent { background-position:-388px -42px } #header #header-position #header-content .right .bottom ul.nav li.contact a.current_page_parent { background-position:-526px -42px } .tribute-page #header #header-position #header-content .right .bottom ul.nav li.online-tributes a { background-position:-259px -42px } #header #header-position #header-content .right .bottom ul.nav ul { padding:0; list-style: none; margin: 0; width: 114px; position: absolute; top: -999em; left: -1px; } #header #header-position #header-content .right .bottom ul.nav li:hover ul, #header #header-position #header-content .right .bottom ul.nav li.sfHover ul { top: 24px; left:0 } #header #header-position #header-content .right .bottom ul.nav ul li { border: 0; float: left; } #header #header-position #header-content .right .bottom ul.nav ul li a { padding:0; } #header #header-position #header-content .right .bottom ul.nav li.services ul { float:left; border:solid 1px #d5d5d5; width: 124px; } #header #header-position #header-content .right .bottom ul.nav li.services ul li a { background-image:url(../images/bg_main_menu_li_services.jpg); width: 124px; height:22px; display:block; border-bottom:solid 1px #FFFFFF; } #header #header-position #header-content .right .bottom ul.nav li.services ul li.services-cremation a { background-position:0 0; } #header #header-position #header-content .right .bottom ul.nav li.services ul li.services-direct-cremation a { background-position:0 -23px; } #header #header-position #header-content .right .bottom ul.nav li.services ul li.services-dignified-burial a { background-position:0 -46px; } #header #header-position #header-content .right .bottom ul.nav li.services ul li.services-veterans a { background-position:0 -69px; } #header #header-position #header-content .right .bottom ul.nav li.services ul li.services-cremation a:hover { background-position:-123px 0; } #header #header-position #header-content .right .bottom ul.nav li.services ul li.services-direct-cremation a:hover { background-position:-123px -23px; } #header #header-position #header-content .right .bottom ul.nav li.services ul li.services-dignified-burial a:hover { background-position:-123px -46px; } #header #header-position #header-content .right .bottom ul.nav li.services ul li.services-veterans a:hover { background-position:-123px -69px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul { float:left; border:solid 1px #d5d5d5; width: 187px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li a { background-image:url(../images/bg_main_menu_li_arrange-a-funeral4.jpg); width: 187px; height:22px; display:block; border-bottom:solid 1px #FFFFFF; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-caskets a { background-position:0 0; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-funeral-songs a { background-position:0 -24px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-flowers a { background-position:0 -47px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-funeral-poems a { background-position:0 -70px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-cemeteries a { background-position:0 -93px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-pre-planning-your-service a { background-position:0 -116px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-memorial-book a { background-position:0 -139px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-funeral-bonds a { background-position:0 -162px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-caskets a:hover { background-position:-186px 0; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-funeral-songs a:hover { background-position:-186px -24px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-flowers a:hover { background-position:-186px -47px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-funeral-poems a:hover { background-position:-186px -70px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-cemeteries a:hover { background-position:-186px -93px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-pre-planning-your-service a:hover { background-position:-186px -116px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-memorial-book a:hover { background-position:-187px -139px; } #header #header-position #header-content .right .bottom ul.nav li.arrange-a-funeral ul li.arrange-a-funeral-funeral-bonds a:hover { background-position:-186px -162px; } #header #header-position #header-content .right .bottom ul.nav li.online-tributes ul { float:left; border:solid 1px #d5d5d5; width: 151px; } #header #header-position #header-content .right .bottom ul.nav li.online-tributes ul li a { background-image:url(../images/bg_main_menu_li_online-tributes.jpg); width: 151px; height:22px; display:block; border-bottom:solid 1px #FFFFFF; } #header #header-position #header-content .right .bottom ul.nav li.online-tributes ul li.online-tributes-recent-tributes a { background-position:0 0; } #header #header-position #header-content .right .bottom ul.nav li.online-tributes ul li.online-tributes-all-tributes a { background-position:0 -23px; } #header #header-position #header-content .right .bottom ul.nav li.online-tributes ul li.online-tributes-send-flowers a { background-position:0 -46px; } #header #header-position #header-content .right .bottom ul.nav li.online-tributes ul li.online-tributes-send-esympathy-cards a { background-position:0 -69px; } #header #header-position #header-content .right .bottom ul.nav li.online-tributes ul li.online-tributes-recent-tributes a:hover { background-position:-154px 0; background-color:#FFFFFF; } #header #header-position #header-content .right .bottom ul.nav li.online-tributes ul li.online-tributes-all-tributes a:hover { background-position:-154px -23px; background-color:#FFFFFF; } #header #header-position #header-content .right .bottom ul.nav li.online-tributes ul li.online-tributes-send-flowers a:hover { background-position:-154px -46px; background-color:#FFFFFF; } #header #header-position #header-content .right .bottom ul.nav li.online-tributes ul li.online-tributes-send-esympathy-cards a:hover { background-position:-154px -69px; background-color:#FFFFFF; } #header #header-position #header-content .right .bottom ul.nav li.aftercare ul { float:left; border:solid 1px #d5d5d5; width: 176px; } #header #header-position #header-content .right .bottom ul.nav li.aftercare ul li a { background-image:url(../images/bg_main_menu_li_aftercare.jpg); width: 176px; height:22px; display:block; border-bottom:solid 1px #FFFFFF; background-color:#FFFFFF } #header #header-position #header-content .right .bottom ul.nav li.aftercare ul li.aftercare-grief-and-healing a { background-position:0 0; } #header #header-position #header-content .right .bottom ul.nav li.aftercare ul li.aftercare-urns-dvds-and-photos a { background-position:0 -23px; } #header #header-position #header-content .right .bottom ul.nav li.aftercare ul li.aftercare-celebrating-anniversaries a { background-position:0 -46px; } #header #header-position #header-content .right .bottom ul.nav li.aftercare ul li.aftercare-closing-personnal-accounts a { background-position:0 -69px; } #header #header-position #header-content .right .bottom ul.nav li.aftercare ul li.aftercare-grief-and-healing a:hover { background-position:-176px 0; } #header #header-position #header-content .right .bottom ul.nav li.aftercare ul li.aftercare-urns-dvds-and-photos a:hover { background-position:-176px -23px; } #header #header-position #header-content .right .bottom ul.nav li.aftercare ul li.aftercare-celebrating-anniversaries a:hover { background-position:-176px -46px; } #header #header-position #header-content .right .bottom ul.nav li.aftercare ul li.aftercare-closing-personnal-accounts a:hover { background-position:-176px -69px; } #header #header-position #header-content .right .bottom ul.nav li.contact ul { float:left; border:solid 1px #d5d5d5; width: 95px; } #header #header-position #header-content .right .bottom ul.nav li.contact ul li a { background-image:url(../images/bg_main_menu_li_contact-us.jpg); width: 95px; height:22px; display:block; border-bottom:solid 1px #FFFFFF; background-color:#FFFFFF } #header #header-position #header-content .right .bottom ul.nav li.contact ul li.contact-testimonials a { background-position:0 0; } #header #header-position #header-content .right .bottom ul.nav li.contact ul li.contact-links a { background-position:0 -23px; } #header #header-position #header-content .right .bottom ul.nav li.contact ul li.contact-contact-us a { background-position:0 -46px; } #header #header-position #header-content .right .bottom ul.nav li.contact ul li.contact-testimonials a:hover { background-position:-95px 0; } #header #header-position #header-content .right .bottom ul.nav li.contact ul li.contact-links a:hover { background-position:-95px -23px; } #header #header-position #header-content .right .bottom ul.nav li.contact ul li.contact-contact-us a:hover { background-position:-95px -46px; } #header #header-position #header-content #flash-flowers { position:absolute; margin:-37px 0 0 621px; z-index:9; } #flash-butterflies { position:absolute; z-index:10; margin:147px 0 0 -235px; } /* *********************************************** ******************* Footer ******************** *********************************************** */ #footer { height:44px; padding:0; margin: -44px auto 0 auto; position:relative; width:auto; clear:both; } #footer-content { padding:13px 0 0 0; margin:0 auto; width:970px; background-image:url(../images/bg_footer.jpg); background-repeat:no-repeat; background-position:center top; } #footer-content ul { padding:0; margin:0; list-style:none; } #footer-content ul li { padding:0 10px 0 0; margin:0 0 0 10px; list-style:none; float:left; border-right:solid 1px #E5E5E5; color:#7e7e7e; font-size:11px; line-height:16px; } #footer-content ul li.last { border:none; } #footer-content a { color:#7e7e7e; font-size:11px; } #footer-content a.facebook { background-image:url(../images/facebook.jpg); background-position:0 3px; background-repeat:no-repeat; padding:4px 0 4px 20px; } /* *********************************************** ******************* Content ****************** *********************************************** */ #content { width:970px; margin:0 auto; padding:20px 0 0 0; background-image:url(../images/bg_main_header.png); background-position:center -163px; background-repeat:no-repeat; min-height:500px; height:auto !important; height:500px; } .page-child #content .col-1 { padding:30px 32px 0 32px; width:672px; float:left; } .page-child #content .col-1 ul { padding:0; margin:0; list-style:none; } .page-child #content .col-1 ul li { line-height:1.5em; color:#666666; background-image:url(../images/icon_butterfly.jpg); background-position:0 4px; background-repeat:no-repeat; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:4px 0 4px 27px; } .page-child #content .col-1 ul li .wpa_container { padding:0 0 6px 0; display:block; float:left; clear:both } .page-child #content .col-2 { float:left; width:188px; padding:30px 10px 0 36px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; min-height:300px; height:auto !important; height:300px; } .page-child #content .col-2 h2.recent-tributes { background-image:url(../images/text_recent_tributes.jpg); display:block; width:126px; height:16px; text-indent:-99999em; line-height:0; padding:0; margin:0 } h2.send-ecard { padding:40px 0 0 0; } h2.send-ecard a { background-image:url(../images/text_send_ecard.jpg); display:block; width:141px; height:81px; text-indent:-99999em; } .page-child #content .col-2 ul { padding:5px 0 0 0; margin:0; list-style:none; } .page-child #content .col-2 ul li { padding:15px 0 0 0; margin:0; list-style:none; } .page-child #content .col-2 ul li a:hover { text-decoration:none; } .page-child #content .col-2 ul li .date { color:#f598ab; font-size:11px; line-height:1.25em; } .page-child #content .col-2 ul li .comment { font-size:13px; color:#666666; line-height:1.25em; } .page-parent #content .col-1 { padding:30px 32px 0 32px; width:672px; float:left; } .page-parent #content .col-1 ul { padding:0; margin:0; list-style:none; } .page-parent #content .col-1 ul li { line-height:1.5em; color:#666666; } .page-parent #content .col-1 ul li .wpa_container { padding:0 0 6px 0; display:block; float:left; clear:both } .page-parent #content .col-2 { float:left; width:188px; padding:30px 10px 0 36px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; min-height:300px; height:auto !important; height:300px; } .page-parent #content .col-2 h2.recent-tributes { background-image:url(../images/text_recent_tributes.jpg); display:block; width:126px; height:16px; text-indent:-99999em; line-height:0; padding:0; margin:0 } .page-parent #content .col-2 ul { padding:5px 0 0 0; margin:0; list-style:none; } .page-parent #content .col-2 ul li { padding:15px 0 0 0; margin:0; list-style:none; } .page-parent #content .col-2 ul li a:hover { text-decoration:none; } .page-parent #content .col-2 ul li .date { color:#f598ab; font-size:11px; line-height:1.25em; } .page-parent #content .col-2 ul li .comment { font-size:13px; color:#666666; line-height:1.25em; } .page-parent #content .col-2 ul li .date a { color:#f598ab; font-size:11px; line-height:1.25em; } .page-parent #content .col-2 ul li .comment a { font-size:13px; color:#666666; line-height:1.25em; } .archive #content .col-1 { padding:30px 32px 0 32px; width:672px; float:left; } .archive #content .col-1 ul { padding:0; margin:0; list-style-image:none; list-style-position:inside; list-style-type:disc; } .archive #content .col-1 ul li { line-height:1.5em; color:#666666; } .archive #content .col-1 ul li .wpa_container { padding:0 0 6px 0; } .archive #content .col-2 { float:left; width:188px; padding:30px 10px 0 36px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; min-height:300px; height:auto !important; height:300px; } .archive #content .col-2 h2.recent-tributes { background-image:url(../images/text_recent_tributes.jpg); display:block; width:126px; height:16px; text-indent:-99999em; line-height:0; padding:0; margin:0 } .archive #content .col-2 ul { padding:5px 0 0 0; margin:0; list-style:none; } .archive #content .col-2 ul li { padding:15px 0 0 0; margin:0; list-style:none; } .archive #content .col-2 ul li a:hover { text-decoration:none; } .archive #content .col-2 ul li .date { color:#f598ab; font-size:11px; line-height:1.25em; } .archive #content .col-2 ul li .comment { font-size:13px; color:#666666; line-height:1.25em; } .news-page #content .col-1 { padding:30px 32px 0 32px; width:672px; float:left; } .news-page #content .col-1 ul { padding:0; margin:0; list-style-image:none; list-style-position:inside; list-style-type:disc; } .news-page #content .col-1 ul li { line-height:1.5em; color:#666666; } .news-page #content .col-1 ul li .wpa_container { padding:0 0 6px 0; } .news-page #content .col-2 { float:left; width:188px; padding:30px 10px 0 36px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; min-height:300px; height:auto !important; height:300px; } .news-page #content .col-2 h2.recent-tributes { background-image:url(../images/text_recent_tributes.jpg); display:block; width:126px; height:16px; text-indent:-99999em; line-height:0; padding:0; margin:0 } .news-page #content .col-2 ul { padding:5px 0 0 0; margin:0; list-style:none; } .news-page #content .col-2 ul li { padding:15px 0 0 0; margin:0; list-style:none; } .news-page #content .col-2 ul li a:hover { text-decoration:none; } .news-page #content .col-2 ul li .date { color:#f598ab; font-size:11px; line-height:1.25em; } .news-page #content .col-2 ul li .comment { font-size:13px; color:#666666; line-height:1.25em; } /*#content-2-cols { width:970px; margin:0 auto; padding:20px 0 0 0; background-image:url(../images/bg_main_header.jpg); background-position:center -163px; background-repeat:no-repeat; min-height:500px; height:auto !important; height:500px; } #content-2-cols .col-1 { padding:30px 32px 0 32px; width:524px; float:left; } #content-2-cols .col-2 { float:left; width:350px; padding:71px 32px 0 0 } .funeral-songs-page #content-2-cols .col-1 ul li { padding:0 0 10px 0;}*/ .funeral-songs-page #main #content .col-1 ul li { background-image:none; padding:0; } .home-page #content .col-1 { padding:30px 12px 0 32px; width:462px; float:left; } .home-page #content .col-1 ul.songs-and-poems { padding:0; margin:0; list-style:none; } .home-page #content .col-1 ul.songs-and-poems li { padding:0; margin:0; float:left } .home-page #content .col-1 ul.songs-and-poems li p { padding:0; font-size:14px; color:#8e8e8e } .home-page #content .col-1 ul.songs-and-poems li p a { color:#8E8E8E } .home-page #content .col-1 ul.songs-and-poems li p.by { color:#f598ab; font-size:11px; } .home-page #content .col-1 ul.songs-and-poems li p.by a { color:#F598AB; } .home-page #content .col-1 ul.songs-and-poems li.image a { background-image:url(../images/icon_songs-and-poems.jpg); display:block; width:190px; height:72px; text-indent:-99999em; } .home-page #content .col-1 ul.songs-and-poems li.text { padding:21px 0 0 20px; } .home-page #content .col-1 .news-list {} .home-page #content .col-1 .news-list li { clear:both; line-height:1.5em } .home-page #content .col-1 .news-list li p { float:left; padding:0; } .home-page #content .col-1 .news-list li a:hover p { text-decoration:underline; } .home-page #content .col-1 .news-list .left { padding:10px 0 0 0; } .home-page #content .col-1 .news-list .left a { color:#2EBCAA; } .home-page #content .col-2 { float:left; background-image:url(../images/bg_our_services.jpg); background-repeat:no-repeat; width:230px; padding:60px 0 0 0 } .home-page #content .col-2 h2.our-services { display:block; position:absolute; margin:-30px 0 0 58px; cursor:pointer; width:111px; height:8px; text-indent:-99999em } .home-page #content .col-2 ul { padding:0 0 0 58px; margin:0; list-style:none; } .home-page #content .col-2 ul li { padding:10px 0 10px 0; margin:0; list-style:none; color:#454848; } .home-page #content .col-2 ul li a { color:#454848; } .home-page #content .col-2 ul li a:hover { text-decoration:none; } .home-page #content .col-2 ul li .title { font-size:14px; } .home-page #content .col-2 ul li div { padding:0 0 4px 0; line-height:1em; } .home-page #content .col-2 ul li .price { color:#2ebcaa; font-size:20px; } .home-page #content .col-2 ul li .price a { color:#2ebcaa; } .home-page #content .col-2 ul li .price .gst { font-size:11px; padding:0 0 0 6px; } .home-page #content .col-2 ul li .warning { color:#909090; } .home-page #content .col-2 .col-2-footer { background-image:url(../images/bg_our_services_footer.jpg); background-position:left bottom; display:block; width:230px; height:10px; } .home-page #content .col-3 { float:left; padding:36px 10px 0 36px; width:188px; } .home-page #content .col-3 h2.recent-tributes { background-image:url(../images/text_recent_tributes.jpg); display:block; width:126px; height:16px; text-indent:-99999em; line-height:0; padding:0; margin:0 } .home-page #content .col-3 ul { padding:5px 0 0 0; margin:0; list-style:none; } .home-page #content .col-3 ul li { padding:15px 0 0 0; margin:0; list-style:none; } .home-page #content .col-3 ul li a:hover { text-decoration:none; } .home-page #content .col-3 ul li .date { color:#f598ab; font-size:11px; line-height:1.25em; } .home-page #content .col-3 ul li .comment { font-size:13px; color:#666666; line-height:1.25em; } .recent-tributes-page #content .col-1 { padding:30px 32px 0 32px; width:672px; float:left; } .recent-tributes-page #content .col-1 .item { float:left; width:306px; min-height:93px; height:auto !important; height:93px; padding:0 6px } .recent-tributes-page #content .col-1 .item a { cursor:pointer; } .recent-tributes-page #content .col-1 .item a:hover { text-decoration:none; } .recent-tributes-page #content .col-1 .item .image { background-image:url(../images/bg_small_picture.jpg); float:left; width:81px; height:81px; padding:12px 0 0 12px; } .recent-tributes-page #content .col-1 .item .image img { border:solid 1px #ededed; } .recent-tributes-page #content .col-1 .item .text { float:left; width:204px; padding:25px 0 0 5px } .recent-tributes-page #content .col-1 .item .text .date { color:#f598ab; } .recent-tributes-page #content .col-1 .item .text .name { color:#8e8e8e; font-size:16px; font-weight:bold; padding:2px 0 0 0 } .recent-tributes-page #content .col-1 .item .text .date a { color:#f598ab; } .recent-tributes-page #content .col-1 .item .text .name a { color:#8e8e8e;} .recent-tributes-page #content .col-1 .navigation { padding:20px 0 0 0; } .recent-tributes-page #content .col-1 .navigation a { color:#8E8E8E; } .recent-tributes-page #content .col-2 { float:left; width:198px; padding:30px 10px 0 26px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; min-height:300px; height:auto !important; height:300px; } .recent-tributes-page #content .col-2 h2.recent-tributes { background-image:url(../images/text_recent_tributes.jpg); display:block; width:126px; height:16px; text-indent:-99999em; line-height:0; padding:0; margin:0 } .recent-tributes-page #content .col-2 ul { padding:5px 0 0 0; margin:0; list-style:none; } .recent-tributes-page #content .col-2 ul li { padding:15px 0 0 0; margin:0; list-style:none; } .recent-tributes-page #content .col-2 ul li a:hover { text-decoration:none; } .recent-tributes-page #content .col-2 ul li .date { color:#f598ab; font-size:11px; line-height:1.25em; } .recent-tributes-page #content .col-2 ul li .comment { font-size:13px; color:#666666; line-height:1.25em; } .recent-tributes-page #content .col-2 ul.songs-and-poems { padding:0 0 0 0; margin:0; list-style:none; } .recent-tributes-page #content .col-2 ul.songs-and-poems li { padding:0; margin:0; float:left } .recent-tributes-page #content .col-2 ul.songs-and-poems li p { padding:0; font-size:14px; color:#8e8e8e } .recent-tributes-page #content .col-2 ul.songs-and-poems li p a { color:#8E8E8E } .recent-tributes-page #content .col-2 ul.songs-and-poems li p.by { color:#f598ab; font-size:11px; } .recent-tributes-page #content .col-2 ul.songs-and-poems li p.by a { color:#F598AB; } .recent-tributes-page #content .col-2 ul.songs-and-poems li.image a { background-image:url(../images/icon_songs-and-poems.jpg); display:block; width:190px; height:72px; text-indent:-99999em; } .recent-tributes-page #content .col-2 ul.songs-and-poems li.text { padding:0 10px 0 0; float:right } .online-tributes-page #content .col-2 ul.songs-and-poems { padding:0 0 0 0; margin:0; list-style:none; } .online-tributes-page #content .col-2 ul.songs-and-poems li { padding:0; margin:0; float:left } .online-tributes-page #content .col-2 ul.songs-and-poems li p { padding:0; font-size:14px; color:#8e8e8e } .online-tributes-page #content .col-2 ul.songs-and-poems li p a { color:#8E8E8E } .online-tributes-page #content .col-2 ul.songs-and-poems li p.by { color:#f598ab; font-size:11px; } .online-tributes-page #content .col-2 ul.songs-and-poems li p.by a { color:#F598AB; } .online-tributes-page #content .col-2 ul.songs-and-poems li.image a { background-image:url(../images/icon_songs-and-poems.jpg); display:block; width:190px; height:72px; text-indent:-99999em; } .online-tributes-page #content .col-2 ul.songs-and-poems li.text { padding:0 10px 0 0; float:right } .search #content .col-1 .right {} .search #content .col-1 .right label { float:left; padding:4px 4px 0px 0; color:#666666; } .search #content .col-1 .right form { margin:0; padding:0 } .search #content .col-1 .right form div { float:left; } .search #content .col-1 .right form div input { float:left; } .search #content .col-1 .right form div input#s { border:1px solid #888888; color:#666666; } .search #content .col-1 .right form div a { background-image:url(../images/button_search.jpg); display:block; width:72px; height:23px; text-indent:-99999em; float:left; position:relative; margin:-2px 0 0 4px; } .search #content .col-1 .right form div a:hover { background-position:left bottom; } .all-tributes-page #content .col-1 { padding:30px 32px 0 32px; width:672px; float:left; } .all-tributes-page #content .col-1 .item { float:left; width:306px; min-height:93px; height:auto !important; height:93px; padding:0 6px } .all-tributes-page #content .col-1 .item a { cursor:pointer; } .all-tributes-page #content .col-1 .item a:hover { text-decoration:none; } .all-tributes-page #content .col-1 .item .image { background-image:url(../images/bg_small_picture.jpg); float:left; width:81px; height:81px; padding:12px 0 0 12px; } .all-tributes-page #content .col-1 .item .image img { border:solid 1px #ededed; } .all-tributes-page #content .col-1 .item .text { float:left; width:204px; padding:25px 0 0 5px } .all-tributes-page #content .col-1 .item .text .date { color:#f598ab; } .all-tributes-page #content .col-1 .item .text .name { color:#8e8e8e; font-size:16px; font-weight:bold; padding:2px 0 0 0 } .all-tributes-page #content .col-1 .item .text .date a { color:#f598ab; } .all-tributes-page #content .col-1 .item .text .name a { color:#8e8e8e;} .all-tributes-page #content .col-1 .navigation { padding:20px 0 0 0; } .all-tributes-page #content .col-1 .navigation a { color:#8E8E8E; } .all-tributes-page #content .col-2 { float:left; width:188px; padding:40px 10px 0 36px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; min-height:300px; height:auto !important; height:300px; } .all-tributes-page #content .col-2 h2.recent-tributes { background-image:url(../images/text_recent_tributes.jpg); display:block; width:126px; height:16px; text-indent:-99999em; line-height:0; padding:0; margin:0 } .all-tributes-page #content .col-2 ul { padding:5px 0 0 0; margin:0; list-style:none; } .all-tributes-page #content .col-2 ul li { padding:15px 0 0 0; margin:0; list-style:none; } .all-tributes-page #content .col-2 ul li a:hover { text-decoration:none; } .all-tributes-page #content .col-2 ul li .date { color:#f598ab; font-size:11px; line-height:1.25em; } .all-tributes-page #content .col-2 ul li .comment { font-size:13px; color:#666666; line-height:1.25em; } .search #main #content .col-1 { padding:30px 32px 0 32px; width:672px; float:left; } .search #main #content .col-1 .item { float:left; width:306px; min-height:93px; height:auto !important; height:93px; padding:0 6px } .search #main #content .col-1 .item a { cursor:pointer; } .search #main #content .col-1 .item a:hover { text-decoration:none; } .search #main #content .col-1 .item .image { background-image:url(../images/bg_small_picture.jpg); float:left; width:81px; height:81px; padding:12px 0 0 12px; } .search #main #content .col-1 .item .image img { border:solid 1px #ededed; } .search #main #content .col-1 .item .text { float:left; width:204px; padding:25px 0 0 5px } .search #main #content .col-1 .item .text .date { color:#f598ab; } .search #main #content .col-1 .item .text .name { color:#8e8e8e; font-size:16px; font-weight:bold; padding:2px 0 0 0 } .search #main #content .col-1 .item .text .date a { color:#f598ab; } .search #main #content .col-1 .item .text .name a { color:#8e8e8e;} .search #main #content .col-1 .navigation { padding:20px 0 0 0; } .search #main #content .col-1 .navigation a { color:#8E8E8E; } .search #main #content .col-2 { float:left; width:188px; padding:40px 0 0 20px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; min-height:300px; height:auto !important; height:300px; } .search #main #content .col-2 h2.recent-tributes { background-image:url(../images/text_recent_tributes.jpg); display:block; width:126px; height:16px; text-indent:-99999em; line-height:0; padding:0; margin:0 } .search #main #content .col-2 ul { padding:5px 0 0 0; margin:0; list-style:none; } .search #main #content .col-2 ul li { padding:15px 0 0 0; margin:0; list-style:none; } .search #main #content .col-2 ul li a:hover { text-decoration:none; } .search #main #content .col-2 ul li .date { color:#f598ab; font-size:11px; line-height:1.25em; } .search #main #content .col-2 ul li .comment { font-size:13px; color:#666666; line-height:1.25em; } .search #main #content .col-2 h2.send-ecard { padding:40px 0 0; } .search #main #content .col-2 ul.songs-and-poems { padding:0 0 0 0; margin:0; list-style:none; } .search #main #content .col-2 ul.songs-and-poems li { padding:0; margin:0; float:left } .search #main #content .col-2 ul.songs-and-poems li p { padding:0; font-size:14px; color:#8e8e8e } .search #main #content .col-2 ul.songs-and-poems li p a { color:#8E8E8E } .search #main #content .col-2 ul.songs-and-poems li p.by { color:#f598ab; font-size:11px; } .search #main #content .col-2 ul.songs-and-poems li p.by a { color:#F598AB; } .search #main #content .col-2 ul.songs-and-poems li.image a { background-image:url(../images/icon_songs-and-poems.jpg); display:block; width:190px; height:72px; text-indent:-99999em; } .search #main #content .col-2 ul.songs-and-poems li.text { padding:0 10px 0 0; float:right } .online-tributes-page #content .col-1 { padding:30px 32px 0 32px; width:672px; float:left; } .online-tributes-page #content .col-1 .item { float:left; width:306px; min-height:93px; height:auto !important; height:93px; padding:0 6px } .online-tributes-page #content .col-1 .item a { cursor:pointer; } .online-tributes-page #content .col-1 .item a:hover { text-decoration:none; } .online-tributes-page #content .col-1 .item .image { background-image:url(../images/bg_small_picture.jpg); float:left; width:81px; height:81px; padding:12px 0 0 12px; } .online-tributes-page #content .col-1 .item .image img { border:solid 1px #ededed; } .online-tributes-page #content .col-1 .item .text { float:left; width:204px; padding:25px 0 0 5px } .online-tributes-page #content .col-1 .item .text .date { color:#f598ab; } .online-tributes-page #content .col-1 .item .text .name { color:#8e8e8e; font-size:16px; font-weight:bold; padding:2px 0 0 0 } .online-tributes-page #content .col-1 .item .text .date a { color:#f598ab; } .online-tributes-page #content .col-1 .item .text .name a { color:#8e8e8e;} .online-tributes-page #content .col-1 .navigation { padding:20px 0 40px 0; } .online-tributes-page #content .col-1 .navigation a { color:#8E8E8E; } .online-tributes-page #content .col-2 { float:left; width:188px; padding:40px 0 0 20px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; min-height:300px; height:auto !important; height:300px; } .online-tributes-page #content .col-2 h2.recent-tributes { background-image:url(../images/text_recent_tributes.jpg); display:block; width:126px; height:16px; text-indent:-99999em; line-height:0; padding:0; margin:0 } .online-tributes-page #content .col-2 ul { padding:5px 0 0 0; margin:0; list-style:none; } .online-tributes-page #content .col-2 ul li { padding:15px 0 0 0; margin:0; list-style:none; } .online-tributes-page #content .col-2 ul li a:hover { text-decoration:none; } .online-tributes-page #content .col-2 ul li .date { color:#f598ab; font-size:11px; line-height:1.25em; } .online-tributes-page #content .col-2 ul li .comment { font-size:13px; color:#666666; line-height:1.25em; } .online-tributes-page #content .col-1 .right {} .online-tributes-page #content .col-1 .right label { float:left; padding:4px 4px 0px 0; color:#666666; } .online-tributes-page #content .col-1 .right form { margin:0; padding:0 } .online-tributes-page #content .col-1 .right form div { float:left; } .online-tributes-page #content .col-1 .right form div input { float:left; } .online-tributes-page #content .col-1 .right form div input#s { border:1px solid #888888; color:#666666; } .online-tributes-page #content .col-1 .right form div a { background-image:url(../images/button_search.jpg); display:block; width:72px; height:23px; text-indent:-99999em; float:left; position:relative; margin:-2px 0 0 4px; } .online-tributes-page #content .col-1 .right form div a:hover { background-position:left bottom; } a.write-a-testimonial { background-image:url(../images/button_write.jpg); display:block; float:left; height:23px; margin:-2px 0 0 4px; position:relative; text-indent:-99999em; width:152px; } a.write-a-testimonial:hover { background-position:left bottom; } .tribute-page #content .col-1 { width:205px; float:left; padding:30px 0 0 26px; } .tribute-page #content .col-1 .image { background-image:url(../images/bg_big_picture.jpg); width:187px; height:177px; padding:22px 0 0 22px } .tribute-page #content .col-1 .image img { border:solid 1px #ededed; } .tribute-page #content .col-1 .gallery { padding:0 20px 0 30px; } .tribute-page #content .col-1 .gallery h2.gallery-images { background-image:url(../images/text_gallery_images.jpg); display:block; width:126px; height:20px; text-indent:-99999em; line-height:0; padding:0; margin:0 } .tribute-page #content .col-1 .gallery img { float:left; padding:10px 4px 0 0 } .tribute-page #content .col-1 p.service { font-size:12px; color:#2EBCAA; padding:0 0 15px 30px } .tribute-page #content .col-1 .gallery p { font-size:11px; color:#969696; padding:5px 0 0 0 } .tribute-page #content .col-2 { width:450px; float:left; padding:30px 26px 0 0; } .tribute-page #content .col-2 .padding-left { padding:0 0 0 27px; } .tribute-page #content .col-2 h2 { padding:0; } .tribute-page #content .col-2 h3 { padding:0; } .tribute-page #content .col-2 p.heading { padding:5px 0 15px 0; color:#8e8e8e; } .tribute-page #content .col-2 p.heading span.age { font-weight:bold; color:#2EBCAA } .tribute-page #content .col-2 p.heading span.dob { padding:0 5px 0 10px; } .tribute-page #content .col-2 p.heading span.dod { padding:0 5px 0 5px; } .tribute-page #content .col-2 p { text-align:justify; } .tribute-page #content .col-3 { float:left; padding:30px 10px 0 10px; width:232px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; min-height:372px; height:auto !important; height:372px; } .tribute-page #content .col-3 h2.funeral-poem { background-image:url(../images/text_funeral_poem.jpg); background-repeat:no-repeat; display:block; width:116px; height:16px; text-indent:-99999em; margin:0 0 10px 92px; background-position:-70px 0; } .tribute-page #content .col-3 h3 { padding:0 0 10px 20px; } .tribute-page #content .col-3 p { text-align:center; } .tribute-page #content .col-3 .by { font-style:italic; padding:4px 20px 10px 0; text-align:right; } .funeral-poems-page #content .col-1 { width:205px; float:left; padding:30px 0 0 30px; } .funeral-poems-page #content .col-1 .image { background-image:url(../images/bg_big_picture.jpg); width:187px; height:189px; padding:22px 0 0 22px } .funeral-poems-page #content .col-1 .image img { border:solid 1px #ededed; } .funeral-poems-page #content .col-2 { width:469px; float:left; padding:30px 32px 0 0; background-image:none; } .funeral-poems-page #content .col-2 .padding-left { padding:0 0 0 27px; } .funeral-poems-page #content .col-2 h2 { padding:0; } .funeral-poems-page #content .col-2 h3 { padding:0; } .funeral-poems-page #content .col-2 p.heading { padding:5px 0 15px 0; color:#8e8e8e; } .funeral-poems-page #content .col-2 p.heading span.age { font-weight:bold; color:#2EBCAA } .funeral-poems-page #content .col-2 p.heading span.dob { padding:0 5px 0 10px; } .funeral-poems-page #content .col-2 p.heading span.dod { padding:0 5px 0 5px; } .funeral-poems-page #content .col-2 p { text-align:justify; } .funeral-poems-page #content .col-3 { float:left; padding:30px 10px 0 36px; width:188px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; } .funeral-poems-page #content .col-3 h2.recent-tributes { background-image:url(../images/text_recent_tributes.jpg); display:block; width:126px; height:16px; text-indent:-99999em; line-height:0; padding:0; margin:0 } .funeral-poems-page #content .col-3 ul { padding:5px 0 0 0; margin:0; list-style:none; } .funeral-poems-page #content .col-3 ul li { padding:15px 0 0 0; margin:0; list-style:none; } .funeral-poems-page #content .col-3 ul li a:hover { text-decoration:none; } .funeral-poems-page #content .col-3 ul li .date { color:#f598ab; font-size:11px; line-height:1.25em; } .funeral-poems-page #content .col-3 ul li .comment { font-size:13px; color:#666666; line-height:1.25em; } .poems-page #content .col-1 { width:205px; float:left; padding:30px 0 0 30px; position:relative; z-index:2; } .poems-page #content .col-1 .image { background-image:url(../images/bg_big_picture.jpg); width:187px; height:189px; padding:22px 0 0 22px } .poems-page #content .col-1 .image img { border:solid 1px #ededed; } .poems-page #content .col-2 { width:469px; float:left; padding:30px 32px 0 0; background-image:none; position:relative; z-index:4; } .poems-page #content .col-2 .padding-left { padding:0 0 0 27px; } .poems-page #content .col-2 h2 { padding:0; } .poems-page #content .col-2 h3 { padding:0; text-align:center; } .poems-page #content .col-2 p.heading { padding:5px 0 15px 0; color:#8e8e8e; } .poems-page #content .col-2 p { text-align:center; } .poems-page #content .col-3 { float:left; padding:30px 10px 0 36px; width:188px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; position:relative; z-index:5; display:none; } .poems-page #content .col-3 h2.recent-tributes { background-image:url(../images/text_recent_tributes.jpg); display:block; width:126px; height:16px; text-indent:-99999em; line-height:0; padding:0; margin:0 } .poems-page #content .col-3 ul { padding:5px 0 0 0; margin:0; list-style:none; } .poems-page #content .col-3 ul li { padding:15px 0 0 0; margin:0; list-style:none; } .poems-page #content .col-3 ul li a:hover { text-decoration:none; } .poems-page #content .col-3 ul li .date { color:#f598ab; font-size:11px; line-height:1.25em; } .poems-page #content .col-3 ul li .comment { font-size:13px; color:#666666; line-height:1.25em; } .contact-page #content .col-1 { width:321px; float:left; padding:30px 22px 0 32px; } .contact-page #content .col-2 { width:332px; float:left; padding:30px 11px 0 0; } .contact-page #content .col-2 .map { background-image:url(../images/bg_map_iframe.jpg); background-repeat:no-repeat; width:322px; height:322px; padding:5px; } .contact-page #content .col-2 .map iframe { border:none; margin:0; padding:0; width:322px; height:322px; } .contact-page #content .col-3 { width:200px; float:left; padding:30px 0 0 16px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; } .contact-page #content .col-3 .item { padding:0 0 10px 0 } .contact-page #content .col-3 .item p { padding:0; margin:0; } .contact-page #content .col-3 .item p.title { padding:0; margin:0; color:#2EBCAA} .contact-page #content .col-3 .item p a { color:#F598AB; } .send-esympathy-cards-page #content .col-1 { padding:30px 0 0 32px; width:704px; float:left; } .page-template-page-ecards-php #content .col-1 { padding:30px 0 0 32px; width:704px; float:left; } .send-esympathy-cards-page #content .col-1 .label { width:130px; color:#666666; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_error_list { padding:0 0 10px 0} .send-esympathy-cards-page #content .col-1 #ft_wpecards_error_list li { line-height:1.5em; color:#FF0000 } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card ul#ft_wpecards_image_select_list { padding:0; margin:0; list-style:none; float:left } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card ul#ft_wpecards_image_select_list li { display:block; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0 10px 10px 0; background-image:none; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card ul#ft_wpecards_image_select_list li a { border:none; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card ul#ft_wpecards_image_select_list li a img { border:none; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card ul#ft_wpecards_image_select_list .ft_wpecards_image_select_item span { display:block; text-align:center; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_sender_info { float:left; padding:10px 0 0 0 } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_sender_info ul#ft_wpecards_sender { padding:0; margin:0; list-style:none; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_sender_info ul#ft_wpecards_sender li { display:block; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0 0 0 10px; background-image:none; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_sender_info ul#ft_wpecards_sender li input { width:224px; border:solid 1px #666666; color:#666666; font-family: Arial; font-size:12px; padding:2px } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_message_group { float:left; padding:10px 0 0 0 } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_message_group ul#ft_wpecards_message_info { padding:0; margin:0; list-style:none; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_message_group ul#ft_wpecards_message_info li { display:block; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0 0 0 10px; background-image:none; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_message_group ul#ft_wpecards_message_info li textarea { width:464px; height:100px; border:solid 1px #666666; color:#666666; font-family: Arial; font-size:12px; padding:2px; clear:both; float:left } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_message_group ul#ft_wpecards_message_info li.ft_wpecards_message_item { width:466px; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_message_group ul#ft_wpecards_message_info li.ft_wpecards_message_item .left, .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_message_group ul#ft_wpecards_message_info li.ft_wpecards_message_item .right { font-size:11px; padding:2px 0; color:#666666; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_message_group ul#ft_wpecards_message_info li.ft_wpecards_message_item .left a { padding:0 2px 0 2px; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_recipient_info { float:left; padding:10px 0 0 0 } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_recipient_info ul#ft_wpecards_recipient { padding:0; margin:0; list-style:none; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_recipient_info ul#ft_wpecards_recipient li { display:block; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0 0 0 10px; background-image:none; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_recipient_info ul#ft_wpecards_recipient li input { width:224px; border:solid 1px #666666; color:#666666; font-family: Arial; font-size:12px; padding:2px } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_heading_info { float:left; padding:10px 0 0 0 } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_heading_info ul#ft_wpecards_heading { padding:0; margin:0; list-style:none; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_heading_info ul#ft_wpecards_heading li { display:block; float:left; list-style-image:none; list-style-position:outside; list-style-type:none; padding:0 0 0 10px; background-image:none; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_heading_info ul#ft_wpecards_heading li select { width:229px; border:solid 1px #666666; color:#666666; font-family: Arial; font-size:12px; padding:2px } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_submit_button { float:left; padding:15px 27px 10px 0; float:right } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_submit_button #ft_wpecards_submit_name { background-image:url(../images/button_preview.jpg); width:138px; height:41px; display:block; border:none; text-indent:-99999em; cursor:pointer; } .send-esympathy-cards-page #content .col-1 #ft_wpecards_previewing_card #ft_wpecards_submit_button #ft_wpecards_submit_name:hover { background-position:left -41px; } a.enquire { background-image:url(../images/button_enquire.jpg); width:138px; height:41px; display:block; border:none; text-indent:-99999em; cursor:pointer; } a.enquire:hover { background-position:left -41px; } .page-template-page-ecards-php .col-2 { display:none; } .send-esympathy-cards-page #content .col-2 { display:block; float:left; width:178px; padding:30px 20px 0 36px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; } .send-esympathy-cards-page #content .col-2 h2.need-help { background-image:url(../images/text_need_help.jpg); display:block; width:98px; height:20px; text-indent:-99999em; line-height:0; padding:0; margin:0 0 10px; } .send-esympathy-cards-page #content .col-1 .ecard-template, .page-template-page-ecards-php #content .col-1 .ecard-template { height:456px; width:658px; margin:20px 0 0 0 } .send-esympathy-cards-page #content .col-1 .ecard-template .top, .page-template-page-ecards-php #content .col-1 .ecard-template .top, .send-esympathy-cards-page #content .col-1 .ecard-template .top-black, .page-template-page-ecards-php #content .col-1 .ecard-template .top-black { padding:20px 0 0 20px; } .send-esympathy-cards-page #content .col-1 .ecard-template .top h4, .page-template-page-ecards-php #content .col-1 .ecard-template .top h4 { color:#FFFFFF; font-size:60px; padding:0 0 10px 0; } .send-esympathy-cards-page #content .col-1 .ecard-template .top-black h4, .page-template-page-ecards-php #content .col-1 .ecard-template .top-black h4 { color:#1f2120; font-size:60px; padding:0 0 10px 0; } .send-esympathy-cards-page #content .col-1 .ecard-template .content, .page-template-page-ecards-php #content .col-1 .ecard-template .content { color:#FFFFFF; padding:0 20px 0 400px; } .send-esympathy-cards-page #content .col-1 .ecard-template .content p, .page-template-page-ecards-php #content .col-1 .ecard-template .content p { color:#FFFFFF; } .send-esympathy-cards-page #content .col-1 .ecard-template .content-black, .page-template-page-ecards-php #content .col-1 .ecard-template .content-black { color:#1f2120; padding:0 20px 0 400px; } .send-esympathy-cards-page #content .col-1 .ecard-template .content-black p, .page-template-page-ecards-php #content .col-1 .ecard-template .content-black p { color:#1f2120; } .send-esympathy-cards-page #content .col-1 #ft_wpecard_confirm { padding:10px 0 0 0; } .send-esympathy-cards-page #content .col-1 #ft_wpecard_confirm #ft_wpecards_edit_card { float:left; background-image:url(../images/button_edit.jpg); width:138px; height:41px; display:block; text-indent:-99999em; } .send-esympathy-cards-page #content .col-1 #ft_wpecard_confirm #ft_wpecards_edit_card:hover { background-position:left -41px; } .send-esympathy-cards-page #content .col-1 #ft_wpecard_confirm input.button { background-image:url(../images/button_send.jpg); border:medium none; cursor:pointer; display:block; height:41px; text-indent:-99999em; width:138px; float:left; margin:0 0 0 384px !important; margin:0 0 0 260px; } .send-esympathy-cards-page #content .col-1 #ft_wpecard_confirm input.button:hover { background-position:left -41px; } /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End Images */ /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; float:left } #sidebar #searchform #s { width: 108px; padding: 2px; } #sidebar #searchsubmit { padding: 1px; } select { width: 130px; } #commentform p { clear:both; float:left; padding:5px 0 5px 0; margin:0; } #commentform label { float:left; width:400px; } #commentform input { width:217px; padding: 2px; float:left; border:solid 1px #a8a8a8; } #commentform { margin: 5px 10px 0 0; float:left; padding:0 0 20px 0 } #commentform textarea { width:400px; padding: 2px; float:left; border:solid 1px #a8a8a8; font-family:Arial, Helvetica, sans-serif; font-size:12px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { background-image:url(../images/button_submit.jpg); width:67px; height:31px; margin:0 0 0 340px; display:block; padding:0; border:none; cursor:pointer; text-indent:-9999em; } #commentform #submit:hover { background-position:left bottom; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding:10px 0; text-align: justify; } .commentlist li { margin:0; padding:10px 0 10px 27px; list-style: none; background-image:url(../images/icon_butterfly.jpg); background-repeat:no-repeat; background-position:0 10px; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin:0; padding:0; } .commentlist .comment-author { text-align:right; } .children { padding: 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block;} /* End Comments */ #content .col-1 #accordeon-menu ul { padding:0; margin:0; list-style:none; width:190px;} #content .col-1 #accordeon-menu ul li { padding:0 0 2px 0; margin:0; width:190px; list-style:none; } #content .col-1 #accordeon-menu ul li.morepadding { padding:0 0 6px 0; } #content .col-1 #accordeon-menu ul li a { background-color:#F3F3F3; color:#2B2B2B; display:block; height:auto; padding:7px 0 7px 10px; width:180px; line-height:1.6em; } #content .col-1 #accordeon-menu ul li a:hover { background-color:#F3F3F3; color:#F56586; text-decoration:none; } #content .col-1 #accordeon-menu ul li a.open { background-color:#F3F3F3; color:#F56586; text-decoration:none; } #content .col-1 #accordeon-menu ul ul { padding:0; margin:0; list-style:none; width:190px;} #content .col-1 #accordeon-menu ul ul li { padding:0; margin:0; width:190px; list-style:none; border-bottom:1px solid #F3F3F3 } #content .col-1 #accordeon-menu ul ul li.last { border:none; } #content .col-1 #accordeon-menu ul ul li a { background-color:#FFF; color:#2B2B2B; display:block; height:auto; padding:7px 0 7px 15px; width:175px; } #content .col-1 #accordeon-menu ul ul li a:hover { color:#2EBCAA; background-color:#FFFFFF; } #content .col-1 #accordeon-menu ul ul li a.open { color:#2EBCAA; background-color:#FFFFFF; } .contact-us-page #content .col-1 { width:321px; float:left; padding:30px 22px 0 32px; } .contact-us-page #content .col-2 { width:332px; float:left; padding:30px 11px 0 0; } .contact-us-page #content .col-2 .map { background-image:url(../images/bg_map_iframe.jpg); background-repeat:no-repeat; width:322px; height:322px; padding:5px; } .contact-us-page #content .col-2 .map iframe { border:none; margin:0; padding:0; width:322px; height:322px; } .contact-us-page #content .col-3 { width:200px; float:left; padding:30px 22px 0 16px; background-image:url(../images/bg_grey_line.jpg); background-repeat:no-repeat; background-position:left 30px; } .contact-us-page #content .col-3 .item { padding:0 0 10px 0 } .contact-us-page #content .col-3 .item p { padding:0; margin:0; } .contact-us-page #content .col-3 .item p.title { padding:0; margin:0; color:#2EBCAA} .contact-us-page #content .col-3 .item p a { color:#F598AB; }