1st Choice Leisure Buildings

For Quality Buildings in Timber, Steel, Plastic & Concrete

Reviews - Feedback    Woking (01483) 237550 Farnham (01252) 311085   [email protected]
  Woking (01483) 237550
  Farnham (01252) 311085
  [email protected]
  Customer Feedback
Search Account Basket Bars

You are here: Home / Garden Offices / Platinum Owlesbury Modern Pent Home Office

Platinum Owlesbury Modern Pent Home Office

Platinum Owlesbury Contemporary Garden Office - Summer House - 1st Choice Leisure Buildings
More Owlesbury Photos

Downloads

list_alt Full Price List insert_drive_file Leaflet PDF
TOTAL £0.00

INCLUDING VAT

Free Installation

VISIT OUR DISPLAY SITES

Optional Full Insulation

Made to Suit Your Needs

  • £ 0.00
* Please ensure you have complete all required options before proceeding.

Why Choose Me And Delivery Area Map

Free Assembly Service in Green Area
Green Areas - FREE Delivery & Assembly (MAINLAND ONLY)
Yellow Areas - Usually 7.5% extra charge but currently a special promotion FREE Delivery & Assembly (MAINLAND ONLY)
Red Areas and London Congestion Zones- Sorry Unable to Deliver
Click Here For Delivery Time and Delivery Restrictions

Nearly Full Length Doors & Windows Make a Statement

The beauty of these pent Owlesbury modern garden rooms radiates from the large amount of glass which allows natural light to flow into the building. Situated on three sides of the office the glass in nearly full length and this clearly shows the modern aspect of this building. As standard, all the glass is toughened for strength and safety and this Owlesbury pent garden office is solidly constructed from the top quality redwood deal which has been pressure treated against rotting for long life. With a choice of three claddings, you can select the best option for YOU. No cheap, inferior whitewood is used as quality is the middle name of this office. Surely these garden rooms need considering for their looks as well as strength.

 

Platinum Garden Rooms - Owlesbury Pent Garden Offices Photos & Images Gallery - 1st Choice Leisure Buildings

Garden Offices Made to Suit Your Bespoke Requirements or Needs

Besides the high-quality timber used and the superb toughened glass you will find that attention to detail is second to none. Included as standard, and I don’t know of any other garden rooms which include this, there are vents in the soffits (the undersides of the roofs) which allows a flow of natural air into the building. The five lever lock on the doors is backed up with brass handles and hinges with an option for a black antique. No cheap plated ironwork on these Owlesbury garden offices. Besides these features, you can choose from plywood or vapour paper lining or even add in the full lining and insulated option. Solid stained T&G roofs and covered with a top quality heavy duty roofing felt for long life. Further options for felt tiles if you choose. Added together these garden offices certainly make a statement.

Pent Garden Offices with Extra Strength Built-In As Standard

It’s important that your new garden room has the right framework to ensure the best strength and on the Owlesbury this is standard. Sturdy 75x38mm framing is used on all models and this is further strengthened by the use of internal diagonal bracing in ALL corners. This enhanced rigid framework is the key to the great strength of these Owlesbury garden rooms. The extra thick T&G floor is pressure treated as well as standard and this ensures a very long life for your new garden office.

Fully Bespoke Summerhouses or Made to Measure to Suit Your Needs

Your garden and your needs are often unique to you and this is where it’s important that you can buy a garden home office to suit you. Whereas there is a range of set sizes of garden rooms to choose from but you can have more or less any size to suit you. If you would like a partition, a side door, extra doors or windows then that is no problem. The only restricting criteria are that your new garden office needs to be square or rectangular. Other than that there should be no problem. Even if you not sure then please ask – we don’t bite – and we will do all we can to help.

Consider the Optional Insulation For Comfortable All Year Round Use

To ensure the best use of your new garden room it’s advisable to add the optional fully insulated option and double glazing to your building. By doing this so this will make it a lot easier to keep warm in the winter and cooler in the summer (which not many people think about). This will ensure a pleasant working environment for you and combined with a large amount of natural light flooding in will make work a doddle. You can also be certain that whatever ‘Mother Nature’ gets up to you will be as ‘snug as a bug in a rug’. Very satisfying!

Do Your Home Work Before Buying a Home Garden Office

In this modern day it very easy to take a look at a bright colour brochure or be enchanted with a flashy web site. However, you can not beat physically touching a building before you make a purchase and being all touchy-feely. This way you can be sure you are making the right choice and won’t be disappointed when your new garden office from the web site turns up and is not what you expected.

Even if you don’t visit – the very fact a supplier has a display site – should give you confidence in them. Visit our large garden rooms display site between Woking, Farnham & Guildford, Surrey which you can examples of the Platinum garden rooms for you to inspect and feel. This will ensure you are making an informed choice and not relying on something in cyberspace where you can’t be sure.

You also should consider checking out independent feedback such as this site to get a feel for what earlier customers think. Can be enlightening.

The ‘Owlesbury’ Offices are Assembled Free (Green Delivery Areas)

Features

  • Modern Summer Building In Size 7’x5′ to 12’x12′
  • Unique Fully Vented Office Pent Roof
  • Tanalised Redwood Deal (NOT whitewood)
  • Nearly Full Length Double Doors
  • ¾ Length Toughened Glass Windows
  • Option Double Glazed doors & Windows
  • Fully Pressure Treated Tanalised Timber Cladding
  • Features a 1ft Reverse Roof Overhang
  • Made to Measure Modern Garden Offices To suit
  • Windows on Both Sides of Office Included
  • Heavy Duty Diagonal Braced Framing
  • Offices are Fixed Together Using Coach Screws
  • Option To Line & Insulate. Also Gutters
  • View THIS Garden Office at Surrey Display Site
  • These Buildings are Erected FREE in Green Delivery Aeas
  • 1.95m (77in) Min Internal Lower Eaves Height

The Platinum Owlesbury Stylish Summer House is a modern looking building with its sleek appearance. There is toughened glass in the long windows for safety which make this building very airy with light flooding in. Option for double glazing and insulation for all year round use. Tanalised walls for long life and will be assembled free of charge (green delivery areas).

These wooden summer building include double doors, wooden floor, FREE erection (green delivery areas) to make your life easier and FREE delivery to most of England (mainland). Fully bespoke options and any size. Similar summer rooms are normally available to view at our display sites near Woking and Farnham.

Prices for following sizes are usually online. If not please ask. Also, other sizes by request.
6×8 | 8×6 | 12×6 | 14×6 | 8×8 | 10×8 | 12×8 | 14×8 | 16×8 | 6×10 | 8×10 | 10×10 | 12×10 | 14×10 | 16×10 | 6×12 | 8×12 | 10×12 | 12×12 | 14×12 | 16×12 | 6×14 | 8×14 | 10×14 | 12×14 | 14×14 | 16×14

Unique Fully Vented Office Pent Roof

Specification

