/* @override 
	http://grassform.co.uk/css/main_style.css
	http://grassform.co.uk/css/menu.css
	http://www.grassform.co.uk/css/main_style.css
*/

html, body, div, p, h1, h2, form, table, td {
    margin: 0;
    padding: 0;
}

body {
    font: 10px helvetica, sans-serif;
    color: #555;
    background: url('../images/background.gif') repeat-x 0 119px #83847a;
    padding: 129px 0 20px;
}

img {
    border: none;
}

a, #navigation ul li ul li div.megaMenu ul li a {
    color: #00af3f;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 a, .h1title a {
    color: #fff;
}

h1, .h1title {
    font-size: 1.5em;
    font-weight: normal;
    color: #fff;
    padding: 12px 14px 8px;
    margin: 0;
    background: url('../images/title-background.gif') repeat-y top left;
}

h2, .h2title {
    font-size: 1.3em;
    font-weight: bold;
    margin: 0 0 4px;
    padding: 0;
    clear: both;
}

h3, h4, h5, h6 {
    margin: 0 0 4px;
    padding: 0;
    font-size: 1em;
    font-weight: bold;
}

p, #content ul.anchorLinks li.last, table {
    margin-bottom: 14px;
    clear: both;
}

ul, ol {
    padding: 0 0 0 26px;
    list-style-image: url('../images/arrow-right.gif');
}

ul, ol, ul.twoColumn li.last {
    margin: 0 0 14px;
}

ul li {
    padding: 3px 0;
    margin: 0;
}

ul.twoColumn li {
  float: left;
  width: 195px;
  position: relative;
}

ul li ul {
    margin: 0;
}

ol {
    list-style-image: none;
}

.errorText, .validation-advice, .red {
    color: red;
}

.latestNews {
    font-size: 1.4em;
    height: 16px;
    overflow: hidden;
}

.latestNews img {
    margin: 0 3px;
}

.callToActionBox {
    margin: -1px -1px; /* Compensate for invisible border */
    margin-bottom: 6px;
    width: 213px;
    border: 1px solid transparent; /* IE7 bug fix - margins don't work without it! */
}

.callToActionBox .container {
    background: url('../images/box-background.gif') repeat-x top left #01af3f;
    position: relative;
    height: 95px;
}

.callToActionBox .container:hover, .callToActionBox .hover {
    background: url('../images/link-box-background-hover.png') repeat-y top left;
}

.callToActionBox img {
    display: block;
    margin-top: 3px;
    float: left;
    position: relative;
    left: -8px;
}

.callToActionBox p {
    color: #fff;
    padding: 0 10px 0 75px;
    margin: 0;
    position: relative;
    clear: none;
}

.callToActionBox .title {
    font-size: 1.5em;
    font-weight: bold;
    padding-top: 12px;
}

.callToActionBox a {
    color: #fff;
}

.callToActionBox a:hover {
    text-decoration: none;
}

