/*'Dosis'*/
	@font-face{
		font-family: 'Dosis';
		src: url('../Shared/fonts/google/Dosis/Dosis_200.eot');
		src: url('../Shared/fonts/google/Dosis/Dosis_200.eot?iefix') format('eot'),
		url('../Shared/fonts/google/Dosis/Dosis_200.woff') format('woff'),
		url('../Shared/fonts/google/Dosis/Dosis_200.ttf') format('truetype'),
		url('../Shared/fonts/google/Dosis/Dosis_200.svg#webfont') format('svg');
		font-weight: 200;
		font-style: normal;
	}
	@font-face{
		font-family: 'Dosis';
		src: url('../Shared/fonts/google/Dosis/Dosis_300.eot');
		src: url('../Shared/fonts/google/Dosis/Dosis_300.eot?iefix') format('eot'),
		url('../Shared/fonts/google/Dosis/Dosis_300.woff') format('woff'),
		url('../Shared/fonts/google/Dosis/Dosis_300.ttf') format('truetype'),
		url('../Shared/fonts/google/Dosis/Dosis_300.svg#webfont') format('svg');
		font-weight: 300;
		font-style: normal;
	}
	@font-face{
		font-family: 'Dosis';
		src: url('../Shared/fonts/google/Dosis/Dosis_regular.eot');
		src: url('../Shared/fonts/google/Dosis/Dosis_regular.eot?iefix') format('eot'),
		url('../Shared/fonts/google/Dosis/Dosis_regular.woff') format('woff'),
		url('../Shared/fonts/google/Dosis/Dosis_regular.ttf') format('truetype'),
		url('../Shared/fonts/google/Dosis/Dosis_regular.svg#webfont') format('svg');
		font-weight: 400;
		font-style: normal;
	}
	@font-face{
		font-family: 'Dosis';
		src: url('../Shared/fonts/google/Dosis/Dosis_500.eot');
		src: url('../Shared/fonts/google/Dosis/Dosis_500.eot?iefix') format('eot'),
		url('../Shared/fonts/google/Dosis/Dosis_500.woff') format('woff'),
		url('../Shared/fonts/google/Dosis/Dosis_500.ttf') format('truetype'),
		url('../Shared/fonts/google/Dosis/Dosis_500.svg#webfont') format('svg');
		font-weight: 500;
		font-style: normal;
	}
	@font-face{
		font-family: 'Dosis';
		src: url('../Shared/fonts/google/Dosis/Dosis_600.eot');
		src: url('../Shared/fonts/google/Dosis/Dosis_600.eot?iefix') format('eot'),
		url('../Shared/fonts/google/Dosis/Dosis_600.woff') format('woff'),
		url('../Shared/fonts/google/Dosis/Dosis_600.ttf') format('truetype'),
		url('../Shared/fonts/google/Dosis/Dosis_600.svg#webfont') format('svg');
		font-weight: 600;
		font-style: normal;
	}
	@font-face{
		font-family: 'Dosis';
		src: url('../Shared/fonts/google/Dosis/Dosis_700.eot');
		src: url('../Shared/fonts/google/Dosis/Dosis_700.eot?iefix') format('eot'),
		url('../Shared/fonts/google/Dosis/Dosis_700.woff') format('woff'),
		url('../Shared/fonts/google/Dosis/Dosis_700.ttf') format('truetype'),
		url('../Shared/fonts/google/Dosis/Dosis_700.svg#webfont') format('svg');
		font-weight: 700;
		font-style: normal;
	}
	@font-face{
		font-family: 'Dosis';
		src: url('../Shared/fonts/google/Dosis/Dosis_800.eot');
		src: url('../Shared/fonts/google/Dosis/Dosis_800.eot?iefix') format('eot'),
		url('../Shared/fonts/google/Dosis/Dosis_800.woff') format('woff'),
		url('../Shared/fonts/google/Dosis/Dosis_800.ttf') format('truetype'),
		url('../Shared/fonts/google/Dosis/Dosis_800.svg#webfont') format('svg');
		font-weight: 800;
		font-style: normal;
	}