Size: These garden office are available in sizes from 1.5m x 2.1m (5′ x 7′) – up to 3.6 x 3.6m (12′ x 12′) as standard, but larger and made to measure garden rooms can be made so please ask if you need any other size or layout.
Cladding: 19mm (15-16mm finished thickness) pressure treated T&G, 22mm (20mm finished thickness) T&G Loglap or Traditional rebated – overlap weatherboard cladding – 23mm – 6mm thickness. – (Redwood deal not the cheaper inferior whitewood) Options to line with plywood and bitumen paper between the home office framing and cladding for extra strength and damp-proofness.
Framing: These Owlesbury modern home garden rooms have a superb 75x35mm (2¾” x 1½” nominal) on all buildings. Diagonal bracing in ALL corners for extra stability and strength. Thicker in corners.
Roofs: 16mm (12mm finished thickness) T & G stained timber covered with heavy duty green mineral felt. Options for a Onduline, Ondulvilla tile effect, Novislate or for felt shingle tiles. Attractive 12in reverse roof overhang as standard. This is in addition to the overall size of the building so an 6×8 building would have a roof 6×9. (NO chipboard, plywood, OSB, sterling board or sheet materials as these are unsuitable for outdoor use despite what some garden room or office companies say) Vents added to the soffits (underside) of the roof to allow for free flow of air.
Floors: The extra strong heavy duty floor is made from 19mm (15mm finished size) T&G timber boards as standard and is set on 50 x 50mm (2×2 nominal) pressure impregnated joists for long life.
Doors: Double Doors 4′ 0″ wide x 5′ 10″ high (120 x 178cm) on all garden rooms. Toughened glass is standard. Optional for double glazing.
Windows: Joinery made 18″ wide x 65″ high (46 x 165cm) windows. Glazed with 4mm toughened glass with option for opening windows. Four (4) windows on each home office. Option for opening windows, extra windows or double glazing. Note there will be no windows alongside the doors on 7ft wide buildings.
Height: Lower height 6′ 5″ (195cm) eaves on all home garden rooms which rises to about 2.3m on the high (front side). Option for extra height to suit. Note standard height is below 2.5m to avoid planning permission issues.
Treatment: 15 years design life against rotting is standard on these Tanalith pressure treated garden rooms, gives the cladding and timber a long life. Although the timber is protected against rotting it’s important that you apply a coat of waterproof treatment within 3 months of delivery to ensure the fullest life for your new building.
Erection: These Owlesbury wooden pent garden rooms are erected without charge in our green delivery areas. All you need to provide is a solid level concrete or paving slab base or timber decked area. We do have an option for building a timber subframe (some areas) for you. The Owlesbury garden office is assembled using coach screws for ease of taking it down again if you decide to move. Ask about discount for delivery only (self assembly).
Insulation: We have an option to line and insulate these buildings and garden rooms for all year round use. It is recommended that you line and insulate them, to keep them cool in summer and warmer in winter if you intend to work all year round inside them.
Alterations: Bespoke garden rooms, can be made with extra doors, windows or partitions. If not sure please contact us for your personal quote
Support UK: You can support our British workers as these Platinum Garden Rooms are made in the UK by experienced craftsmen at a family firm.
Optional Extras: Various options such as double doors, extra windows, 3¾” x 1¾” framing, lining & insulation, guttering, double glazing, extra height.
Sizes: Unless specified as finished size then sizes quoted are before machining which reduces the size quoted by about 3mm. Overall sizes of the Owlesbury Modern Garden Home Office are nominal METRIC sizes which are slightly smaller than imperial. Beware of other garden rooms with before machining measurements. Always check if not clarified.
Delivery: Most of England has free delivery with the exception of Cornwall and Devon. Also Dorset, Somerset, Norfolk, Suffolk and deepest Kent. Cost for delivery to these areas varies according to your location.
Ashington
Bolney
Burlesdon
Corner Cabin
Offices
Highclere
Garden Room
Kingclere
Log Cabins
Owlesbury
Combi-Shed
Washington
Winchester A
Winchester P
Winchester T/V
Worthing
T&G Sunroom
Outdoor S/H
Tanalised
Contemporary
All Wooden
Garden Studio

Main Product Ranges

@media screen and (max-width: 414px)
{
.tooltip {position: relative; display: inline-block; }
.tooltip .tooltiptext {visibility: hidden; width: 340px; font-size:10px; background-color: red; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0;
/* Position the tooltip */
position: absolute; z-index: 1; top: 25px; left: 25px;}
.tooltip:hover .tooltiptext {visibility: visible;}
}

@media screen and (min-width: 415px)
{
.tooltip {position: relative; display: inline-block; }
.tooltip .tooltiptext {visibility: hidden; width: 480px; font-size:12px; background-color: black; color: #fff; text-align: center; border-radius: 6px; padding: 5px 0;
/* Position the tooltip */
position: absolute; z-index: 1; top: 25px; left: 25px;}
.tooltip:hover .tooltiptext {visibility: visible;}
}