.callToActionBox a.boxLink {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

/* Higher call to action box */

.callToActionBoxHigher .container {
    height: auto;
}

.callToActionBoxHigher img {
    top: -10px;
    margin-bottom: -10px;
}

.callToActionBoxHigher p {
    clear: both;
    padding-left: 10px;
    padding-bottom: 23px;
}

.callToActionBoxHigher .title {
    padding-top: 0;
    padding-bottom: 0;
}

.lorryCallToActionBox .container {
    background: url('../images/link-box-background-hover.png') repeat-y top left;    
}

.lorryCallToActionBox {
    margin-top: 10px;
}

/* Loading Box */

.loading {
    background: url('../images/loading.gif') center center no-repeat;
}


/* HEADER */

#header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1065px;
    height: 149px;
    background-color: #fff;
    overflow: hidden;
}

    #header .logo {
        float: left; margin-left: 90px;
    }

    #header .content {
        width: 1111px;
        height: 130px;
        padding: 19px 0 0;
        margin: 0 auto;
        background: url('../images/header-background2.gif') no-repeat 748px top;
        font-size: 1.8em;
	position: relative;
    }

    #header ul {
        float: right;
        padding: 61px 94px 0 0;
        list-style: none;
    }

    #header ul li {
        display: inline;
        padding-right: 25px;
        list-style: none;
        position: relative;
    }

    #header ul li img {
        vertical-align: middle;
    }

    #header .addthis_toolbox {
	position: absolute;
	top: 20px;
	right: 118px;
    }
    
    
    
    p.call-now {color:#2b2b2b;position:absolute;top:5px;left:500px;text-align: right;}
    p.call-now strong {position: relative; top: 5px; font-size: 35px;}
    
    
    .button-callback {background: url(/images/butt-callback.png); display: block; width: 240px; height: 60px; position: absolute; top: 40px; left: 760px;}
    .button-callback:hover {background-position: 0 -69px;}
    .button-callback span {display: none;}
    p.or {position: absolute; top: 54px; left: 740px;}
    
    p.follow {font-size: 11px; line-height: 1.3; width: 165px; height: 27px;background: #1e1f1c; color: #fff; padding: 14px 15px; position: absolute; top: 100px; left: 798px; -webkit-border-radius: 7px; -moz-border-radius: 7px;border-radius: 7px;behavior: url(/images/PIE.php);}
    
    a.facebook {display: block; width: 27px; height: 27px;position: absolute; top: 13px; right: 55px; background: url(/images/facebook-icon.gif);}
    a.linkedin {display: block; width: 27px; height: 27px; position: absolute; top: 13px; right: 20px;background: url(/images/linkedin-icon.gif);}
    
/* MAIN PAGE */

#mainPage {
    width: 900px;
    margin: 0 auto;
    background: url('../images/sidebar-background.gif') repeat-y top left #fff;
    top: 30px;
    position: relative;
}

    /* MAIN PAGE - MAIN SIDEBAR */

    #mainSidebar {
        width: 200px;
        float: left;
        background: url('../images/sidebar-background.gif') repeat-y top left;
    }

        #quickEnquiryForm {
            padding: 25px 0 25px 15px;
            color: #fff;
        }

            #quickEnquiryForm table {
                border-collapse: collapse;
            }

            #quickEnquiryForm p {
                font-size: 1.2em; color: #000;
            }

            #quickEnquiryForm form p {
                color: #464741;
            }

            #quickEnquiryForm .title {
                font-size: 1.6em;
                font-weight: bold;
                margin-bottom: 0;
            }

            #quickEnquiryForm div.checkbox {
                position: relative;
            }

                #quickEnquiryForm input.checkbox {
                    position: absolute;
                    top: 0;
                    left: 0;
                }

                #quickEnquiryForm p.checkbox {
                    padding: 0 10px 0 23px;
                    font-size: 1.1em;
                    color: #fff;
                }

            #quickEnquiryForm .submitButton {
                display: block;
                width: 60px;
                height: 34px;
                border: none;
                background: url('../images/submit-button.png') no-repeat top left;
            }

    /* MAIN PAGE - MAIN SECTION */

    #mainSection {
        width: 670px;
        padding: 15px;
        padding-bottom: 0;
        float: right;
        position: relative;
    }

        #assoc-logos {
            width: 100%;
            height: 70px;
            background: url('../images/sidebar-background.gif') repeat-y top left #fff;
        }

            #assoc-logos .container {
                border-top: 2px dotted #83847a;
                width: 670px;
                margin-left: 215px;
            }

                #assoc-logos .assoc {
                    float: left;
                }

                #assoc-logos .cards {
                    float: right;
                }

        #mainContent {
            padding-top: 30px;
        }

            #mainContent .aboveContent .callToActionBox {
                margin-right: 14px;
                float: left;
                font-size: 1.2em;
            }
            
                #mainContent .aboveContent .callToActionBox .container {
                    height: 96px;
                }

                #mainContent .aboveContent .callToActionBoxes .last {
                    margin-right: -16px; /* Prevent IE6 from wrapped onto next line */
                    margin-left: 0;
                }

            #content {
                width: 443px;
                float: left;
                clear: left;
                font-size: 1.2em;
                position: relative;
            }

                #content .productDetailsBox {
                    background-color: #f3f1f1;
                    border-bottom: 1px dotted #f3f1f1; /* IE6 Bug fix */
                    margin: 0 -10px;
                    padding: 0 10px;
                    border-top: 2px dotted #83847a;
                }

                #content .bottomMargin {
                    margin-bottom: 14px;
                }

                #content .productDetailsBoxEven {
                    background-color: #fff;
                    border-bottom: 1px dotted #fff; /* IE6 Bug fix */
                }

                #content .bottomBorder {
                    border-bottom: 2px dotted #83847a;
                }

                #content .productDetailsBoxFirst {
                    margin-top: 13px;
                }

                    #content .productDetailsBox .col1 {
                        width: 269px;
                        float: left;
                        padding-top: 7px;
                    }

                        #content .productDetailsBox .col1 .title {
                            font-size: 1.5em;
                        }

                        #content .productDetailsBox .col1 ul {
                            padding-left: 18px;
                        }

                    #content .productDetailsBox .col2 {
                        float: right;
                        padding: 10px 0;
                    }

                        #content .productDetailsBox .col2 img {
                            border: 6px solid #e9e4e4;
                        }

                #content .imageWithEmbeddedLink {
                    position: relative;
                }

                    #content .imageWithEmbeddedLink a {
                        display: block;
                        width: 91px;
                        height: 33px;
                        position: absolute;
                        top: 215px;
                        left: 13px;
                        background: url('../images/find-out-more-button.png') no-repeat top left;
                    }

                        #content .imageWithEmbeddedLink a span {
                            display: none;
                        }

                #content .border {
                    border: 2px dotted #83847a;
                    border-top: none;
                    padding: 19px 10px 0;
                    margin-bottom: 20px;
		    position: relative;
                }

                    #content .border .title {
                        color: #000;
                        font-size: 1.2em;
                    }

                    #content .border ul.bottomBorder {
                        border-bottom: 2px dotted #83847a;
                        padding-bottom: 25px;
                        margin-bottom: 26px;
                    }

                    #content .border table {
                        border-collapse: collapse;
                        width: 100%;
                    }

                        #content .border td {
                            /*background-color: #f3f1f1;*/
                            padding: 15px 10px;
                            width: 50%;
                        }

                        #content .border td.even {
                            background-color: #dff8cc;
                        }

                        #content .border td.col1 {
                            border: none;
                            border-right: 5px solid #fff;
                            border-bottom: 5px solid #fff;
                        }

                        #content .border td.col2 {
                            border: none;
                            border-left: 5px solid #fff;
                            border-bottom: 5px solid #fff;
                        }

                        #content .border tr.last td.col1, #content .border tr.last td.col2 {
                            border-bottom: none;
                        }


                #content .noPadding {
                    padding: 0;
                }

                    #content .noPadding table {
                        margin-bottom: 0;
                    }

                #content .strapline {
                    background: url('../images/box-background.gif') repeat-x top left #01af3f;
                    font-size: 1.5em;
                    color: #fff;
                    padding: 15px;
                    margin: 0;
                    position: relative;
                }

                    #content .strapline img {
                        position: absolute;
                        right: 12px;
                        top: 3px;
                    }

                #content ul.anchorLinks {
                    width: 270px;
                    list-style-image: url('../images/link-arrow-down.gif');
                }

                    #content ul.anchorLinks li {
                        width: 135px;
                        float: left;
                    }

                    #content ul.anchorLinks li.last {
                        clear: none;
                    }

                #content a.backToTop {
                    display: block;
                    width: 71px;
                    height: 30px;
                    margin: 0 0 11px 13px;
                    background: url('../images/back-to-top.png') no-repeat top left;
                }

                #content a.backToTop:hover {
                    background: url('../images/back-to-top-hover.png') no-repeat top left;
                }

                #content a.moreDetails {
                    display: block;
                    width: 87px;
                    height: 33px;
                    margin: 0 0 13px;
                    background: url('../images/more-details-button.png') no-repeat top left;
                }        

                #content a.button span {
                    display: none;
                }

            #contentSidebar {
                width: 214px;
                float: right;
                margin-right: -1px;
                font-size: 1.2em;
            }

                #contentSidebar .border {
                    border: 2px dotted #83847a;
                    margin-bottom: 7px;
                }

                #contentSidebar .popularProducts {
                    padding-left: 15px;
                }

                #contentSidebar .popularProducts .title {
                    font-size: 1.6em;
                    padding-top: 40px;
                }

                #contentSidebar .popularProducts ul {
                    margin-bottom: 75px;
                }

                #contentSidebar .popularProducts ul li {
                    font-size: 1.2em;
                }

                #contentSidebar .productPricesBox {
                    width: 213px;
                }

                    #contentSidebar .productPricesBox .infoBox {
                        background: url('../images/box-background-higher.jpg') repeat-x top left #01af40;
                        padding: 12px 10px 15px;
                        margin-bottom: 7px;
                        color: #fff;
                        font-size: 1.2em;
                    }

                        #contentSidebar .productPricesBox .infoBox .smaller {
                            font-size: 0.7em;
                        }

                        #contentSidebar .productPricesBox .infoBox .intro {
                            font-weight: bold;
                        }

                        #contentSidebar .productPricesBox .infoBox a {
                            color: #000;
                        }

                    #contentSidebar .productPricesBox .priceInfo {
                        font-size: 0.8em;
                    }

                #contentSidebar .alternativeSolutionsBox {
                    padding: 15px 10px 0;
                }

                    #contentSidebar .alternativeSolutionsBox .title {
                        color: #000;
                        font-size: 1.3em;
                    }

                #contentSidebar #quickEnquiryForm {
                   color: #83847a;
                   font-size: 0.9em;
                   padding-right: 15px;
                   background: url(/images/contactus-form-bg.gif);
                }

                    #contentSidebar #quickEnquiryForm form p {
                        color: #000;
                    }

            #mainContent .aboveContent {
                position: absolute;
                top: 15px;
                left: 15px;
            }

