@charset "utf-8"; /* CSS Document */ /* CSS Document */ /*************************************************************/ /* Global layout and formatting styles */ /* Development: 360graus.pt */ /* Css Author: Pedro Silva */ /* Date: April , 2009 */ /* Site: www.overback.com */ /*-----------------------------------------------------------*/ /************************************************************************ Styles List: ============== 1 - Body/Containers 1.1 - Global body definitions and css reset 1.2 - Global Container 2 - Header and main menu 2.0 - Header Container 2.1 - Logo 2.2 - Menu container/search 3 - Content Layout 3.0 - Path 3.1 - Homepage Layout 3.2 - Global Layout 3.3 - Showrooms layout 3.4 - Rep Location layout 3.5 - Inspiration Layout 3.6 - SiteMap Layout 3.7 - Customer Service 3.8 - Search 3.9 - For the home/ For the garden Layout 3.9.1 - Slider 3.9.2 - Product Thumbs 3.9.3 - For the Home Thumbs 3.9.4 - For the Garden Thumbs 4 - Headers/Spans 4.1 - Headers 4.2 - Spans 5 - Form 6 - Footer /*************************/ /* 1- BODY/CONTAINERS */ /*************************/ /* 1.1 - Global body definitions and css reset */ div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } * {margin:0; padding:0} body {line-height: 1; font-size: 100.01%; margin: 0px auto; padding: 0px; font-family: Arial, Helvetica, sans-serif; background: #FFFFFF ;} html, body { min-height: 100%; height: 100%; } html { min-height: 100%; margin-bottom: 1px; } ol, ul {list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a:focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse;border-spacing: 0;} /* 1.2 - Global Container */ #container {width: 700px; margin: 0 auto; position:relative; } /* 1.2 - End Global container */ /*************************/ /* 2- Header/Main Menu */ /*************************/ /* 2.0 Header Container */ #header { width:700px; height: 85px; position:relative; margin: 0px 0px 0px 0px; } /* 2.0 - End Header Container */ /* 2.1- Logo */ .logotipo { float: left;clear: both; width: 515px; margin: 5px 0px 0px 0px; } /* 2.1- End Logo*/ /* 2.2- Menu Container */ .menucontainer { width: 700px; margin:4px 0px 0px 0px; height: 20px; float:left; overflow:hidden; border-bottom: 2px solid #E2E2E6; border-top: 2px solid #E2E2E6;} /*Menu*/ .main-menu { width: 532px; float:left; height: 20px; overflow:hidden; font-size: 12px; font-family: Arial, Helvetica, sans-serif;} .main-menu ul { margin:0; padding:0px 0px 0px 10px; display:inline; } .main-menu ul li {list-style: none; display: inline; overflow:hidden; line-height: 19px; } .main-menu a {margin: 0; padding: 0px 16px 0px 0px; color: #999A9D; text-decoration:none; display:inline; } .main-menu a:visited {color: #999A9D;text-decoration: none;} .main-menu a:hover {text-decoration:none; color: #FF0000;} .current a:link, .current a:visited, .current a:hover {color:#FF0000; text-decoration:none;} .garden-active a:link, .garden-active a:visited, .garden-active a:hover {color: #487F3C; text-decoration:none;} /*Search*/ .search { width: 168px; float:left; font-size: 12px;font-family: Arial, Helvetica, sans-serif; color: #999A9D; overflow:hidden; height: 20px; } .search p { padding: 0; margin:0; text-align:right; overflow:hidden; float:left; } .inputtext { width: 80px; margin: 2px 0px 0px 10px; border: 1px solid #CCCCCC;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#222222; padding: 0px; } /*Fix IE6*/ * html .inputtext { width: 80px; margin: 1px 0px 0px 10px; border: 1px solid #CCCCCC;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#222222; padding: 0px; } /*Fix IE7*/ *+html .inputtext { width: 80px; margin: 1px 0px 0px 10px; border: 1px solid #CCCCCC;font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#222222; padding: 0px; } .inputbutton { width: 32px; margin: 2px 0px 0px 5px; height: 16px; overflow:hidden; } /*************************/ /* 3- Content layout */ /*************************/ /* 3.0 - Path */ #path {color: #999A9D; padding: 0px 0px 0px 0px; margin:0; font-family:Arial, Helvetica, sans-serif; font-size: 11px; border-bottom: 2px solid #E2E2E6; height: 18px;} #path a, #path a:visited {color: #999A9D; text-decoration:none;} #path a:hover {text-decoration:underline; color: #FF0000;} #path ul { margin-left: 0; padding-left: 9px;display: inline;} #path ul li { margin-left: 0; padding-left: 2px;list-style: none;display: inline; line-height: 16px; } /* 3.1 - Homepage layout */ .homepic-line { width: 700px; margin: 0px 0px 1px 0px ; padding:0; height: 174px; clear:both; overflow:hidden; } .homepic-line ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0; } .homepic-line ul li {display: block; float:left; margin: 0px 1px 0px 0px; width:174px;} /* 3.2 - global layout */ .wrapper {float: left; width: 700px; margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; } /* 2 Columns */ .content-container-leftcol{ float: left; width: 174px; padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; } .leftcol-blank { height: 174px; margin:0; padding:0;} .content-container-leftcol ul { padding:0; margin:1px 0px 0px 0px; list-style:none; } .content-container-leftcol ul li { display: block; float:left; padding: 0px 1px 0px 0px; list-style:none; width: 86px; height:86px;} .content-container-leftcol p { margin: 0px 0px 1px 0px;} .content-container-rightcol{ float: left; width: 524px; padding: 0px 0px 0px 2px; margin: 0px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } /* Text boxes */ .content-txtbox { float:left; margin: 0px;padding: 0px 0px 0px 14px; color: #696A6D; font-family: Arial, Helvetica, sans-serif; width: 508px; } .content-txtbox p { margin: 0px 0px 0px 0px; padding: 0px 0px 16px 0px; line-height: 15px; color:#696A6D; font-size:12px;} .content-txtbox a { text-decoration:none; color:#FF0000;} .content-txtbox a:visited { text-decoration:none; color:#FF0000;} .content-txtbox a:hover { text-decoration:underline; color: #FF0000;} /* 3.3 - Showrooms layout */ .showrooms { width: 524px; margin:0; padding:0;} .showrooms ul { padding:0; margin:0; list-style:none;} .showrooms ul li { display: block; float:left; padding: 0px 0px 0px 0px; list-style:none; width: 174px;} .showrooms-middlepic { margin: 0px 1px 0px 1px;} /* 3.4 - Rep Location layout */ .replocation { width: 508px; margin:0; padding:0; float:left;} .replocation p { margin: 22px 0px 0px 0px; float:left; } .replocation ul { float:left; width: 168px; list-style-type:none; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size: 14px; text-transform:uppercase; color:#999999;} .replocation ul li { list-style-type:none; padding: 0px 0px 6px 0px; } .replocation ul li a { color:#999999; text-decoration:none; } .replocation ul li a:visited { color:#999999; text-decoration:none; } .replocation ul li a:hover { color: #FF0000; text-decoration: underline; } .select-state { width: 174px; height: 18px; padding: 0; font-size: 11px; border: 1px solid #D6CED6; margin: 10px 0px 0px 0px; } /* 3.5 - Inspiration Layout */ .inspiration { width: 524px; margin:0; padding:0; float:left;} .inspiration ul { padding:0; margin:0px 0px 1px 0px; list-style:none; width: 524px; float:left;} .inspiration ul li { display: block; float:left; padding: 0px 1px 0px 0px; list-style:none; width: 86px; height:86px;} .inspiration-nav { width: 700px; height: 19px; border-bottom: 2px solid #E2E2E6; border-top: 2px solid #E2E2E6; margin: 10px 0px 0px 0px; float:left; } .inspiration-nav ul { padding:0; margin:1px 0px 0px 0px; list-style:none; float:right; } .inspiration-nav ul li { display:block; float:left; list-style-type:none; padding: 0px 0px 0px 4px;} .inspiration-nav ul li a {text-indent:-9009px; text-decoration:none; display:block; background: transparent url(image/nextarrow.gif) 0 0 no-repeat;width: 17px; height:17px;} .inspiration-nav ul li a:hover {background-position: 0 -17px;} .inspiration-nav ul li#previous a {text-indent:-9009px; text-decoration:none; display:block; background: transparent url(image/previousarrow.gif) 0 0 no-repeat;width: 17px; height:17px;} .inspiration-nav ul li#previous a:hover {background-position: 0 -17px;} .inspiration-thumbs { width: 700px; float: inherit; margin: 10px 0px 0px 0px;} .inspiration-thumbs ul { padding:0; margin:0px 0px 0px 0px; list-style:none; } .inspiration-thumbs ul li { display:block; float:left; list-style-type:none; width: 86px; height:86px; padding: 0px 1px 0px 0px; text-indent: -9009px; } .inspiration-thumbs ul li a { height: 86px; width: 86px; text-decoration:none; display:block;} #inspiration-square { background:transparent url(image/inspiration-square-thumb.gif) no-repeat ; height:86px; width:86px;} #inspiration-square a:hover{background:transparent url(image/inspiration-square-thumb.gif) no-repeat; width: 86px; height: 86px;} #green-thumb { background: transparent url(image/green-trend-savetheplanet.gif) no-repeat ; height:86px; width:86px;} #green-thumb a:hover{background:transparent url(image/green-trend-text.gif) no-repeat; width: 86px; height: 86px;} .green-thumb_on {background:transparent url(image/green-trend-text.gif) no-repeat; width: 86px; height: 86px;} #branding-thumb { background: transparent url(image/branding-trend.gif) no-repeat ; height:86px; width:86px;} #branding-thumb a:hover{background:transparent url(image/branding-trend-text.gif) no-repeat; width: 86px; height: 86px;} .branding-thumb_on {background:transparent url(image/branding-trend-text.gif) no-repeat; width: 86px; height: 86px;} #bandbrothers-thumb { background: transparent url(image/bandofbrothers-trend.gif) no-repeat ; height:86px; width:86px;} #bandbrothers-thumb a:hover{background:transparent url(image/bandofbrothers-trend-text.gif) no-repeat; width: 86px; height: 86px;} .bandbrothers-thumb_on {background:transparent url(image/bandofbrothers-trend-text.gif) no-repeat; width: 86px; height: 86px;} #ontheroad-thumb { background: transparent url(image/ontheroadagain-trend.gif) no-repeat ; height:86px; width:86px;} #ontheroad-thumb a:hover{background:transparent url(image/ontheroadagain-trend-text.gif) no-repeat; width: 86px; height: 86px;} .ontheroad-thumb_on {background:transparent url(image/ontheroadagain-trend-text.gif) no-repeat; width: 86px; height: 86px;} #opulence-thumb { background: transparent url(image/ageofopulence-trend.gif) no-repeat ; height:86px; width:86px;} #opulence-thumb a:hover{background:transparent url(image/ageofopulence-trend-text.gif) no-repeat; width: 86px; height: 86px;} .opulence-thumb_on {background:transparent url(image/ageofopulence-trend-text.gif) no-repeat; width: 86px; height: 86px;} /* 3.6 - SiteMap Layout */ .sitemap-col { float:left; width: 125px; padding: 0px 0px 0px 6px; height:auto; } .sitemap-lalign { width: 125px; list-style-type:none; margin:0px 0px 20px 0px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; } .sitemap-lalign li { list-style-type:none; padding: 0px 0px 5px 0px; } .sitemap-lalign li a { color:#999999; text-decoration:none; } .sitemap-lalign li a:visited { color:#999999; text-decoration:none; } .sitemap-lalign li a:hover { color: #FF0000; text-decoration: none; } .sitemap-lpadded { width: 125px; list-style-type:none; margin:0px 0px 0px 0px; padding:0; font-family:Arial, Helvetica, sans-serif; font-size: 12px; } .sitemap-lpadded li { list-style-type:none; padding: 0px 0px 5px 8px; } .sitemap-lpadded li a { color:#999999; text-decoration:none; } .sitemap-lpadded li a:visited { color:#999999; text-decoration:none; } .sitemap-lpadded li a:hover { color: #FF0000; text-decoration: none; } /* 3.7 - Customer Service */ .customer-service {float:left; margin: 0px;padding: 0px 0px 0px 14px; color: #999A9D; font-family: Arial, Helvetica, sans-serif; width: 508px; } .customer-service p { margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px; line-height: 20px; color:#999A9D; font-size:14px;} /* 3.8 - Search */ .result-block { width: 100%; background-color:#F5F5F5; border-top: 1px solid #AEBACE;} .result-block p { padding: 8px 0px 8px 5px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#222222;} .result-lines { width: 100%; margin: 10px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif;} .result-lines p { padding: 2px 0px 8px 5px; line-height: 16px; font-family:Arial, Helvetica, sans-serif;} .result-nav { width: 100%; margin: 10px 0px 0px 0px; border-bottom: 1px solid #AEBACE; background-color:#F5F5F5; height: 27px; } .result-nav-page { width: 390px; float:left; padding: 6px 0px 0px 10px; font-size:13px;} .result-nav-page a, .result-nav-page a:visited { text-decoration:underline; color: #999999;} .result-nav-page a:hover {text-decoration:underline; color: #FF0000;} .result-nav-action { width: 120px; float:left;} .result-nav-action ul { padding:0; margin:5px 0px 0px 0px; list-style:none; float:right; } .result-nav-action ul li { display:block; float:left; list-style-type:none; padding: 0px 0px 0px 4px;} .result-nav-action ul li a {text-indent:-9009px; text-decoration:none; display:block; background: transparent url(image/nextarrow.gif) 0 0 no-repeat;width: 17px; height:17px;} .result-nav-action ul li a:hover {background-position: 0 -17px;} .result-nav-action ul li#previous a {text-indent:-9009px; text-decoration:none; display:block; background: transparent url(image/previousarrow.gif) 0 0 no-repeat;width: 17px; height:17px;} .result-nav-action ul li#previous a:hover {background-position: 0 -17px;} /* 3.9 - For the home/ For the garden Layout */ /* 3.9.1 Slider */ #slider, #slider2 {width: 640px; margin-left: 30px; padding-top: 0px; } #slider ul, #slider li, #slider2 ul, #slider2 li{ margin:0; padding:0;list-style:none; } #slider li, #slider2 li{ width:640px;overflow:hidden; height:auto;} #prevBtn, #nextBtn { display:block; width:16px; height:26px; position:absolute; top:90px; left:5px; } #prevBtn2, #nextBtn2 { display:block; width:16px; height:26px; position:absolute; top:110px; left:5px; } #nextBtn,#nextBtn2 {left:680px;} #prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a { display:block; width:16px; height:26px;background: url(image/slider-previous-arrow.jpg) no-repeat 0 0; text-indent: -9999px;} #nextBtn a, #nextBtn2 a{ background: url(image/slider-next-arrow.jpg) no-repeat 0 0; } /* 3.9.2 Product Thumbs */ .product-thumbs { width: 700px; float: inherit; margin: 10px 0px 0px 0px;} .product-thumbs ul { padding:0; margin:0px 0px 1px 45px; list-style:none; } .product-thumbs ul li { display:block; float:left; list-style-type:none; width: 86px; height:86px; padding: 0px 1px 0px 0px; text-indent: -9009px; } .product-thumbs ul li a { height: 86px; width: 86px; text-decoration:none; display:block; } /* 3.9.3 For the Home*/ #theparty-thumb { background:transparent url(image/forthehome/thumbs/PARTY.jpg) no-repeat ; height:86px; width:86px;} #theparty-thumb a:hover{background:transparent url(image/forthehome/thumbs/PARTY.gif) no-repeat; width: 86px; height: 86px;} #patisserie-thumb { background: transparent url(image/forthehome/thumbs/PATISSERIE_DELICIEUSE.jpg) no-repeat ; height:86px; width:86px;} #patisserie-thumb a:hover{background:transparent url(image/forthehome/thumbs/PATISSERIE_DELICIEUSE.gif) no-repeat; width: 86px; height: 86px;} #hightea-thumb { background: transparent url(image/forthehome/thumbs/HIGH_TEA.jpg) no-repeat ; height:86px; width:86px;} #hightea-thumb a:hover{background:transparent url(image/forthehome/thumbs/HIGH_TEA.gif) no-repeat; width: 86px; height: 86px;} #smellthecoffee-thumb { background: transparent url(image/forthehome/thumbs/SMELL_THE_COFFEE.jpg) no-repeat ; height:86px; width:86px;} #smellthecoffee-thumb a:hover{background:transparent url(image/forthehome/thumbs/SMELL_THE_COFFEE.gif) no-repeat; width: 86px; height: 86px;} #retrospective-thumb { background: transparent url(image/forthehome/thumbs/RETROSPECTIVE.jpg) no-repeat ; height:86px; width:86px;} #retrospective-thumb a:hover{background:transparent url(image/forthehome/thumbs/RETROSPECTIVE.gif) no-repeat; width: 86px; height: 86px;} #sundaybrunch-thumb { background: transparent url(image/forthehome/thumbs/SUNDAY_BRUNCH.jpg) no-repeat ; height:86px; width:86px;} #sundaybrunch-thumb a:hover{background:transparent url(image/forthehome/thumbs/SUNDAY_BRUNCH.gif) no-repeat; width: 86px; height: 86px;} #lakehouse-thumb { background: transparent url(image/forthehome/thumbs/AT_THE_LAKE_HOUSE.jpg) no-repeat ; height:86px; width:86px;} #lakehouse-thumb a:hover{background:transparent url(image/forthehome/thumbs/AT_THE_LAKE_HOUSE.gif) no-repeat; width: 86px; height: 86px;} #shelves-thumb { background: transparent url(image/forthehome/thumbs/THE_SHELVES.jpg) no-repeat ; height:86px; width:86px;} #shelves-thumb a:hover{background:transparent url(image/forthehome/thumbs/THE_SHELVES.gif) no-repeat; width: 86px; height: 86px;} /* 3.9.4 For the Garden*/ #white-thumb { background:transparent url(image/forthegarden/White.jpg) no-repeat ; height:86px; width:86px;} #white-thumb a:hover{background:transparent url(image/forthegarden/white.gif) no-repeat; width: 86px; height: 86px;} #red-thumb { background:transparent url(image/forthegarden/Red.jpg) no-repeat ; height:86px; width:86px;} #red-thumb a:hover{background:transparent url(image/forthegarden/red.gif) no-repeat; width: 86px; height: 86px;} #color-thumb { background:transparent url(image/forthegarden/color.jpg) no-repeat ; height:86px; width:86px;} #color-thumb a:hover{background:transparent url(image/forthegarden/color.gif) no-repeat; width: 86px; height: 86px;} #woodfinish-thumb { background:transparent url(image/forthegarden/WoodFinish.jpg) no-repeat ; height:86px; width:86px;} #woodfinish-thumb a:hover{background:transparent url(image/forthegarden/woodfinish.gif) no-repeat; width: 86px; height: 86px;} #wcans-thumb { background:transparent url(image/forthegarden/WateringCans.jpg) no-repeat ; height:86px; width:86px;} #wcans-thumb a:hover{background:transparent url(image/forthegarden/wateringcans.gif) no-repeat; width: 86px; height: 86px;} #wbaskets-thumb { background:transparent url(image/forthegarden/WickerBaskets.jpg) no-repeat ; height:86px; width:86px;} #wbaskets-thumb a:hover{background:transparent url(image/forthegarden/wickerbaskets.gif) no-repeat; width: 86px; height: 86px;} #wmetals-thumb { background:transparent url(image/forthegarden/WeatheredMetals.jpg) no-repeat ; height:86px; width:86px;} #wmetals-thumb a:hover{background:transparent url(image/forthegarden/weatheredmetals.gif) no-repeat; width: 86px; height: 86px;} #metals-thumb { background:transparent url(image/forthegarden/metals.jpg) no-repeat ; height:86px; width:86px;} #metals-thumb a:hover{background:transparent url(image/forthegarden/metals.gif) no-repeat; width: 86px; height: 86px;} #wood-thumb { background:transparent url(image/forthegarden/Wood.jpg) no-repeat ; height:86px; width:86px;} #wood-thumb a:hover{background:transparent url(image/forthegarden/wood.gif) no-repeat; width: 86px; height: 86px;} #gaccessories-thumb { background:transparent url(image/forthegarden/GardenAccessories.jpg) no-repeat ; height:86px; width:86px;} #gaccessories-thumb a:hover{background:transparent url(image/forthegarden/gardenaccessories.gif) no-repeat; width: 86px; height: 86px;} #freshflower-thumb { background:transparent url(image/forthegarden/FreshFlowerContainers.jpg) no-repeat ; height:86px; width:86px;} #freshflower-thumb a:hover{background:transparent url(image/forthegarden/flowercontainers.gif) no-repeat; width: 86px; height: 86px;} #fiberglass-thumb { background:transparent url(image/forthegarden/FiberglassFiberclay.jpg) no-repeat ; height:86px; width:86px;} #fiberglass-thumb a:hover{background:transparent url(image/forthegarden/FiberglassFiberclay.gif) no-repeat; width: 86px; height: 86px;} #sweetwater-thumb { background:transparent url(image/forthegarden/SweetwaterPlanters.jpg) no-repeat ; height:86px; width:86px;} #sweetwater-thumb a:hover{background:transparent url(image/forthegarden/sweetwaterplanters.gif) no-repeat; width: 86px; height: 86px;} #selfwatering-thumb { background:transparent url(image/forthegarden/SelfWatering.jpg) no-repeat ; height:86px; width:86px;} #selfwatering-thumb a:hover{background:transparent url(image/forthegarden/selfwatering.gif) no-repeat; width: 86px; height: 86px;} #beachclub-thumb { background:transparent url(image/forthegarden/BeachClub.jpg) no-repeat ; height:86px; width:86px;} #beachclub-thumb a:hover{background:transparent url(image/forthegarden/beachclub.gif) no-repeat; width: 86px; height: 86px;} #poolcandles-thumb { background:transparent url(image/forthegarden/PoolsideCandles.jpg) no-repeat ; height:86px; width:86px;} #poolcandles-thumb a:hover{background:transparent url(image/forthegarden/poolsidecandles.gif) no-repeat; width: 86px; height: 86px;} .ftg-leftcol{ float: left; width: 256px; padding: 0px 0px 0px 0px; margin: 0px; font-family: Arial, Helvetica, sans-serif; } .ftg-leftcol p { font-size: 14px; color:#999A9D; padding: 20px 100px 0px 10px; line-height: 20px; } .ftg-leftcol a, .ftg-leftcol a:visited { color:#999A9D; text-decoration:none;} .ftg-leftcol a:hover { text-decoration:none; color:#FF0000;} .ftg-rightcol{ float: left; width: 436px; padding: 0px 0px 0px 8px; margin: 0px; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } .ftg-rightcol p { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color:#6F6F6F; line-height: 16px; padding: 0px 0px 12px 0px;} .ftg-signature { float:left; width: 393px;} .ftg-next { float:left; width: 42px; text-align:right; padding-top: 30px; } .ftg-next a { display: block; height:43px; width:42px; background-image: url(image/ftg-next.gif); } .ftg-next a:hover { background-position: 0 -43px; } a.makingoffnext { display: inline-block; height: 20px; width: 20px; background-image:url(image/makingoff-arrow.gif); vertical-align: middle; } a:hover.makingoffnext { background-position: 0 -20px; } /*************************/ /* 4- Headers/Spans */ /*************************/ /* 4.1 - Headers */ h1 { font-size:16px; font-weight:bold; color: #000000; padding: 0px 0px 8px 0px; margin:0; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;} h2 { font-size:16px; font-weight:bold; color: #999999; padding: 0px 0px 9px 0px; margin:0; font-family: Arial, Helvetica, sans-serif;} h3 { font-size:15px; font-weight:bold; color: #999999; padding: 0px 0px 6px 0px; margin:0; font-family: Arial, Helvetica, sans-serif; text-transform:uppercase;} h4 { font-size:12px; font-weight:bold; color: #999999; padding: 0px 0px 5px 1px; margin:0; font-family: Arial, Helvetica, sans-serif; } h4 a, h4 a:visited { text-decoration:none; color: #999999;} h4 a:hover { color:#FF0000; text-decoration:none;} h5 { font-size:14px; font-weight:bold; color: #999999; padding: 2px 0px 8px 0px; margin:0; font-family: Arial, Helvetica, sans-serif;} h6 { font-size: 13px; font-weight: normal; color: #787878; padding: 0px 0px 5px 0px; margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px 0px 6px 0px;} /* 4.2 - Spans */ .red-text { color:#FF0000;} .grey-link a, .grey-link a:visited { color: #999999; text-decoration:none;} .grey-link a:hover { color: #FF0000; text-decoration:underline;} .bold-links a, .bold-links a:visited { color:#999999; font-weight:bold; text-decoration:none; font-size: 14px; } .bold-links a:hover { color:#FF0000; text-decoration:underline;} .search-title { color:#006699; font-size:14px;} .search-title a, .search-title a:visited { color:#006699; text-decoration:underline;} .search-title a:hover {color:#006699; text-decoration:underline;} .search-text { color:#000000; font-size: 12px;} .search-link { color: #009900; font-size: 10px;} /*************************/ /* 5- Form */ /*************************/ .contact {float:left; line-height: 1.4em;text-align: justify; margin: 10px 0px 20px 0px; clear:both;} .firstname{ float: left; width: 200px; } .lastname{ float: left; width: 200px; } .emailfield {margin-top: 9px;float: left; width: 200px; float:left; } .subjectbox {margin-top: 9px; float: left; width: 200px; float:left; } .input {margin: 0 5px 5px 0;width: 58px;height: 21px;} .textarea {border: 1px solid #777;margin: 0 5px 5px 0;background-color: #FFFFFF;color: #333;font-family: Arial, Helvetica, sans-serif;font-size: 12px; padding: 2px;width: 400px;border: 1px solid #D6CED6; clear:both; } .clear {clear: both;} input.name {background-color: #FFFFFF;color: #333;font-family: Arial, Helvetica, sans-serif;font-size: 12px;padding: 2px;width: 180px;border: 1px solid #D6CED6;} .selectbox { background-color: #FFFFFF;padding-left: 5px;color: #333;font-family: Arial, Helvetica, sans-serif;font-size: 12px;padding: 2px;width: 180px; height: 21px;border: 1px solid #D6CED6;} label { font-size:11px; color:#666666;} .comment-box { width: 100%; clear:both; margin: 10px 0px 0px 0px; float:left;} /*************************/ /* 6- Footer */ /*************************/ .footer { width: 700px; float:left; height: 20px; overflow:hidden; font-size: 11px; font-family: Arial, Helvetica, sans-serif; border-bottom: 2px solid #E2E2E6; border-top: 2px solid #E2E2E6; text-align:center; } .footer ul { margin:0; padding:0px 0px 0px 10px; display:inline; } .footer ul li {list-style: none; display: inline; overflow:hidden; line-height: 20px; } .footer ul li a {margin: 0; padding: 0px 35px 0px 20px; color: #999A9D; text-decoration:none; display:inline; } .footer ul li a:visited {color: #999A9D;text-decoration: none;} .footer ul li a:hover {text-decoration:none; color: #FF0000;} /*************************/ /* 7- Thumb Slider */ /*************************/ div.ycodaslider {width: 700px; padding-top: 0px; } div.ycodaslider div.yslider-wrap { margin:0; width: 700px; padding:0;} div.yslider-viewer { position: relative; height: 100px; clear: both; overflow: hidden; /* comment for debug */ width: 700px; /* 1000 for debug; Also specified in div.yslider-viewer div.yslider-container div.yslider-panel below */ } div.yslider-viewer div.yslider-container { position: relative; left: 0; top: 0; width: 700px; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. */ } div.yslider-viewer div.yslider-container div.yslider-panel { float:left;height: 100px; position: relative; width: 700px; } div.yslider-viewer div.yslider-container div.yslider-panel div.yslider-panelwrapper { padding:0;} div.yslider-navl, div.yslider-navr { position: absolute; top: 544px;text-indent: -9000em; z-index:1; } div.yslider-navl a, div.yslider-navr a {display: block;height: 26px;width: 16px;} div.yslider-navl { left: 0px;} div.yslider-navr { right: 0px;} div.yslider-navl {background: url(image/slider-previous-arrow.jpg) no-repeat center;} div.yslider-navr { background: url(image/slider-next-arrow.jpg) no-repeat center; }