/*Palatino Linotype, Book Antiqua, Palatino, serif*/
/*'Palatino Linotype','Book Antiqua',Palatino,serif*/


    /*
    ==========================
    GENERAL CLASSES [ START ]

    Classes for standard elements like body, h1, a, input, td, etc...
    ==========================
    */

        a[href], input[type='submit'], input[type='image'], label[for], select, button, .pointer {
               cursor: pointer;
        }

        /* main */
            html {
				overflow: -moz-scrollbars-vertical; /* For FF */
				-ms-overflow-y: scroll; /* For IE */
				overflow-y: scroll; /* For others & old IE */
                min-height:100%;
            }

            body {
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
                                                background-color: #4E4E4E;
                                                color: #FFFFFF;
                font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                font-size: 18px;
                margin: 0px;

                
			-webkit-text-size-adjust: none;
			-webkit-appearance:none;            }

            .text2 {
                color: #999999;
            }

            td {
                color: #FFFFFF;
                font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                font-size: 1em;

                            }

            input,select,textarea,file {
                background-color:#F7F7F7;
                border-style: solid;
                border-color: #B0B0B0;
                border-width: 1px;
                color: #333333;
                font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                font-size:1em;
                font-weight:normal;

                            }

        /* headings and text */
            h1 {
                color: #E3A922;
                font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                font-size: 2em;
                font-weight:bold;

                            }
            h2 {
                color: #E3A922;
                font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                font-size: 1.4em;
                font-weight:bold;

                            }
            h3 {
                color: #E3A922;
                font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                font-size: 1.3em;
                font-weight:bold;

                            }
            h4 {
                color: #E3A922;
                font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                font-size: 1.2em;
                font-weight:bold;

                            }
            p {

            }

        /* links */
                        A:link { COLOR: #E3A922; TEXT-DECORATION: none; }
            A:visited { COLOR: #E3A922; TEXT-DECORATION: none; }
            A:active { COLOR: #E3A922; }
            A:hover { COLOR: #FFFFFF; TEXT-DECORATION: underline; }


        /* borders and lines */

            hr {
            	border-color: #4E4E4E;
                margin-top: 10px;
                margin-bottom: 10px;
            }

            .generalBorder {
                border-color: #EEEEEE;
            }
            .generalLine {
                border-color: #4E4E4E;
                border-top-color: #4E4E4E;
                border-bottom-color: #4E4E4E;
                border-left-color: #4E4E4E;
                border-right-color: #4E4E4E;
            }
            .generalBox {
                border: 1px solid #EEEEEE;
                background-color: #F8F8F8;
            }


        /* general text box */
            .generalTextBox {
                                line-height: 20px;
            }
            .generalTextBox li {
                display: list-item;
                list-style:inside;
            }
            .generalTextBox p {
                margin: 1.12em 0;
            }
            .generalTextBox h1 {
                margin: 1.12em 0;
            }
            .generalTextBox h2 {
                margin: 1.12em 0;
            }
            .generalTextBox ul {
                margin: 1.12em 0;
                margin-left: 30px;
                margin-top: 0; margin-bottom: 0;
            }

            .generalTextBox li {
                display: list-item;
                list-style:inside;
            }
            .generalTextBox strong {
                font-weight: bolder
            }


        /* general text box */
            .generalTextBoxNoVPadding {
                                line-height: 20px;
            }
            .generalTextBoxNoVPadding li {
                display: list-item;
                list-style:inside;
            }
            .generalTextBoxNoVPadding p {
                margin: 1.12em 0;
            }
            .generalTextBoxNoVPadding h1 {
                margin: 1.12em 0;
            }
            .generalTextBoxNoVPadding h2 {
                margin: 1.12em 0;
            }
            ..generalTextBoxNoVPadding ul {
                margin: 1.12em 0;
                margin-left: 30px;
                margin-top: 0; margin-bottom: 0;
            }

            .generalTextBoxNoVPadding li {
                display: list-item;
                list-style:inside;
            }
            .generalTextBoxNoVPadding strong {
                font-weight: bolder
            }


    /*
    ==========================
    GENERAL CLASSES [ FINISH ]
    ==========================
    */



    /*
    ==============================================
    CODING STANDARD / FRAMEWORK CLASSES [ START ]
    ==============================================
    */
        /* button classes
        ================ */
            .b {
                                            background-color: #BFB2B2;
                            /* Safari 4-5, Chrome 1-9 */
                            background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BFB2B2), to(#8F8F8F));

                            /* Safari 5.1, Chrome 10+ */
                            background: -webkit-linear-gradient(top, #8F8F8F, #BFB2B2);

                            /* Firefox 3.6+ */
                            background: -moz-linear-gradient(top, #8F8F8F, #BFB2B2);

                            /* IE 10 */
                            background: -ms-linear-gradient(top, #8F8F8F, #BFB2B2);

                            /* Opera 11.10+ */
                            background: -o-linear-gradient(top, #8F8F8F, #BFB2B2);

                            /* IE 8 */
                            filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8F8F8F', EndColorStr='#BFB2B2');
                            
                BORDER: 1px solid #648799;
                COLOR: #FFFFFF;
                cursor: pointer;
                font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                FONT-SIZE: 1em;
                                        font-weight: normal;
                                        padding-left: 7px;
                padding-right: 7px;
                padding-top: 3px;
                padding-bottom: 3px;

                            }


        /* table classes (usually used for reports or displaying tables of information etc)
        ================================================================================== */

            /* table */
                .t1
                {
                    background-color: #D3EBE7;
                }

            /* header cell */
                .hc
                {
                    background-color: #6B94A8;
                    color: #FFFFFF;
                    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                    font-size: 1em;
                }

            /* title cell */
                .tc
                {
                    background-color: #E9E9E9;
                    color: #4D4D4D;
                    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                    font-size: 1em;
                }

            /* normal cells */
                .c1
                {
                    background-color: #F2F2F2;
                    color: #707070;
                    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                    font-size: 1em;
                }
                .c2
                {
                    background-color: #F2F2F2;
                    color: #707070;
                    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                    font-size: 1em;
                }
                .c3
                {
                    background-color: #FFFFFF;
                    color: #707070;
                    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                    font-size: 1em;
                }

            /* highlighted cells (often used for total columns) */
                .hic1
                {
                    background-color: #FCF8E3;
                    color: #000000;
                    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                    font-size: 1em;
                }
                .hic2
                {
                    background-color: #FFE1A4;
                    color: #000000;
                    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                    font-size: 1em;
                }
                .hic3
                {
                    background-color: #FFFFCC;
                    color: #000000;
                    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                    font-size: 1em;
                }

    /*
    ==============================================
    CODING STANDARD / FRAMEWORK CLASSES [ FINISH ]
    ==============================================
    */




    /*
    =================
    HEADER [ START ]

    Classes that are for the header which is on every page (eg the stuff in inc-htmltop
    =================
    */

   		header
   		{
   			padding-top: 5px;
   		}

        .HeaderTitle {
            color: #E3A922;
            font-family: 'Palatino Linotype','Book Antiqua',Palatino,serif;
            font-size: 3em;
        }
        .HeaderTitle:link { COLOR: #E3A922; text-decoration: none; }
        .HeaderTitle:visited { COLOR: #E3A922; text-decoration: none; }
        .HeaderTitle:active { COLOR: #E3A922; }
        .HeaderTitle:hover { COLOR: #E3A922; text-decoration: none; }

                        .HeaderNav {
                    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                    font-size: 1.1em;
                                            font-weight: bold;
                                        }

                .HeaderNav:link { COLOR: #F5C75D; TEXT-DECORATION: none; }
                .HeaderNav:visited { COLOR: #F5C75D; TEXT-DECORATION: none; }
                .HeaderNav:active { COLOR: #F5C75D; }
                .HeaderNav:hover { COLOR: #FFFFFF; TEXT-DECORATION: none; }
                                .HeaderNavBasket {
                    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                    font-size: 1em;
                                            font-weight: normal;
                                        }

                .HeaderNavBasket:link { COLOR: #696565; TEXT-DECORATION: none; }
                .HeaderNavBasket:visited { COLOR: #696565; TEXT-DECORATION: none; }
                .HeaderNavBasket:active { COLOR: #696565; }
                .HeaderNavBasket:hover { COLOR: #000000; TEXT-DECORATION: none; }
                                .HeaderContactDetails {
                    color: #E3A922;
                    font-family: Palatino Linotype, Book Antiqua, Palatino, serif;
                    font-size: 1.7em;
                                                font-weight: normal;
                                                        font-style: normal;
                                            }



                
        #loginBox
        {
        	font-size: 1em;
        	margin-top: -20px;
			margin-bottom: 30px;
		}

    /*
    =================
    HEADER [ FINISH ]
    =================
    */



    /*
    =================
    MAIN BODY [ START ]

    - Classes that are for the general layout of the site (if applicable)
    - Do NOT include stuff that is specific to a particular page (this should go in pagename.css)
    =================
    */



    /*
    =================
    MAIN BODY [ FINISH ]
    =================
    */



    /*
    =================
    FOOTER [ START ]

    Classes that are for the footer which is on every page (eg the stuff in inc-htmlbottom)
    =================
    */

    
    /*
    =================
    FOOTER [ FINISH ]
    =================
    */



    /*
    ==========================
    BLOG CLASSES [ START ]
    ==========================
    */

    .BlogHome {
        background-color: #F7F7F7;
        border-color: #CCCCCC;
    }

    
    /*
    ==========================
    BLOG CLASSES [ FINISH ]
    ==========================
    */


    /*
    ==========================
    SHOP CLASSES [ START ]
    ==========================
    */


    .ui-dialog-titlebar {
        background: #F0F0F0;
    }

    /* add to basket */

        button.ui-dialog-titlebar-close {
            display: none;
        }

        .ui-dialog-content {
            background-color: #FFFFFF!important;
            color: #5C5C5C!important;
            display: none;
        }

        .ui-dialog-content table.t1 tr td.tc, .ui-dialog-content table.t1 tr td.c1 {
            background-color: #FFFFFF!important;
            color: #5C5C5C!important;
        }

        #dialogAddToBasket_Inner {
            padding: 10px;
        }

        #dialogAddToBasket_Inner table tr td {
            /*color: #5C5C5C!important;*/
        }

        .ui-widget-content {
            border: 1px solid #D9D9D9;
        }

        .ui-dialog-titlebar-close {
            color: #333;
        }

        .AddToBasket_nQty {
            text-align: center;
            width: 50px;
        }

        .AddToBasket_nShopProdOption_ID {
            width: 300px;
        }

    /* email a friend */
        #dialogEmailToAFriend {
            background-color: #ffffff;
            display: none;
        }

        .EmailToAFriendBox {
            width: 200px;
        }


    /* email enquiry form */
        #dialogEmailEnquiry {
            background-color: #ffffff;
            display: none;
        }

        .EmailEnquiryBox {
            width: 200px;
        }

        .EmailEnquiryBox_Enquiry {
            width: 280px;
            height: 80px;
        }

	 /* pricing */
        .ShopProdPrice_RRP:before, .ShopProdPrice_Currency:before, .ShopProdPrice_QtyPerPack:before
        {
            content: '\a';
            white-space: pre;
        }

        .ShopProdPrice_Currency {
        	font-style: italic;
            font-weight: normal;
            font-size: 0.9em;
        }

    /* checkout */
	   	.stage-line
	   	{
	   		background: #4E4E4E;
	   	}

	   	.stage-circle
	   	{
	   		background-color: #F2F2F2;
            color: #707070;
	   	}

	   	.stage-circle.active-stage
	   	{
	   		                        background-color: #BFB2B2;
                        /* Safari 4-5, Chrome 1-9 */
                        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BFB2B2), to(#8F8F8F));

                        /* Safari 5.1, Chrome 10+ */
                        background: -webkit-linear-gradient(top, #8F8F8F, #BFB2B2);

                        /* Firefox 3.6+ */
                        background: -moz-linear-gradient(top, #8F8F8F, #BFB2B2);

                        /* IE 10 */
                        background: -ms-linear-gradient(top, #8F8F8F, #BFB2B2);

                        /* Opera 11.10+ */
                        background: -o-linear-gradient(top, #8F8F8F, #BFB2B2);

                        /* IE 8 */
                        filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#8F8F8F', EndColorStr='#BFB2B2');
                                    color: #FFFFFF;
	   	}


    /*
    ==========================
    SHOP CLASSES [ FINISH ]
    ==========================
    */

    /*
    ==========================
    ACCOUNT CLASSES  [ START ]
    ==========================
    */

	.ui-tabs .ui-tabs-nav li.ui-tabs-active
	{
		background: none;
	}

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header, .ui-state-active
    {
    	color: inherit;
    }

    .ui-widget-content
	{
		background: #F8F8F8;
		color: inherit;
	}

	.ui-tabs .ui-tabs-nav li.ui-state-default a
	{
		color: inherit;
	}

	.ui-tabs .ui-tabs-nav li.ui-tabs-active a
	{
		background: #F8F8F8;
		color: inherit;
	}

	.ui-tabs .ui-tabs-nav
	{
		border-bottom: none;
	}

	/*
    ==========================
    ACCOUNT CLASSES [ FINISH ]
    ==========================
    */

    /*
    ========================
    COOKIECUTTR [ START ]
    ========================
    */
    .cc-cookies a:link
    {
    	color:#ffffff;
    	text-decoration:underline;
    }

    .cc-cookies a:hover
    {
    	color:#ffffff;
    	text-decoration:underline;
    }

    /*
    ========================
    COOKIECUTTR [ FINISH ]
    ========================
    */


    /*
==========================
HOME [ START ]
==========================
*/

#homeTop {
	width:100%;
}

#homeTop #hero {
	max-height:440px;
	overflow:hidden;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
}

#homeTop #hero .cta {

	background:#6E6E6E;
	bottom:6%;
	color:#FFFFFF;
	display:block;
	font-size:21px;
	font-weight:700;
	height:36px;
	line-height:36px;
	position:absolute;
	right:2%;
	text-align:center;
	text-decoration:none;
	width:190px;
	z-index:999;
}

#homeText {
	margin-top:20px;
}

#homeCta {
	margin-top:20px;
}

#homeCta ul {
	list-style-type:none;
}

#homeCta ul li {
	/*
	border-left:4px solid #7199ab;
    */
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
	width:25%;
}

#homeCta ul li a {
	display:block;
	height:100%;
	width:100%;
}

#homeCta ul li a img {
	height:auto;
	width:100%;
}

#homeBottom {
	margin-top:30px;
}

#homeBottom ul {

	list-style-type:none;
	margin-top:20px;
}

#homeBottom ul li {
	display:inline-block;
	*display: inline;
	margin:2%;
	width:21%;
	zoom: 1;

}

#homeBottom ul li .thumb {
	display:block;
	height:150px;
	text-align:center;
}

#homeBottom ul li img {
	height:auto;
	margin:0 auto;
	max-height:150px;
	max-width:100%;
}

#homeBottom ul li .title {
	display:block;
	padding-top:20px;
}

#homeBottom ul li .desc {
	display:block;
	line-height:20px;
	padding-top:10px;
}

#homeBottom ul li a {
	display:block;
	height:27px;
	line-height:27px;
	margin-top:40px;
	text-align:center;
	width:96px;
}

#homeBottom h2 {
    background: none repeat scroll 0 0 #4E4E4E;
    height: 37px;
    line-height: 37px;
    text-indent: 18px;
    width: 100%;
}

section#homeNew {
	clear:both;
	margin-top:30px;
}

section#homeNew ul {
	list-style-type:none;
	margin-top:25px;
}