/* FOOTER */

#footer {
    clear: both;
    width: 900px;
    margin: 0 auto;
    background: url('../images/footer-dia-side.png') no-repeat 873px top;
    position: relative;
    top: 30px;
}

#footer .content {
    width: 858px;
    height: 60px;
    padding-left: 15px;
    background-color: #000;
    color: #fff;
    overflow: hidden;
}

#footer .content p {
    line-height: 60px;
}

/* HOME PAGE TRANSISTIONS */

.transistionsBox {
    position: relative;
    width: 443px;
    height: 300px;
}

.fullWidthTransistionsBox {
    width: 670px;
    height: 255px;
}

    .transistionsBox .container {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 4;
        width: 443px;
        min-width: 443px;
        height: 300px;
        min-height: 300px;
    }

    .fullWidthTransistionsBox .container {
        width: 670px;
        min-width: 670px;
        height: 255px;
        min-height: 255px;
        margin-top: -10px;
        background: url('../images/box-background-higher.jpg') repeat-x left center #fff;
    }

        .transistionsBox .container .text {
            width: 302px;
            padding: 35px 0 0 353px;
            color: #fff;
            position: relative;
            z-index: 2;
        }

            .transistionsBox .container .text .norm {
                font-size: 1.4em;
            }

            .transistionsBox .container .text .smaller {
                font-size: 1.1em;
            }

            .transistionsBox .container .text .bigger {
                font-size: 1.8em;
            }
            
            .transistionsBox .container .text .bigger em {
                font-size: 1.3em; font-style: normal; font-weight: bold;
            }

        .fullWidthTransistionsBox .container img.trans {
            position: absolute;
            top: 1px;
            left: 0;
            z-index: 1;
        }

    .transistionsBox .buttons {
        display: none;
    }

    .fullWidthTransistionsBox .buttons {
        display: block;
    }

        .transistionsBox .buttons .links {
            display: inline;
        }

            .transistionsBox .buttons .links a {
                vertical-align: middle;
                font-size: 1.5em;
                color: #83847a;
                display: inline-block;
                padding: 0 3px 0;
            }

            .transistionsBox .buttons .links a.activeSlide {
                color: #fff;
            }