/* START code for product 120 box images */
.white-yellow-box-120 {border-width:0px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; font-size:10pt; position: absolute; top: 120px; right: 0px; min-width:130px; }
.product-120-white {width: 130px; font-weight: bold; text-align:center; color:#801625; float:left; margin: 2px 4px 2px 4px; background:#ffffff; min-height:145px;}
.product-120-white:hover {width: 130px; font-weight: bold; text-align:center; color:#000000; float:left; margin: 2px 4px 2px 4px; background:#801625; min-height:145px;}
.product-240-white {width: 260px; font-weight: bold; text-align:center; color:#801625; float:left; margin: 2px 4px 2px 4px; background:#ffffff; min-height:145px;}
.product-240-white:hover {width: 260px; font-weight: bold; text-align:center; color:#000000; float:left; margin: 2px 4px 2px 4px; background:#801625; min-height:145px;}
.brown-yellow-box-120 {border-width:1px; border-style:solid; background:#801625; color:#ffd500; font-weight:bold; font-size:10pt;}
.brown-yellow-box-120:hover {border-width:1px; border-style:solid; background:#ffd500; color:#801625; font-weight:bold; font-size:10pt;}
/* END code for product 120 box images */

/* START code for lugarde-product 200 and 315 box lugarde images */
.lugarde-product-200 {width: 200px; font-weight: bold; text-align:center; color:#05640e; float:left; padding: 5px 5px 0px 5px; background:white;}
.lugarde-product-200:hover {width: 200px; font-weight: bold; text-align:center; color:#000000; float:left; padding: 5px 5px 0px 5px; background:#ffe119;}

.lugarde-box-200 {border-width:4px; border-style:solid; border-color:#05640e; background:#ffe119; color:#05640e; font-weight:bold; padding:5px; font-size:12pt;}
.lugarde-box-200:hover {border-width:4px; border-style:solid; border-color:#ffd500; background:#603913; color:#ffffff; font-weight:bold; padding:5px; font-size:12pt;}

.lugarde-name-box-200 {border-width:2px; border-style:solid; border-color:#ffd500; background:#ffffff; color:#000000; font-weight:bold; padding:2px; font-size:10pt; position: absolute; top: 170px; right: 5px; min-width:130px; }

.lugarde-315-white {width: 315px; font-weight: bold; text-align:center; color:#603913; float:left; padding: 5px 5px 0px 5px; background:#ffffff;}
.lugarde-315-white:hover {width: 315px; font-weight: bold; text-align:center; color:#000000; float:left; padding: 5px 5px 0px 5px; background:#ffd500;}
.lugarde-#05640e-#ffe119-box {border-width:4px; border-style:solid; border-color:#ffd500; background:#603913; color:#ffffff; font-weight:bold; padding:5px; font-size:12pt;}
.lugarde-#05640e-#ffe119-box:hover {border-width:4px; border-style:solid; border-color:#ffd500; background:#603913; color:#ffffff; font-weight:bold; padding:5px; font-size:12pt;}
.lugarde-white-#ffe119-box {border-width:2px; border-style:solid; border-color:#ffd500; background:#ffffff; color:#000000; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 240px; right: 5px; }
.lugarde-#ffe119-circle {background: #fbd50e; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 150px; left: 5px; }
.lugarde-#ffe119-circle-200 {background: #fbd50e; height: 60px; width: 60px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 10px; padding: 15px 6px; font-weight: bold; font-size: 10px; color:#000000; position: absolute; top: 150px; left: 5px; }
/* END code for lugarde-product 200 and 315 box lugarde images */

/* START code for woodpro-product 200 and 315 box woodpro images */
.woodpro-product-200 {width: 200px; font-weight: bold; text-align:center; color:#603913; float:left; padding: 5px 5px 0px 5px; background:#ffffff;}
.woodpro-product-200:hover {width: 200px; font-weight: bold; text-align:center; color:#000000; float:left; padding: 5px 5px 0px 5px; background:#ffd500;}
.woodpro-box-200 {border-width:4px; border-style:solid; border-color:#ffd500; background:#603913; color:#ffffff; font-weight:bold; padding:5px; font-size:12pt;}
.woodpro-box-200:hover {border-width:4px; border-style:solid; border-color:#ffd500; background:#603913; color:#ffffff; font-weight:bold; padding:5px; font-size:12pt;}
.woodpro-name-box-200 {border-width:2px; border-style:solid; border-color:#ffd500; background:#ffffff; color:#000000; font-weight:bold; padding:2px; font-size:10pt; position: absolute; top: 163px; right: 5px; min-width:130px; }
.woodpro-315-white {width: 315px; font-weight: bold; text-align:center; color:#603913; float:left; padding: 5px 5px 0px 5px; background:#ffffff;}
.woodpro-315-white:hover {width: 315px; font-weight: bold; text-align:center; color:#000000; float:left; padding: 5px 5px 0px 5px; background:#ffd500;}
.woodpro-green-yellow-box {border-width:4px; border-style:solid; border-color:#ffd500; background:#603913; color:#ffffff; font-weight:bold; padding:5px; font-size:12pt;}
.woodpro-green-yellow-box:hover {border-width:4px; border-style:solid; border-color:#ffd500; background:#603913; color:#ffffff; font-weight:bold; padding:5px; font-size:12pt;}
.woodpro-white-yellow-box {border-width:2px; border-style:solid; border-color:#ffd500; background:#ffffff; color:#000000; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 240px; right: 5px; }
.woodpro-yellow-circle {background: #fbd50e; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 150px; left: 5px; }
/* END code for woodpro-product 200 and 315 box woodpro images */

/* START code for trentan-product 200 and 315 box trentan images */
.trentan-product-200 {width: 200px; font-weight: bold; text-align:center; color:#13a64b; float:left; padding: 5px 5px 0px 5px; background:#ffffff;}
.trentan-product-200:hover {width: 200px; font-weight: bold; text-align:center; color:#000000; float:left; padding: 5px 5px 0px 5px; background:#ffd500;}
.trentan-box-200 {border-width:4px; border-style:solid; border-color:#ffd500; background:#13a64b; color:#ffffff; font-weight:bold; padding:5px; font-size:12pt;}
.trentan-box-200:hover {border-width:4px; border-style:solid; border-color:#ffd500; background:#13a64b; color:#ffffff; font-weight:bold; padding:5px; font-size:12pt;}
.trentan-name-box-200 {border-width:2px; border-style:solid; border-color:#ffd500; background:#ffffff; color:#000000; font-weight:bold; padding:2px; font-size:10pt; position: absolute; top: 163px; right: 5px; min-width:130px; }
.trentan-315-white {width: 315px; font-weight: bold; text-align:center; color:#13a64b; float:left; padding: 5px 5px 0px 5px; background:#ffffff;}
.trentan-315-white:hover {width: 315px; font-weight: bold; text-align:center; color:#000000; float:left; padding: 5px 5px 0px 5px; background:#ffd500;}
.trentan-green-yellow-box {border-width:4px; border-style:solid; border-color:#ffd500; background:#13a64b; color:#ffffff; font-weight:bold; padding:5px; font-size:12pt;}
.trentan-green-yellow-box:hover {border-width:4px; border-style:solid; border-color:#ffd500; background:#13a64b; color:#ffffff; font-weight:bold; padding:5px; font-size:12pt;}
.trentan-white-yellow-box {border-width:2px; border-style:solid; border-color:#ffd500; background:#ffffff; color:#000000; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 240px; right: 5px; }
.trentan-yellow-circle {background: #fbd50e; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 150px; left: 5px; }
/* END code for trentan-product 200 and 315 box trentan images */

/* START Code for Product Page Maps */
@media screen and (max-width: 325px)
{
.product-page-map {width:100%; float:left; margin:auto; padding:5px; font-size:10pt; }
.product-page-content {width:100%; float:right; margin:auto; padding:5px; font-size:10pt; }
}
@media screen and (min-width: 326px) and (max-width:480px)
{
.product-page-map {width:50%; float:left; margin:auto; padding:5px; font-size:10pt; }
.product-page-content {width:50%; float:right; margin:auto; padding:5px; font-size:10pt; }
}
@media screen and (min-width: 481px) and (max-width:768px)
{
.product-page-map {width:50%; float:left; margin:auto; padding:5px;}
.product-page-content {width:50%; float:right; margin:auto; padding:5px;}
}
@media screen and (min-width: 769px)
{
.product-page-map {width:30%; float:left; margin:auto; padding:5px; font-size:12pt;}
.product-page-content {width:70%; float:right; margin:auto; padding:5px; font-size:12pt;}
}
/* END Code for Product Page Maps */

.csb-prices {width:50%; float:left; border-style: solid; border-width: thin; text-align:center;}

* {box-sizing: border-box;}

/* Create three equal columns that floats next to each other */
.column {float: left; width: 33.33%; /* Should be removed. Only for demonstration */}

/* Clear floats after the columns */
.row:after {content: “”; display: table; clear: both;}

/* Responsive layout – makes the three columns stack on top of each other instead of next to each other */
/*@media screen and (max-width: 800px) {*/
/* .column {width: 100%;}*/
/*}*/

/* START Responsive layout – makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 325px)
{
.column {width: 100%;}
}
@media screen and (min-width: 326px) and (max-width:768px)
{
.column {width: 100%;}
}
@media screen and (min-width: 769px) and (max-width:999px)
{
.column {width: 100%;}
}
/* END Responsive layout – makes the three columns stack on top of each other instead of next to each other*/

/* START Centre Main Product Images 290px */
@media screen and (max-width: 579px)
{.test-products {width: 290px; margin: auto;}}
@media screen and (min-width: 580px) and (max-width:869px)
{.test-products {width: 580px; margin: auto;}}
@media screen and (min-width: 870px) and (max-width:1159px)
{.test-products {width: 870px; margin: auto;}}
@media screen and (min-width: 1160px)
{.test-products {width:1160px; margin: auto;}}
/* END Product Images 290px */

/* START Centre Main Product Images 290px */
@media screen and (max-width: 579px)
{.center-main-products {width: 290px; margin: auto;}}
@media screen and (min-width: 580px) and (max-width:869px)
{.center-main-products {width: 580px; margin: auto;}}
@media screen and (min-width: 870px) and (max-width:1159px)
{.center-main-products {width: 870px; margin: auto;}}
@media screen and (min-width: 1160px)
{.center-main-products {width:1160px; margin: auto;}}
/* END Centre Main Product Images 290px */

@media screen and (max-width: 579px)
{.caption-580 {width: 290px; font-weight: bold; text-align:center; float:left; border: 2px solid #993333; padding: 3px;}
}

@media screen and (min-width: 580px)
{.caption-580 {width: 580px; font-weight: bold; text-align:center; float:left; border: 2px solid #993333; padding: 3px;}
}

.caption-315-white {width: 315px; font-weight: bold; text-align:center; color:#993333; float:left; padding: 10px 10px 0px 10px; background:#ffffff;}
.caption-315-white:hover {width: 315px; font-weight: bold; text-align:center; color:#000000; float:left; padding: 10px 10px 0px 10px; background:#efefef;}

.caption-290-white {width: 290px; font-weight: bold; text-align:center; color:#993333; float:left; padding: 10px 10px 0px 10px; background:#ffffff;}
.caption-290-white:hover {width: 290px; font-weight: bold; text-align:center; color:#000000; float:left; padding: 10px 10px 0px 10px; background:#efefef;}

.caption-290 {width: 290px; font-weight: bold; text-align:center; background:#993333; color:#ffffff; float:left; border: 5px solid #ffffff; padding: 3px;}
.caption-290:hover {width: 290px; font-weight: bold; text-align:center; background:#ffdd22; color:#000000; float:left; border: 5px solid #ffffff; padding: 3px;}

.caption-290-capital {width: 290px; font-weight: bold; text-align:center; background:#00008b; color:#ffffff; float:left; border: 5px solid #ffffff; padding: 3px;}
.caption-290-capital:hover {width: 290px; font-weight: bold; text-align:center; background:#ffffff; color:#00008b; float:left; border: 5px solid #ffffff; padding: 3px;}

.gform_wrapper ul.gform_fields li.gfield {
margin: 3px 0;
}

.small_image_text {width:123px; background: #993333; color:#ffffff; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:12pt; text-align:center; }
.small_image_text:hover {width:123px; background:#ffffff; color:#993333; border-width: 1px; border-color: #993333; border-style: solid; line-height:120%; font-size:12pt; text-align:center;}

.small_image_text_capital {width:123px; background: #00008b; color:#ffffff; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:12pt; text-align:center; }
.small_image_text_capital:hover {width:123px; background:#ffffff; color:#00008b; border-width: 1px; border-color: #00008b; border-style: solid; line-height:120%; font-size:12pt; text-align:center;}

.capital-toplink {background: #00008b; color:#ffffff; text-decoration: none; font-weight: bold;}
.capital-toplink:hover {background:#ffffff; color:#00008b; text-decoration: underline; font-weight: bold;}

.capital-link {background: #ffffff; color:#00008b; text-decoration: none; font-weight: bold;}
.capital-link:hover {background:#00008b; color:#ffffff; text-decoration: underline; font-weight: bold;}

.inthegarden-toplink {background: #029805; color:#ffffff; text-decoration: none; font-weight: bold;}
.inthegarden-toplink:hover {background:#029805; color:#000000; text-decoration: underline; font-weight: bold;}

.inthegarden-link {color: #029805; text-decoration: none; font-weight: bold;}
.inthegarden-link:hover {color:#000000; text-decoration: underline; font-weight: bold;}

/* START Code for Bottom Link Center */
@media screen and (max-width: 399px)
{
.bottom-link-center {width:280px; margin: auto;}
}
@media screen and (min-width: 400px) and (max-width:534px)
{
.bottom-link-center {width:400px; margin: auto;}
}
@media screen and (min-width: 535px) and (max-width:664px)
{
.bottom-link-center {width:535px; margin: auto;}
}
@media screen and (min-width: 665px) and (max-width:799px)
{
.bottom-link-center {width:665px; margin: auto;}
}
@media screen and (min-width: 800px) and (max-width:934px)
{
.bottom-link-center {width:800px; margin: auto;}
}
@media screen and (min-width: 935px) and (max-width:1064px)
{
.bottom-link-center {width:935px; margin: auto;}
}
@media screen and (min-width: 1065px) and (max-width:1199px)
{
.bottom-link-center {width:1065px; margin: auto;}
}
@media screen and (min-width: 1200px)
{
.bottom-link-center {width:1200px; margin: auto;}
}
/* END Code for Bottom Link Center Sections*/

/* START Code for Section Name Fragment Sections */
@media screen and (max-width: 325px)
{
.section-name-style {width:100%; border-style:solid; border-color:#993333; font-size:11pt; background:#ffffff; color:#993333; text-align:center;}
.section-name-box-desktop {display:none;}
.section-name-box-mobile {display:block;}
}
@media screen and (min-width: 326px) and (max-width:768px)
{
.section-name-style {width:100%; border-style:solid; border-color:#993333; font-size:12pt; background:#ffffff; color:#993333; text-align:center;}
.section-name-box-desktop {display:none;}
.section-name-box-mobile {display:block;}
}
@media screen and (min-width: 769px) and (max-width:999px)
{
.section-name-style {width:100%; border-style:solid; border-color:#993333; font-size:14pt; background:#ffffff; color:#993333; text-align:center;}
.section-name-box-desktop {display:block;}
.section-name-box-mobile {display:none;}
}
@media screen and (min-width: 1000px) and (max-width:1279px)
{
.section-name-style {width:100%; border-style:solid; border-color:#993333; font-size:14pt; background:#ffffff; color:#993333; text-align:center;}
.section-name-box-desktop {display:block;}
.section-name-box-mobile {display:none;}
}
@media screen and (min-width: 1280px)
{
.section-name-style {width:100%; border-style:solid; border-color:#993333; font-size:14pt; background:#ffffff; color:#993333; text-align:center;}
.section-name-box-desktop {display:block;}
.section-name-box-mobile {display:none;}
}
/* END Code for Section Name Fragment Sections*/

/* START Code for Section Name Fragment Sections */
@media screen and (max-width: 325px)
{
.width-product-office {width: 100%; float: left; padding: 2px;}
}
@media screen and (min-width: 326px) and (max-width:600px)
{
.width-product-office {width: 100%; float: left; padding: 2px;}
}
@media screen and (min-width: 601px) and (max-width:900px)
{
.width-product-office {width: 50%; float: left; padding: 2px;}
}
@media screen and (min-width: 901px) and (max-width:1279px)
{
.width-product-office {width: 50%; float: left; padding: 2px;}
}
@media screen and (min-width: 1280px)
{
.width-product-office {width: 50%; float: left; padding: 2px;}
}
/* END Code for Section Name Fragment Sections*/

/* START CODE FOR PRODUCT PAGES */

@media screen and (max-width: 325px)
{
.width-100 {width:100%}
.features-div {width:100%;}
.section-page-ul-list {line-height:140%; margin:0px; padding-left: 0px; font-size:10pt;text-align: left;}
.links-surround {min-height:30px;}
.position-specifications {position:absolute; left:60px; top:35px; width:160px; height:25px; min-width: 160px; min-height:25px;}
.specifications-small-link {position:absolute; left:0px; width:100px;height:25px; min-width: 100px; min-height:25px;}
.position-prices {display:none; position:absolute; left:140px; width:160px; height:25px; min-width: 160px; min-height:25px;} /* Display NONE added so this does not show up on mobiles */
.position-delivery-area {position:absolute; left:155px; width:100px; height:25px; min-width: 100px; min-height:25px;}
.div-display-or-not {display:block;} /* NONE means won’t Display, BLOCK means it will Display*/
.div-spec-price-etc-spacer {min-height:35px;}
}

@media screen and (min-width: 326px) and (max-width:768px)
{
.width-100 {width:100%}
.features-div {width:100%;}
.section-page-ul-list {line-height:140%; margin:0px; padding-left: 0px; font-size:10pt;text-align: left;}
.links-surround {min-height:30px;}
.position-specifications {position:absolute; left:70px; top:35px; width:160px; height:25px; min-width: 160px; min-height:25px;}
.specifications-small-link {position:absolute; left:20px; width:100px;height:25px; min-width: 100px; min-height:25px;}
.position-prices {display:none; position:absolute; left:140px; width:160px; height:25px; min-width: 160px; min-height:25px;} /* Display NONE added so this does not show up on mobiles */
.position-delivery-area {position:absolute; left:200px; width:100px; height:25px; min-width: 100px; min-height:25px;}
.div-display-or-not {display:block;} /* NONE means won’t Display, BLOCK means it will Display*/
.div-spec-price-etc-spacer {min-height:35px;}
}

@media screen and (min-width: 769px) and (max-width:800px)
{
.width-100 {width:100%}
.features-div {width:50%; float:left;}
.section-page-ul-list {line-height:140%; margin:0px; padding-left: 0px; font-size:10pt; text-align: left;}
.links-surround {min-height:20px;}
.position-specifications {position:absolute; left:20px; width:160px; height:25px; min-width: 160px; min-height:25px;}
.specifications-small-link {position:absolute; left:400px; width:100px; height:25px; min-width: 100px; min-height:25px;}
.position-prices {position:absolute; left:510px; width:160px; height:25px; min-width: 160px; min-height:25px;}
.position-delivery-area {position:absolute; left:200px; width:100px; height:25px; min-width: 100px; min-height:25px;}
.div-display-or-not {display:none;} /* NONE means won’t Display, BLOCK means it will Display*/
.div-spec-price-etc-spacer {min-height:0px;}
}

@media screen and (min-width: 801px)
{
.width-100 {width:100%}
.features-div {width:50%; float:left;}
.section-page-ul-list {line-height:140%; margin:0px; padding-left: 50px; font-size:10pt; text-align: left;}
.links-surround {min-height:20px;}
.position-specifications {position:absolute; left:20px; width:160px; height:25px; min-width: 160px; min-height:25px;}
.specifications-small-link {position:absolute; right:200px; width:100px; height:25px; min-width: 100px; min-height:25px;}
.position-prices {position:absolute; right:20px; width:160px; height:25px; min-width: 160px; min-height:25px;}
.position-delivery-area {position:absolute; left:200px; width:100px; height:25px; min-width: 100px; min-height:25px;}
.div-display-or-not {display:none;} /* NONE means won’t Display, BLOCK means it will Display*/
.div-spec-price-etc-spacer {min-height:0px;}
}

/* END CODE FOR PRODUCT PAGES */

/* START CODE FOR MAIN PRODUCT PAGES */
@media screen and (max-width: 325px)
{
.group-products-width {width:90%;}
.group-products-width-image {width:90%;}
.group-products-width-text {width:90%;}
.center-div-300 {display:block; position:relative; margin: 0 auto; width:290px;} /* Less than 300 as screen size is less than 300 when borders are taken into account */
.center-div-products {position:relative; width:292px;}
.sprite-image-120 {position:absolute; bottom:-15px; left:-1px; background:#ffffff; width:100%; min-width:118px; border-style: solid; border-width: 1px; text-align:center;}
.sprite-image-290 {position:absolute; bottom:0px; background:#ffffff; width:100%; min-width:288px; border-style: solid; border-width: 1px; text-align:center;}
.sprite-image-200 {position:absolute; bottom:0px; background:#ffffff; width:100%; min-width:198px; border-style: solid; border-width: 1px; text-align:center;}
.display-site-sutton-green {position: relative; left: -2px; border-radius: 5px; background: #ffffff; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#993333; border-width: 1px; border-color: #a52a2a; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}
.display-site-sutton-green:hover {position: relative; left: -2px; border-radius: 5px; background: #38a62d; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#ffffff; border-width: 1px; border-color: #38a62d; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}
.photo-album:hover {position: relative; left: -2px; border-radius: 5px; background: #ffffff; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#993333; border-width: 1px; border-color: #a52a2a; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}
.photo-album {position: relative; left: -2px; border-radius: 5px; background: #38a62d; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#ffffff; border-width: 1px; border-color: #38a62d; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}
}
@media screen and (min-width: 326px) and (max-width:768px)
{
.group-products-width {width:90%;}
.group-products-width-image {width:90%;}
.group-products-width-text {width:90%;}
.center-div-300 {display:block; margin: 0 auto; width:300px;}
.center-div-600 {display:block; margin: 0 auto; width:600px;}
.center-div-products {position:relative; width:292px;}
.sprite-image-120 {position:absolute; bottom:-15px; left:-1px; background:#ffffff; width:100%; min-width:118px; border-style: solid; border-width: 1px; text-align:center;}
.sprite-image-290 {position:absolute; bottom:0px; background:#ffffff; max-width:100%; min-width:288px; border-style: solid; border-width: 1px; text-align:center;}
.sprite-image-200 {position:absolute; bottom:0px; background:#ffffff; width:100%; min-width:198px; border-style: solid; border-width: 1px; text-align:center;}
.display-site-sutton-green {border-radius: 5px; background: #ffffff; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#993333; border-width: 1px; border-color: #a52a2a; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
.display-site-sutton-green:hover {border-radius: 5px; background: #38a62d; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#ffffff; border-width: 1px; border-color: #38a62d; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
.photo-album:hover {border-radius: 5px; background: #ffffff; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#993333; border-width: 1px; border-color: #a52a2a; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
.photo-album {border-radius: 5px; background: #38a62d; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#ffffff; border-width: 1px; border-color: #38a62d; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
}
@media screen and (min-width: 769px)
{
.group-products-width {width:50%;}
.group-products-width-image {width:50%;}
.group-products-width-text {width:50%;}
.center-div-300 {display:block; margin: 0 auto; width:300px;}
.center-div-600 {display:block; margin: 0 auto; width:600px;}
.center-div-products {position:relative; width:320px; margin-bottom:20px;}
.sprite-image-120 {position:absolute; bottom:-15px; left:-1px; background:#ffffff; width:100%; min-width:118px; border-style: solid; border-width: 1px; text-align:center;}
.sprite-image-290 {position:absolute; bottom:0px; background:#ffffff; max-width:100%; min-width:288px; border-style: solid; border-width: 1px; text-align:center;}
.sprite-image-200 {position:absolute; bottom:0px; background:#ffffff; width:100%; min-width:198px; border-style: solid; border-width: 1px; text-align:center;}
.display-site-sutton-green {border-radius: 5px; background: #ffffff; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#993333; border-width: 1px; border-color: #a52a2a; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
.display-site-sutton-green:hover {border-radius: 5px; background: #38a62d; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#ffffff; border-width: 1px; border-color: #38a62d; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
.photo-album:hover {border-radius: 5px; background: #ffffff; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#993333; border-width: 1px; border-color: #a52a2a; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
.photo-album {border-radius: 5px; background: #38a62d; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#ffffff; border-width: 1px; border-color: #38a62d; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}

}
/* END CODE FOR MAIN PRODUCT PAGES */

/* START Code For Title Boxes */
@media screen and (max-width: 325px)
{
.secrets-header {font-size:10pt; color:#993333; background:#ffdd22; text-align:center; font-weight:bold;}
.secrets-header-brown {font-size:10pt; color:#ffffff; background:#801625; text-align:center; font-weight:bold;}
.secrets-header-white {font-size:10pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border: 1px solid #801625;}
.secrets-header-woodpro {font-size:10pt; color:#603913; background:#ffffff; text-align:center; font-weight:bold; border: 1px solid #603913;}
.secrets-header-trentan {font-size:10pt; color:#ffffff; background:#13a64b; text-align:center; font-weight:bold; border: 1px solid #13a64b;}
.secrets-header-lugarde {font-size:10pt; color:#01660a; background:#ffffff; text-align:center; font-weight:bold; border: 1px solid #ffd500;}

.secrets-header-brown-white {font-size:10pt; color:#ffffff; background:#801625; text-align:center; font-weight:bold; border: 1px solid #801625;}
.secrets-header-brown-white:hover {font-size:10pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border: 1px solid #801625;}

.secrets-header-capital {font-size:10pt; color:#00008b; background:#5daee2; text-align:center; font-weight:bold;}
.brown-title-box {border-width:1px; border-style:solid; border-color: #ffffff; background:#993333; color:#ffffff; font-weight:bold; padding:5px; font-size:10pt;}
.yellow-title-box {border-width:1px; border-style:solid; background:#ffdd22; color:#a72829; font-weight:bold; padding:5px; font-size:10pt;}

.brown-yellow-box {border-width:2px; border-style:solid; background:#801625; color:#ffd500; font-weight:bold; padding:5px; font-size:10pt;}
.white-yellow-box {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 220px; right: 5px; }
.white-yellow-box-lugarde {border-width:2px; border-style:solid; background:#ffffff; color:#01660a; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 290px; right: 5px; }
.white-yellow-box-office {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 230px; right: 25px; }
.yellow-circle {background: #fbd50e; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 150px; right: 5px; }
.yellow-circle-office {background: #fbd50e; height: 50px; width: 50px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 10px; padding: 10px 2px; font-weight: bold; font-size: 10px; color:#000000; position: absolute; top: 5px; right: 5px; }
.yellow-circle-lugarde {background: #fbd50e; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 60px; left: 5px; }

.green-title-box {border-width:1px; border-style:solid; background:#38a62d; color:#ffffff; font-weight:bold; padding:5px; font-size:10pt;}
.title-name-box-yellow {position: relative; left: -2px; border-radius: 5px; background: #ffdd22; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#993333; border-width: 1px; border-color: #ffdd22; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}
.title-name-box-yellow:hover {position: relative; left: -2px; border-radius: 5px; background: #993333; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#ffdd22; border-width: 1px; border-color: #993333; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}
.title-name-box-brown {position: relative; left: -2px; border-radius: 5px; background: #993333; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#ffffff; border-width: 1px; border-color: #993333; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}
.title-name-box-brown:hover {position: relative; left: -2px; border-radius: 5px; background: #ffffff; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#993333; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}

.title-name-box-capital {position: relative; left: -2px; border-radius: 5px; background: #00008b; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#ffffff; border-width: 1px; border-color: #00008b; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}

}

@media screen and (min-width: 326px) and (max-width:640px)
{
.secrets-header {font-size:10pt; color:#993333; background:#ffdd22; text-align:center; font-weight:bold;}
.secrets-header-brown {font-size:10pt; color:#ffffff; background:#801625; text-align:center; font-weight:bold;}
.secrets-header-white {font-size:10pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border: 2px solid #801625;}
.secrets-header-woodpro {font-size:10pt; color:#603913; background:#ffffff; text-align:center; font-weight:bold; border: 2px solid #603913;}
.secrets-header-trentan {font-size:10pt; color:#ffffff; background:#13a64b; text-align:center; font-weight:bold; border: 2px solid #13a64b;}
.secrets-header-lugarde {font-size:10pt; color:#01660a; background:#ffffff; text-align:center; font-weight:bold; border: 2px solid #ffd500;}

.secrets-header-brown-white {font-size:10pt; color:#ffffff; background:#801625; text-align:center; font-weight:bold; border: 2px solid #801625;}
.secrets-header-brown-white:hover {font-size:10pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border: 2px solid #801625;}

.secrets-header-capital {font-size:10pt; color:#00008b; background:#5daee2; text-align:center; font-weight:bold;}
.brown-title-box {border-width:1px; border-style:solid; border-color: #ffffff; background:#993333; color:#ffffff; font-weight:bold; padding:5px; font-size:10pt;}
.yellow-title-box {border-width:1px; border-style:solid; background:#ffdd22; color:#a72829; font-weight:bold; padding:5px; font-size:10pt;}

.brown-yellow-box {border-width:2px; border-style:solid; background:#801625; color:#ffd500; font-weight:bold; padding:5px; font-size:10pt;}
.white-yellow-box {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 220px; right: 5px; }
.white-yellow-box-lugarde {border-width:2px; border-style:solid; background:#ffffff; color:#01660a; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 290px; right: 5px; }
.white-yellow-box-office {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 230px; right: 25px; }
.white-yellow-box-office-left {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 230px; left: 5px; }
.yellow-circle {background: #fbd50e; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 150px; right: 5px; }
.yellow-circle-office {background: #fbd50e; height: 50px; width: 50px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 10px; padding: 10px 2px; font-weight: bold; font-size: 10px; color:#000000; position: absolute; top: 5px; right: 5px; }
.yellow-circle-lugarde {background: #fbd50e; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 60px; left: 5px; }

.green-title-box {border-width:1px; border-style:solid; background:#38a62d; color:#ffffff; font-weight:bold; padding:5px; font-size:10pt;}
.title-name-box-yellow {position: relative; left: -2px; border-radius: 5px; background: #ffdd22; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#993333; border-width: 1px; border-color: #ffdd22; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}
.title-name-box-yellow:hover {position: relative; left: -2px; border-radius: 5px; background: #993333; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#ffdd22; border-width: 1px; border-color: #993333; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}
.title-name-box-brown {position: relative; left: -2px; border-radius: 5px; background: #993333; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#ffffff; border-width: 1px; border-color: #993333; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}
.title-name-box-brown:hover {position: relative; left: -2px; border-radius: 5px; background: #ffffff; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#993333; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}

.title-name-box-capital {position: relative; left: -2px; border-radius: 5px; background: #00008b; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#ffffff; border-width: 1px; border-color: #00008b; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold; text-align:center;}
}

@media screen and (min-width: 641px) and (max-width:800px)
{
.secrets-header {font-size:12pt; color:#993333; background:#ffdd22; text-align:center; font-weight:bold;}
.secrets-header-brown {font-size:12pt; color:#ffffff; background:#801625; text-align:center; font-weight:bold;}
.secrets-header-white {font-size:12pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #801625;}
.secrets-header-woodpro {font-size:12pt; color:#603913; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #603913;}
.secrets-header-trentan {font-size:12pt; color:#ffffff; background:#13a64b; text-align:center; font-weight:bold; border: 3px solid #13a64b;}
.secrets-header-lugarde {font-size:12pt; color:#01660a; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #ffd500;}

.secrets-header-brown-white {font-size:12pt; color:#ffffff; background:#801625; text-align:center; font-weight:bold; border: 3px solid #801625;}
.secrets-header-brown-white:hover {font-size:12pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #801625;}

.secrets-header-capital {font-size:12pt; color:#00008b; background:#5daee2; text-align:center; font-weight:bold;}
.brown-title-box {border-width:1px; border-style:solid; border-color: #ffffff; background:#993333; color:#ffffff; font-weight:bold; padding:5px; font-size:10pt;}
.yellow-title-box {border-width:1px; border-style:solid; background:#ffdd22; color:#a72829; font-weight:bold; padding:5px; font-size:10pt;}

.brown-yellow-box {border-width:2px; border-style:solid; background:#801625; color:#ffd500; font-weight:bold; padding:5px; font-size:10pt;}
.white-yellow-box {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 220px; right: 5px; }
.white-yellow-box-lugarde {border-width:2px; border-style:solid; background:#ffffff; color:#01660a; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 290px; right: 5px; }
.white-yellow-box-office {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 230px; right: 5px; }
.white-yellow-box-office-left {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:10pt; position: absolute; top: 230px; left: 5px; }
.yellow-circle {background: #fbd50e; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 150px; right: 5px; }
.yellow-circle-office {background: #fbd50e; height: 50px; width: 50px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 10px; padding: 10px 2px; font-weight: bold; font-size: 10px; color:#000000; position: absolute; top: 5px; right: 5px; }
.yellow-circle-lugarde {background: #fbd50e; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 60px; left: 5px; }

.green-title-box {border-width:1px; border-style:solid; background:#38a62d; color:#ffffff; font-weight:bold; padding:5px; font-size:10pt;}
.title-name-box-yellow {border-radius: 5px; background: #ffdd22; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#993333; border-width: 1px; border-color: #ffdd22; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
.title-name-box-yellow:hover {border-radius: 5px; background: #993333; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#ffdd22; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
.title-name-box-brown {border-radius: 5px; background: #993333; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#ffffff; border-width: 1px; border-color: #993333; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
.title-name-box-brown:hover {border-radius: 5px; background: #ffffff; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#993333; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}

.title-name-box-capital {border-radius: 5px; background: #00008b; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#ffffff; border-width: 1px; border-color: #00008b; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
}

@media screen and (min-width: 801px)
{
.secrets-header {font-size:16pt; color:#993333; background:#ffdd22; text-align:center; font-weight:bold;}
.secrets-header-brown {font-size:16pt; color:#ffffff; background:#801625; text-align:center; font-weight:bold;}
.secrets-header-white {font-size:16pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #801625;}
.secrets-header-woodpro {font-size:16pt; color:#ffffff; background:#603913; text-align:center; font-weight:bold; border: 3px solid #603913;}
.secrets-header-trentan {font-size:16pt; color:#ffffff; background:#13a64b; text-align:center; font-weight:bold; border: 3px solid #13a64b;}
.secrets-header-lugarde {font-size:16pt; color:#01660a; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #ffd500;}

.secrets-header-brown-white {font-size:16pt; color:#ffffff; background:#801625; text-align:center; font-weight:bold; border: 3px solid #801625;}
.secrets-header-brown-white:hover {font-size:16pt; color:#801625; background:#ffffff; text-align:center; font-weight:bold; border: 3px solid #801625;}

.secrets-header-capital {font-size:16pt; color:#00008b; background:#5daee2; text-align:center; font-weight:bold;}
.brown-title-box {border-width:1px; border-style:solid; border-color: #ffffff; background:#993333; color:#ffffff; font-weight:bold; padding:5px; font-size:13pt;}
.yellow-title-box {border-width:1px; border-style:solid; background:#ffdd22; color:#a72829; font-weight:bold; padding:5px; font-size:13pt;}

.brown-yellow-box {border-width:2px; border-style:solid; background:#801625; color:#ffd500; font-weight:bold; padding:5px; font-size:13pt;}
.white-yellow-box {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:13pt; position: absolute; top: 220px; right: 5px; }
.white-yellow-box-office {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:13pt; position: absolute; top: 380px; right: 25px; }
.white-yellow-box-lugarde {border-width:2px; border-style:solid; background:#ffffff; color:#01660a; font-weight:bold; padding:5px; font-size:13pt; position: absolute; top: 290px; right: 5px; }
.white-yellow-box-office-left {border-width:2px; border-style:solid; background:#ffffff; color:#801625; font-weight:bold; padding:5px; font-size:13pt; position: absolute; top: 230px; left: 5px; }
.yellow-circle-office {background: #fbd50e; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 10px; right: 10px; }
.yellow-circle {background: #fbd50e; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 150px; right: 5px; }
.yellow-circle-lugarde {background: #fbd50e; height: 80px; width: 80px; border-radius: 100%; text-align: center; vertical-align: middle; line-height: 15px; padding: 15px 6px; font-weight: bold; font-size: 14px; color:#000000; position: absolute; top: 60px; left: 5px; }

.green-title-box {border-width:1px; border-style:solid; background:#38a62d; color:#ffffff; font-weight:bold; padding:5px; font-size:13pt;}
.title-name-box-yellow {border-radius: 5px; background: #ffdd22; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#993333; border-width: 1px; border-color: #ffdd22; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
.title-name-box-yellow:hover {border-radius: 5px; background: #993333; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#ffdd22; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
.title-name-box-brown {border-radius: 5px; background: #993333; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#ffffff; border-width: 1px; border-color: #993333; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
.title-name-box-brown:hover {border-radius: 5px; background: #ffffff; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#993333; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}

.title-name-box-capital {border-radius: 5px; background: #00008b; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin-left: auto; margin-right: auto; color:#ffffff; border-width: 1px; border-color: #00008b; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold; text-align:center;}
}
/* END Code For Title Boxes */

/* START TABLEIZER CODE FOR SIZES OR PRICES */
/* table.tableizer-table {border: 1px solid #781f19; font-family: Arial, Helvetica, sans-serif; font-size: 12px; width:100%;} */
/* .tableizer-table td {border: 1px solid #781f19; text-align:center; font-weight: bold;}*/
/* .tableizer-table th {text-align:center; background-color: #781f19; color: #FFF; font-weight: bold;}*/
/* END TABLEIZER CODE FOR SIZES OR PRICES */

.product-290-box-front-page- {width:296px; height:223px; background:#ffffff; border: 5px solid #ffffff;} /* Don’t know why code needs to be different on front page */
.product-290-box-front-page-:hover {width:296px; height:223px; background:#993333; border: 5px solid #993333;}

.product-290-box-front-page {width:296px; height:223px; background:#ffffff; border: 5px solid #993333;} /* Don’t know why code needs to be different on front page */
.product-290-box-front-page:hover {width:296px; height:223px; background:#993333; border: 5px solid #ffffff;}

.product-290-box {width:290px; height:218px; background:#ffffff; border: 5px solid #ffffff;}
.product-290-box:hover {width:290px; height:218px; background:#993333; border: 5px solid #993333;}

/* START CODE FOR FIELDSET */
@media screen and (max-width: 768px)
{
fieldset {border-width: 1px; border-color: #993333; border-style: solid double; background:#ffffff; position: relative; text-align:left; margin-bottom:5px; margin-top:20px; padding: 20px 7px 7px 7px; } /* Don’t make padding more than 7px Left and Right*/
fieldset legend {position: absolute; top: -18px; left: 0; border-width:1px; border-style:solid; background:#ffdd22; color:#a72829; font-weight:bold; padding:5px; font-size:10pt;}
.sub-section-legend {font-size:10pt;}
}
@media screen and (min-width: 769px)
{
fieldset {border-width: 1px; border-color: #993333; border-style: solid double; background:#ffffff; position: relative; text-align:left; margin-bottom:5px; margin-top:20px; padding: 20px 7px 7px 7px; } /* Don’t make padding more than 7px Left and Right*/
fieldset legend {position: absolute; top: -18px; left: 0; border-width:1px; border-style:solid; background:#ffdd22; color:#a72829; font-weight:bold; padding:5px; font-size:10pt;}
.sub-section-legend {font-size:12pt;}
}
/* END CODE FOR FIELDSET */

/* START Code For Towns Pages */
@media screen and (max-width: 325px)
{
.towns-box-brown {position: relative; left: -2px; border-radius: 5px; background: #993333; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#ffffff; border-width: 1px; border-color: #993333; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold;}
.towns-box-brown:hover {position: relative; left: -2px; border-radius: 5px; background: #ffffff; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#993333; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold;}

.towns-box-yellow {position: relative; left: -2px; border-radius: 5px; background: #ffdd22; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#000000; border-width: 1px; border-color: #ffdd22; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold;}
.towns-box-yellow:hover {position: relative; left: -2px; border-radius: 5px; background: #ffffff; width: 270px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
color:#993333; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:10pt; font-weight:bold;}
}

@media screen and (min-width: 326px) and (max-width:768px)
{
.towns-box-brown {border-radius: 5px; background: #993333; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin:auto; color:#ffffff; border-width: 1px; border-color: #993333; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold;}
.towns-box-brown:hover {border-radius: 5px; background: #ffffff; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin:auto; color:#993333; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold;}

.towns-box-yellow {border-radius: 5px; background: #ffdd22; width: 300px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin:auto; color:#000000; border-width: 1px; border-color: #993333; border-style: solid; line-height:120%; font-size:14pt; font-weight:bold;}
.towns-box-yellow:hover {border-radius: 5px; background: #ffffff; width: 300px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin:auto; color:#993333; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:14pt; font-weight:bold;}

}
@media screen and (min-width: 769px)
{
.towns-box-brown {border-radius: 5px; background: #993333; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin:auto; color:#ffffff; border-width: 1px; border-color: #993333; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold;}
.towns-box-brown:hover {border-radius: 5px; background: #ffffff; width: 290px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin:auto; color:#000000; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:12pt; font-weight:bold;}
.towns-box-yellow {border-radius: 5px; background: #ffdd22; width: 310px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin:auto; color:#000000; border-width: 1px; border-color: #993333; border-style: solid; line-height:120%; font-size:14pt; font-weight:bold;}
.towns-box-yellow:hover {border-radius: 5px; background: #ffffff; width: 310px; height: 20px; box-shadow: 1px 1px 5px #888 inset;
margin:auto; color:#993333; border-width: 1px; border-color: #ffffff; border-style: solid; line-height:120%; font-size:14pt; font-weight:bold;}

}
/* END Code For Town Pages Boxes */

/* START Code For Boxes (Products) */
@media screen and (max-width: 325px)
{
.header-comments {display:none;}
.boxes {position:relative; float:left; background: #ffffff; border-width: 0px; border-color: #993333; border-style: solid; padding:0px; width:100%; text-align:center;}
.boxes-headings {position:absolute; top:-10px; border-width: 1px; border-color: #993333; border-style: solid double; background:#ffdd22; color:#993333; font-weight:bold; font-size:12pt; width:75%; height:25px; padding-top:5px;}
.boxes-headings-front {position:absolute; top:-10px; border-width: 1px; border-color: #993333; border-style: solid double; background:#ffdd22; color:#993333; font-weight:bold; font-size:11pt; width:90%; height:25px; padding-top:5px;}
.boxes-front-page {position:relative; width:292px; border-width: 1px; border-color: brown; border-style: solid double; margin: 0 auto;}
.boxes-width-spacer {width:100%; min-height: 20px; background: #ffffff;}
}
@media screen and (min-width: 326px) and (max-width:768px)
{
.header-comments {display:none;}
.boxes {position:relative; float:left; background: #ffffff; border-width: 0px; border-color: #993333; border-style: solid; padding:0px; width:100%; text-align:center;}
.boxes-headings {position:absolute; top:-10px; border-width: 1px; border-color: #993333; border-style: solid double; background:#ffdd22; color:#993333; font-weight:bold; font-size:12pt; width:75%; height:25px; padding-top:5px;}
.boxes-headings-front {position:absolute; top:-10px; border-width: 1px; border-color: #993333; border-style: solid double; background:#ffdd22; color:#993333; font-weight:bold; font-size:11pt; width:90%; height:25px; padding-top:5px;}
.boxes-front-page {position:relative; width:292px; border-width: 1px; border-color: brown; border-style: solid double; margin: 0 auto;}
.boxes-width-spacer {width:100%; min-height: 20px; background: #ffffff;}
}
@media screen and (min-width: 769px) and (max-width:999px)
{
.header-comments {display:block;}
.boxes {position:relative; float:left; background: #ffffff; border-width: 0px; border-color: #993333; border-style: solid; padding:0px; width:100%; text-align:center;}
.boxes-headings {position:absolute; top:-10px; border-width: 1px; border-color: #993333; border-style: solid double; background:#ffdd22; color:#993333; font-weight:bold; font-size:12pt; width:75%; height:25px; padding-top:5px;}
.boxes-headings-front {position:absolute; top:-10px; border-width: 1px; border-color: #993333; border-style: solid double; background:#ffdd22; color:#993333; font-weight:bold; font-size:11pt; width:90%; height:25px; padding-top:5px;}
.boxes-front-page {position:relative; width:320px; float:left; border-width: 1px; border-color: #993333; border-style: solid double; margin-bottom:20px;}
.boxes-width-spacer {width:100%; min-height: 20px; background: #ffffff;}
}
@media screen and (min-width: 1000px) and (max-width:1279px)
{
.header-comments {display:block;}
.boxes {position:relative; float:left; background: #ffffff; border-width: 0px; border-color: #993333; border-style: solid; padding:0px; width:100%; text-align:center;}
.boxes-headings {position:absolute; top:-10px; border-width: 1px; border-color: #993333; border-style: solid double; background:#ffdd22; color:#993333; font-weight:bold; font-size:12pt; width:75%; height:25px; padding-top:5px;}
.boxes-headings-front {position:absolute; top:-10px; border-width: 1px; border-color: #993333; border-style: solid double; background:#ffdd22; color:#993333; font-weight:bold; font-size:11pt; width:90%; height:25px; padding-top:5px;}
.boxes-front-page {position:relative; width:315px; float:left; border-width: 1px; border-color: #993333; border-style: solid double; margin-bottom:20px;}
.boxes-width-spacer {width:100%; min-height: 20px; background: #ffffff;}
}
@media screen and (min-width: 1280px)
{
.header-comments {display:block;}
.boxes {position:relative; float:left; background: #ffffff; border-width: 0px; border-color: #993333; border-style: solid; padding:0px; width:100%; text-align:center;}
.boxes-headings {position:absolute; top:-10px; border-width: 1px; border-color: #993333; border-style: solid double; background:#ffdd22; color:#993333; font-weight:bold; font-size:12pt; width:75%; height:25px; padding-top:5px;}
.boxes-headings-front {position:absolute; top:-10px; border-width: 1px; border-color: #993333; border-style: solid double; background:#ffdd22; color:#993333; font-weight:bold; font-size:11pt; width:90%; height:25px; padding-top:5px;}
.boxes-front-page {position:relative; width:315px; float:left; border-width: 1px; border-color: #993333; border-style: solid double; margin-bottom:20px;}
.boxes-width-spacer {width:100%; min-height: 20px; background: #ffffff;}
}
@media screen and (max-width: 768px)
{.div-front-mobile-spacer {min-height:20px;}}
@media screen and (min-width: 769px)
{.div-front-mobile-spacer {display:none;}}
/* END Code For Boxes (Products) */

/* START Code To Display on Mobile or Not */
@media screen and (max-width:768px)
{
.show-mobile {display:block;} /* Use to select whether it’s displays or not on mobile */
.show-mobile-1-lines {display:block; min-height:20px;} /* Use to select whether it’s displays or not on mobile */
.show-mobile-2-lines {display:block; min-height:40px;} /* Use to select whether it’s displays or not on mobile */
.show-desktop {display:none;} /* Use to select whether it’s displays or not on desktop */
}
@media screen and (min-width: 769px)
{
.show-mobile {display:none;} /* Use to select whether it’s displays or not on mobile */
.show-mobile-1-lines {display:none;} /* Use to select whether it’s displays or not on mobile */
.show-mobile-2-lines {display:none;} /* Use to select whether it’s displays or not on mobile */
.show-desktop {display:block;} /* Use to select whether it’s displays or not on desktop */
}
/* END Code To Display on Mobile or Not */

.i {font-style:italic;}
.j {text-align:justify;}
.b {font-weight:bold;}
.c {text-align:center;}
.u {text-decoration: underline;}
.smalltext{font-size:10pt;}
.mediumtext {font-size:12pt;}
.largetext {font-size:14pt;}
.clear {clear:both;}
.fl {float:left; margin: 0px 0px 0px 10px; font-size:10pt; text-decoration: underline;}
.float-left {float:left;}
.fr {float:right; margin: 0px 10px 0px 0px; font-size:10pt; text-decoration: underline;}
.capital-quote-form {background:#ffffff; border-style: solid; border-color: #5daee2;}
.features-border {border: 2px solid #993333; padding: 0 0 0 35px;}
.features-border-capital {border: 2px solid #5daee2; padding: 0 0 0 35px;}

.width-33 {width:33%;}
.width-34 {width:34%;}
.padding-5 {padding:5px 5px 5px 5px;}
.padding-10 {padding:10px;}
.padding-15 {padding:15px;}

/* START COLOUR STYLES */
.w {background-color:#ffffff;} /*White Background*/
.y {background-color:#ffdd22;} /*Yellow Background*/
.black {background-color:#000000;} /*Black Background*/
.red {background-color:#ff0000;} /*Red Background*/
.bl {background-color:blue;} /*Blue Background*/
.br {background-color:#a52a2a;} /*Brown Background */
.grey {background-color:#f0f0f0;} /*Grey Background*/
.ly {background-color:#ffffcc;} /*Light Yellow Background*/
.mint {background-color:#ccff99;} /*Mint Green Background*/
.o {background-color:#ffb13d;} /*Orange Background*/
.cream {background-color:#ffcc99;} /*Cream Background*/
.green {background-color:#2ba62b;} /*Green Background*/
.brfont {color:#A52A2A ;} /* Brown Text */
.greenfont {color:#336633;} /* Green Text */
.redfont {color:#ff0000;} /* Red Text */
.wfont {color:#ffffff;} /* White Text */
.bfont {color:#000000;} /* Black Text */
.capital-dark-blue-font {color:#00008b;} /*Capital Dark Blue Font*/
.change-color-white-brown {color:#fbd50e;}
.change-color-white-brown:hover {color:#801625;} /* END COLOUR STYLES */

/* START CODE FOR MAPS */
@media screen and (max-width: 768px)
{
.maps {font-size:10pt;}
}
@media screen and (min-width: 769px)
{
.maps {font-size:14pt;}
}
/* END CODE FOR H3 MAPS */

/* START CODE FOR H2-H3 TITLE BOXES */
@media screen and (max-width: 768px)
{
.h2-heading {border-width: 2px; border-color: #993333; border-style: solid double; background:#ffffff; position: relative; text-align:center; margin:0px; font-size:12pt; margin-bottom:30px;}
.h3-heading {border-width: 1px; border-color: #993333; border-style: solid double; background:#ffffff; position: relative; text-align:left; margin-bottom:5px; margin-top:20px; padding: 20px 7px 7px 7px; } /* Don’t make padding more than 7px Left and Right*/
.h3-heading-title {position: absolute; top: -28px; left: 0px; border-width:1px; border-style:solid; background:#ffdd22; color:#a72829; font-weight:bold; margin:1px 1px 1px 10px; text-align:center;}
.h4-heading {background:#993333; color:#ffffff; font-size:10pt; width:300px;}
}
@media screen and (min-width: 769px)
{
.h2-heading {border-width: 2px; border-color: #993333; border-style: solid double; background:#ffffff; position: relative; text-align:center; margin:0px; font-size:16pt;}
.h3-heading {border-width: 1px; border-color: #993333; border-style: solid double; background:#ffffff; position: relative; text-align:left; margin-bottom:5px; margin-top:20px; padding: 20px 7px 7px 7px; } /* Don’t make padding more than 7px Left and Right*/
.h3-heading-title {position: absolute; top: -18px; left: 10px; border-width:1px; border-style:solid; background:#ffdd22; color:#a72829; font-weight:bold; padding:1px; min-width:600px;}
.h4-heading {background:#993333; color:#ffffff; font-size:10pt; width:500px;}
}
/* END CODE FOR H3 TITLE BOXES */

.image-spread {
background-color: #ffffff;
list-style-type: none;
text-align: center;
margin: 0;
padding: 0;
}

.image-spread li {
display: inline-block;
font-size: 10px;
padding: 20px 5px 20px 5px;
}

.towns-image-spread {
background-color: #ffffff;
list-style-type: none;
text-align: center;
margin: 0;
padding: 0;
}

.towns-image-spread li {
display: inline-block;
font-size: 10px;
padding: 25px;
}

/* START This Code For All Sizes of Screens */
.delivery-maps {position: relative; padding-bottom: 150%; height: 0; overflow: hidden;}
.google-maps {position: relative; padding-bottom: 75%; height: 0; overflow: hidden;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
img.center {display: block; margin-left: auto; margin-right: auto;}
/* END This Code For All Sizes of Screens */

.product-120-box-left {width:120px; height:90px; background:#ffffff; border: 5px solid #ffffff; float:left;}
.product-120-box-left:hover {width:120px; height:90px; background:yellow; border: 5px solid #993333; float:left;}
.product-120-box-right {width:120px; height:90px; background:#ffffff; border: 5px solid #ffffff; float:right;}
.product-120-box-right:hover {width:120px; height:90px; background:yellow; border: 5px solid #993333; float:right;}

Farnham Site

Farnham Show Site

1st Choice Leisure Buildings
Squires Garden Centre,
Badshot Lea Road,
Badshot Lea,
Farnham,
GU9 9JX UK
Phone 01252 311085

DIRECTIONS VIEW DETAILS
Woking Site

Woking Show Site

1st Choice Leisure Buildings
Sutton Green Garden Centre,
Whitmoor Ln,
Sutton Green,
Guildford,
GU4 7QA UK
Phone 01483 237550

DIRECTIONS VIEW DETAILS
logo

1st Choice Leisure Buildings For Log Cabins, Summer Houses, Garden Offices & Concrete Garages

Call us today on Woking (01483) 237550 or Farnham (01252) 311085 email [email protected]

Contact

Woking Garden Buildings Show Site
1st Choice Leisure Buildings
Sutton Green Garden Centre,
Whitmoor Ln, Sutton Green,
Guildford, Surrey. GU4 7QA
Phone 01483 237550

Farnham Garden Buildings Show Site
1st Choice Leisure Buildings
Squire’s Garden Centre,
Badshot Lea Road, Badshot Lea,
Farnham, Surrey. GU9 9JX
Phone 01252 311085