body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; background: #ccc; } h1 { float: left; clear: left; margin: 0; padding: 0px 0px 7px 0px; font-size: 25px; color: #99D9D9; font-weight:normal; text-transform: uppercase; width: 100%;} p { clear: left; } img a { text-decoration:none!important; border: none!important; } a { outline: none; } /* Layout */ #wrapper { width: 1000px; position: relative; background: #fbfbfb; margin: auto; } #inner-wrap-welcome { width: 1000px; position: relative; float: left; background:url(images/welcome-bg.jpg); } #inner-wrap-brands { width: 1000px; position: relative; float: left; background:url(images/brands-bg.jpg); } #inner-wrap-jewellery { width: 1000px; position: relative; float: left; background:url(images/jewellery-bg.jpg); } #inner-wrap-independants { width: 1000px; position: relative; float: left; background:url(images/independants-bg.jpg); } #inner-wrap-promotional { width: 1000px; position: relative; float: left; background:url(images/promotional-bg.jpg); } #inner-wrap-lets-talk { width: 1000px; position: relative; float: left; background:url(images/lets-talk-bg.jpg); } #inner-wrap-playboy { width: 1000px; position: relative; float: left; background:url(images/playboy-bg.jpg); } #inner-wrap-paul-smith { width: 1000px; position: relative; float: left; background:url(images/paul-smith-bg.jpg); } #inner-wrap-ted-baker { width: 1000px; position: relative; float: left; background:url(images/ted-baker-bg.jpg); } #inner-wrap-hugo-boss { width: 1000px; position: relative; float: left; background:url(images/hugo-boss-bg.jpg); } #inner-wrap-dvf { width: 1000px; position: relative; float: left; background:url(images/dvf-bg.jpg); } #inner-wrap-asprey { width: 1000px; position: relative; float: left; background:url(images/asprey-bg.jpg); } #inner-wrap-boodles { width: 1000px; position: relative; float: left; background:url(images/boodles-bg.jpg); } #inner-wrap-azendi { width: 1000px; position: relative; float: left; background:url(images/azendi-bg.jpg); } #inner-wrap-garrard { width: 1000px; position: relative; float: left; background:url(images/garrard-bg.jpg); } #inner-wrap-westworld { width: 1000px; position: relative; float: left; background:url(images/westworld-bg.jpg); } #inner-wrap-pickwicks { width: 1000px; position: relative; float: left; background:url(images/pickwicks-bg.jpg); } #inner-wrap-criminal { width: 1000px; position: relative; float: left; background:url(images/criminal-bg.jpg); } #inner-wrap-jellyrolls { width: 1000px; position: relative; float: left; background:url(images/jellyrolls-bg.jpg); } #inner-wrap-cassetto { width: 1000px; position: relative; float: left; background:url(images/cassetto-bg.jpg); } #inner-wrap-cowshed { width: 1000px; position: relative; float: left; background:url(images/cowshed-bg.jpg); } #inner-wrap-jane-churchill { width: 1000px; position: relative; float: left; background:url(images/jane-churchill-bg.jpg); } #inner-wrap-manuel-canovas { width: 1000px; position: relative; float: left; background:url(images/manuel-canovas-bg.jpg); } #inner-wrap-yauatcha { width: 1000px; position: relative; float: left; background:url(images/yauatcha-bg.jpg); } #inner-wrap-imperial-teas { width: 1000px; position: relative; float: left; background:url(images/imperial-teas-bg.jpg); } #inner-wrap-sitemap { width: 1000px; position: relative; float: left; background:url(images/lets-talk-bg.jpg); } #main { float: left; width: 515px; background:url(images/main-bg.jpg) left bottom #fbfbfb; height: 612px;/*border: 1px solid #000000;*/ } #footer { position: relative; clear: both; width: 515px; color: #fff; height: 58px; background:url(images/footer-bg.jpg) center top no-repeat; } #left { float: left; width: 140px; /*border: 1px solid #000000;*/ } /* Menu's */ #menu { padding: 0px 0px 0px 0px; margin: 0; float: left; width: 140px; float: left; /*border: 1px solid #000000;*/ } #menu li { padding: 0; margin: 0; width: 130px; list-style-type: none; font-size: 11px; text-transform: uppercase; color: #4E4D47; line-height: 25px; /*border: 1px solid #000000;*/ } #menu li a { padding: 0px 0px 0px 10px; color: #4E4D47; width: 120px; line-height: 25px; display: block; /*border: 1px solid #000000;*/ text-decoration: none; text-transform: uppercase; } #menu li a:hover { padding: 0px 0px 0px 10px; color: #4E4D47; width: 120px; line-height: 25px; display: block; /*border: 1px solid #000000;*/ text-decoration: none; text-transform: uppercase;} #sub-menu { padding: 0px 0px 0px 0px; margin: 0; float: left; width: 120px; float: left; /*border: 1px solid #000000;*/ } #sub-menu li { padding: 0; margin: 0; width: 120px; list-style-type: none; font-size: 11px; text-transform: uppercase; color: #99D9D9; line-height: 25px; /*border: 1px solid #000000;*/ } #sub-menu li a { padding: 0px 0px 0px 10px; color: #99D9D9; width: 120px; line-height: 25px; display: block; /*border: 1px solid #000000;*/ text-decoration: none; text-transform: uppercase; } #sub-menu li a:hover { padding: 0px 0px 0px 10px; color: #99D9D9; width: 120px; line-height: 25px; display: block; /*border: 1px solid #000000;*/ text-decoration: none; text-transform: uppercase; } #sitemap { padding: 0px 0px 0px 0px; margin: 0; float: left; clear: left; /*border: 1px solid #000000;*/ } #sitemap li { padding: 0; margin: 0; float: left; clear: left; list-style-type: none; font-size: 12px; color: #4E4D47; /*border: 1px solid #000000;*/ } #sitemap li a { color: #4E4D47; /*border: 1px solid #000000;*/ text-decoration: none; } #sitemap li a:hover { color: #4E4D47; /*border: 1px solid #000000;*/ text-decoration: underline!important; } /* End Menu's */ /* Classes */ .content { padding: 10px; font-size: 12px; float: right; width: 350px; color: #000; /*border: 1px solid #000000;*/ } .content a { color: #4E4D47; text-decoration: underline; } .content a:hover { color: #4E4D47; text-decoration: none; } .content-playboy { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_playboy.jpg) 3px bottom no-repeat #3A3933; } .content-paul-smith { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_paul-smith.jpg) 3px bottom no-repeat #3A3933; } .content-ted-baker { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_ted-baker.jpg) 3px bottom no-repeat #3A3933; } .content-hugo-boss { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_hugo-boss.jpg) 3px bottom no-repeat #3A3933; } .content-dvf { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_dvf.jpg) 3px bottom no-repeat #3A3933; } .content-asprey { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_asprey.jpg) 3px bottom no-repeat #3A3933; } .content-boodles { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_boodles.jpg) 3px bottom no-repeat #3A3933; } .content-azendi { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_azendi.jpg) 3px bottom no-repeat #3A3933; } .content-garrard { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_garrard.jpg) 3px bottom no-repeat #3A3933; } .content-westworld { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_westworld.jpg) 3px bottom no-repeat #3A3933; } .content-pickwicks { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_pickwicks.jpg) 3px bottom no-repeat #3A3933; } .content-criminal { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_criminal.jpg) 3px bottom no-repeat #3A3933; } .content-jellyrolls { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_jellyrolls.jpg) 3px bottom no-repeat #3A3933; } .content-cassetto { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_cassetto.jpg) 3px bottom no-repeat #3A3933; } .content-cowshed { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_cowshed.jpg) 3px bottom no-repeat #3A3933; } .content-jane-churchill { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_jane-churchill.jpg) 3px bottom no-repeat #3A3933; } .content-manuel-canovas { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_manuel-canovas.jpg) 3px bottom no-repeat #3A3933; } .content-yauatcha { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_yauatcha.jpg) 3px bottom no-repeat #3A3933; } .content-imperial-teas { padding: 10px; font-size: 12px; float: right; height: 591px; width: 349px; color: #fff; border-bottom: 1px solid #3A3933; background: url(images/content-bg_imperial-teas.jpg) 3px bottom no-repeat #3A3933; } .large-white { color: #fff; font-size: 14px; text-transform: uppercase; } .blue-text { color: #A7DDDD; }