/* DIRECTORS AND STAFF PAGE */

.staffProfile {
    padding-bottom: 15px;
}

    .staffProfile p.staffInfo {
        float: right;
        clear: none;
        width: 269px;
        padding: 0 10px;
        line-height: 1.5em;
    }

    .staffProfile p.staffImage {
        float: left;
        clear: none;
        width: 130px;
    }

    .staffProfile .staffName, .staffProfile .staffPosition {
        font-weight: bold;
    }

    .staffProfile .staffAttributeName {
        font-weight: bold;
    }

/* FAQ Page */

#content #faqAnswers p.title {
    margin-bottom: 0;
    padding-bottom: 0;
}




#navigation ul, #navigation ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#navigation ul li {
    border-bottom: 2px solid #fff;
    text-align: right;
    background-color: #00af3f;
}


#navigation ul li.contactus {
	
	background-image:url(/images/mega-menu/contactus.gif);
	}
#navigation ul li:hover, #navigation ul li.topMenuOn {
    background: url('../images/link-box-background-hover.png') repeat-y top left;
}

    #navigation ul li a {
        display: block;
        height: 40px;
        padding: 0 5px;
        line-height: 40px;
        font-size: 1.4em;
        color: #fff;
    }

    #navigation ul li a:hover {
        text-decoration: none;
    }

        #navigation ul li ul li {
            background-color: #83847a;
            border: none;
            border-top: 2px solid #fff;
            position: relative;
        }

        #navigation ul li ul li:hover, #navigation ul li ul li.subHover {
            background: #fff;
        }

            #navigation ul li ul li:hover a, #navigation ul li ul li.subHover a {
                color: #000;
            }

            #navigation ul li ul li a {
                font-size: 1.4em;
                height: 35px;
                line-height: 35px;
            }

            #navigation ul li ul li div.megaMenu {
                display: none;
                width: 638px;
                min-height: 177px;
                padding: 15px;
                padding-left: 32px;
                position: absolute;
                left: 200px;
                top: -80px;
                z-index: 1001;
                background-color: #f6f3f3;
            }

            #navigation ul li ul li:hover div.megaMenu, #navigation ul li ul li.subHover div.megaMenu {
                display: block;
            }

                #navigation ul li ul li div.megaMenu ul {
                   width: 206px;
                   padding-right: 17px;
                   padding-left: 16px;
                   margin-left: -16px;
                   float: left;
                }

                #navigation ul li ul li div.megaMenu ul.border {
                    padding-right: 15px;
                    /*border-right: 2px dotted #83847a;*/
                }

                    #navigation ul li ul li div.megaMenu ul li {
                        background: none;
                        border: none;
                        text-align: left;
                        list-style-image: url('../images/arrow-right.gif');
                        padding-bottom: 9px;
                        position: static;
                    }

                        #navigation ul li ul li div.megaMenu ul li a {
                            line-height: normal;
                            display: inline;
                            height: auto;
                            padding: 0;
                            font-size: 1.2em;
                        }

                        #navigation ul li ul li div.megaMenu ul li a:hover {
                            text-decoration: underline;
                        }

                            #navigation ul li ul li div.megaMenu ul li a img,
                            a.hideImage img {
                                width: 0;
                                height: 0;
                                border-width: 0;
                                position: absolute;
                                top: 15px;
                                left: 493px;
                            }

                            #navigation ul li ul li div.megaMenu ul li a:hover img,
                            #navigation ul li ul li div.megaMenu ul li a.showImage img {
                                width: auto;
                                height: auto;
                                border: 8px solid #e9e4e4;
                            }