/*'Droid Sans'*/
	@font-face{
		font-family: 'Droid Sans';
		src: url('../Shared/fonts/google/Droid Sans/Droid Sans_regular.eot');
		src: url('../Shared/fonts/google/Droid Sans/Droid Sans_regular.eot?iefix') format('eot'),
		url('../Shared/fonts/google/Droid Sans/Droid Sans_regular.woff') format('woff'),
		url('../Shared/fonts/google/Droid Sans/Droid Sans_regular.ttf') format('truetype'),
		url('../Shared/fonts/google/Droid Sans/Droid Sans_regular.svg#webfont') format('svg');
		font-weight: 400;
		font-style: normal;
	}
	@font-face{
		font-family: 'Droid Sans';
		src: url('../Shared/fonts/google/Droid Sans/Droid Sans_700.eot');
		src: url('../Shared/fonts/google/Droid Sans/Droid Sans_700.eot?iefix') format('eot'),
		url('../Shared/fonts/google/Droid Sans/Droid Sans_700.woff') format('woff'),
		url('../Shared/fonts/google/Droid Sans/Droid Sans_700.ttf') format('truetype'),
		url('../Shared/fonts/google/Droid Sans/Droid Sans_700.svg#webfont') format('svg');
		font-weight: 700;
		font-style: normal;
	}


    /*
    ==========================
    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: #FFFFFF;
                                                color: #333333;
                font-family: 'Dosis';
                font-size: 13px;
                margin: 0px;

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

            .text2 {
                color: #999999;
            }

            td {
                color: #333333;
                font-family: 'Dosis';
                font-size: 1em;

                            }

            input,select,textarea,file {
                background-color:#F7F7F7;
                border-style: solid;
                border-color: #B0B0B0;
                border-width: 1px;
                color: #333333;
                font-family: 'Dosis';
                font-size:1em;
                font-weight:normal;

                            }

        /* headings and text */
            h1 {
                color: #4D4D4D;
                font-family: 'Dosis';
                font-size: 2.4em;
                font-weight:bold;

                            }
            h2 {
                color: #8F8F8F;
                font-family: 'Dosis';
                font-size: 1.6em;
                font-weight:bold;

                            }
            h3 {
                color: #8F8F8F;
                font-family: 'Dosis';
                font-size: 1.5em;
                font-weight:bold;

                            }
            h4 {
                color: #8F8F8F;
                font-family: 'Dosis';
                font-size: 1.4em;
                font-weight:bold;

                            }
            p {

            }

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


        /* borders and lines */

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

            .generalBorder {
                border-color: #EEEEEE;
            }
            .generalLine {
                border-color: #EEEEEE;
                border-top-color: #EEEEEE;
                border-bottom-color: #EEEEEE;
                border-left-color: #EEEEEE;
                border-right-color: #EEEEEE;
            }
            .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: #000000;
                        
                BORDER: 1px solid #999999;
                COLOR: #FFFFFF;
                cursor: pointer;
                font-family: 'Dosis';
                FONT-SIZE: 1em;
                                        font-weight: bold;
                                        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: #E0E0E0;
                }

            /* header cell */
                .hc
                {
                    background-color: #6B94A8;
                    color: #FFFFFF;
                    font-family: 'Dosis';
                    font-size: 1em;
                }

            /* title cell */
                .tc
                {
                    background-color: #E9E9E9;
                    color: #4D4D4D;
                    font-family: 'Dosis';
                    font-size: 1em;
                }

            /* normal cells */
                .c1
                {
                    background-color: #F2F2F2;
                    color: #707070;
                    font-family: 'Dosis';
                    font-size: 1em;
                }
                .c2
                {
                    background-color: #F2F2F2;
                    color: #707070;
                    font-family: 'Dosis';
                    font-size: 1em;
                }
                .c3
                {
                    background-color: #FFFFFF;
                    color: #707070;
                    font-family: 'Dosis';
                    font-size: 1em;
                }

            /* highlighted cells (often used for total columns) */
                .hic1
                {
                    background-color: #FCF8E3;
                    color: #000000;
                    font-family: 'Dosis';
                    font-size: 1em;
                }
                .hic2
                {
                    background-color: #FFE1A4;
                    color: #000000;
                    font-family: 'Dosis';
                    font-size: 1em;
                }
                .hic3
                {
                    background-color: #FFFFCC;
                    color: #000000;
                    font-family: 'Dosis';
                    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: #8F8F8F;
            font-family: 'Droid Sans';
            font-size: 3em;
        }
        .HeaderTitle:link { COLOR: #8F8F8F; text-decoration: none; }
        .HeaderTitle:visited { COLOR: #8F8F8F; text-decoration: none; }
        .HeaderTitle:active { COLOR: #8F8F8F; }
        .HeaderTitle:hover { COLOR: #8F8F8F; text-decoration: none; }

                        .HeaderNav {
                    font-family: 'Dosis';
                    font-size: 1.1em;
                                            font-weight: bold;
                                        }

                .HeaderNav:link { COLOR: #4A4A4A; TEXT-DECORATION: none; }
                .HeaderNav:visited { COLOR: #4A4A4A; TEXT-DECORATION: none; }
                .HeaderNav:active { COLOR: #4A4A4A; }
                .HeaderNav:hover { COLOR: #949494; TEXT-DECORATION: none; }
                                .HeaderNavBasket {
                    font-family: 'Dosis';
                    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: #8F8F8F;
                    font-family: 'Dosis';
                    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: #EEEEEE;
	   	}

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

	   	.stage-circle.active-stage
	   	{
	   		                    background-color: #000000;
                                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 #EEEEEE;
    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: #EEEEEE;
	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: #EEEEEE;
	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:#4A4A4A;
    font-weight:bold;    text-decoration:none;
	font-family:'Dosis';

	font-size:1.1em;

	line-height:22px;
	padding:0;

	text-align:center;
	text-transform:uppercase;
}
nav#mainMenu ul#desktopMenu a:hover {
	color:#949494;
    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:#4A4A4A;
    font-weight:bold;    text-decoration:none;
	font-family:'Dosis';

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

nav#mainMenu ul#mobileMenu li a:hover {
	color:#949494;
    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 ]
=================
*/