* {
                margin: 0;
                padding: 0;
                }

            body {
                padding: 0 0 20px;
                background: #e1e1e1;
                height: 100%;
                color: #333;
                font: 83%/1.5 arial, tahoma, verdana, sans-serif;
                }
            a:link {
                color: #c00;
                } 
            a:visited {
                color: #999;
                } 
            a:hover,a:active {
                color: #069;
                } 
            
            h1, h3, h4, h5{
                letter-spacing: 0px;
                font-family: arial, verdana, sans-serif;
                margin: 1.2em 0 .3em;
                color: #000;
                border-bottom: 1px solid #eee;
                padding-bottom: .1em
                }
            h1 {
                font-size: 196%;
                margin-top: .6em
                }
            h2 {
                font-size: 146%;
                }
            h3 {
                font-size: 126%;
                }
            h4 {
                font-size: 116%;
                }
            h5 {
                font-size: 106%;
                }
            h6 {
                font-size: 96%;
                }
            .highlight {
                color: #FFA81F;
                }
            .subdued {
                color: #999;
                }
            .error {
                color: #c00;
                font-weight: bold;
                }
            .success {
                color: #0da414;
                font-weight: bold;
                }
            .caption {
                color: #999;
                font-size: 11px;
                }
            .date {
                font: bold 82% arial;
                color: #bbb;
                display: block;
                letter-spacing: 1px;
                }
            small {
                font-size: 11px;
                }
            ul {
                list-style-type: none;
                }
            ul.related {
                margin-top: -1em;
                }

            img {
                border: none;
                } 
            .clear {
                clear: both;
                position: relative;
                font-size: 0px;
                height: 0px;
                line-height: 0px
                }
                
        #header {
            background: #000000 url("http://www.hsdirect.co.uk/css/images/head_sprite.png") repeat-x 0 100%;
            height: 82px;
            margin: 0 0 0px;
            padding: 0 0 0 0
            }
	#header #site-name {
            line-height: normal;
            margin: 0 0 -20px 28px;
            padding: 0 0 15px 0;
            color: #FFFFFF;
            border: none;
            vertical-align: middle;
            }
        #header #established {
            font-size: 20%;
        }
	
	/* NAV - top horizontal nav */
	#nav, #nav ul {
            padding: 0 0 0 0;
            margin: 0 0 0 0;
            list-style: none;
            min-width: 36%;
            height: auto;
            }
	#nav {
            font: 8pt Verdana, Arial;
            background: url("http://www.hsdirect.co.uk/css/images/topnavbg.png") no-repeat;
            width: 650px;
            height: 31px;
            position: absolute;
            }
	#nav li {
            position: relative;
            background: transparent;
            float: left;
            width: 10em;
            display: block;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            border-right: 1px solid #aaa800;
            height: auto;
            }
        #nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
            text-decoration: none;
            cursor: pointer;
            color: #333333;
            display: block;
            padding: 8px 10px 7px 10px;
            font-size: 8pt;
            
            }
	#nav a:hover {
            color:#000;
            background: #fffa00;
            background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWE4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
            background: -moz-linear-gradient(top,  #fffa00 1%, #aaa800 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fffa00), color-stop(100%,#aaa800));
            background: -webkit-linear-gradient(top,  #fffa00 1%,#aaa800 100%);
            background: -o-linear-gradient(top,  #fffa00 1%,#aaa800 100%);
            background: -ms-linear-gradient(top,  #fffa00 1%,#aaa800 100%);
            background: linear-gradient(top,  #fffa00 1%,#aaa800 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffa00', endColorstr='#aaa800',GradientType=0 );
            border: 0px solid #aaa800;
            }
	#nav li ul {
            border: 1px solid #333333;
            background: #f0f0f0;
            width: 250px;
            font-size: 90%;
            margin-top: 0px;
            position: absolute;
            font-weight: normal;
            left: -999em;
            }
	#nav li:hover ul, #nav li.sfhover ul {
            left: 0;
            z-index: 99999;
            }
	#nav li li {
			font-family: Arial;
            background: none;
            width: 250px;
            float: none;
            border: none;
            border: 0px solid #999;
            border-top: 0px solid #fff;
            border-right: none;
            border-left: none;
            padding-left: 0;
            }
	#nav li li.last {
            border-bottom: none;
            }
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {
            color: #000;
            padding: 3px 10px 2px;
            width: 18em;
            }
	#nav li li a:hover {
            color: #000; 
            background: #fffa00;
            background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2ZmZmEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhYWE4MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
            background: -moz-linear-gradient(top,  #fffa00 1%, #aaa800 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fffa00), color-stop(100%,#aaa800));
            background: -webkit-linear-gradient(top,  #fffa00 1%,#aaa800 100%);
            background: -o-linear-gradient(top,  #fffa00 1%,#aaa800 100%);
            background: -ms-linear-gradient(top,  #fffa00 1%,#aaa800 100%);
            background: linear-gradient(top,  #fffa00 1%,#aaa800 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffa00', endColorstr='#aaa800',GradientType=0 );
            border: 1px solid #aaa800;
            width: 228px;
			}
	
	#nav li {
            width: auto;
            }

	#headtel {
            color: #fff;
            font-weight: bold;
            position: absolute;
            top: 0.3em;
            right: 4em;
            }
        #toppanel {
            position: relative;
            background: url("http://www.hsdirect.co.uk/css/images/cartsprite.png") repeat-x 0 100%;
            height: 41px;
            width: 100%;
        }
        #cartpanel {
            position: absolute;
            background: #e0e0e0;
	    border: 1px solid #c2c2c2;
            height: 37px;
            width: 287px;
            right: 10px;
            top: 1px;
        }
        #cartpanel td {
            padding-left: 60px;
            margin-top: -15px;
        }
        #cartpanel {
            text-decoration: none;
            display: block;
        }
        #sfp_login {
            position: absolute;
            height: 30px;
            width: 200px;
            left: 20px;
            top: 5px;
            cursor: pointer;
	    z-index: 20;
        }
        #sfp_login {
            text-decoration: none;
            display: block;
        }
        #vertifill {
            background: #fff;
            margin: 0 auto 0;
            position: absolute;
            bottom: -300px;
            height: 100%;
            width: 100%;
            z-index: -1;
        }
        #wrap {
            min-width: 800px;
            max-width: 1200px;
            margin: 0 auto;
            position: relative;
            bottom: 0px;
            background: #ffffff;
            }

        #content-wrap {
            position: relative;
            min-height: 580px;
            width:100%;
            top: 0px;
            bottom: 0px;
            height: 100%;
            }
        #utility {
            position: absolute;
            top: 0;
            left: 3px;
            width: 195px;
            border-top: 0px solid #999;
            padding-bottom: 40px;
            top: 15px;
	    z-index: 2;
            }
        #sidebar {
            position:absolute;
            top:0;
            right:25px;
            width:20%;
            border-top: 5px solid #999;
            padding-top: 1px;
            padding-bottom: 40px;
            z-index: 999999;
            }  
        #content {
            margin: 0 50px;
            padding-top: 20px;
            }
	#content a, a:link, a:visited, a:hover {
	    padding: 0 0 0 0;
            text-decoration: underline;
	    }
        #footer a:hover {
	    padding: 0 0 0 0;
	    }
            
            .featurebox {
                background: #ffffff;
                border: 1px solid #e0e0e0;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                min-width: 500px;
                max-width: 80%;
                margin-left: 100px;
                margin-top: 25px;
                margin-bottom: 25px;
                }
            .findoutmore {
                background: url("http://www.hsdirect.co.uk/css/images/findoutmore.png") no-repeat 100% 100%;
                top: 80%;
                left: 70%;
                height: 33px;
                width: 120px;
                display: block;
                position: absolute;
                z-index: 89898;
            }
            .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {
                color: #f79700;
                background: url("http://www.hsdirect.co.uk/css/images/featurehead_sprite.png") repeat-x 100% 100%;
                padding: 0px 20px 0px 50px;
                font-size: 126%
                }
            .featicon {
                position: absolute;
                background: url("http://www.hsdirect.co.uk/css/images/featurebox_icon.png") no-repeat 0 0;
                height: 37px;
                width: 37px;
                left: 342px;
                z-index: 400;
            }
            .featurebox p {
                border: none;
                padding-left: 20px;
                padding-right: 20px;
                padding-bottom: 10px;
                padding-top: 10px;
                color: #333333
                }
            .featurebox img {
                border: none;
                margin-right: 20px;
                }
            .featurebox a {
                font-weight: bold;
                color: #f79700;
                }
            .featurebox a:visited {
                font-weight: bold;
                color: #f79700;
            }
            .featurebox a:hover {
                font-weight: bold;
                color: #f79700;
            }
            
	    
	    
	    .invoiceframe {
                background: #ffffff;
            }
	    .invsep td {
		border: 0px solid #e0e0e0;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
	    }
	    .notinvsep td {
		border: none;
	    }
            .invoicebox {
                background: #ffffff;
                border: 1px solid #e0e0e0;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                border-radius: 4px;
                min-width: 700px;
		width: 99%;
                margin-left: 0px;
                margin-top: 25px;
                margin-bottom: 25px;
		margin-right: 0px;
                }
	    .securepayicon {
                position: absolute;
                background: url("http://www.hsdirect.co.uk/css/images/invboxicon.png") no-repeat 0 0;
                height: 37px;
                width: 37px;
                left: 30px;
                z-index: 83273;
            }
            .invoicebox h1, .invoicebox h2, .invoicebox h3, .invoicebox h4, .invoicebox h5, .invoicebox h6 {
                color: #f79700;
                background: url("http://www.hsdirect.co.uk/css/images/featurehead_sprite.png") repeat-x 100% 100%;
                padding: 0px 20px 0px 50px;
                font-size: 126%
                }
            .invoicebox p {
                border: none;
                padding-left: 20px;
                padding-right: 20px;
                padding-bottom: 10px;
                margin-top: 40px;
                color: #333333
                }
            .invoicebox img {
                border: none;
                margin-right: 20px;
                }
            .invoicebox a {
                font-weight: bold;
                color: #f79700;
                }
            .invoicebox a:visited {
                font-weight: bold;
                color: #f79700;
            }
            .invoicebox a:hover {
                font-weight: bold;
                color: #f79700;
            }
            
	    .thumbnail {
                margin: 0 0 0 10px;
                position: relative;
                z-index: 9;
                border: 1px solid #eee;
                float: right;
                width: 65px;
                padding: 5px;
                background: #fff;
                }
            .thumbnail img {
                border: 1px solid #000;
                }
            .pagination {
                background: #f2f2f2;
                color: #666;
                padding: 4px 2px 4px 7px;
                border: 1px solid #ddd;
                margin: 0 0 1.5em
                }
            .pagination p {
                position: relative;
                text-align: right;
                }
            .pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {
                text-decoration: none;
                background: #fff;
                padding: 2px 5px;
                border: 1px solid #ccc;
                }
            .pagination p a:hover {
                background: #c00;
                color: #fff;
                }
            .pagination p span {
                text-decoration: none;
                background: #fff;
                padding: 2px 5px;
                border: 1px solid #ccc;
                color:#ccc;
                }
            .pagination * {
                margin: 0;
                }
            .pagination h4 {
                margin-top: -1.45em;
                padding: 0;
                border: none;
                }
	
	#resultslist-wrap {
            margin: 0 0 1.5em;
            font-size: 92%;
            }
	#resultslist-wrap dt, #resultslist-wrap dl {
            margin: 0;
            }
	#resultslist-wrap dt {
            font: bold 85% arial;
            padding: 3px 0;
            }
	#resultslist-wrap li {
            padding: 0 0 1em;
            margin: 0 0 0 1.2em;
            font: bold 145% arial;
            }
	#resultslist-wrap li dd {
            font: normal 73% arial;
            }
	#resultslist-wrap li dl {
            margin: 0;
            }
	#resultslist-wrap dd {
            line-height: 1.3;
            }
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {
            color: #999;
            display: inline;
            padding-right: .5em;
            }
                .table1 {
                    border: 2px solid #900;
                    border-collapse: collapse;
                    width:100%;
                    }
		.table1 td {
                    background: #fff url("images/sprites.gif") repeat-x 0 -1600px;
                    padding: 3px;
                    border: 1px solid #fff;
                    }
		.table1 th {
                    text-align: left;
                    border: 1px solid #fff;
                    }
		.table1 thead th {
                    color: #fff;
                    font-size: 145%;
                    background: #900 url("images/sprites.gif") repeat-x 0 -1300px;
                    padding: 10px 6px;
                    }
		.table1 tbody th {
                    color: #fff;
                    font-size: 115%;
                    background: #88b8db url("images/sprites.gif") repeat-x 0 -1400px;
                    padding: 6px;
                    }
		.table1 tbody th.sub {
                    font-size: 100%;
                    color: #000;
                    background: #efefef url("images/sprites.gif") repeat-x 0 -1500px;
                    padding: 6px;
                    }
		
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {
                    background: transparent url("images/sprites.gif") no-repeat 5px -500px;
                    padding-left: 21px;
                    }
		a.morelink:hover {
                    background: transparent url("images/sprites.gif") 5px -400px;
                    }
		.morelink span {
                    position: absolute;
                    left: -9999px;
                    width: 900px;
                    }
		
		ol.code {
                    font-family: monospace;
                    position: relative;
                    }
		ol.code li {
                    color: #666;
                    margin-bottom: 1px;
                    }
		ol.code code {
                    color: #000;
                    display: block;
                    }
		ol.code .cmt {
                    color: #4077d2;
                    }
		li.tab0 code {
                    padding-left: 4em;
                    }
		li.tab1 code {
                    padding-left: 8em;
                    }
		li.tab2 code {
                    padding-left: 12em;
                    }
		li.tab3 code {
                    padding-left: 16em;
                    }
		li.tab4 code {
                    padding-left: 20em;
                    }
		li.tab5 code {
                    padding-left: 24em;
                    }
		ol.code li {
                    background: #f3f3f3 url("images/td_bg.gif") no-repeat 100% 100%;
                    }
		p.note {
                    margin: 1em;
                    border: 1px solid #ddd;
                    background: #f0f0f0;
                    padding: 1em;
                    }
        /* LAYOUT TYPE B */
	#type-b #content-wrap {
            background: #ffffff url("images/content_wrap_bg.gif") repeat-y 30px 0;

            }
	#type-b #content {
            margin: 0 23px 0 235px;
            }
        /* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {
            position: static;
            background: transparent;
            }
	#nav-secondary, #nav-secondary li {
            list-style: none;
            margin: 0;
            padding: 0;
            background: transparent;
            }
	#nav-secondary {
            padding-top: 0;
            margin-top: 1px;
            }
	#nav-secondary a {

            padding: 5px 0 5px 30px;
            background: url("images/leftnav_headsprite.png") repeat-x 0 100%;
            border-bottom: 1px;
            border-color: #ececec;
            border-bottom-style: solid;
            border-radius: 3px;
            color: #ffa81f;
            font: bold 86% arial;
            display:block;
            }
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {
            text-decoration: none;
            cursor: pointer;
            } 
	#nav-secondary a:link {
            color: #ffa81f;
            } 
	#nav-secondary a:visited {
            color: #ffa81f;
            } 
	#nav-secondary a:hover {
            color: #fffa00;
            } 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:active {
            color: #ffa81f;
            }
        #nav-secondary li.active a:hover, #nav-secondary {
            color:#fffa00;
            } 
	#nav-secondary li {
            margin-bottom: -40px;
            }

        /* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {
            margin: 0 0 1em 18px;
            padding: 0;
            background: transparent;
            }
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {
            line-height: 1.5;
            background: #ffffff;
            padding: 0 0 0 30px;
            font-weight: normal;
            color: #000000;
            width: 147px;
            display: block
            }
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {
            background: #ffffff;
            background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQxJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
            background: -moz-linear-gradient(top, #ffffff 0%, #f4f4f4 41%, #e8e8e8 66%, #e8e8e8 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(41%,#f4f4f4), color-stop(66%,#e8e8e8), color-stop(100%,#e8e8e8));
            background: -webkit-linear-gradient(top, #ffffff 0%,#f4f4f4 41%,#e8e8e8 66%,#e8e8e8 100%);
            background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 41%,#e8e8e8 66%,#e8e8e8 100%);
            background: -ms-linear-gradient(top, #ffffff 0%,#f4f4f4 41%,#e8e8e8 66%,#e8e8e8 100%);
            background: linear-gradient(top, #ffffff 0%,#f4f4f4 41%,#e8e8e8 66%,#e8e8e8 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 );
            }
	#nav-secondary li.active li {
            border: none;
            margin: 0 0 0 0;
            }
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active, 
	#nav-secondary li.active li.active a:active {
            font-weight: bold
            }
        /* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {
            margin: 0 0 1em 13px;
            padding: 0;
            background: transparent;
            }
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {
            width: 117px;
            }

        /* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {
            margin: 0 0 1em 13px;
            padding: 0;
            background: transparent;
            }
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {
            width: 104px;
            }
    #footer {
			clear: both;
            padding: 10px 0 30px 0;
            font-size: 90%;
            color: #333333;
            background: url("http://www.hsdirect.co.uk/css/images/footerbg.png") repeat-x 0 100%;
            height: 30px;
            width: 100%;
            position: relative;

        }
	#footer p {
			clear: both;
            margin: 0 0 0 0;
			padding: 0 0 0 0;
            text-decoration: none;
            }
        #footer img {
            margin: -40px 10px 0px 10px;
            }
                	#footer a:link, a:visited {
			clear: both;
			font-size: 90%;
                        color: #333333;
			text-decoration: underline;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
            }
        #footer a:hover {
            color: #999999;
			text-decoration: underline;
            padding: 0 0 0 0;
			margin: 0 0 0 0;
            }
	    #footlinks {
                float: left;
                font: 8pt Verdana, Arial;
                background: transparent;
                width: auto;
                position: relative;
            }
            #footlinks li {
                position: relative;
                background: transparent;
                float: left;
                margin: 0 0 0 0;
                padding: 0 10px 0 0;
            }
	#tooltip{
            width:auto;
            max-width:300px;
            min-width:40px;
            border:1px solid;
            background: #333333;
            padding:5px;
            margin-top:4px;
            font-size:12px;
            color: #ececec;
        }
        #tooltip.default{
            border:1px solid #ececec;
            background: #333333;
            color: #ececec;
            -webkit-border-radius:3px;
            -moz-border-radius:3px;
            border-radius:3px; 
            margin-top:20px;
            margin-left: 20px;
            font-family: Arial;
            z-index: 93939;
        }
        #doctext {
            position: relative;
            top: 59px;
            z-index: 100;
            font-size: 90%;
            }
        #cloudtext {
            position: relative;
            top: 60px;
            z-index: 100;
            font-size: 140%;
            }
        #cloudtext:hover {
            position: relative;
            top: 60px;
            z-index: 100;
            font-size: 140%;
            color: #F79700;
            }
        #cloudtext a:hover {
            color: #F79700;
        }
        
        
        #nolinks a, a:hover, a:visited, a:link {
            text-decoration: none;
            color: #333333;
        }
        .rowhover {
            background: #fcdf02;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZGYwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWYyMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  #fcdf02 0%, #fef201 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdf02), color-stop(100%,#fef201));
            background: -webkit-linear-gradient(top,  #fcdf02 0%,#fef201 100%);
            background: -o-linear-gradient(top,  #fcdf02 0%,#fef201 100%);
            background: -ms-linear-gradient(top,  #fcdf02 0%,#fef201 100%);
            background: linear-gradient(top,  #fcdf02 0%,#fef201 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdf02', endColorstr='#fef201',GradientType=0 );
            border: 1px solid #aaa800;
            border-radius: 3px;
        }
        .cellhover {
            background: #fcdf02;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZGYwMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWYyMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top,  #fcdf02 0%, #fef201 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcdf02), color-stop(100%,#fef201));
            background: -webkit-linear-gradient(top,  #fcdf02 0%,#fef201 100%);
            background: -o-linear-gradient(top,  #fcdf02 0%,#fef201 100%);
            background: -ms-linear-gradient(top,  #fcdf02 0%,#fef201 100%);
            background: linear-gradient(top,  #fcdf02 0%,#fef201 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcdf02', endColorstr='#fef201',GradientType=0 );
            border: 1px solid #aaa800;
            border-radius: 3px;
            color: #333333;
        }
        .blocktable td {
            padding-left: 15px;
        }
        .blocktable tr {
            padding-top: 10px;
        }
        .thelisttables td {
            padding: 2px 6px 2px 6px;
        }
        .thelistheader {
            background: #f0f0f0;
            border: 1px solid #9c9c9c;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 3px;
        }
        #testimonial {
            background: #f0f0f0 url("http://hsdirect.co.uk/css/images/blockquote.png") no-repeat 0 100%;
            width: 620px;
            height: auto;
            position: relative;
            margin-left: 20px;
            border: 1px solid #9c9c9c;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
        }
        #testimonial p {
            padding-left: 30px;
            padding-right: 10px;
        }
	/* Best way I can do this, otherwise it fucks up in IE 9 and 10 Beta. */	
	
	.colmask {
		position:relative;	
		clear:both;
		float:left;
		width:100%;			
		height: auto;
		z-index: 1;
		text-decoration: none;
	}

	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;			
		position:relative;
		text-decoration: none;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 1em 0;						
		width: 33%;
		min-height: 460px;
		height: auto;
		text-decoration: none;
	}

	.threecol {
		background: transparent;		
	}
	.threecol .colmid {
		right:25%;			
		background: transparent;		
	}
	.threecol .colleft {
		right:51%;			
		background: transparent;	
	}
	.threecol .col1 {
		width:31%;			
		left:110%;	
		margin-bottom: 20px;
		margin-right: 2px;
		margin-top: 10px
	}
	.threecol .col2 {
		width:31%;			
		left:46%;			
		margin-bottom: 20px;
		margin-top: 10px
	}
	.threecol .col3 {
		width:31%;			
		left:80%;
		margin-bottom: 20px;
		margin-top: 10px
	}
        .col1, .col2, .col3 {
			background: #fff;
			border: 1px solid #8E8E8E;
			-webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                border-radius: 15px;
		}

		.col1 h1, .col1 h2, .col1 h3, .col1 h4, .col1 h5, .col1 h6 {
               color: #f79700;
                background: url("http://www.hsdirect.co.uk/css/images/featurehead_sprite.png") repeat-x 100% 100%;
                text-align: center;
                font-size: 126%;
				-moz-border-radius-topleft: 14px;
				-moz-border-radius-topright: 14px;
				-moz-border-radius-bottomright: 0px;
				-moz-border-radius-bottomleft: 0px;
				-webkit-border-radius: 14px 14px 0px 0px;
				border-radius: 14px 14px 0px 0px;
				text-decoration: none;
                }
		.col2 h1, .col2 h2, .col2 h3, .col2 h4, .col2 h5, .col2 h6 {
                 color: #f79700;
                background: url("http://www.hsdirect.co.uk/css/images/featurehead_sprite.png") repeat-x 100% 100%;
                text-align: center;
                font-size: 126%;
				-moz-border-radius-topleft: 14px;
				-moz-border-radius-topright: 14px;
				-moz-border-radius-bottomright: 0px;
				-moz-border-radius-bottomleft: 0px;
				-webkit-border-radius: 14px 14px 0px 0px;
				border-radius: 14px 14px 0px 0px;
				text-decoration: none;
                }
           .col1 a, .col2 a, .col3 a {
			color: #f79700;
			text-decoration: none;
			} 
		 
		.col3 h1, .col3 h2, .col3 h3, .col3 h4, .col3 h5, .col3 h6 {
                color: #f79700;
                background: url("http://www.hsdirect.co.uk/css/images/featurehead_sprite.png") repeat-x 100% 100%;
                text-align: center;
                font-size: 126%;
		text-decoration: none;
				-moz-border-radius-topleft: 14px;
				-moz-border-radius-topright: 14px;
				-moz-border-radius-bottomright: 0px;
				-moz-border-radius-bottomleft: 0px;
				-webkit-border-radius: 14px 14px 0px 0px;
				border-radius: 14px 14px 0px 0px;
                }
         .col1 p, .col2 p, .col3 p {
			padding-left: 5px;
			padding-right: 5px;
			padding-top: 5px;
			padding-bottom: 5px;
			text-decoration: none;
		 }
		 

		 
/*Nice pop up stuff for more infos. */

#backgroundModal{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:6993;
}
#ModalContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:500px;
width:70%;
min-width: 450px;
background:#FFFFFF;
border:2px solid #cecece;
padding:12px;
font-size:13px;
z-index:6994;
left: 15%;
}
#ModalContact h1{
text-align:left;
color:#f79700;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
z-index:6995;
}
#ModalContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
cursor: pointer;
position:absolute;
color:#333333;
font-weight:700;
display:block;
z-index:6996;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		}
	.big-link{
	    font-size: 16pt;
	    color: red;
	    font-family: arial;
	}
	/*
		
	NOTES
	
	Close button entity is ×
	
	Example markup
	
	<div id="myModal" class="reveal-modal">
		<h2>Awesome. I have it.</h2>
		<p class="lead">Your couch.  I it's mine.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In ultrices aliquet placerat. Duis pulvinar orci et nisi euismod vitae tempus lorem consectetur. Duis at magna quis turpis mattis venenatis eget id diam. </p>
		<a class="close-reveal-modal">&#215;</a>
	</div>
	
	*/