.contact-form-wrapper {background: url(/images/contactus-form-bg-big.gif) !important; }


ul.seo-links {padding: 20px 0 20px 15px; width: 858px; overflow: hidden; background: #000; padding-rightwidth:900px}
ul.seo-links li {float: left; margin: 0 10px 0 0; list-style: none; width: 200px;}
ul.seo-links li a {color: #00af3f;}

img.offer-sticker {position: absolute; z-index: 100; top: -20px;right: -35px;}


.four04 h1 {
    font-size: 2em;
    font-weight: bold;
    padding: 12px 0px 8px;
    margin: 0;
    background: none;
    color: #000;
}


.button2, .quotebutton {background: #666;
background-color: #666;
background-image: -moz-linear-gradient(top, #666, #222); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #666),color-stop(1, #222)); /* Saf4+, Chrome */
background: linear-gradient(#666, #222);
-pie-background: linear-gradient(#666, #222);
background-position: top center;display: inline-block;padding: 6px 10px 6px;color: #fff;font-weight: bold;text-decoration: none;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);box-shadow: 0 1px 3px rgba(0,0,0,0.5);text-shadow: 0 -1px 1px rgba(0,0,0,0.25);position: relative;cursor: pointer;font-size: 12px;font-weight: bold;line-height: 1;text-shadow: 0 -1px 1px rgba(0,0,0,0.25);text-align: center; margin: 0 20px 0 0;behavior: url(/images/PIE.php);}

.ie7 .button2 {background: #333; color: #000;behavior: url(/images/PIE.php);border: 1px solid #000;}

.button2:hover, .quotebutton:hover {  background-color: #222;
background-color: #222; text-decoration: none;
background-image: -moz-linear-gradient(top, #222, #666); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #222),color-stop(1, #666)); /* Saf4+, Chrome */
background: linear-gradient(#222, #666);
-pie-background: linear-gradient(#222, #666);
behavior: url(/images/PIE.php);
}
.button2:active, .quotebutton:active {background-color: #222; background-image: none;behavior: url(/images/PIE.php);}


form.cart_form {width: 163px;}
.cart_form input {width: 37px; float: left; margin:3px 0px 5px 5px;height: 20px;padding: 0 0 0 3px;}
.quotebutton {background: #aaa;color: #fff;text-shadow: none; border: 0; font-size: 12px;margin: 0;position: relative; top: 2px;}
.quotebutton:hover {background: #eee;color: #000;text-shadow: none;}
.quotebutton:active {background: #fff;color: #000;text-shadow: none;}


.button2.orange-button {background: #b95d24;
background-color: #b95d24;
background-image: -moz-linear-gradient(top, #d4811e, #b95d24); /* FF3.6 */
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #d4811e),color-stop(1, #b95d24)); /* Saf4+, Chrome */
background: linear-gradient(#d4811e, #b95d24);
-pie-background: linear-gradient(#d4811e, #b95d24);
color: #fff; text-transform: uppercase; min-width: 85px;
behavior: url(/images/PIE.php);}

.button2.orange-button:hover {  background-color: #d4811e;
background-color: #d4811e; text-decoration: none;
background-image: none;
behavior: url(/images/PIE.php);
}
.button2.orange-button:active {background-color: #b95d24; background-image: none;behavior: url(/images/PIE.php);}

.button2.download-button {text-transform: uppercase;}

p.contact-us {float: right;margin: 20px 0;}

#mainContent .confused {width: 665px;float: left;clear: left;font-size: 1.2em;                position: relative; top: -30px;}
            
#mainContent .confused  h1, .h1title {    font-size: 1.5em;    font-weight: bold;    color: #000;    padding: 0px 14px 8px 0;    margin: 0;    background: none; position: relative; top: ;}

 #mainContent .confused   table h2 {color: #00af3f;}
 #mainContent .confused   table th {text-align: left; color: #fff; background: #000; padding: 10px 0 0 0; font-size: 15px;}
  #mainContent .confused   table tr.head {background: ;}
 
th small {font-size: 11px; font-weight: normal; display: block; margin: 5px 0 0 0;}

a.enquire-button img {display: none;}
a.enquire-button {display: block; width: 47px;height: 44px; background: url(/images/product-guide/button-green.jpg) 0 0 no-repeat;}
a.enquire-button:hover {display: block; width: 47px;height: 44px; background: url(/images/product-guide/button-over.jpg) 0 0 no-repeat;}

.thumbimage {width: 110px;border: 1px solid #00af3f; text-align: center; margin-right: 10px;}
.confused img.thumbnail {text-align: center;margin: 0px auto;}



.confused table img {display: block; }
td.max-load {font-size: 10px;}
a.enquire {margin: 0 0 0 0px; padding-left: 6px; padding-right: 6px;;}



/* @group Contact Us */

.contact h1 {background: none; color: #000;    font-size: 1.5em;
    font-weight: bold;
    padding: 0px;
    margin: 0 0 10px 0;
}

.contact p {line-height: 1.4; font-size: 13px; margin-bottom: 16px;}



.contact-columns {float: left; width: 100%; overflow: hidden; margin: 20px 0 20px 0;}
.contact-columns div {float: left; width: 45%;}
.contact-columns div.two {position: relative; left: 35px;}


.contact h2 {color: #16A81E; font-size: 14px;}


.contact-map {float: left; width: 100%; padding: 5px 0 5px 0; margin: 0 0 40px 0; border: 2px dashed #ccc; border-left: 0; border-right: 0; text-transform: uppercase;}
.contact-map {height: 55px;}

.contact-map a {text-decoration: underline;font-weight: bold; padding: 4px 30px 4px 0;background: url(/images/plus.png) 70px -4px no-repeat;}


.contact-map .plus {font-style: normal; display: inline-block;  width: 31px;height: 30px;}


form.form {display: block; float: left; position: relative; margin: 10px 20px 10px 0; }

.form .inner-columns {padding: 0 5px; margin: 0;}
.form .inner-columns .c-one {width: 185px; padding-left: 0px;float: left;}
.form .inner-columns .c-two {float: right;width: 214px; padding-left: 0px;position: relative; left:30px;}
.form .inner-columns .c-three {width: 100%;float: left;}
.form .inner-columns .c-three p {width: 100%;}

form.form em {color: #F66C07; font-style: normal; font-weight: bold; font-size: 19px; line-height:0}

form.form label {display: block;width: 200px;}
form.form .radio-label {display: inline; float: left; margin: 10px 0px 0px 0px; width: 144px;height: 40px;}
form.form .radio-input {width: 20px; float: left; position: relative; top: -3px;}


form.form label.error {color: #F66C07; font-weight: bold;  padding: 0 0 0 0px; }
form.form label.checkbox-label {display: block; position: relative; width: 170px; left: 20px;font-size: 11px;}
form.form input#subscribe {width: auto; position: absolute; left: -20px;}
form.form input {width: 180px; padding-left: 5px; height: 20px;}
form.form input, form.form textarea { margin-bottom: 5px;}
form.form select {width: 180px;}
form.form input.checkbox {width: auto; display: inline; width:20px;margin-bottom: 50px; float: left;}
form.form p.receiveFurtherInfo {position: absolute; top: 150px;right: 18px;}
form.form textarea {width: 390px; height: 120px;}
form.form button:active {position: relative; right: 40px; top: -4px;}
form.form p {float: left; clear: both;}
form.form p.checkboxes {margin: 40px 0 0 0; padding: 40px 0 0 0;}
body.contact form.form textarea#message {width: 390px; height: 120px;}
body.contact form.form textarea#address {width: 100%; height: 72px;}
form.form p.footer {position: relative; top: 8px;width: 100%; border-top: 2px dashed #ccc; padding: 30px 0 30px 0;}
form.form p.footer em {font-size: 15px; float: right; position: relative; top: 7px;}

form.form .c-two p {margin: 0px 0 14px 0;}
form.form .c-two p.email-signup {margin: 0px 0 0px 0; padding: 0;}

form.form button {border:0; width: 130px;float: left; position: relative; top: -5px; margin-right: 0; text-transform: uppercase;}
form.form button:active {position: relative;left: 0;}

form.form textarea { padding: 10px;}

.contact hr {border: none; color: #fff; border-top: 2px dashed #ccc; margin: 0 0 30px 0;}

/* @end */

/* @group Turfcare */

#mainContent .turfcare  h1 {    font-size: 1.8em;    font-weight: bold;    color: #000;    padding: 0px 14px 8px 0;    margin: 0;    background: none; position: relative;}

.turfcare p {font-size: 13px; line-height: 1.35;clear: none;}
.turfcare-header-content p {width: 660px;}

.turfcare p.download {margin: 10px 0 0 0;}
.turfcare p.analysis {text-align: left; margin: 0px 0 10px 0;}

/* @end */






.productDetailsContainer {margin-bottom: 40px;}
.productDetailsContainer h2 {margin: 0 0 20px 0;}
.productDetails2 { background-color: #f3f1f1; padding: 20px; border: 1px dashed #83847a; border-top: 0; }
.productDetails2:nth-child(1) {border-top: 1px dashed #83847a;}
.productDetails2:nth-child(2n) {background-color: #fff; border-top: 0;}
.productDetails2 {overflow: hidden;}
.productDetails2 .button2 {float: right; text-transform: none;margin-right: 34px;}


.turfcare .productDetailsContainer table table table td {padding: 5px;}


#mainContent .confused .productDetailsContainer table th {text-align: left; color: #000; padding: 5px 8px; font-size: 15px;width: 140px; background: rgba(105,190,40,0.4);font-weight: normal;}
/*#mainContent .confused .productDetails2 table th.empty {background: transparent;}*/

#mainContent .confused .productDetails2 table td {padding: 4px;}

#mainContent .confused .productDetails2 table tr td {border-bottom: 1px solid #ccc;}

.moreDetailsContainer h2 {margin-bottom: 12px;}
.moreDetailsContainer h3 {margin: -10px 0 12px 0;color: #00af3f}

.moreDetailsContainer img {margin-right: 20px;}
.moreDetailsContainer .content {padding-right: 40px;}
.moreDetailsContainer hr {border: 0; border-bottom: 1px solid #32cd32; margin: 20px 0 20px 0;}
p.legal {color:red; margin: 0px 0 30px 0; clear: both; /*float: left;*/ width: 100%;}


.view-quote-basket {border-bottom: 2px solid #ccc; margin: 5px 10px 20px 0; padding: 0 0 15px 0; overflow: hidden;}

.view-quote-basket div {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;background: url(/images/shopping-basket.png) 56px 5px no-repeat #ccc;height: auto; width: auto;float: right; position: relative; behavior: url(/images/PIE.php);}

.view-quote-basket a { padding: 10px 10px 8px 10px;  color: #666; text-transform: uppercase;font-weight: bold;font-size: 16px; position: relative;display: block;}
.view-quote-basket a span {display: inline-block; padding-left: 30px;  }
.view-quote-basket a:hover span {text-decoration: underline;}
#TB_window {border: 8px solid #69be28 !important;}
#TB_title {display: none;}

.turfcare form table#cart th {background: #000;}

table#cart {border-collapse: collapse;	margin-bottom: 1em;	width: 100%;}
table#cart th {background: #000;color: #fff;text-align: left;white-space: nowrap;font-size: 15px;}
table#cart th,
table#cart td {padding: 8px 15px;}
table#cart .item_name {width: 100%;}
table#cart .quantity input {text-align: center;}
table#cart tr td {background: #fff;}
table#cart tr.odd td {background: #eee;}
.center {text-align: center;}


.turfcare-header-image {float:right;margin:0 0 0px 10px;/*position:relative;top:-50px*/}
.turfcare-header-content {float:left; /*width:350px*/}

.addtoquote {float: left; height: auto; padding: 0 0 0 10px;position: relative; width: 200px;}
/*.addtoquote form {position: absolute; bottom: 0;}*/
.addtoquote form {margin-top: 15px; float: left;}


.addtoquote dl {width: 200px;text-align: left;}
.addtoquote dt {float: left; width: 120px; font-weight: bold;line-height: 1.6;}
.addtoquote dd {float: left; width: 80px;}

p.backtotop {float: right; position: relative; top: -30px; ;}
p.backtotop a {color: #333; text-decoration: underline; font-size: 11px;}

#productsTable {padding-top: 50px;}

.backtoturfcare  {position: absolute; top: 30px; left: 16px;font-size: 12px;}
.backtoturfcare a {color: #000; text-decoration: underline;  }


.granular-fertiliser-wrapper .moreDetailsContainer .content {padding-right: 0px;}


.suggested-use {width: 340px; float: left;height: 40px;}
.suggested-use div {font-size: 10px;float: left; margin: 0 2px 0 0;padding: 7px 2px;display: inline-block;width: auto; height: auto; text-transform: uppercase; text-align: center; color: #000;background: #ddd;}
.suggested-use .selected {background: #00af3f; color: #fff;}

.nutrient-tables  {width: 340px; float: left;}
.nutrient-tables table {float: left; width: 100px;clear: none; margin-right: 20px;text-align: center;}

#mainContent .confused .productDetailsContainer .nutrient-tables table th {text-align: center; color: #fff; padding: 5px 8px; font-size: 12px;width: auto; background: #00af3f;font-weight: normal;}

.ncolor {background: #97c5b5;width: 33px;}
.pcolor {background: #d5c7d7;width: 33px;}
.kcolor {background: #ce7935;width: 33px;}

#productsTable td.content {border-right: 1px dashed #000; padding-right: 5px; }

#productsTable h2 {margin-top: 20px}