section#homeNew ul li {
	float:left;
	margin-left:1%;
	text-align:center;
	width:24.25%;
}

section#homeNew ul li:first-child {
	margin-left:0%;
}

section#homeNew ul li a {
	text-decoration:none;
}

section#homeNew ul li img {
	height:auto;
	width:100%;
}

section#homeNew ul li span {
	display:block;
}

section#homeNew ul li .title {
	clear:both;
	font-weight:700;
	margin-top:27px;
}

section#homeNew ul li .price {
	margin-top:10px;
}

section#homeNew aside ul li .price_currency {
	font-size:12px;
	font-weight:normal;
	margin-top:5px;
}

section#homeNew ul li .price .curr {
	display:inline;
	font-size:13px;
}

/*
==========================
HOME [ FINISH ]
==========================
*/


/*
=================
HEADER [ START ]

Classes that are for the header which is on every page (eg the stuff in inc-htmltop
=================
*/

header {
	background-size:100% auto;
	margin:0 auto;
	max-width:1260px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
}

header #headerInner {
	margin:0 auto;
	max-width:990px;
	padding:35px 0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
}

header #headerInner #loginBox
{
	width:100%;
	text-align:right;
	font-size:1em;
	margin-bottom: 10px;
}

header #headerInner #loginBox br
{
	display:none;
}

