/*----------------------------------------------------- Browser test complete: Internet explorer/Win: 6+ Firefox: 1.5+ ------------------------------------------------------*/ @import url("reset.css"); body { font: 62.5% Arial, sans-serif; background: #FFF url( '../images/bkg/bkg-body.gif' ) repeat-x; color: #717174; padding-bottom: 50px; } #skiplinks { position: absolute; left: -9999px; } h1,h3, h4, h5, h6, p, li, dd { line-height: 1.1em; } /* General -------------------------------------------------------*/ #wrapper { width: 750px; margin: 0 auto 0 auto; overflow: hidden; } #masthead { width: 100%; height: 85px; } #masthead h1 { float: left; margin: 9px 0 0 20px; display: inline; text-indent: -9999px; } #masthead h1 a:link, #masthead h1 a:visited { background: url( '../images/logo.jpg' ) no-repeat; display: block; height: 89px; width: 222px; } #search { float: right; width: 209px; margin: 20px 15px 0 0; display: inline; position: relative; background: url( '../images/bkg/bkg-search.gif' ) no-repeat; clear:right; } #search label { position: absolute; font: 1em bold 'trebuchet ms' , Arial, sans-serif; line-height: 1em; left: 7px; top: 6px; z-index: 1; color: #E50083; } #search p.field { float: left; width: 183px; height: 22px; margin: 3px 0 0 2px; } #search p.field input { width: 178px; border: none; border: #fff; height: 16px; line-height: 16px; font: 1.1em bold 'trebuchet ms' , Arial, sans-serif; color: #E50083; } #search p.action { float: right; } #navigation { width: 750px; height: 4em; } #navigation li { float: left; background: #E50083; padding: 1.1em 0 0.2em; text-align: center; margin-top: 0.5em; height: 2.2em; margin-bottom: 0; } #navigation li a { color: #FFF; text-decoration: none; font-size: 1.3em; line-height: 1.2em; } #navigation .item-1 { width: 44px; text-align: left; padding-left: 20px; } #navigation .item-2 { width: 69px; } #navigation .item-3 { width: 102px; } #navigation .item-4 { width: 114px; } #navigation .item-5 { width: 118px; } #navigation .item-6 { width: 107px; } #navigation .item-7 { width: 85px; } #navigation .item-8 { width: 71px; text-align: right; padding-right: 20px; } #homepage .item-1, #about-us .item-2, #product-listing .item-3, #catalogue .item-4, #ideas-listing .item-3, #product-search .item-3, #search-result .item-3, #enquiry .item-3, #ideas .item-5, #print .item-6, #testimonials .item-7, #contact .item-8, #pcategories .item-4, #plisting .item-4, #prdfinder .item-3, #pdetail .item-4, #pbasket .item-4, #pindex .item-4 { background: #FFF; padding-top: 1.8em; height: 2.2em; margin: 0; } #homepage .item-1 a, #about-us .item-2 a, #product-listing .item-3 a, #catalogue .item-4 a, #ideas-listing .item-3 a, #product-search .item-3 a, #search-result .item-3 a, #enquiry .item-3 a, #ideas .item-5 a, #print .item-6 a, #testimonials .item-7 a, #contact .item-8 a, #pcategories .item-4 a,#prdfinder .item-3 a, #plisting .item-4 a, #pdetail .item-4 a, #pbasket .item-4 a, #pindex .item-4 a { color: #E50083; } #main { padding: 23px 20px 0 20px; background: #fff; } #main .go { margin: 10px 0 10px 0; } #main .error { border: 2px solid #E50083; padding: 15px; margin-bottom: 3em; } #main .error h2 { font-size: 1.6em; font-weight: bold; font-style: italic; margin-bottom: 0.8em; color: #111; } #main .error p { font-size: 1.2em; line-height: 1.27em; margin-bottom: 0.8em; } #main .error ul { padding-left: 20px; } #main .error li { font-size: 1.2em; line-height: 1.27em; list-style: disc; } #footer { clear: both; border-top: 1px solid #D6D6D6; font-size: 1.1em; overflow: hidden; width: 710px; } #footer ul { float: left; margin-top: 0.9em; margin-bottom: 0.8em; width: 370px; overflow: hidden; } #footer li { display: inline; margin-right: 7px; line-height: 1.46em; } #footer li a { color: #545454; text-decoration: none; } #footer div { float: right; margin-top: 0.7em; width: 200px; overflow: hidden; } #footer div p { float: right; } #footer div p img, #footer div p a { display: block; } #footer div p a { margin-left: 10px; } #footer p { clear: left; color: #E50083; } #finditquickdiv { clear: both; border-top: 1px solid #D6D6D6; font-size: 1.1em; overflow: hidden; width: 710px; } /* Homepage Bones -------------------------------------------------------*/ #homepage #header {margin-bottom:2.2em;} /* #homepage #main #content, #homepage #main #blocks {margin-bottom:3.3em;} #homepage #content { float: left; width:280px; } #homepage #content h2 {font-size:3em; font-style:italic; font-weight:bold; color:#111; margin-bottom:0.4em;} #homepage #content h2 span {display:block;font-size:0.7em; font-style:italic; font-weight:bold; margin-top:-0.35em;} #homepage #content p.intro {color:#E50083; font-weight:bold; margin:0} #homepage #content p {font:1.2em Tahoma,Arial,sans-serif; line-height:1.22em; margin-bottom:0.8Em; color:#626262;} #homepage #blocks {float:right; width:397px; padding-top:1.1em; overflow:hidden;} #homepage #blocks div {float:left; width:175px; margin-right:10px;} #homepage #blocks div img {border:1px solid #E50083; margin-bottom:0.9em;} #homepage #blocks div p.intro {color:#E50083; font-size:1.2em; font-weight:bold; margin:0} #homepage #blocks p {line-height:1.2em; margin-bottom:1.1em; font:1.1em Tahoma,Arial,sans-serif;color:#626262;} */ #homepage #masthead { height: 116px; background-color:#e50083;} #homepage #masthead h1 { margin-top: 15px } #homepage #masthead h1 a:link, #homepage #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } /*#homepage #search p.field { background: url(../images/new_searchbox.png) top left no-repeat }*/ #homepage #search p.action { margin-top: -1px } #homepage #navigation { background: white } #homepage ul#nav { width: 140px; float: left; padding-bottom: 20px } #homepage ul#nav h3, #homepage #links h3 { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; font-size: 1.2em; color: black; line-height: 30px; margin-bottom: 5px; font-weight: bold } #homepage ul#nav h3.twoline { height: auto; line-height: 1.2em; padding: 10px 0; margin: 15px 0 5px } #homepage ul#nav li { padding-top: 0.65em; line-height: 1.2em } #homepage ul#nav a { color: #e50083; text-decoration: none; font-size: 1.2em; font-weight:bold } #homepage ul#nav a:hover { text-decoration: underline } #homepage #content { width: 540px; padding-left: 15px; float: right; clear: right; font-size: 1.2em; margin-bottom: 20px } #homepage #content h2 { font-size: 1.6em; border-bottom: 1px solid #CCC; color: black; padding: 10px 0; margin-bottom: 5px } #homepage #content h3 { color: #e50083; font-weight: bold; margin: 20px 0 5px } #homepage #content a { color: #e50083; text-decoration: none } #homepage #content p { line-height: 1.4em; margin-bottom: 15px; color: #626262 } #homepage #blocks { width: 540px; padding-left: 15px; float: right; height: auto } #homepage #blocks .heading { position: relative; background: url(../images/new_heading.png) right top no-repeat; height: 45px } #homepage #blocks .heading p { color: white; font-size: 1.5em; font-weight: bold; padding: 6px 0 6px 23px; line-height: 1.1em; display: inline; float: left; letter-spacing: -1px } #homepage #blocks .heading a { position: absolute; right: 8px; top: 6px } #homepage #blocks table { width: 100%; margin-top: 10px; clear:both } #homepage #blocks td { width: 175px; vertical-align: top; padding:0 0 10px 10px; text-align:left;} #homepage #blocks td.week { height: 200px; width:540px } #homepage #blocks td.week div { float: left; height: 100%; width: 265px; border: 0 } #homepage #blocks td.week div p { height: 20px; width: 255px } #homepage #blocks td.first { padding-left: 0 } #homepage #blocks td.placeholder { background: url(../images/td_placeholder.png) top left no-repeat } #homepage #blocks td div { position: relative; text-align: center; border: 1px solid #e50083; min-height: 90px } #homepage #blocks td div p { position: absolute; top: 5px; left: 5px; height: 15px; text-indent: -9999px; width: 90%; background-image: url(../images/blocks_sprite.png); background-repeat: no-repeat } #homepage #blocks td div p.week { background-position: left -147px } #homepage #blocks td div p.best { background-position: left -176px } #homepage #blocks td div p.p1 { background-position: left top } #homepage #blocks td div p.p2 { background-position: left -20px; height: 32px } #homepage #blocks td div p.p3 { background-position: left -60px } #homepage #blocks td div p.p4 { background-position: left -80px } #homepage #blocks td div p.p5 { background-position: left -100px } #homepage #blocks td div p.p6 { background-position: left -120px } #homepage #blocks td h3 { color: #e50083; font-size: 1.2em; line-height: 1.2em; margin: 10px 0 2px 0 } #homepage #blocks td p { color: #626262; line-height: 1.1em } #homepage #links { width: 100%; clear: both; margin-bottom: 10px; overflow: auto } #homepage #links ul { width: 24%; float: left } #homepage #links a { font-size: 1.1em; color: #545454; text-decoration: none; line-height: 1.5em } #homepage #links a:hover { text-decoration: underline } /* About Us Page -------------------------------------------------------*/ #about-us #header { margin-bottom: 3.3em; } #about-us #main #content, #about-us #main #sidebar { margin-bottom: 4.2em; } #about-us #masthead { height: 116px; background-color:#e50083;} #about-us #masthead h1 { margin-top: 15px } #about-us #masthead h1 a:link, #about-us #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat} #about-us #sidebar { float: left; width: 140px; } #about-us #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #about-us #sidebar ul { margin-bottom: 1.8em; } #about-us #sidebar ul li { padding-bottom: 0.65em; line-height: 1.2em; } #about-us #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; margin-bottom: 0.3em; } #about-us #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #about-us #content { float: right; width: 535px; } #about-us #content h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.05em; } #about-us #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #about-us #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #about-us #content p.slogan {font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } /* Catalogue Page -------------------------------------------------------*/ #catalogue #header { margin-bottom: 3.3em; } #catalogue #main #content, #catalogue #main #sidebar { margin-bottom: 4.2em; } #catalogue #masthead { height: 116px; background-color:#e50083; } #catalogue #masthead h1 { margin-top: 15px } #catalogue #masthead h1 a:link, #catalogue #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #catalogue #sidebar { float: left; width: 140px; } #catalogue #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #catalogue #sidebar ul { margin-bottom: 1.8em; } #catalogue #sidebar ul li { padding-bottom: 0.65em; line-height: 1.2em; } #catalogue #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; margin-bottom: 0.3em; } #catalogue #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #catalogue #content { float: right; width: 535px; } #catalogue #content h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.05em; } #catalogue #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #catalogue #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #catalogue #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } #catalogue #content ul { margin-bottom: 1.8em; } #catalogue #content ul li { padding-bottom: 0.7em; line-height: 1.2em; } #catalogue #content ul li a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } /* Product Catalogue Page -------------------------------------------------------*/ #pcategories #header { margin-bottom: 3.3em; } #pcategories #main #content, #pcategories #main #sidebar { margin-bottom: 4.2em; } #pcategories #masthead { height: 116px; background-color:#e50083;} #pcategories #masthead h1 { margin-top: 15px } #pcategories #masthead h1 a:link, #pcategories #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat} #pcategories #sidebar { float: left; width: 140px; } #pcategories #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #pcategories #sidebar ul { margin-bottom: 1.8em; } #pcategories #sidebar ul li { line-height: 1.2em; } #pcategories #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; margin-bottom: 0.3em; } #pcategories #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #pcategories #content { float: right; width: 535px; } #pcategories #content h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.05em; } #pcategories #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #pcategories #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #pcategories #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } #pcategories #content ul { margin-bottom: 1.8em; } #pcategories #content ul li { padding-bottom: 0.7em; line-height: 1.2em; } #pcategories #content ul li a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #pcategories #content .ideas { float: left; } #pcategories #content .product { float: right; } #pcategories #content #search-catalogue { background: #F1F1F1; } #pcategories #content .form { width: 255px; } #pcategories #content p.searchtitle { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; padding: 10px 0 0 0; } #pcategories #content .form h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; } #pcategories #content .form fieldset { padding: 0 15px 0.9em 15px; overflow: hidden; } #pcategories #content fieldset p { float: left; height: 4.3em; width: 150px; } #pcategories #content fieldset label { display: block; font: 0.9em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.1em; } #pcategories #content fieldset select { color: #626262; font-size: 0.9em; width: 170px; } #pcategories #content .form div { height: 3.1em; background: #E2E2E2; width: 205px; padding: 1.3em 15px; } #pcategories #content #searchbar { clear: both; height: 3.1em; background: #E2E2E2; width: 505px; padding: 1.3em 15px; } #pcategories #content div.cat { position: relative; float:right; width:118px; right:100px; bottom:20px} #pcategories h2 { font-style: italic; color: #E50083; font-size: 2.4em; font-weight: bold; margin: 0 0 2px 0; } #pcategories p.strap { font-size: 1.2em; } #pcategories #header { margin-bottom: 20px; } #pcategories #header #images a { float: left; width: 174px; height: 174px; margin: 0 3px 0 0; display: block; } #pcategories #header #images a.last { margin: 0; } #pcategories #header #images img { float: left; width: 174px; height: 174px; } #pcategories #header #info { margin: 5px 0 0 0; } #pcategories #header #info div.details { float: left; width: 177px; ;margin:03px00;} #pcategories #header #info div.details p.title { font-weight: bold; margin: 0 0 3px 0; } #pcategories #header #info div.details p { color: #222; font-family: Tahoma,Arial,sans-serif; font-size: 1.1em; width: 174px; text-align: center } #pcategories #header #images div.last { margin: 0; } #pcategories #main #content, #pdetail #main #sidebar { margin-bottom: 4.2em; } #pcategories #sidebar { float: left; width: 140px; border-top: 1px solid #D6D6D6; } #pcategories #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #pcategories #sidebar ul { margin-bottom: 1.8em; } #pcategories #sidebar ul li { padding-top: 0.65em; line-height: 1.2em; } #pcategories #sidebar .bordertop { border-top: 1px solid #D6D6D6; padding-top: 2em; } #pcategories #sidebar ul .subnav { padding-left: 1.5em; margin-bottom: 0.5em; } #pcategories #sidebar ul .subnav .inactive { color: #717174; font-weight: normal; } #pcategories #sidebar ul .subnav .active { color: #717174; font-weight: bold; } #pcategories #sidebar h2 { display: block; font-size: 1.5em; font-style: italic; font-weight: bold; color: #000000; margin-bottom: 0.5em; } #pcategories #sidebar h3 { font: 1.2em trebuchet ms, arial, sans-serif; font-weight: bold; margin-bottom: 0.3em; } #pcategories #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #pcategories #sidebar .tel { color: #E50083; font-size: 1.3em; } #pcategories #content { float: right; width: 535px; } #pcategories #main #header h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.2em; } #pcategories #main #header p { clear: both; font-size: 1.1em; overflow: hidden; width: 710px; } #pcategories #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #pcategories #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #pcategories #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; line-height: 35px } #pcategories #content ul { margin-bottom: 1.8em; } #pcategories #content ul li { padding-bottom: 0.7em; line-height: 1.2em; } #pcategories #content ul li a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #pcategories #content .ideas { float: left; } #pcategories #content .product { float: right; } #pcategories #content #submitrequest { background: #F1F1F1; } #pcategories #content .form { width: 255px; } #pcategories #content p.searchtitle { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; padding: 10px 0 0 0; } #pcategories #content .form h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; } #pcategories #content fieldset { padding: 0; overflow: hidden; } #pcategories #content fieldset p { float: left; height: 4.3em; padding-right: 8px; } #pcategories #content fieldset label { display: block; font: 0.9em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.7em; } #pcategories #content fieldset select { color: #626262; font-size: 0.9em; width: 100px; } #pcategories #content fieldset #selectcolour { color: #626262; font-size: 0.9em; width: 70px; } #pcategories #content .form div { height: 3.1em; background: #E2E2E2; width: 205px; padding: 1.3em 15px; } #pcategories #content #searchbar { clear: both; height: 3.1em; background: #E2E2E2; width: 505px; padding: 1.3em 15px; } #pcategories #content #listingimage { width: 220px; float: left; margin-right: 20px; } #pcategories #content #listingdetails { width: 295px; float: left; } #pcategories #content #listingdetails .left { width: 49%; float: left; } #pcategories #content #listingdetails .right { width: 49%; float: left; } #pcategories #content h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #000; padding-bottom: 0.3em; } #pcategories #content h3 { font-size: 1.2em; font-weight: bold; color: #000; } #pcategories #content hr { border: none; color: #D6D6D6; background-color: #D6D6D6; height: 1px; } #pcategories #content h4 { clear: both; font-size: 1.4em; font-weight: bold; color: #E50083; padding-bottom: 0.5em; } #pcategories #content #listingdetails .pricebreaks { font-size: 1.3em; font-weight: bold; margin-bottom: 1.1em; } #pcategories #content #resultsbar { clear: both; height: 4.5em; width: 505px; position: relative; } #pcategories #content #resultsbar .resultsbar-left { margin: 13px; font-size: 1.2em; color: #626262; padding: 3px 0 0 0; } #pcategories #content #resultsbar .resultsbar-left h3 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; } #pcategories #content #resultsbar .resultsbar-right { float: right; margin: 13px 0 0 0; padding: 0; } #pcategories #content #similarproducts { height: 150px; overflow-y: none; } #pcategories #content #similarproducts .result { float: left; background: #E2E2E2; width: 257px; height: 125px; padding: 17px 0 0 10px; border-bottom: 2px solid #FFF; } #pcategories #content #similarproducts .result .resultimage { float: left; padding-right: 1.5em; } #pcategories #content #similarproducts .result .resultdetails { /*float:left; */ } #pcategories #content #similarproducts img { border: 1px solid #E50083; margin-bottom: 0.9em; } #pcategories #content #similarproducts h3 { font-size: 1.3em; line-height: 1.3em; font-weight: bold; font-style: italic; margin: 0 8px 0.8em 0; color: #111; } #pcategories #content #similarproducts ul { font-size: 1.1em; font-weight: bold; font-style: italic; margin-bottom: 0; color: #626262; } #pcategories #content #similarproducts #resultwrapper { width: 540px; } /* product index page -------------------------------------------------------*/ #pindex #header { margin-bottom: 0.5em; } #pindex #main #content, #plisting #main #sidebar { margin-bottom: 4.2em; } #pindex #masthead { height: 116px; background-color:#e50083; } #pindex #masthead h1 { margin-top: 15px } #pindex #masthead h1 a:link, #pindex #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat} #pindex #sidebar { float: left; width: 140px; border-top: 1px solid #D6D6D6; } #pindex #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #pindex #sidebar ul { margin-bottom: 1.8em; } #pindex #sidebar ul li { padding-top: 0.65em; line-height: 1.2em; } #pindex #sidebar .bordertop { border-top: 1px solid #D6D6D6; padding-top: 2em; } #pindex #sidebar ul .subnav { padding-left: 1.5em; margin-bottom: 0.5em; } #pindex #sidebar ul .subnav .inactive { color: #717174; font-weight: normal; } #pindex #sidebar ul .subnav .active { color: #717174; font-weight: bold; } #pindex #sidebar h2 { display: block; font-size: 1.5em; font-style: italic; font-weight: bold; color: #000000; margin-bottom: 0.5em; } #pindex #sidebar h3 { font: 1.2em trebuchet ms, arial, sans-serif; font-weight: bold; margin-bottom: 0.3em; } #pindex #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #pindex #sidebar .tel { color: #E50083; font-size: 1.3em; } #pindex #content { float: right; width: 535px; } #pindex #main #header h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.2em; } #pindex #main #header p { clear: both; font-size: 1.1em; overflow: hidden; width: 710px; } #pindex #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } /*#pindex #content a {font-size:1.1em; color:#E50083; text-decoration:none;}*/ #pindex #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } /*#pindex #content ul {margin-bottom:1.8em;}*/ /*#pindex #content ul li {padding-bottom:0.7em; line-height:1.2em}*/ #pindex #content ul li a { font-size: 1.2em; color: #717174; text-decoration: none; } #pindex #content .ideas { float: left; } #pindex #content .product { float: right; } #pindex #content #search-catalogue { background: #F1F1F1; } #pindex #content .form { width: 255px; } #pindex #content p.searchtitle { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; padding: 10px 0 0 0; } #pindex #content .form h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; } #pindex #content .form fieldset { padding: 0 15px 0.9em 15px; overflow: hidden; } #pindex #content fieldset p { float: left; height: 4.3em; width: 150px; } #pindex #content fieldset label { display: block; font: 0.9em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.1em; } #pindex #content fieldset select { color: #626262; font-size: 0.9em; width: 170px; } #pindex #content .form div { height: 3.1em; background: #E2E2E2; width: 205px; padding: 1.3em 15px; } #pindex #content #searchbar { clear: both; height: 3.1em; background: #E2E2E2; width: 505px; padding: 1.3em 15px; } #pindex #content #resultsbar { clear: both; height: 4.5em; background: #E2E2E2; width: 505px; position: relative; } #pindex #content #resultsbar .resultsbar-left { float: left; margin: 13px; font-size: 1.2em; color: #626262; padding: 3px 0 0 0; } #pindex #content #resultsbar .resultsbar-right { float: right; margin: 13px 0 0 0; padding: 0; } #pindex #content #results { } #pindex #content #results .resultrow { width: 534px; border-top: 1px solid #D6D6D6; padding-top: 20px; clear: both; } /*#pindex #content #results .resultrow .resultleft{ float:left; width: 267px; display:inline; } #pindex #content #results .resultrow .resultright{ float:right; width: 267px; display:inline; }*/ /*#pindex #content #results .top { border:none!important;}*/ /*#pindex #content #results .resultrow .resultimage { float:left; padding-right:2em;}*/ #pindex #content #results .resultrow .resultdetails { /*float:left; */ } /*#pindex #content #results img {border:1px solid #E50083; margin-bottom:0.9em;}*/ #pindex #content #results h3 { font-size: 1.3em; font-weight: bold; font-style: italic; margin-bottom: 0.8em; color: #111; } /*#pindex #content #results ul {font-size:1.1em; font-weight:bold; font-style:italic; margin-bottom:0; color:#626262;}*/ #pindex #content #alphabet { width: 100%; overflow: hidden; margin-bottom: 15px; } #pindex #content #alphabet ul { margin-bottom: 0; } #pindex #content #alphabet ul li { float: left; margin-right: 25px; line-height: normal; } #pindex #content #alphabet ul li a { float: left; color: #E50083; text-decoration: none; font-size: 18px; font-weight: bold; } #pindex #content #alphabet ul li a:hover { color: #000000; text-decoration: none; } #pindex #content #alphabet ul li.current a { color: #000000; text-decoration: none; } #pindex #content .charcter-row { width: 100%; overflow: hidden; margin-bottom: 25px; } #pindex #content .charcter-row h3 { font-size: 26px; font-weight: bold; color: #000; margin-bottom: 10px; } #pindex #content .charcter-row ul { margin-bottom: 0; } #pindex #content .charcter-row ul li { float: left; width: 168px; padding-right: 10px; margin-bottom: 7px; } #pindex #content .charcter-row ul li a { font-size: 1.2em; color: #717174; text-decoration: none; font-weight: bold; } #pindex #content .charcter-row ul li a:hover { color: #E50083; text-decoration: none; } /* Product Listing Page -------------------------------------------------------*/ #plisting #header { margin-bottom: 0.5em; } #plisting #main #content, #plisting #main #sidebar { margin-bottom: 4.2em; } #plisting #masthead { height: 116px; background-color:#e50083; } #plisting #masthead h1 { margin-top: 15px } #plisting #masthead h1 a:link, #plisting #masthead h1 a:visited {height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #plisting #sidebar { float: left; width: 140px; border-top: 1px solid #D6D6D6; } #plisting #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #plisting #sidebar ul { margin-bottom: 1.8em; } #plisting #sidebar ul li { padding-top: 0.65em; line-height: 1.2em; } #plisting #sidebar .bordertop { border-top: 1px solid #D6D6D6; padding-top: 2em; } #plisting #sidebar ul .subnav { padding-left: 1.5em; margin-bottom: 0.5em; } #plisting #sidebar ul .subnav .inactive { color: #717174; font-weight: normal; } #plisting #sidebar ul .subnav .active { color: #717174; font-weight: bold; } #plisting #sidebar h2 { display: block; font-size: 1.5em; font-style: italic; font-weight: bold; color: #000000; margin-bottom: 0.5em; } #plisting #sidebar h3 { font: 1.2em trebuchet ms, arial, sans-serif; font-weight: bold; margin-bottom: 0.3em; } #plisting #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #plisting #sidebar .tel { color: #E50083; font-size: 1.3em; } #plisting #content { float: right; width: 535px; } #plisting #main #header h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.2em; } #plisting #main #header p { clear: both; font-size: 1.1em; overflow: hidden; width: 710px; } #plisting #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #plisting #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #plisting #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } #plisting #content ul { margin-bottom: 1.8em; } #plisting #content ul li { line-height: 1.2em; } #plisting #content ul li a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #plisting #content .ideas { float: left; } #plisting #content .product { float: right; } #plisting #content #search-catalogue { background: #F1F1F1; } #plisting #content .form { width: 255px; } #plisting #content p.searchtitle { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; padding: 10px 0 0 0; } #plisting #content .form h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; } #plisting #content .form fieldset { padding: 0 15px 0.9em 15px; overflow: hidden; } #plisting #content fieldset p { float: left; height: 4.3em; width: 150px; } #plisting #content fieldset label { display: block; font: 0.9em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.1em; } #plisting #content fieldset select { color: #626262; font-size: 0.9em; width: 170px; } #plisting #content .form div { height: 3.1em; background: #E2E2E2; width: 205px; padding: 1.3em 15px; } #plisting #content #searchbar { clear: both; height: 3.1em; background: #E2E2E2; width: 505px; padding: 1.3em 15px; } #plisting #content #resultsbar { background: #E2E2E2; clear: both; overflow: hidden; width: 535px; height: 40px; } #plisting #content #resultsbar .resultsbar-left { font-size: 1.2em; color: #626262; float: left; padding-top: 13px; padding-left: 10px; } #plisting #content #resultsbar .resultsbar-right { float: right; padding-top: 10px; padding-right: 10px; } #plisting #content #results .resultrow { width: 534px; /*height: 120px;*/ border-top: 1px solid #D6D6D6; padding-top: 20px; clear: both; } #plisting #content #results .resultrow .resultleft { float: left; width: 267px; display: inline;} #plisting #content #results .resultrow .resultright { float: right; width: 267px; display: inline; } #plisting #content #results .top { border: none !important; } #plisting #content #results .resultrow .resultimage { float: left; padding-right: 2em } #plisting #content #results img { border: 1px solid #E50083; margin-bottom: 0.9em; } #plisting #content #results h3 { font-size: 1.3em; font-weight: bold; font-style: italic; margin-bottom: 0.8em; color: #111; line-height: 1.2em; padding-right:5px;} #plisting #content #results ul { font-size: 1.1em; font-weight: bold; font-style: italic; margin-bottom: 0; color: #626262; } /* Pagination -------------------------------------------------------*/ #pagination li { border: 0; margin: 0; padding: 0; } #pagination li { border: 0; margin: 0; padding: 0; list-style: none; /* savers */ float: left; } #pagination a { border: solid 1px #E2E2E2; margin-right: 2px; } #pagination .previous-off, #pagination .next-off { border: solid 1px #E2E2E2; color: #888888; display: block; float: left; font-weight: bold; margin-right: 2px; padding: 3px 4px; } #pagination .next a, #pagination .previous a { font-weight: bold; } #pagination .active { color: #717174; border: solid 1px #E50083; font-size: 1.1em; font-weight: bold; display: block; float: left; padding: 3px 6px; /* savers */ margin-right: 2px; } #pagination .inactive { color: #717174; font-size: 1.1em; font-weight: bold; display: block; float: left; padding: 3px 6px 6px; /* savers */ margin-right: 2px; } #pagination a:link, #pagination a:visited { color: #717174 !important; display: block; float: left; padding: 3px 6px; text-decoration: none; } #pagination a:hover { border: solid 1px #717174; } /* Product details -------------------------------------------------------*/ #pdetail #header { margin-bottom: 0.5em; } #pdetail #main #content, #pdetail #main #sidebar { margin-bottom: 4.2em; } #pdetail #masthead { height: 116px; background-color:#e50083;} #pdetail #masthead h1 { margin-top: 15px } #pdetail #masthead h1 a:link, #pdetail #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #pdetail #sidebar { float: left; width: 140px; border-top: 1px solid #D6D6D6; } #pdetail #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #pdetail #sidebar ul { margin-bottom: 1.8em; } #pdetail #sidebar ul li { padding-top: 0.65em; line-height: 1.2em; } #pdetail #sidebar .bordertop { border-top: 1px solid #D6D6D6; padding-top: 2em; } #pdetail #sidebar ul .subnav { padding-left: 1.5em; margin-bottom: 0.5em; } #pdetail #sidebar ul .subnav .inactive { color: #717174; font-weight: normal; } #pdetail #sidebar ul .subnav .active { color: #717174; font-weight: bold; } #pdetail #sidebar h2 { display: block; font-size: 1.5em; font-style: italic; font-weight: bold; color: #000000; margin-bottom: 0.5em; } #pdetail #sidebar h3 { font: 1.2em trebuchet ms, arial, sans-serif; font-weight: bold; margin-bottom: 0.3em; } #pdetail #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #pdetail #sidebar .tel { color: #E50083; font-size: 1.3em; } #pdetail #content { float: right; width: 535px; } #pdetail #main #header h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.2em; } #pdetail #main #header p { clear: both; font-size: 1.1em; overflow: hidden; width: 710px; } #pdetail #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #pdetail #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #pdetail #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } #pdetail #content ul { margin-bottom: 1.8em; } #pdetail #content ul li { /*padding-bottom:0.7em;*/ line-height: 1.2em; } #pdetail #content ul li a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #pdetail #content .ideas { float: left; } #pdetail #content .product { float: right; } #pdetail #content #submitrequest { background: #F1F1F1; } #pdetail #content .form { width: 255px; } #pdetail #content p.searchtitle { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; padding: 10px 0 0 0; } #pdetail #content .form h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; } #pdetail #content fieldset { padding: 0; overflow: hidden; } #pdetail #content fieldset p { float: left; padding-right: 8px; margin-bottom: 0px; } #pdetail #content fieldset label { display: block; font: 0.9em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.7em; } #pdetail #content fieldset select { color: #626262; font-size: 0.9em; margin-bottom: 20px; } #pdetail #content .form div { height: 3.1em; background: #E2E2E2; width: 205px; padding: 1.3em 15px; } #pdetail #content #searchbar { clear: both; height: 3.1em; background: #E2E2E2; width: 505px; padding: 1.3em 15px; } #pdetail #content #listingimage { width: 220px; float: left; margin-right: 20px; } #pdetail #content #listingdetails { width: 295px; float: left; } #pdetail #content #listingdetails .left { width: 49%; float: left; } #pdetail #content #listingdetails .right { width: 49%; float: left; } #pdetail #content h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #000; padding-bottom: 0.3em; } #pdetail #content h3 { font-size: 1.2em; font-weight: bold; color: #000; } #pdetail #content hr { border: none; color: #D6D6D6; background-color: #D6D6D6; height: 1px; } #pdetail #content h4 { clear: both; font-size: 1.4em; font-weight: bold; color: #E50083; padding-bottom: 0.5em; } #pdetail #content #listingdetails .pricebreaks { font-size: 1.3em; font-weight: bold; margin-bottom: 1.1em; } #pdetail #content #resultsbar { clear: both; height: 4.5em; width: 505px; position: relative; } #pdetail #content #resultsbar .resultsbar-left { float: left; padding: 13px; font-size: 1.2em; color: #626262; } #pdetail #content #resultsbar .resultsbar-right { float: right; margin: 13px 0 0 0; padding: 0; } #pdetail #content #similarproducts { height: 286px; overflow-y: auto; } #pdetail #content #similarproducts .result { float: left; background: #E2E2E2; width: 245px; height: 125px; padding: 17px 0 0 10px; border-bottom: 2px solid #FFF; } #pdetail #content #similarproducts .result .resultimage { float: left; padding-right: 1.5em; } #pdetail #content #similarproducts .result .resultdetails { float: left; width: 125px; } #pdetail #content #similarproducts img { border: 1px solid #E50083; margin-bottom: 0.9em; } #pdetail #content #similarproducts h3 { font-size: 1.3em; line-height: 1.3em; font-weight: bold; font-style: italic; margin-bottom: 0.8em; color: #111; } #pdetail #content #similarproducts ul { font-size: 1.1em; font-weight: bold; font-style: italic; margin-bottom: 0; color: #626262; } #pdetail #content #similarproducts #resultwrapper { width: 540px; } /* Product Basket -------------------------------------------------------*/ /* link style for basket link */ #main #header p a { color: #E50083; text-decoration: none; } #pbasket #header { margin-bottom: 0.5em; } #pbasket #main #content, #pbasket #main #sidebar { margin-bottom: 4.2em; } #pbasket #masthead { height: 116px; background-color:#e50083; } #pbasket #masthead h1 { margin-top: 15px } #pbasket #masthead h1 a:link, #pbasket #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #pbasket #sidebar { float: left; width: 140px; border-top: 1px solid #D6D6D6; } #pbasket #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #pbasket #sidebar ul { margin-bottom: 1.8em; } #pbasket #sidebar ul li { padding-top: 0.65em; line-height: 1.2em; } #pbasket #sidebar .bordertop { border-top: 1px solid #D6D6D6; padding-top: 2em; } #pbasket #sidebar ul .subnav { padding-left: 1.5em; margin-bottom: 0.5em; } #pbasket #sidebar ul .subnav .inactive { color: #717174; font-weight: normal; } #pbasket #sidebar ul .subnav .active { color: #717174; font-weight: bold; } #pbasket #sidebar h2 { display: block; font-size: 1.5em; font-style: italic; font-weight: bold; color: #000000; margin-bottom: 0.5em; } #pbasket #sidebar h3 { font: 1.2em trebuchet ms, arial, sans-serif; font-weight: bold; margin-bottom: 0.3em; } #pbasket #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #pbasket #sidebar .tel { color: #E50083; font-size: 1.3em; } #pbasket #content { float: right; width: 535px; } #pbasket #main #header h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.2em; } #pbasket #main #header p { clear: both; font-size: 1.1em; overflow: hidden; width: 710px; } #pbasket #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #pbasket #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #pbasket #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } #pbasket #content h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #000; padding-bottom: 0.3em; } #pbasket #content hr { border: none; color: #D6D6D6; background-color: #D6D6D6; height: 1px; } #pbasket #content ul { margin-bottom: 0em; } #pbasket #content ul li { padding-bottom: 0.7em; line-height: 1.2em; } #pbasket #content ul li a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #pbasket #content .ideas { float: left; } #pbasket #content .product { float: right; } #pbasket #content #submitrequest { background: #f1f2f1; padding: 1em 15px 0.9em 15px; } #pbasket #content .form { width: 245px; } #pbasket #content p.searchtitle { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; padding: 10px 0 0 0; } #pbasket #content .form h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; } #pbasket #content .form fieldset { overflow: hidden; } #pbasket #content fieldset p { float: left; /*height:4.3em;*/ width: 150px; } #pbasket #content label { display: block; font: 0.9em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.1em; } #pbasket #content select { color: #626262; font-size: 0.9em; width: 70px; } #pbasket #content .textbox { width: 240px; } #pbasket #content .address { width: 240px; height: 100px; font: 12px Arial, Helvetica, sans-serif; } #pbasket #content .message { width: 500px; height: 100px; } #pbasket #content .form div { height: 3.1em; background: #E2E2E2; width: 205px; padding: 1.3em 15px; } #pbasket #content #requestbasket { margin: 15px 0 15px 0; } #pbasket #content #requestbasket img { border: 1px solid #E50083; } #pbasket #content #requestbasket h3 { font-size: 1.3em; font-weight: bold; font-style: italic; margin-bottom: 0.8em; color: #111; } #pbasket #content #requestbasket ul { font-size: 1.1em; font-weight: bold; font-style: italic; margin-bottom: 0; color: #626262; } #pbasket #content #requestbasket table td { border-bottom: 1px solid #FFF; } #pbasket #content #requestbasket .baskheadtr { height: 35px; font-size: 1.1em; font-weight: bold; } #pbasket #content #requestbasket .basklefthead { padding-left: 5px; } #pbasket #content #requestbasket .baskrowtr1 { height: 54px; background: #ebebeb; border-bottom: 1px solid #FFF; } #pbasket #content #requestbasket .baskrowtr2 { height: 54px; background: #f7f7f7; border-bottom: 1px solid #FFF; } #pbasket #content #requestbasket .bask1 { padding: 5px; } #pbasket #content #requestbasket .bask3 { padding-left: 5px; } #pbasket #content #searchbar { clear: both; height: 3.1em; background: #E2E2E2; width: 505px; padding: 1.3em 15px; } #pbasket #content #updatebasket { clear: both; height: 3.1em; width: 505px; padding: 5px 0; } /* Print Know How Page -------------------------------------------------------*/ #print #header { margin-bottom: 3.3em; } #print #main #content, #print #main #sidebar { margin-bottom: 4.2em; } #print #masthead { height: 116px; background-color:#e50083;} #print #masthead h1 { margin-top: 15px } #print #masthead h1 a:link, #print #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat} #print #sidebar { float: left; width: 140px; } #print #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #print #sidebar ul { margin-bottom: 1.8em; } #print #sidebar ul li { padding-bottom: 0.65em; line-height: 1.2em; } #print #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; margin-bottom: 0.3em; } #print #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #print #content { float: right; width: 535px; } #print #content h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.05em; } #print #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #print #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #print #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } #print #content ul { margin-bottom: 1.8em; } #print #content ul li { padding-bottom: 0.7em; line-height: 1.2em; } #print #content ul li a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #print #content .tips { font-size: 1.1em; font-weight: bold; color: #E50083; } /* Testimonials Page -------------------------------------------------------*/ #testimonials #header { margin-bottom: 3.3em; } #testimonials #main #content, #testimonials #main #sidebar { margin-bottom: 4.2em; } #testimonials #masthead { height: 116px; background-color:#e50083; } #testimonials #masthead h1 { margin-top: 15px } #testimonials #masthead h1 a:link, #testimonials #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #testimonials #sidebar { float: left; width: 140px; } #testimonials #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #testimonials #sidebar ul { margin-bottom: 1.8em; } #testimonials #sidebar ul li { padding-bottom: 0.65em; line-height: 1.2em; } #testimonials #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; margin-bottom: 0.3em; } #testimonials #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #testimonials #content { float: right; width: 535px; } #testimonials #content h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.05em; } #testimonials #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #testimonials #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #testimonials #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } #testimonials #content ul { margin-bottom: 1.8em; } #testimonials #content ul li { padding-bottom: 0.7em; line-height: 1.2em; } #testimonials #content ul li a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #testimonials #content p.quote { font-size: 1.2em; font-style: italic; color: #626262; } #testimonials #content p.customer { font-size: 1.2em; font-weight: bold; color: #E50083; } /* Contact Us Page -------------------------------------------------------*/ #contact #header { margin-bottom: 3.3em; } #contact #main #content, #contact #main #sidebar { margin-bottom: 4.2em; } #contact #masthead { height: 116px; background-color:#e50083; } #contact #masthead h1 { margin-top: 15px } #contact #masthead h1 a:link, #contact #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #contact #sidebar { float: left; width: 140px; } #contact #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #contact #sidebar ul { margin-bottom: 1.8em; } #contact #sidebar ul li { padding-bottom: 0.65em; line-height: 1.2em; } #contact #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; margin-bottom: 0.3em; } #contact #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #contact #content { float: right; width: 535px; } #contact #content h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.05em; } #contact #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #contact #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #contact #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } #contact #content ul { margin-bottom: 1.8em; } #contact #content ul li { padding-bottom: 0.7em; line-height: 1.2em; } #contact #content ul li a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #contact #content p.quote { font-size: 1.2em; font-style: italic; color: #626262; } #contact #content .bold { font-size: 1.2em; font-weight: bold; color: #E50083; } /* No Tab Pages -------------------------------------------------------*/ #none #header { margin-bottom: 3.3em; } #none #main #content, #none #main #sidebar { margin-bottom: 4.2em; } #none #masthead { height: 116px; background-color:#e50083; } #none #masthead h1 { margin-top: 15px } #none #masthead h1 a:link, #none #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #none #sidebar { float: left; width: 140px; } #none #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #none #sidebar ul { margin-bottom: 1.8em; } #none #sidebar ul li { padding-bottom: 0.65em; line-height: 1.2em; } #none #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; margin-bottom: 0.3em; } #none #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #none #content { float: right; width: 535px; } #none #content h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.05em; } #none #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #none #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #none #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } #none #content ul { margin-bottom: 1.8em; font-family: Tahoma,Arial,sans-serif; } #none #content ul li { padding-bottom: 0.7em; line-height: 1.2em; font-size: 1.2em; } #none #content ul li a { font-weight: bold; color: #E50083; text-decoration: none; } #none #content p.quote { font-size: 1.2em; font-style: italic; color: #626262; } #none #content .bold { font-size: 1.2em; font-weight: bold; color: #E50083; } #none #content h3 { font-size: 1.2em; font-weight: bold; color: #E50083; margin-bottom: 3px; } /* Ideas Page -------------------------------------------------------*/ #ideas #header { margin-bottom: 3.3em; } #ideas #masthead { height: 116px; background-color:#e50083; } #ideas #masthead h1 { margin-top: 15px } #ideas #masthead h1 a:link, #ideas #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #ideas #promoideas { width: 710px; height: 227px; } #ideas #promoideas img.promoideas { margin: 10px 5px 10px 0; } #ideas #promoideas img { margin: 10px 0; } #ideas #main #content, #ideas #main #sidebar { margin-bottom: 4.2em; } #ideas #sidebar { float: left; width: 140px; } #ideas #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #ideas #sidebar ul { margin-bottom: 1.8em; } #ideas #sidebar ul li { padding-bottom: 0.65em; line-height: 1.2em; } #ideas #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; margin-bottom: 0.3em; } #ideas #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #ideas #content { float: right; width: 535px; } #ideas #content h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.05em; } #ideas #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #ideas #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #ideas #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } /* Product Listing -------------------------------------------------------*/ #product-listing #main #content, #product-listing #main #sidebar { margin-bottom: 5.5em; } #product-listing #masthead { height: 116px; background-color:#e50083; } #product-listing #masthead h1 { margin-top: 15px } #product-listing #masthead h1 a:link, #product-listing #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #product-listing #sidebar { float: right; width: 145px; padding: 5.9em 50px 0 0; } #product-listing #sidebar h2 { font-size: 1.7em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.4em; } #product-listing #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #666; margin-top: 2.1em; } #product-listing #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.35em; margin-bottom: 0.6em; } #product-listing #sidebar address { font: 1.1em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; } #product-listing #sidebar address span { font-size: 1.3em; } #product-listing #content { float: left; width: 490px; } #product-listing #content h2 { font-size: 1.7em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 1.9em; } #product-listing #content table { width: 100%; } #product-listing #content table td { font-size: 1.1em; line-height: 2.1em; color: #00003F; border-bottom: 1px solid #E50079; } #product-listing #content table td.column-1 { width: 42px; border-right: 1px solid #fff; background: #DBDBDB; text-align: center; } #product-listing #content table td.column-2 { width: 44px; background: #DBDBDB; text-align: center; } #product-listing #content table td.column-3 { width: 403px; font-weight: bold; padding: 0 4px; background: #F1F2F1; } #product-listing #content table td.action { height: 5.2em; background: #E2E2E2; padding: 0 0 0 15px; } #product-listing #content table td.action p { float: left; line-height: 5.4em; } #product-listing #content table td.action div { margin-left: 110px; } #product-listing #content table td.action label { font-size: 1.2em; font-weight: bold; color: #E50083; margin-left: 5px; } #product-listing #content table td.action a { float: left; margin: 1.2em 16px 0 0; } #product-listing #content table td.action input { margin: 13px 0 0 0; } #product-listing #content table td.end { border: none; } /* Product Search -------------------------------------------------------*/ #product-search #main #content, #product-search #main #sidebar { margin-bottom: 6em; } #product-search #masthead { height: 116px; background-color:#e50083; } #product-search #masthead h1 { margin-top: 15px } #product-search #masthead h1 a:link, #product-search #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #product-search .intro { width: 330px; } #product-search .intro h2 { font-size: 1.7em; font-style: italic; font-weight: bold; color: #111; margin: 0.05em 0 0.4em 0; } #product-search .intro p { font: 1.1em trebuchet ms, arial, sans-serif; width: 330px; margin-bottom: 2em; line-height: 1.35em; } #product-search #sidebar { float: right; width: 145px; padding: 0 50px 0 0; } #product-search #sidebar h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #111; margin: 0.7em 0 0.35em 0; } #product-search #sidebar p { font-size: 1.1em; color: #666; line-height: 1.35em; margin-bottom: 0.6em; } #product-search #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #666; margin-top: 2.1em; } #product-search #sidebar address { font: 1.1em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; } #product-search #sidebar address span { font-size: 1.3em; } #product-search #content { float: left; width: 490px; } #product-search #content .ideas { float: left; } #product-search #content .product { float: right; } #product-search #content .form { width: 235px; background: #F1F2F1; } #product-search #content .form h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; } #product-search #content .form fieldset { padding: 0 15px 0.9em 15px; overflow: hidden; } #product-search #content fieldset p { float: left; height: 4.3em; width: 150px; } #product-search #content fieldset label { display: block; font: 1.2em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.1em; } #product-search #content fieldset select { color: #626262; font-size: 1.1em; width: 170px; } #product-search #content .form div { height: 3.1em; background: #E2E2E2; width: 205px; padding: 1.3em 15px; } /* Product Search Result -------------------------------------------------------*/ #search-result #main #content, #search-result #main #sidebar { margin-bottom: 6.1em; } #search-result #masthead { height: 116px; background-color:#e50083; } #search-result #masthead h1 { margin-top: 15px } #search-result #masthead h1 a:link, #search-result #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #search-result #general-actions { position: relative; background: #DCDCDC url( '../images/bkg/bkg-general-actions.gif' ) repeat-y left; margin-bottom: 28px; } .normalheight { height: 5.5em; } .addallheight { height: 10em; } #search-result #general-actions .desc { float: left; width: 256px; background: #999898; padding: 0.9em 0 0 10px; } #search-result #general-actions .desc p { font-size: 1.2em; font-weight: bold; color: #fff; line-height: 1.2em; margin-bottom: 0.2em; } #search-result #general-actions .buttons { float: right; margin-right: 16px; width: 418px; display: inline; } #search-result #general-actions .buttons p { float: left; line-height: 5.4em; } #search-result #general-actions .buttons label { font-size: 1.2em; font-weight: bold; color: #E50083; margin-left: 5px; } #search-result #general-actions .buttons a { float: right; margin: 1.2em 0 0 16px; } #search-result #general-actions #addallbuttons { height: 4em; position: absolute; bottom: 10px; right: 16px; } #search-result #general-actions #addallbuttons input { margin: 6px 0 10px 16px; } #search-result #listing .row { width: 730px; background: url( '../images/bkg/bkg-listing-row.gif' ) repeat-y; margin: 0 0 20px 0; position: relative; overflow: hidden; } #search-result #listing .product { float: left; width: 345px; margin-right: 30px; padding: 2em 0 6.6em 0; } #search-result #listing .product .image { margin-left: 11px; border: 1px solid #E50083; width: 100px; height: 100px; background: #fff; padding: 1px; } #search-result #listing .product .image div { display: table; height: 99px; } #search-result #listing .product .image div div { display: table-cell; width: 99px; vertical-align: middle; position: static; text-align: center; } #search-result #listing .product .print { margin: 1.3em 0 0 11px; } #search-result #listing .product div.data { float: right; width: 206px; } #search-result #listing h3 { font-size: 1.4em; color: #111; font-style: italic; font-weight: bold; margin-bottom: 0.47em; } #search-result #listing p { font: 1.2em Tahoma,arial,sans-serif; margin-bottom: 1.3em; color: #626262; } #search-result #listing p.info { color: #E50083; margin: -0.5em 0 0 0; } #search-result #listing p.input { display: none; visibility: hidden; } #search-result #listing .product { position: relative; bottom: 0; width: 334px; } #search-result #listing .actions { position: absolute; bottom: 0; width: 334px; background: #E2E2E2; padding: 1em 0 1.4em 11px; } #search-result #listing .actions input { margin: 0 8px 0 0; /*16px*/ } #search-result #listing .product .actions img { border: none; margin-right: 11px; } #search-result #sidebar { float: right; width: 145px; padding: 0 50px 0 0; } #search-result #sidebar h2 { font-size: 1.7em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.4em; } #search-result #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.35em; margin-bottom: 0.6em; } #search-result #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #666; margin-top: 2.1em; } #search-result #sidebar address { font: 1.1em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; } #search-result #sidebar address span { font-size: 1.3em; } #search-result #content { float: left; width: 460px; padding: 0 0 1.7em 15px; background: #F1F2F1; } #search-result #content h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #111; margin: 0.7em 0 1.2em 0; } #search-result #content fieldset { overflow: hidden; } #search-result #content fieldset div { float: left; width: 230px; overflow: hidden; } #search-result #content fieldset label { display: block; font: 1.2em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.2em; } #search-result #content fieldset select { color: #626262; font-size: 1.1em; width: 170px; } #search-result #content fieldset div p { float: left; height: 4.3em; width: 170px; } #search-result #content fieldset div a { float: left; margin: 1.2em 0 0 9px; display: block; } #search-result #content fieldset div p.actions { float: left; height: 30px; width: 200px; margin-top: 1em; } #search-result #content fieldset div p.actions a, #search-result #content fieldset div p.actions input { float: left; display: block; margin: 0 9px 0 0; } /* pager */ #search-result #listing .pager #resultsbar {clear: both;height:4.5em;background:#E2E2E2;width:505;position: relative;} #search-result #listing .pager #resultsbar .resultsbar-left{float:left; margin: 13px; font-size:1.2em; color:#626262; padding:3px 0 0 0;} #search-result #listing .pager #resultsbar .resultsbar-right{float:right; margin: 13px 0 0 0; padding:0;} /* Pagination -------------------------------------------------------*/ #pagination li { border:0; margin:0; padding:0;} #pagination li { border:0; margin:0; padding:0; list-style:none; /* savers */ float:left; } #pagination a { border:solid 1px #E2E2E2; margin-right:2px; } #pagination .previous-off, #pagination .next-off { border:solid 1px #E2E2E2; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; } #pagination .next a, #pagination .previous a { font-weight:bold; } #pagination .active { color:#717174; border:solid 1px #E50083; font-size:1.1em; font-weight:bold; display:block; float:left; padding:3px 6px 6px; /* savers */ margin-right:2px; } #pagination .inactive { color:#717174; font-size:1.1em; font-weight:bold; display:block; float:left; padding:3px 6px 6px; /* savers */ margin-right:2px; } #pagination a:link, #pagination a:visited { color:#717174!important; display:block; float:left; padding:3px 6px; text-decoration:none; } #pagination a:hover { border:solid 1px #717174; } /* Product Send Enquiry -------------------------------------------------------*/ #enquiry #main #content, #enquiry #main #sidebar { margin-bottom: 3.5em; } #enquiry #masthead { height: 116px; background-color:#e50083; } #enquiry #masthead h1 { margin-top: 15px } #enquiry #masthead h1 a:link, #enquiry #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #enquiry #main #content h2 { font-size: 1.8em; font-style: italic; font-weight: bold; margin: 0.4em 0 0.6em 0; } #enquiry #main #content h2.title-1 { float: left; color: #111; } #enquiry #main #content h2.title-2 { float: right; color: #E50083; width: 340px; } #enquiry #main #content #action { clear: both; text-align: right; margin: 0 0 10px 0; } #enquiry #main #content #action .checkbox input { margin: 0 5px 0 0; } #enquiry .product { width: 710px; clear: both; overflow: hidden; background: url( '../images/bkg/bkg-product.gif' ) repeat-y; margin-bottom: 20px; } #enquiry .product .desc { float: left; width: 323px; padding: 1.9em 11px; background: #F1F2F1; } #enquiry .product .desc div { width: 205px; float: right; } #enquiry .product .desc h3 { font-size: 1.4em; color: #111; font-style: italic; font-weight: bold; margin-bottom: 0.47em; } #enquiry .product .desc p { color: #626262; font: 1.2em Tahoma,arial,sans-serif; margin-bottom: 1.3em; } #enquiry .product .desc p.info { color: #E50083; margin-top: -0.5em; } #enquiry .product .desc .image { float: left; border: 1px solid #E50083; width: 100px; height: 100px; background: #fff; padding: 1px; } #enquiry .product .desc .image div { float: none; display: table; height: 99px; width: 99px; } #enquiry .product .desc .image div div { display: table-cell; vertical-align: middle; position: static; text-align: center; } #enquiry .product fieldset { padding: 1.3em 0 0 15px; display: block; float: right; width: 330px; background: #F1F2F1; overflow: hidden; } #enquiry .product fieldset div { float: left; width: 160px; } #enquiry .product fieldset label { display: block; font: 1.2em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.4em; } #enquiry .product fieldset div input { width: 145px; } #enquiry .product fieldset textarea { width: 150px; height: 100px; } #enquiry .product fieldset div p { margin-bottom: 0.4em; overflow: hidden; } #enquiry .product fieldset p span { float: left; width: 49px; } #enquiry .product fieldset span input { width: 42px; } #enquiry .product fieldset p.checkbox { clear: both; padding: 0.6em 0 1.4em 0; color: #E50083; font-size: 1.2em; } #enquiry .product fieldset p.checkbox input { margin-right: 8px; } #enquiry .product .sample { float: none; clear: both; width: 330px; background: #E2E2E2; overflow: hidden; margin-left: -15px; padding: 1.2em 0 1.7em 15px; } #enquiry .product .sample h3 { font-size: 1.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.3em; } #enquiry .product .sample p { float: left; margin-right: 15px; width: auto; } #enquiry .product .sample p input { width: 36px; } #enquiry .product .sample p label { display: inline; margin-right: 6px; } #enquiry .details { clear: both; background: #F1F2F1; margin-bottom: 1em; } #enquiry .details h3 { font-size: 1.6em; font-style: italic; font-weight: bold; color: #E50083; padding: 1.8em 0 1.3em 15px; } #enquiry .details fieldset { padding: 0 20px 0 15px; overflow: hidden; } #enquiry .details fieldset div { float: left; width: 160px; } #enquiry .details p { margin: 0 11px 1.8em 0; } #enquiry .details label { display: block; font: 1.2em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.4em; } #enquiry .details p input { width: 149px; } #enquiry .details textarea { width: 325px; height: 5.6em; } #enquiry .details .address { float: right; width: 340px; } #enquiry .details .buttons { height: 4.3em; padding: 1.4em 20px 0 0; text-align: right; background: #E2E2E2; } #enquiry .more { width: 315px; padding: 1.6em 15px 0.6em 15px; background: #E2E2E2; } #enquiry .more p { font: 1.2em Tahoma, Arial, sans-serif; color: #010101; line-height: 1.2em; margin-bottom: 1.1em; } #enquiry .more a { color: #010101; } /* Ideas Listing -------------------------------------------------------*/ #ideas-listing #main #content, #ideas-listing #main #sidebar { margin-bottom: 5.5em; } #ideas-listing #masthead { height: 116px; background-color:#e50083; } #ideas-listing #masthead h1 { margin-top: 15px } #ideas-listing #masthead h1 a:link, #ideas-listing #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat} #ideas-listing #sidebar { float: right; width: 145px; padding: 5.9em 50px 0 0; } #ideas-listing #sidebar h2 { font-size: 1.7em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.4em; } #ideas-listing #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #666; margin-top: 2.1em; } #ideas-listing #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.35em; margin-bottom: 0.6em; } #ideas-listing #sidebar address { font: 1.1em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; } #ideas-listing #sidebar address span { font-size: 1.3em; } #ideas-listing #content { float: left; width: 490px; } #ideas-listing #content h2 { font-size: 1.7em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 1.9em; } #ideas-listing #table { width: 490px; background-color: #f1f2f1; } #ideas-listing #table table { width: 490px; margin: 0 0 20px; } #ideas-listing #table table tr { height: 20px; margin: 2px 0; } #ideas-listing #table table td { width: 50%; padding: 0 0 0 10px; } #ideas-listing #table .caption { height: 24px; padding: 4px 0 0 10px; color: #fff; font-size: 1.6em; font-weight: bold; background: #E50079; } #ideas-listing #table .head { height: 42px; padding: 10px 0 4px 14px; border-bottom: 4px solid #E50079; background: #F2F2F2; overflow: hidden; font-size: 1.1em; color: #000; } #ideas-listing #table .head .back { float: left; width: 110px; } #ideas-listing #table .head .desc { float: left; width: 250px; font-weight: bold; padding-top: 5px; } #ideas-listing #table .head .remove { float: left; width: 52px; height: 40px; font-weight: bold; text-align: center; background: url( '../images/bkg/bkg-ideas-list-arrow.gif' ) no-repeat center -10px; padding-top: 5px; } #ideas-listing #table .head .select { float: left; width: 62px; font-weight: bold; text-align: center; padding-top: 5px; } #ideas-listing #table .head .select p { padding-top: 5px; } #ideas-listing #table .row { padding: 4px 0 4px 14px; width: 490px; border-bottom: 1px solid #E50079; background: url( '../images/bkg/bkg-ideas-list-row.gif' ) repeat-y; overflow: hidden; font-size: 1.1em; color: #000; } #ideas-listing #table .row .image { float: left; width: 100px; height: 100px; border: 1px solid #9C9C9C; background: #fff; padding: 1px; } #ideas-listing #table .image div { float: none; display: table; height: 99px; width: 99px; } #ideas-listing #table .image div div { display: table-cell; vertical-align: middle; position: static; text-align: center; } #ideas-listing #table .row .desc { float: left; width: 246px; margin: 0.8em 0 0 10px; } #ideas-listing #table .row .desc p { margin-bottom: 1.1em; line-height: 1.07em; } #ideas-listing #table .row .remove { float: left; width: 52px; text-align: center; margin-top: 10px; } #ideas-listing #table .row .select { float: left; width: 62px; text-align: center; margin-top: 10px; } #ideas-listing #table .actions { height: 46px; padding: 10px 13px 0 13px; text-align: right; background: #E2E2E2; } #ideas-listing #table .actions input { margin: 0 0 0 10px; } #ideas-listing #table .actions a.back { float: left; display: block; } .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 */ /* Hide -------------------------------------------------------*/ .hide { display: none; } .clear { clear: both; } /************************************/ /* RAMESH COPY */ /* MODAL POPUP */ /************************************/ .modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; } /*.modalPopup { border: 1px solid Gray; background-color: #ffffdd; padding: 6px; }*/ .modalPopup { background-color:#fff; border-width:3px; border-style:solid; border-color:Gray; padding:3px; overflow:auto; width:600px; } .modalPopupDragHandle { cursor: move; height: 30px; padding: 0px; background-color: #E50083; color: #fff; margin: 0 0 10px 0 } .modalPopupDragHandleTitle { float: left; vertical-align: middle; } .modalPopupDragHandleClose { text-decoration: none; float: right; vertical-align: top; } .modalPopup p { font-size: 12px; } .modalPopup h1 {font-size: 18px; width: 90%; float: left; padding: 5px 0 0 7px; } #hidePopup { float: right; padding: 5px 8px 2px; border: none; cursor: pointer; background: #E50083; color: #fff; text-transform: uppercase } #hidePopup:hover { color: #000;} #popupform td { padding-bottom: 5px } /** product finder page**/ #prdfinder #header { margin-bottom: 3.3em; } #prdfinder #main #content, #prdfinder #main #sidebar { margin-bottom: 4.2em; } #prdfinder #masthead { height: 116px; background-color:#e50083; } #prdfinder #masthead h1 { margin-top: 15px } #prdfinder #masthead h1 a:link, #prdfinder #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #prdfinder #sidebar { float: left; width: 140px; } #prdfinder #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #prdfinder #sidebar ul { margin-bottom: 1.8em; } #prdfinder #sidebar ul li { line-height: 1.2em; } #prdfinder #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; margin-bottom: 0.3em; } #prdfinder #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #prdfinder #content { float: right; width: 535px; } #prdfinder #content h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.05em; } #prdfinder #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #prdfinder #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #prdfinder #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; } #prdfinder #content ul { margin-bottom: 1.8em; } #prdfinder #content ul li { padding-bottom: 0.7em; line-height: 1.2em; } #prdfinder #content ul li a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #prdfinder #content .ideas { float: left; } #prdfinder #content .product { float: right; } #prdfinder #content #search-catalogue { background: #F1F1F1; } #prdfinder #content .form { width: 255px; } #prdfinder #content p.searchtitle { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; padding: 10px 0 0 0; } #prdfinder #content .form h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; } #prdfinder #content .form fieldset { padding: 0 15px 0.9em 15px; overflow: hidden; } #prdfinder #content fieldset p { float: left; height: 4.3em; width: 150px; } #prdfinder #content fieldset label { display: block; font: 0.9em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.1em; } #prdfinder #content fieldset select { color: #626262; font-size: 0.9em; width: 170px; } #prdfinder #content .form div { height: 3.1em; background: #E2E2E2; width: 205px; padding: 1.3em 15px; } #prdfinder #content #searchbar { clear: both; height: 3.1em; background: #E2E2E2; width: 505px; padding: 1.3em 15px; } #prdfinder #content div.cat { position: relative; float:right; width:118px; right:100px; bottom:20px} #prdfinder h2 { font-style: italic; color: #E50083; font-size: 2.4em; font-weight: bold; margin: 0 0 2px 0; } #prdfinder p.strap { font-size: 1.2em; } #prdfinder #header { margin-bottom: 20px; } #prdfinder #header #images a { float: left; width: 174px; height: 174px; margin: 0 3px 0 0; display: block; } #prdfinder #header #images a.last { margin: 0; } #prdfinder #header #images img { float: left; width: 174px; height: 174px; } #prdfinder #header #info { margin: 5px 0 0 0; } #prdfinder #header #info div.details { float: left; width: 177px; ;margin:03px00;} #prdfinder #header #info div.details p.title { font-weight: bold; margin: 0 0 3px 0; } #prdfinder #header #info div.details p { color: #222; font-family: Tahoma,Arial,sans-serif; font-size: 1.1em; width: 174px; text-align: center } #prdfinder #header #images div.last { margin: 0; } #prdfinder #main #content, #pdetail #main #sidebar { margin-bottom: 4.2em; } #prdfinder #sidebar { float: left; width: 140px; border-top: 1px solid #D6D6D6; } #prdfinder #sidebar a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #prdfinder #sidebar ul { margin-bottom: 1.8em; } #prdfinder #sidebar ul li { padding-top: 0.65em; line-height: 1.2em; } #prdfinder #sidebar .bordertop { border-top: 1px solid #D6D6D6; padding-top: 2em; } #prdfinder #sidebar ul .subnav { padding-left: 1.5em; margin-bottom: 0.5em; } #prdfinder #sidebar ul .subnav .inactive { color: #717174; font-weight: normal; } #prdfinder #sidebar ul .subnav .active { color: #717174; font-weight: bold; } #prdfinder #sidebar h2 { display: block; font-size: 1.5em; font-style: italic; font-weight: bold; color: #000000; margin-bottom: 0.5em; } #prdfinder #sidebar h3 { font: 1.2em trebuchet ms, arial, sans-serif; font-weight: bold; margin-bottom: 0.3em; } #prdfinder #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.27em; margin-bottom: 0.6em; } #prdfinder #sidebar .tel { color: #E50083; font-size: 1.3em; } #prdfinder #content { float: right; width: 535px; } #prdfinder #main #header h2 { font-size: 3em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.2em; } #prdfinder #main #header p { clear: both; font-size: 1.1em; overflow: hidden; width: 710px; } #prdfinder #content p { line-height: 1.2em; margin-bottom: 1.1em; font: 1.2em Tahoma,Arial,sans-serif; color: #626262; } #prdfinder #content a { font-size: 1.1em; color: #E50083; text-decoration: none; } #prdfinder #content p.slogan { font-size: 2.6em; font-style: italic; font-weight: bold; color: #E50083; margin-bottom: 0.5em; line-height: 35px } #prdfinder #content ul { margin-bottom: 1.8em; } #prdfinder #content ul li { padding-bottom: 0.7em; line-height: 1.2em; } #prdfinder #content ul li a { font-size: 1.2em; font-weight: bold; color: #E50083; text-decoration: none; } #prdfinder #content .ideas { float: left; } #prdfinder #content .product { float: right; } #prdfinder #content #submitrequest { background: #F1F1F1; } #prdfinder #content .form { width: 255px; } #prdfinder #content p.searchtitle { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; padding: 10px 0 0 0; } #prdfinder #content .form h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; margin: 0.7em 0 1.2em 15px; } #prdfinder #content fieldset { padding: 0; overflow: hidden; } #prdfinder #content fieldset p { float: left; height: 4.3em; padding-right: 8px; } #prdfinder #content fieldset label { display: block; font: 0.9em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.7em; } #prdfinder #content fieldset select { color: #626262; font-size: 0.9em; width: 100px; } #prdfinder #content fieldset #selectcolour { color: #626262; font-size: 0.9em; width: 70px; } #prdfinder #content .form div { height: 3.1em; background: #E2E2E2; width: 205px; padding: 1.3em 15px; } #prdfinder #content #searchbar { clear: both; height: 3.1em; background: #E2E2E2; width: 505px; padding: 1.3em 15px; } #prdfinder #content #listingimage { width: 220px; float: left; margin-right: 20px; } #prdfinder #content #listingdetails { width: 295px; float: left; } #prdfinder #content #listingdetails .left { width: 49%; float: left; } #prdfinder #content #listingdetails .right { width: 49%; float: left; } #prdfinder #content h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #000; padding-bottom: 0.3em; } #prdfinder #content h3 { font-size: 1.2em; font-weight: bold; color: #000; } #prdfinder #content hr { border: none; color: #D6D6D6; background-color: #D6D6D6; height: 1px; } #prdfinder #content h4 { clear: both; font-size: 1.4em; font-weight: bold; color: #E50083; padding-bottom: 0.5em; } #prdfinder #content #listingdetails .pricebreaks { font-size: 1.3em; font-weight: bold; margin-bottom: 1.1em; } #prdfinder #content #resultsbar { clear: both; height: 4.5em; width: 505px; position: relative; } #prdfinder #content #resultsbar .resultsbar-left { margin: 13px; font-size: 1.2em; color: #626262; padding: 3px 0 0 0; } #prdfinder #content #resultsbar .resultsbar-left h3 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #E50083; } #prdfinder #content #resultsbar .resultsbar-right { float: right; margin: 13px 0 0 0; padding: 0; } #prdfinder #content #similarproducts { height: 150px; overflow-y: none; } #prdfinder #content #similarproducts .result { float: left; background: #E2E2E2; width: 257px; height: 125px; padding: 17px 0 0 10px; border-bottom: 2px solid #FFF; } #prdfinder #content #similarproducts .result .resultimage { float: left; padding-right: 1.5em; } #prdfinder #content #similarproducts .result .resultdetails { /*float:left; */ } #prdfinder #content #similarproducts img { border: 1px solid #E50083; margin-bottom: 0.9em; } #prdfinder #content #similarproducts h3 { font-size: 1.3em; line-height: 1.3em; font-weight: bold; font-style: italic; margin: 0 8px 0.8em 0; color: #111; } #prdfinder #content #similarproducts ul { font-size: 1.1em; font-weight: bold; font-style: italic; margin-bottom: 0; color: #626262; } #prdfinder #content #similarproducts #resultwrapper { width: 540px; } /*onlinecatelog*/ #plisting #content #results .resultleft { float: left; width: 267px; display: inline; padding:15px 0 0 0;} #plisting #content #results .resultright { float: right; width: 267px; display: inline; padding:15px 0 0 0;} #plisting #content #results .resultimage { float: left; padding-right: 2em;} /* Blogs section -------------------------------------------------------*/ #blogs #main #content, #blogs #main #sidebar { margin-bottom: 6.1em; } #blogs #masthead { height: 116px; background-color:#e50083; } #blogs #masthead h1 { margin-top: 15px } #blogs #masthead h1 a:link, #blogs #masthead h1 a:visited { height: 89px; width: 222px; background: url(../images/logo.jpg) top left no-repeat } #blogs #general-actions { position: relative; background: #DCDCDC url( '../images/bkg/bkg-general-actions.gif' ) repeat-y left; margin-bottom: 28px; } .normalheight { height: 5.5em; } .addallheight { height: 10em; } #blogs #general-actions .desc { float: left; width: 256px; background: #999898; padding: 0.9em 0 0 10px; } #blogs #general-actions .desc p { font-size: 1.2em; font-weight: bold; color: #fff; line-height: 1.2em; margin-bottom: 0.2em; } #blogs #general-actions .buttons { float: right; margin-right: 16px; width: 418px; display: inline; } #blogs #general-actions .buttons p { float: left; line-height: 5.4em; } #blogs #general-actions .buttons label { font-size: 1.2em; font-weight: bold; color: #E50083; margin-left: 5px; } #blogs #general-actions .buttons a { float: right; margin: 1.2em 0 0 16px; } #blogs #general-actions #addallbuttons { height: 4em; position: absolute; bottom: 10px; right: 16px; } #blogs #general-actions #addallbuttons input { margin: 6px 0 10px 16px; } #blogs #listing .row { width: 730px; background: url( '../images/bkg/bkg-listing-row.gif' ) repeat-y; margin: 0 0 20px 0; position: relative; overflow: hidden; } #blogs #listing .product { float: left; width: 345px; margin-right: 30px; padding: 2em 0 6.6em 0; } #blogs #listing .product .image { margin-left: 11px; border: 1px solid #E50083; width: 100px; height: 100px; background: #fff; padding: 1px; } #blogs #listing .product .image div { display: table; height: 99px; } #blogs #listing .product .image div div { display: table-cell; width: 99px; vertical-align: middle; position: static; text-align: center; } #blogs #listing .product .print { margin: 1.3em 0 0 11px; } #blogs #listing .product div.data { float: right; width: 206px; } #blogs #listing h3 { font-size: 1.4em; color: #111; font-style: italic; font-weight: bold; margin-bottom: 0.47em; } #blogs #listing p { font: 1.2em Tahoma,arial,sans-serif; margin-bottom: 1.3em; color: #626262; } #blogs #listing p.info { color: #E50083; margin: -0.5em 0 0 0; } #blogs #listing p.input { display: none; visibility: hidden; } #blogs #listing .product { position: relative; bottom: 0; width: 334px; } #blogs #listing .actions { position: absolute; bottom: 0; width: 334px; background: #E2E2E2; padding: 1em 0 1.4em 11px; } #blogs #listing .actions input { margin: 0 8px 0 0; /*16px*/ } #blogs #listing .product .actions img { border: none; margin-right: 11px; } #blogs #sidebar { float: right; width: 145px; padding: 0 50px 0 0; } #blogs #sidebar h2 { font-size: 1.7em; font-style: italic; font-weight: bold; color: #111; margin-bottom: 0.4em; } #blogs #sidebar p { font-size: 1.1em; color: #626262; line-height: 1.35em; margin-bottom: 0.6em; } #blogs #sidebar h3 { font: 1.3em trebuchet ms, arial, sans-serif; font-weight: bold; color: #666; margin-top: 2.1em; } #blogs #sidebar address { font: 1.1em trebuchet ms, arial, sans-serif; font-weight: bold; color: #E50083; } #blogs #sidebar address span { font-size: 1.3em; } #blogs #content { float: left; width: 460px; padding: 0 0 1.7em 15px; background: #F1F2F1; } #blogs #content h2 { font-size: 1.8em; font-style: italic; font-weight: bold; color: #111; margin: 0.7em 0 1.2em 0; } #blogs #content fieldset { overflow: hidden; } #blogs #content fieldset div { float: left; width: 230px; overflow: hidden; } #blogs #content fieldset label { display: block; font: 1.2em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.2em; } #blogs #content fieldset select { color: #626262; font-size: 1.1em; width: 170px; } #blogs #content fieldset div p { float: left; height: 4.3em; width: 170px; } #blogs #content fieldset div a { float: left; margin: 1.2em 0 0 9px; display: block; } #blogs #content fieldset div p.actions { float: left; height: 30px; width: 200px; margin-top: 1em; } #blogs #content fieldset div p.actions a, #blogs #content fieldset div p.actions input { float: left; display: block; margin: 0 9px 0 0; } /* pager */ #blogs #listing .pager #resultsbar {clear: both;height:4.5em;background:#E2E2E2;width:505;position: relative;} #blogs #listing .pager #resultsbar .resultsbar-left{float:left; margin: 13px; font-size:1.2em; color:#626262; padding:3px 0 0 0;} #blogs #listing .pager #resultsbar .resultsbar-right{float:right; margin: 13px 0 0 0; padding:0;} /* Pagination -------------------------------------------------------*/ #pagination li { border:0; margin:0; padding:0;} #pagination li { border:0; margin:0; padding:0; list-style:none; /* savers */ float:left; } #pagination a { border:solid 1px #E2E2E2; margin-right:2px; } #pagination .previous-off, #pagination .next-off { border:solid 1px #E2E2E2; color:#888888; display:block; float:left; font-weight:bold; margin-right:2px; padding:3px 4px; } #pagination .next a, #pagination .previous a { font-weight:bold; } #pagination .active { color:#717174; border:solid 1px #E50083; font-size:1.1em; font-weight:bold; display:block; float:left; padding:3px 6px 6px; /* savers */ margin-right:2px; } #pagination .inactive { color:#717174; font-size:1.1em; font-weight:bold; display:block; float:left; padding:3px 6px 6px; /* savers */ margin-right:2px; } #pagination a:link, #pagination a:visited { color:#717174!important; display:block; float:left; padding:3px 6px; text-decoration:none; } #pagination a:hover { border:solid 1px #717174; } .category-block{width:700px; padding-top:10px;} .bg-top{background:url(../../images/bgtop1.gif) repeat-x top; padding-top:8px; display:table} .blog{width:700px; } .blog-left{width:270px; float:left} .blog-categ{width:245px; border:solid 1px #f0f0f0; padding-bottom:10px; float:left;} .blog-categ a {color:#43484d;} .blog-categ a:hover {color:#43484d;} .blog-categ-title{background:url(../../images/blog-title.jpg) repeat-x top; width:245px; height:31px; font-size:16px; color:#ce3315; line-height:30px; text-indent:5px; font-weight:bold} .blog-categ-title h2 {font-size:16px; color:#ce3315; line-height:30px; margin:0px; padding:0px;} .blog-categ span a{color:#43484d; font-size:13px; display:block; padding:3px 3px 3px 5px;} .blog-categ h3 {margin:0px; padding:0px; color:#43484d; font-size:13px; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} .blog-categ h3 a {} .blog-right{width:430px; float:left; padding-top:8px;} .blog-col1{width:420px; padding:8px 0;} .clear{ clear:both;} .display{display:inline-block; width:100%} .float-left{ float:left;} .paging1{width:200px; padding:8px 7px 0 7px; height:26px; float:right;} .paging1 a{color:#010101; background:#d0cfcf; padding:0px 6px; display:inline-block; line-height:17px; } .paging1 a:hover, .paging1 a.active1{color:#fff; background:#43484d; padding:0px 6px; text-decoration:none} .paging1 span a, .paging1 span a:hover{background:none; border:0; padding-left: 3px; padding-right:3px; padding-top:0; padding-bottom:0} .paging1 img{vertical-align:middle} .blog-listing{width:415px; border-bottom:dashed 1px #ce3315; padding:10px 0; float:left; clear:both} .blog-listing span{padding-right:5px;} .padt15{padding-top:13px;} .padb1{padding-bottom:20px;} .padt10{padding-top:10px;} .padb{padding-bottom:10px;} .padt5{padding-top:5px;} .padt7{padding-top:12px;} .padt2{padding-top:40px;} .paddbottop{ padding:10px 0px 10px 0px; } .paddleft{ padding-left:220px; } h2.blog_h2 {font-size:16px; color:#ce3315; font-weight:bold; padding:3px 0; height:auto !important;} h2.blog_h2 a{color:#ce3315; text-decoration:none;} h2.blog_h2 a:hover{color:#ce3315; text-decoration:underline;} .posted{float:left; padding:8px 10px 0 0;} .float_right {float:right;} /*add blog*/ .addblog {width:707px; float:left; padding:0 10px; border-bottom:solid 1px #F4CFB4;} .addblog_leftcol1 {width:424px; float:left; padding:10px 0px; border-right:solid 1px #F4CFB4;} .addblog_leftcol1_row {padding:10px 0px; float:left; width:424px;} .addblog_leftcol1_row_col1 {width:150px; float:left;} .addblog_leftcol1_row_col2 {width:260px; float:left;} .addblog_leftcol1_row_col2 select.add_select { width:240px;} .addblog_leftcol2 {width:272px; float:left; padding:10px 0px 0 10px;} .addblog_right_sec {width:270px; float:left; border:solid 1px #D06027; margin:0 0 15px 0;} .addblog_right_sec h2 {padding:7px; margin:0px; color:#FFFFFF; background-color:#D06027; font:bold 14px Arial, Helvetica, sans-serif;} .addblog_right_text {padding:10px;} .blog_devider {background:url(../images/blog_devider.jpg) no-repeat center bottom; margin:10px 0px;} .addblog_leftcol1_row h3 {padding:0px; margin:0px; font:bold 16px Arial, Helvetica, sans-serif; color:#fff;} .showblog_row {padding: 0px 10px 0px 0px; float:left; width:414px;} .showblog_row p {padding:0 5px 8px 0px;} .showblog_col1 {width:194px; float:left;} .showblog_col2 {width:90px; float:left;} .showblog_col3 {width:50px; float:left;} .showblog_col4 {width:80px; float:left;} .viewblog_date {color:#7A3017; font-weight:bold; font-size:14px; padding:0 0 5px 0;} .light14{font-size:14px;} .blog-detail{width:430px; border-bottom:dashed 1px #464b50; padding:10px 0;} .blog-posts{width:430px; border-bottom:dashed 1px #cbcbcb; padding:10px 0; display:table} .blog-posts p{width:430px; padding:10px 0; display:table} .red1{color:#ce3315} .link1 a{text-decoration:underline} .red{color:#ca2100;} .PonterClass{ cursor:pointer;} .tc-left{text-align:left} .tc-right{text-align:right} .customer-col{width:423px; margin:0 7px; float:left} .customer-comments{width:403px; padding:14px 10px; background:url(../images/customer-bg.jpg) repeat-x top; float:left; min-height:170px; max-height:100%; } .comments-block{width:403px; float:left; color:#a6a8ae} .comments-block span{color:#ffca3a} .comments{background:url(../images/comments.jpg) 2px 12px no-repeat; padding:10px 0 0 20px; width:383px;} .gray1{color:#8e8e8e;} #wrapper_blog{width:986px; margin:0 auto; background:#fff } .tc-align{text-align:center} .heading_c{padding-left:10px; width:670px; float:left} .float-right{float:right;} #header1{width:890px; background: url(../image/bg.jpg) repeat-x; display:table; margin:0 auto} .header-top{width:986px; padding-top:8px; float:left} .tc-align{text-align:center} .send-to-friend{width:787px; background:#E50083; height:33px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#fff; line-height:30px; margin:0 auto; text-align:left; display:inline-block; clear:both} .form-area{width:737px; padding:10px 25px; background:url(../../images/form-bg.jpg) repeat-x top #fff; display:inline-block; text-align:left; margin:0 auto; } .form-bg{background:#efefef url(../../images/msg.jpg) no-repeat bottom right; padding:25px 25px 140px 25px; display:table;} .form-col1{width:165px; text-align:right; padding-right:20px; float:left; padding-top:5px;} .form-col2{width:382px; float:left; padding:2px 0;} .textbox3{width:225px; border:solid 1px #c9c9c9; padding:3px; color:#6d6d6d } .textarea1{width:385px; height:200px; border:solid 1px #c9c9c9; padding:2px; color:#6d6d6d; overflow:auto } .line-height2{line-height:18px;} .heading123{padding-left:10px; width:670px; float:left} .form-bg1{width:687px; background:#efefef; padding:25px 25px 140px 25px; display:table;} .display1{display:inline-block;} .gray1{color:#8e8e8e;} .form-col3{width:540px; padding-right:20px; float:left; padding-top:5px;} .form-col3 span{padding-left:15px;} .comments{border-bottom:dashed 1px #999; width:687px; padding:8px 0; display:table; display:inline-block;} .form-col4{width:100px; text-align:left; padding-right:20px; float:left; padding-top:5px;} .txtbox1{background:none;} .alt1 { background: #FFFFFF; font: 11px Tahoma, Arial, Verdana; color: #111111; padding: 5px 5px 5px 5px; } .dgrs a {color:#E50083; font-weight:bold; font-size:12px; padding:2px; text-decoration:none;} .dgrs a:hover {color:#000; font-weight:bold; text-decoration:underline;} .dgrs a.active {color:#000; font-weight:bold; font-size:50px; text-decoration:none;} /*14 oct 2010*/ table#home_images td {padding:0px !important; background:url(../images/image_bg.jpg) no-repeat left top !important; width:180px; height:100px;} table#home_images td div { position: relative; text-align: center; border:none !important; } table#home_images td div img {display:block;} table#home_images td div p { position: absolute; display:none; top: 5px; left: 5px; height: 15px; text-indent: -9999px; width: 90%; background-image: url(../images/blocks_sprite.png); background-repeat: no-repeat } .cate_area {width:540px; float:left; padding-bottom:10px;} .cate_box {width:135px; float:left;} /* #homepage #content fieldset label { display: block; font: 0.9em Tahoma, arial, sans-serif; font-weight: bold; color: #000; margin-bottom: 0.1em; } #homepage #content fieldset select { color: #626262; font-size: 0.9em; width: 170px; } */ #header span { width: auto; float: left; padding-right: 10px; color: black; } #header span a { color: White; text-decoration: none; } #header span a:hover { color: White; text-decoration: none; } #header img { float: left; }