/* ------------------------------------------------- URL: http://www.tonrose.co.uk/ Created by Forte Trinity Made to work by Rik Hopkinson ------------------------------------------------- CONTENTS 1: SITE MASTER SETUP (including reset from Tripoli) 2: TYPOGRAPHY/DESIGN 3: LAYOUT 3.1 main form 3.2 container 3.3 header 3.4 content 3.5 primary content 3.6 secondary content 3.7 tertiary content 3.8 footer 4: GLOBAL ELEMENTS / CONTROLS 4.1 accessibility 4.2 h tags 4.3 flash banner 4.4 primary navigation 4.5 short attention span 5: TEMPLATE / PAGE SPECIFIC 5.1 index widgets 5.2 h tags 5.3 list styles 5.3 Jquery Sub Slider 6: USEFUL CLASSES /* ----------------------------------------------- 1. SITE MASTER SETUP ----------------------------------------------- */ /* Imported mostly from Tripoli reset.css - http://www.monc.se/tripoli/css/reset.css */ * { margin:0; padding:0; text-decoration:none; outline:none } code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font:inherit } a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table { border:none } table { border-collapse:collapse; border-spacing:0 } caption, th, td, center { text-align:left; vertical-align:top } q { quotes:"" "" } font { color:inherit !important; font:inherit !important; color:inherit !important } marquee { overflow:inherit !important; } blink { text-decoration:none } nobr { white-space:normal } /* end of import */ body { height:100%; text-align:center; min-width:775px } ul { list-style:disc outside } ol { list-style:decimal outside } /* ----------------------------------------------- 2. TYPOGRAPHY / DESIGN ----------------------------------------------- */ html { font-size:62.5%; font-family:arial, "verdana", microsoft sans serif, helvetica, sans-serif; line-height:1.4em; color:#000 } code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea { font-size:1.1em; font-family:arial, "verdana", microsoft sans serif, helvetica, sans-serif } h1 { font-size:1.6em; color:#000; margin:0 0 12px 0 } h2 { font-size:1.5em; color:#000; margin:0 0 12px 0 } h3 { font-size:1.4em; color:#000; margin:0 0 12px 0 } h4 { font-size:1.3em; color:#000; margin:0 0 12px 0 } h5 { font-size:1.2em; color:#000; margin:0 0 12px 0 } h6 { font-size:1.1em; color:#000; margin:0 0 12px 0 } p { font-size:1.2em; color:#666; margin:0 0 12px 0; line-height:140%; } a { color: #2d2c2c; text-decoration:none; } a:hover { color: #000; text-decoration:underline } a:visited { } a:active { } ul { margin:0 0 12px 0; font-size:1.0em } ol { margin:0 0 12px 0; font-size:1.0em } dl { margin:0 0 12px 0; font-size:1.0em } hr { display:block; background:#aaa; color:#aaa; width:100%; height:1px; border:none } address { font-size:1.2em; color:#000 } blockqoute { } table { border-top:1px solid #ccc; border-left:1px solid #ccc } th, td { border-bottom:1px solid #ddd; border-right:1px solid #ccc } fieldset { } legend { background:#fff; } label { font-size:1.2em } textarea, input[type='text'], select { border:1px solid #ccc; background:#fff; font-size:12px; color:#000; margin-left: 0.5em; padding:3px 0 3px 3px; } /* 2.1 - index page */ h1.tonrose-logo-ttl {float:left } h1.tonrose-logo-ttl a { height:120px; width:120px; background:url(../images/titles/tonrose-logo.gif) no-repeat; display:block; text-indent:-9999px; padding:0; margin:0; clear:left; } h2.ttl-select-products {} /* ----------------------------------------------- 3. LAYOUT ----------------------------------------------- */ /* 3.1 - main form */ form.main { width:100%; height:100% } /* 3.2 - container */ div#container { background:#2d2c2c } /* 3.3 - header */ div#header { width:100%; padding:20px 0 20px 0; background:#1f1c1a } /* 3.4 - content */ div#content-background { background:url(../images/backgrounds/home.jpg) top no-repeat } div#content { width:947px; margin:0 auto; padding-bottom:50px; position:relative; z-index:0; } /* 3.5 - primary content */ div#primary-content { text-align:left; } body#sub-page-layout div#primary-content { float:right; width:626px; background:#fff; display:block; text-align:left; margin:20px 0 0 0; padding-bottom:20px } body#sub-page-layout div#primary-content p { padding:0px 10px 10px 10px; line-height:145% } body#sub-page-layout div#primary-content p.last { padding:0px 10px 20px 10px; line-height:145% } body#sub-page-layout-products div#primary-content { float:right; width:626px; background:#fff; display:block; text-align:left; margin:20px 0 0 0; padding-bottom:20px } body#sub-page-layout-products div#primary-content p { padding:0px 10px 0px 10px; line-height:145% } body#sub-page-layout-products div#primary-content p.last { padding:0px 10px 20px 10px; line-height:145% } body#sub-page-layout.boring-stuff div#primary-content p { margin-top:10px; padding:0 10px; line-height:140% } body#sub-page-layout.the-team div#primary-content p { padding:10px 10px 0px 10px; line-height:145% } /* 3.6 - secondary content */ div#secondary-content { float:left } body#sub-page-layout div#secondary-content { width:307px; background:#fff; display:block; text-align:left; margin:20px 0 0 0; } body#sub-page-layout div#secondary-content p { padding:10px; line-height:145% } body#sub-page-layout-products div#secondary-content { width:307px; background:#fff; display:block; text-align:left; margin:20px 0 0 0; } body#sub-page-layout-products div#secondary-content p { padding:10px 10px 0px 10px; line-height:140%; margin-top:10px; padding:0 10px; } body#sub-page-layout.boring-stuff div#secondary-content { width:307px; background:#fff; display:block; text-align:left; margin:20px 0 0 0; } body#sub-page-layout.boring-stuff div#secondary-content p { margin-top:10px; padding:0 10px; line-height:140% } body#sub-page-layout.the-team div#secondary-content { width:307px; background:#fff; display:block; text-align:left; margin:20px 0 0 0; } body#sub-page-layout.the-team div#secondary-content p { padding:10px; line-height:145% } body#sub-page-layout.contact div#secondary-content { width:307px; background:#fff; display:block; text-align:left; margin:20px 0 0 0; } /* 3.7 - tertiary content */ div#tertiary-content { } /* 3.8 - footer */ div#footer { background:#1f1c1a url(../images/global/footer-background.jpg) top center no-repeat; display:block } div#footer img { padding:20px 0px 35px 40px } div#footer p { float:left; font-size:0.9em; } div#footer p a { color:#dcaf42; text-decoration:none; } div#footer p a:hover { color:#83776f } .footer-navigation { float:left; margin:20px 30px 0 0; width:180px; font-size:0.9em } .footer-navigation li { margin:0; list-style:none; padding:5px 0px 5px 0px; border-bottom:1px solid #453b26; } .footer-navigation li a { color:#83776f; text-decoration:none; } .footer-navigation li a:hover { color:#fff } div#basescript { margin-top:50px } ul#basewords { list-style:none; clear:both; padding-top:20px } ul#basewords li { display:inline; margin-right:6px; color:#666; font-size:0.9em } /* 3.9 - wrapper */ .wrapper { width:947px; margin:0 auto; position:relative; text-align:left; } /* ----------------------------------------------- 4. GLOBAL ELEMENTS / CONTROLS ----------------------------------------------- */ /* 4.1 - accessibility */ ul#skiplinks { display:none } ul#skiplinks a, ul#skiplinks a:hover, ul#skiplinks a:visited { position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden } ul#skiplinks a:active, ul#skiplinks a:focus { position:static; width:auto; height:auto } /* 4.2 h tags */ #name-ttl { height:39px; background:url(../images/titles/name-ttl.jpg) no-repeat; display:block; text-indent:-9999px; padding:0; margin:0 } /* 4.3 flash banner */ #flash-banner { margin:15px 0 0 0 } #flash-banner-subs, flash-banner-subs2, flash-banner-subs3, flash-banner-subs4 { height:311px; } /* 4.4 primary navigation */ ul#primary-navigation { float:right; margin:0 } ul#primary-navigation li {float:left; margin:0; list-style:none } ul#primary-navigation li a { overflow:hidden } ul#primary-navigation li a:hover { background-position:50% 100% } ul#primary-navigation-lower-tier { float:right; margin:76px 0 0 0 } ul#primary-navigation-lower-tier li {float:left; margin:0; list-style:none } ul#primary-navigation-lower-tier li a { overflow:hidden } ul#primary-navigation-lower-tier li a:hover { background-position:50% 100% } /* buttons */ #nav-home {width:57px; text-indent:-3000px} #nav-home a {width:57px; height:14px; background:url(../images/buttons/home-btn.gif) top left no-repeat; display:block} #nav-the-team {width:89px; text-indent:-3000px} #nav-the-team a {width:89px; height:14px; background:url(../images/buttons/the-team-btn.gif) top left no-repeat; display:block} #nav-boring-stuff {width:150px; text-indent:-3000px} #nav-boring-stuff a {width:150px; height:14px; background:url(../images/buttons/boring-stuff-btn.gif) top left no-repeat; display:block} #nav-contact {width:66px; text-indent:-3000px} #nav-contact a {width:66px; height:14px; background:url(../images/buttons/contact-btn.gif) top left no-repeat; display:block} /* secondary navigation */ #nav-sheets {width:187px; text-indent:-3000px} #nav-sheets a {width:187px; height:30px; background:url(../images/buttons/sheets-btn.gif) top left no-repeat; display:block} #nav-pillowcases {width:109px; text-indent:-3000px} #nav-pillowcases a {width:109px; height:30px; background:url(../images/buttons/pillowcases-btn.gif) top left no-repeat; display:block} #nav-duvet-covers {width:125px; text-indent:-3000px} #nav-duvet-covers a {width:125px; height:30px; background:url(../images/buttons/duvet-covers-btn.gif) top left no-repeat; display:block} #nav-towels {width:77px; text-indent:-3000px} #nav-towels a {width:77px; height:30px; background:url(../images/buttons/towels-btn.gif) top left no-repeat; display:block} #nav-table-linen {width:109px; text-indent:-3000px} #nav-table-linen a {width:109px; height:30px; background:url(../images/buttons/table-linen-btn.gif) top left no-repeat; display:block} #nav-kitchen-linen {width:125px; text-indent:-3000px} #nav-kitchen-linen a {width:125px; height:30px; background:url(../images/buttons/kitchen-linen-btn.gif) top left no-repeat; display:block} #nav-filled-products {width:132px; text-indent:-3000px} #nav-filled-products a {width:132px; height:30px; background:url(../images/buttons/filled-products-btn.gif) top left no-repeat; display:block} body.index #nav-home a { background-position:50% -14px } body.the-team #nav-the-team a { background-position:50% -14px } body.boring-stuff #nav-boring-stuff a { background-position:50% -14px } body.contact #nav-contact a { background-position:50% -14px } body.sheets #nav-sheets a { background-position:50% -30px } body.pillowcases #nav-pillowcases a { background-position:50% -30px } body.duvet-covers #nav-duvet-covers a { background-position:50% -30px } body.towels #nav-towels a { background-position:50% -30px } body.table-linen #nav-table-linen a { background-position:50% -30px } body.kitchen-linen #nav-kitchen-linen a { background-position:50% -30px } body.filled-products #nav-filled-products a { background-position:50% -30px } /* 4.5 short attention span */ div#short-attention-span { } div#short-attention-span a { position:absolute; top:0px; left:310px; cursor:pointer; display:block; width:243px; height:72px; background:url(../images/buttons/short-attention-span.gif) no-repeat; text-indent: -9999em; } div#short-attention-span a:hover { background-position:50% 100% } div#short-attention-span-toggle { position:absolute; width:768px; height:601px; top:-650px; left:100px; display:none; background:url(../images/others/short-attention-test.png) top center; line-height:18px; z-index:99; cursor:pointer; display:block; } div#short-attention-span-toggle-close { display:block; width:33px; height:33px; } div#short-attention-span-toggle-close a { position:absolute; top:48px; left:691px; cursor:pointer; display:block; width:33px; height:33px; background:url(../images/buttons/short-attention-span-close.gif) no-repeat; text-indent: -9999em; } div#short-attention-span-toggle-close a:hover { background-position:50% 100% } div#short-attention-span-toggle-contact { display:block; width:144px; height:72px; } div#short-attention-span-toggle-contact a { position:absolute; top:482px; left:576px; cursor:pointer; display:block; width:144px; height:59px; background:url(../images/buttons/short-attention-span-contact.gif) no-repeat; text-indent: -9999em; } div#short-attention-span-toggle-contact a:hover { background-position:50% 100% } /* 4.5 Boring Stuff - Flashbook */ div#flashbook-brochure { } div#flashbook-brochure a { display:block; width:195px; height:14px; background:url(../images/buttons/flashbook-btn.gif) no-repeat; text-indent: -9999em; } div#flashbook-brochure a:hover { background-position:50% 100% } /* ----------------------------------------------- 5. TEMPLATE/PAGE SPECIFIC ----------------------------------------------- */ /* 5.1 index widgets */ .read-more { } .read-more a { width:84px; height:24px; background:url(../images/buttons/read-more.png) top left no-repeat; display:block; text-indent:-3000px; margin:0 0 0 195px } .read-more-widget { } .read-more-widget a { width:84px; height:24px; background:url(../images/buttons/read-more.png) top left no-repeat; display:block; text-indent:-3000px; } .read-more-mid-widget { } .read-more-mid-widget a { width:84px; height:24px; background:url(../images/buttons/read-more.png) top left no-repeat; display:block; text-indent:-3000px; margin:0 0 0 215px } dl#news-list { width:280px; float:left; padding:0 0 0 10px; } dl#news-list dt { font-weight:bold; font-size:1.2em; color:#1f1c1a; padding:5px 0 5px 0; border-bottom:dashed medium #f0e9e4 } dl#news-list dd { padding:5px 0 5px 0; color:#333333; font-size:1.2em; line-height:140%; } dl#news-list dd a { overflow:hidden } dl#news-list dd a:hover { background-position:50% 100% } dl#join-list { width:300px; float:left; padding: 0.5em; } dl#join-list dt { font-weight:bold; font-size:1.2em; color:#1f1c1a; padding:5px 0 5px 0; border-bottom:dashed medium #f0e9e4 } dl#join-list dd { padding:5px 0 5px 0; color:#333333; font-size:1.2em; line-height:140%; } dl#join-list dd a { overflow:hidden } dl#join-list dd a:hover { background-position:50% 100% } dl#textile-list { width:287px; float:left; padding: 0.5em; } dl#textile-list dt { font-weight:bold; font-size:1.2em; color:#1f1c1a; padding:5px 0 5px 0; border-bottom:dashed medium #f0e9e4 } dl#textile-list dd { padding:5px 0 5px 0; color:#333333; font-size:1.2em; line-height:140%; } dl#textile-list dd a { overflow:hidden } dl#textile-list dd a:hover { background-position:50% 100% } dl#tour-list { width:287px; float:left; padding: 0.5em; } dl#tour-list dt { font-weight:bold; font-size:1.2em; color:#1f1c1a; padding:5px 0 5px 0; border-bottom:dashed medium #f0e9e4 } dl#tour-list dd { padding:5px 0 5px 0; color:#333333; font-size:1.2em; line-height:140%; } dl#tour-list dd a { overflow:hidden } dl#tour-list dd a:hover { background-position:50% 100% } dl#boring-list { width:300px; float:left; padding: 0.5em; } dl#boring-list dt { font-weight:bold; font-size:1.2em; color:#1f1c1a; padding:5px 0 5px 0; border-bottom:dashed medium #f0e9e4 } dl#boring-list dd { padding:5px 0 5px 0; color:#333333; font-size:1.2em; line-height:140%; } dl#boring-list dd a { overflow:hidden } dl#boring-list dd a:hover { background-position:50% 100% } .download-brochure { } .download-brochure a { width:130px; height:24px; background:url(../images/buttons/download-brochure.gif) top left no-repeat; display:block; text-indent:-3000px; float:right } .new-account { } .new-account a { width:130px; height:24px; background:url(../images/buttons/new-account.gif) top left no-repeat; display:block; text-indent:-3000px; float:left } dl#house-list { width:287px; float:left; padding: 0.5em; background:url(../images/others/thol-logo.jpg) no-repeat; padding-top:85px } dl#house-list dt { font-weight:bold; font-size:1.2em; color:#1f1c1a; padding:5px 0 5px 0; border-bottom:dashed medium #f0e9e4 } dl#house-list dd { padding:5px 0 5px 0; color:#333333; font-size:1.2em; line-height:140%; } dl#house-list dd a { overflow:hidden } dl#house-list dd a:hover { background-position:50% 100% } dl#survey-list { width:287px; float:left; padding: 0.5em; } dl#survey-list dt { font-weight:bold; font-size:1.2em; color:#1f1c1a; padding:5px 0 5px 0; border-bottom:dashed medium #f0e9e4 } dl#survey-list dd { padding:5px 0 5px 0; color:#333333; font-size:1.2em; line-height:140%; } dl#survey-list dd a { overflow:hidden } dl#survey-list dd a:hover { background-position:50% 100% } dl#ethnical-list { width:300px; float:left; padding: 0.5em; background:url(../images/others/ethnical-bg.jpg) no-repeat; padding-top:145px } dl#ethnical-list dt { font-weight:bold; font-size:1.2em; color:#1f1c1a; padding:5px 0 5px 0; border-bottom:dashed medium #f0e9e4 } dl#ethnical-list dd { padding:5px 0 5px 0; color:#333333; font-size:1.2em; line-height:140%; } dl#ethnical-list dd a { overflow:hidden } dl#ethnical-list dd a:hover { background-position:50% 100% } dl#scr-list { width:287px; float:left; padding: 0.5em; } dl#scr-list dt { font-weight:bold; font-size:1.2em; color:#1f1c1a; padding:5px 0 5px 0; border-bottom:dashed medium #f0e9e4 } dl#scr-list dd { padding:5px 0 5px 0; color:#333333; font-size:1.1em; line-height:140%; } dl#scr-list dd a { overflow:hidden } dl#scr-list dd a:hover { background-position:50% 100% } div#video { background:url(../images/others/tour-temp.gif) no-repeat; padding:0 0 167px 0 ; margin:8px; } body.index div#sheets { background:url(../images/others/sheets.jpg) no-repeat; } body.index div#sheets p { width:245px; color:#000000 } body.index div#sheets a { overflow:hidden } body.index div#sheets a:hover { background-position:50% 100% } body.index div#towels { background:url(../images/others/towels.jpg) no-repeat; } body.index div#towels p { width:215px; color:#000000 } body.index div#towels a { overflow:hidden } body.index div#towels a:hover { background-position:50% 100% } body.index div#pillowcases { background:url(../images/others/pillowcases.jpg) no-repeat; } body.index div#pillowcases p { width:255px; color:#000000 } body.index div#pillowcases a { overflow:hidden } body.index div#pillowcases a:hover { background-position:50% 100% } body.index div#table { background:url(../images/others/table.jpg) no-repeat; } body.index div#table p { width:215px; color:#000000 } body.index div#table a { overflow:hidden } body.index div#table a:hover { background-position:50% 100% } body.index div#duvet { background:url(../images/others/duvet.jpg) no-repeat; } body.index div#duvet p { width:215px; color:#000000 } body.index div#duvet a { overflow:hidden } body.index div#duvet a:hover { background-position:50% 100% } body.index div#kitchen { background:url(../images/others/kitchen.jpg) no-repeat; } body.index div#kitchen p { width:215px; color:#000000 } body.index div#kitchen a { overflow:hidden } body.index div#kitchen a:hover { background-position:50% 100% } body.index div#filled { background:url(../images/others/filled-products.jpg) no-repeat; } body.index div#filled p { width:215px; color:#000000 } body.index div#filled a { overflow:hidden } body.index div#filled a:hover { background-position:50% 100% } /* 5.2 h-tags */ div#secondary-content h3 { margin:10px } /* Generic Sub Tags */ #general-info-ttl { width:172px; height:35px; background:url(../images/htags/the-team/general-info-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto 0 9px; float:left } #its-your-choice-ttl { width:172px; height:35px; background:url(../images/htags/the-team/its-your-choice-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto 0 9px; float:left } #designed-to-last-ttl { width:172px; height:35px; background:url(../images/htags/the-team/designed-to-last-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto 0 9px; float:left } #the-full-range-ttl { width:172px; height:35px; background:url(../images/htags/the-team/the-full-range-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto 0 9px; float:left } body.the-tour #primary-content{width:947px!important;} #thetour{padding:5px;} /* The Team Page */ #the-team-ttl { width:307px; height:50px; background:url(../images/htags/the-team/the-team-ttl.png) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #mark-shotton-ttl { width:626px; height:50px; background:url(../images/htags/the-team/mark-shotton-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #susan-cleuit-ttl { width:626px; height:50px; background:url(../images/htags/the-team/susan-cleuit-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #paul-hindley-ttl{ width:626px; height:50px; background:url(../images/htags/the-team/paul-hindley-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #chris-kingsford-ttl{ width:626px; height:50px; background:url(../images/htags/the-team/chris-kingsford-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #keith-wright-ttl{ width:626px; height:50px; background:url(../images/htags/the-team/keith-wright-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #terry-sheldon-ttl { width:626px; height:50px; background:url(../images/htags/the-team/terry-sheldon-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } body.the-team #primary-content{width:947px!important;} /* The Boring Stuff Page */ #boring-stuff-ttl { width:307px; height:50px; background:url(../images/htags/boring-stuff/boring-stuff-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #terms-conditions-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/terms-conditions-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #new-account-form-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/new-account-form-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #company-overview-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/company-overview-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #research-development-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/research-development-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #service-distribution-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/service-distribution-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #customer-service-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/customer-service-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #company-policy-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/company-policy-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #technical-support-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/technical-support-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #disaster-recovery-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/disaster-recovery-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #environmental-policy-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/environmental-policy-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #sponser-a-child-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/sponser-a-child-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #new-brochure-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/new-brochure-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #wash-programmes-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/wash-programmes-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #what-is-ultima-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/what-is-ultima-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #company-structure-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/company-structure-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #customer-survey-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/customer-survey-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #my-order-status-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/my-order-status-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #order-delivery-product-ttl { width:626px; height:50px; background:url(../images/htags/boring-stuff/order-delivery-product-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } /* ----- PRODUCTS PAGES START ----- */ #contact-ttl { width:307px; height:50px; background:url(../images/htags/contact-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #read-all-about-it-ttl { width:626px; height:50px; background:url(../images/htags/read-all-about-it-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #fill-in-our-online-form-ttl { width:626px; height:50px; background:url(../images/htags/fill-in-our-online-form-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } .good-ttl { width:172px; height:35px; background:url(../images/htags/good-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto 0 9px; float:left } .better-ttl { width:172px; height:35px; background:url(../images/htags/better-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto 0 9px; float:left } .best-ttl { width:172px; height:35px; background:url(../images/htags/best-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto 0 9px; float:left } /* The Sheets Page */ #sheets-ttl { width:307px; height:50px; background:url(../images/htags/sheets/sheets-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } /* The Pillowcases Page */ #pillowcases-ttl { width:307px; height:50px; background:url(../images/htags/pillowcases/pillowcases-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } /* The Duvet Covers Page */ #duvet-covers-ttl { width:307px; height:50px; background:url(../images/htags/duvet-covers/duvet-covers-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } /* The Towels Page */ #towels-ttl { width:307px; height:50px; background:url(../images/htags/towels/towels-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #bath-mats-ttl { width:626px; height:50px; background:url(../images/htags/towels/bath-mats-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #bath-robes-ttl { width:626px; height:50px; background:url(../images/htags/towels/bath-robes-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } /* The Table Linen Page */ #table-linen-ttl { width:307px; height:50px; background:url(../images/htags/table-linen/table-linen-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #cotton-ttl { width:626px; height:50px; background:url(../images/htags/table-linen/cotton-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #customise-ttl { width:626px; height:50px; background:url(../images/htags/table-linen/customise-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #spun-polyester-ttl { width:626px; height:50px; background:url(../images/htags/table-linen/spun-polyester-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #spun-polyester-ivy-leaf-ttl { width:626px; height:50px; background:url(../images/htags/table-linen/spun-polyester-ivy-leaf-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #spun-polyester-plain-ttl { width:626px; height:50px; background:url(../images/htags/table-linen/spun-polyester-plain-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #filled-products-ttl { width:626px; height:50px; background:url(../images/htags/table-linen/filled-products-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } /* The Kitchen Linen Page */ #kitchen-linen-ttl { width:307px; height:50px; background:url(../images/htags/kitchen-linen/kitchen-linen-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #kitchen-linen-long-ttl { width:626px; height:50px; background:url(../images/htags/kitchen-linen/kitchen-linen-long-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } /* The Filled Products Page */ #filled-products-ttl { width:307px; height:50px; background:url(../images/htags/filled-products-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } /* ----- PRODUCTS PAGES END ----- */ /* Check this Out Page */ #check-this-out-ttl { width:307px; height:50px; background:url(../images/htags/check-this-out-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #because-we-know-ttl { width:626px; height:50px; background:url(../images/htags/because-we-know-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } /* FAQs Page */ #faqs-ttl { width:307px; height:50px; background:url(../images/htags/faqs-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } #all-your-questions-ttl { width:626px; height:50px; background:url(../images/htags/all-your-questions-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } dl#faq-list { margin:10px; } dl#faq-list dt { font-weight:bold; font-size:1.2em; color:#572600; padding:5px 0 5px 25px; background:url(../images/others/q.gif) 0 50% no-repeat; } dl#faq-list dd { font-weight:normal; font-size:1.2em; color:#666; padding:5px 0 5px 25px; background:url(../images/others/a.gif) 0 50% no-repeat; } dl#faq-list dd.no-bullet { font-weight:normal; font-size:1.2em; color:#666; padding:5px 0 5px 25px; background:none; } /* News Page */ #news-ttl { width:307px; height:50px; background:url(../images/htags/news-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } div.news-links { text-align:center } div.news-article { margin:15px 10px 10px 10px } div.news-article h4 { font-size:1.6em; color:#81cec1; font-weight:normal } div.news-article h5 { font-size:1.4em; font-weight:normal } div.news-article p { color:#999; margin-left:-10px } /* Search page */ #search-results-ttl { width:626px; height:50px; background:url(../images/htags/search-results-ttl.gif) no-repeat; display:block; text-indent:-9999px; margin:0 auto; } div#site-search { width:598px; margin:15px 0 14px 14px; background:url("../images/backgrounds/search-form-top.gif") no-repeat top } div#site-search form { width:598px; padding:25px 0 15px 0; background:url("../images/backgrounds/search-form-bottom.gif") no-repeat bottom; float:left } div#site-search form fieldset#search-form { width:415px; margin-left:62px; float:left } div#site-search form fieldset#search-button { width:113px; float:right } div#site-search form input.search-box { width:400px; border:1px solid #dcdcdc; padding:4px } div#site-search form input { margin:0 0 10px 0 } div#site-search form input[type=radio] { float:left; display:block; width:15px } div#site-search form ol { margin-top:5px } div#site-search form ol li { list-style:none; float:left } div#site-search form ol li label { font-size:1em; float:left; display:block; margin:0 15px 0 5px } div.search-pagination { text-align:center } /* 5.3 list styles */ ul.list-menu ul { } ul.list-menu li { width:290px; list-style:none; margin:0 0 1px 8px; } ul.list-menu li.last { margin:0 0 9px 8px } ul.list-menu li a { font-size:1.2em; color:#fff; background:#572600; display:block; padding:9px 6px; text-decoration:none; font-weight:lighter } ul.list-menu li a:hover { background:#81cec1 } ul.normal-list { list-style:none; margin:10px 0 1px 10px; } ul.normal-list li { color:#6d4322; padding:0 0 0 25px; margin:10px 0; background:url("../images/others/tick.gif") 0 50% no-repeat; line-height:150%; font-size:1.2em } ul.sub-list ul { } ul.sub-list li { width:205px; float:left; list-style:none; margin:0 0 1px 0; } ul.sub-list li.last { margin:0 0 9px 8px } dl.sub-lists dl { margin-top:10px } dl.sub-lists dt { font-weight:bold; font-size:1.2em; color:#1f1c1a; padding:5px 0 5px 0; border-bottom:dashed medium #f0e9e4; margin:10px 16px 12px 12px} dl.sub-lists dd { padding:5px 5px 0 12px; color:#666666 } dl.sub-lists dd span { font-weight:bold } dl.sub-lists dd a { overflow:hidden } dl.sub-lists dd a:hover { background-position:50% 100% } dl.search-results-list { margin:0 14px } dl.search-results-list dt { margin:0 0 3px 0 } dl.search-results-list dt a { font-size:1.4em; font-weight:normal; color:#81cec1 } dl.search-results-list dd { font-size:1.2em; color:#333; line-height:150% } dl.search-results-list dd.search-matches { color:#999; font-style:italic; font-size:1em; border-bottom:1px solid #eee; padding:0 0 15px 0; margin:3px 0 15px 0 } ul.search-results-page { list-style:none } ul.search-results-page li { display:inline } ul.results-list { list-style:none; margin:10px 10px 0 10px; padding-top:10px; clear:left; color:#999; border-top:1px solid #eee } dl.search-results { list-style:none; margin-top:10px; font-size:1.2em } dl.search-results dt { font-weight:bold; margin-bottom:3px } dl.search-results dd { padding:0 5px; list-style:none; font-size:0.9em; display:inline } /* 5.4 Jquery Sub Slider */ div#slider { width:626px; margin: 0 auto; position: relative; } .scroll { overflow: auto; position: relative; clear: left; } .scrollContainer div.panel { width:626px; } /* 5.4 The Team Page Styling */ /* 5.5 - Forms on the index */ form.index-form { padding:0 10px 10px 0 } form.index-form .form-box { width:180px } /*Compliance part*/ .compliance{padding-bottom:10px;} .compliance p{padding:0 10px!important; margin-bottom:0px; font-size:11px; border-bottom:medium dashed #F0E9E4; color:#1F1C1A;} .compliance p strong{color:#333333;} .compliance address{font-style:normal; color:#666666; padding:0 10px!important; margin-bottom:0px; font-size:11px} div#footer #social{list-style:none; width:800px;} div#footer #social li{float:left;} div#footer #social li a .iconss{padding:0px!important} /* ----------------------------------------------- 6. USEFUL CLASSES ----------------------------------------------- */ .general-ttl{color:#333333; padding-left:10px;} #largeEmail {padding-left:20px; font-size:24px; font-weight:bold; color:#1f1c1a; line-height:165%} #largeEmail a{ padding-left:0px; font-size:24px; font-weight:bold; color:#572600; line-height:165%} #largeEmail a:hover{font-size:24px; font-weight:bold; color:#1f1c1a; text-decoration:none} .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden } .clr { overflow:hidden; clear:both; height:1px; margin-top:-1px } .la { text-align:left } .ra { text-align:right } .ca { text-align:center } .fl { float:left } .fr { float:right } .vt { vertical-align:top } .vm { vertical-align:middle } .vb { vertical-align:bottom } .nb { border:0 none } .bold { font-weight:bold } .submit-spacing { padding:10px 3px 10px 0; } .tour-spacer { padding:0 0 0 20px } .firstpara { margin-top:10px } .small-font { font-size:0.7em }