header #headerInner #logo.center-logo {
	display:block;
    float: none;
    height: auto;
    text-align: center;
    width: 100%;
}

header #headerTop {
	/*
    background:url(OTS_DesignLayouts/1005/images/nav-border.jpg) no-repeat top center;
    */
    background-color: #4E4E4E;
	background-size:100% 1px;
	height:1px;
	width:100%;
}
header #headerBottom {
	/*
    background:url(OTS_DesignLayouts/1005/images/nav-border.jpg) no-repeat top center;
    */
    background-color: #4E4E4E;
	background-size:100% 1px;
	height:1px;
	width:100%;
}

header #logo {
	display:block;
	float:left;
}

header #logo img {
	height:auto;
	max-width: 100%;
	width: auto;
}

header .HeaderContactDetails {
	text-align: right;
	margin-bottom: 0px;
}

header #basketOverview {
	float:right;
	text-align:right;
}

header #basketOverview p {
	/*
	color:#81aec2;
	font-size:23px;
	font-weight:400;
    */
	line-height:30px;
	margin-bottom:10px;
}

header #basketOverview a {
	/*
	color:#b1b2bf;
	font-size:13px;
	font-weight:400;
	text-decoration:none;
    */
}

header #basketOverview a:hover {
	/*
    text-decoration:underline;
    */
}

header #navContainer {
	/*
	background:url(OTS_DesignLayouts/1005/images/nav-border.jpg) no-repeat top center;
    */
	background-size:100% 1px;
	clear:both;
	margin:30px auto 0;
	width:100%;
}

nav#mainMenu {
	margin:0 auto;
	max-width:990px;
	padding:12px 0;
	width:100%;
}

nav#mainMenu ul#desktopMenu {
	float:left;
	list-style-type:none;
}

nav#mainMenu ul#desktopMenu.center-nav {
	float:none;
	list-style-type:none;
	text-align: center;
}

nav#mainMenu ul#desktopMenu li {
	float:left;
	padding:0 15px;
	text-align:center;
}

nav#mainMenu ul#desktopMenu li.center-nav {
	display: inline-block;
	float:none;
	padding:0 15px;
	text-align:center;
}

nav#mainMenu ul#desktopMenu li a {

	color:#F5C75D;
    font-weight:bold;    text-decoration:none;
	font-family:Palatino Linotype, Book Antiqua, Palatino, serif;

	font-size:1.1em;

	line-height:22px;
	padding:0;

	text-align:center;
	text-transform:uppercase;
}
nav#mainMenu ul#desktopMenu a:hover {
	color:#FFFFFF;
    text-decoration:none;}

nav#mainMenu .menuToggle {
	background:url(OTS_DesignLayouts/1005/images/mobile-menu-toggle.png) no-repeat;
	display:none;
	float:right;
	height:35px;
	margin-bottom:10px;
	text-indent:-9999px;
	width:35px;
}

nav#mainMenu ul#mobileMenu {
	/*
	background:#7199AB;
    */
	clear:both;
	display:none;
	list-style-type:none;
	margin-bottom:10px;
	padding:5px 0;
}

nav#mainMenu ul#mobileMenu li {
	text-align:left;
}

nav#mainMenu ul#mobileMenu li a {
	color:#F5C75D;
    font-weight:bold;    text-decoration:none;
	font-family:Palatino Linotype, Book Antiqua, Palatino, serif;

	display:block;
	height:30px;
	line-height:30px;
	text-indent:20px;
	width:100%;
}

nav#mainMenu ul#mobileMenu li a:hover {
	color:#FFFFFF;
    text-decoration:none;}
nav#mainMenu #searchForm {
	float:right;
	height:22px;
	width:208px;
}

nav#mainMenu #searchForm input[type="text"]{
	background:#FFF;
	border:1px solid #e7e7e7;
	color:#bebebe;
	float:left;
	font-size:12px;
	height:22px;
	outline:none;
	padding:0 5px;
	width:198px;
}

nav#mainMenu #searchForm #searchSubmit {
	background:url(OTS_DesignLayouts/1005/images/magnifying-glass.jpg) no-repeat left center;
	border:none;
	cursor:pointer;
	height:22px;
	margin-left:-25px;
	text-indent:-9999px;
}

/*
=================
HEADER [ FINISH ]
=================
*/


/*
=================
MAIN BODY [ START ]

- Classes that are for the general layout of the site (if applicable)
- Do NOT include stuff that is specific to a particular page (this should go in pagename.css)
=================
*/

.clear {
	clear:both;
}

#wrapper {
	margin:0 auto;
	max-width:990px;
	padding:25px 0 17px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
}


/*
=================
MAIN BODY [ FINISH ]
=================
*/


/*
=================
FOOTER [ START ]

Classes that are for the header which is on every page (eg the stuff in inc-htmltop
=================
*/

footer {
	/*
    background:#FFF;
    */
	clear:both;
	margin-top:25px;
	padding:25px 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
}

footer p.copyright {
	font-size:12px;
}


/*
=================
FOOTER [ FINISH ]
=================
*/


/*
=================
RESPONSIVE [ START ]

Responsive CSS
=================
*/

@media screen and (max-width: 990px) {
	header {
		padding:0 10px;
	}
	header #headerBottom {
		display:none;
	}
	#wrapper {
		padding:25px 10px 17px;
	}
	nav#mainMenu ul#desktopMenu li:first-child {
		padding-left:0px;
	}
	footer {
		padding:40px 10px;
	}
}

@media screen and (max-width: 900px) {
	#homeTop {
		margin-top:0px;
	}
	.nivo-caption {
		top:10px !important;
		width:45% !important;
	}
	.nivo-caption h2 {
		font-size:30px !important;
	}
	.nivo-caption p {
		font-size:12px !important;
	}
}

@media screen and (max-width: 850px) {
	#homeTop #hero .cta {
		bottom:30%;
		left:17%;
	}
	nav#mainMenu {
		margin-top:10px;
		padding-top:8px;
	}
	nav#mainMenu #searchForm  {
		clear:both;
		float:none;
		padding-top:18px;
	}
	nav#mainMenu #searchForm {
		clear:both;
		float:none;
		margin-top:0px;
		width:100%;
	}
	nav#mainMenu #searchForm input[type="text"]{
		-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
		box-sizing:border-box;
		width:100%;
	}
}

@media screen and (max-width: 680px) {
	header #logo {
		float:none;
		margin:0 auto;
        text-align: center;
	}

	header .HeaderContactDetails {
		text-align: center;
	}

	header #basketOverview {
		clear:both;
		float:none;
		margin:15px 0 0;
		text-align:center;
		width:100%;
	}
	header #basketOverview p {
		text-align:center;
	}
	header #basketOverview a {
		float:none;
		margin:9px auto 0;
	}
	nav#mainMenu ul#desktopMenu li {
		padding:0 15px;
	}
	nav#mainMenu ul#desktopMenu li:first-child {
		padding-left:0px;
	}
	#homeTop #hero .cta {
		bottom:12%;
		left:17%;
	}
}

@media screen and (max-width: 600px) {
	header #headerInner #loginBox
	{
		display:none;
	}
	nav#mainMenu #desktopMenu {
		display:none;
	}
	nav#mainMenu #searchForm {
		padding-top:0px;
	}
	nav#mainMenu .menuToggle {
		display:block;
	}
	#homeTop #hero .cta {
		left:10%;
		top:20%;
	}
	.nivo-caption {
		display:none !important;
	}
	#homeCta ul li {
		border:none;
		margin-bottom:10px;
		width:50%;
	}
	#homeBottom ul li {
		width:44%;
		margin-bottom:40px;
	}
	footer p.copyright {
		text-align:center;
	}

	section#homeNew {
		clear:both;
		margin-top:30px;
	}

	section#homeNew ul {
		list-style-type:none;
		margin-top:25px;
	}

	section#homeNew ul li {
		float:left;
		margin:0 0.5% 20px;
		text-align:center;
		width:49%;
	}

	section#homeNew ul li:first-child {
		margin-left:0%;
	}
}

@media screen and (max-width: 480px) {
	#homeTop #hero .cta {
		display:none;
	}
}

@media screen and (max-width: 360px) {
	header #basketOverview p {
		font-size:20px;
	}
}

/*
=================
RESPONSIVE [ FINISH ]
=================
*/