@import url('ui.css');

/*
Version: 1.0
Author: Silkstream Ltd
Author URL: http://www.silkstream.net
*/

/***********************************************************************

* CSS Table of Contents
* ----------------------------------------------------------------------
* Reset CSS.....................................................(Line  )
* Basic Global CSS..............................................(Line  )
* Default Styling CSS...........................................(Line  )

***********************************************************************/

@font-face {
    font-family: 'SquareSerifLightBold';
    src: url('/css/fonts/SquareSerif-Demi-webfont.eot');
    src: url('/css/fonts/SquareSerif-Demi-webfont.eot?#iefix') format('embedded-opentype'),
    url('/css/fonts/SquareSerif-Demi-webfont.woff') format('woff'),
    url('/css/fonts/SquareSerif-Demi-webfont.ttf') format('truetype'),
    url('/css/fonts/SquareSerif-Demi-webfont.svg#SquareSerifLightBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/******* Reset CSS *******/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background:transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

/******* Basic Global CSS *******/
body {margin:0; padding:0; font:16px Arial, Helvetica, sans-serif; color:#333; background:url(/images/bg.jpg) repeat-x top left;}
a, object { outline:0;}
a {color:#579ed6; text-decoration:underline;}
a:hover { text-decoration:none;}
strong { font-weight:bold;}
em{ font-style:italic;}

::-moz-selection { color:#fff; color:rgba(255,255,255,1.00); background:#579ed6;}
::selection { color:#fff; color:rgba(255,255,255,1.00); background:#579ed6;}

object, embed, video {max-width:100%;height:auto;}
fieldset{padding:10px;border:1px solid #ccc;margin-bottom:1.5em;}
label{cursor:pointer;}
input, textarea{font-family:inherit;}
table{page-break-before:always;}

/******* Basic Global Classes *******/
.mt6 { margin-top:6px !important;}
.mt20 { margin-top:20px !important;}
.mb20 { margin-bottom:20px !important;}

.clearer { clear:both;}
.floatLeft { float:left;}
.floatRight { float:right;}
.textalignLeft { text-align:left;}
.textalignRight { text-align:right;}
.aligncenter, img.aligncenter {display: block;margin-left: auto;margin-right: auto;}

.ellipsis{ white-space:nowrap; overflow:hidden;}
.ellipsis:after{content:'…';}

h1.barBlue, h2.barBlue, h1.barLBlue { font-weight:bold; color:#fff; padding:10px; font-size: 16px; margin:0 0 20px 0; position:relative; z-index:10;}
h1.barBlue span, h2.barBlue span, h1.barLBlue span { background-position:-394px -583px; width:13px; height:7px; right:15px; top:18px; position:absolute;}
h1.barLBlue { color:#2E4179;}

.barBlue {
    background: #579ed6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU3OWVkNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMDIyNWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #579ed6 0%, #20225b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#579ed6), color-stop(100%,#20225b));
    background: -webkit-linear-gradient(top,  #579ED6 0%,#20225B 100%);
    background: -o-linear-gradient(top,  #579ed6 0%,#20225b 100%);
    background: -ms-linear-gradient(top,  #579ed6 0%,#20225b 100%);
    background: linear-gradient(to bottom,  #579ed6 0%,#20225b 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#579ed6', endColorstr='#20225b',GradientType=0 );*/
    text-shadow: 0 -1px 0 #141922;
    color:#fff;
    border:1px solid #3c3f8e;
}

.barGrey, .gradGrey {
    background: #ffffff;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 );
    border:1px solid #f2f2f2;
}

.barOrange, .gradOrange {
    background: rgb(255,236,204);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWNjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZTk2MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,236,204,1) 0%, rgba(238,150,0,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,236,204,1)), color-stop(100%,rgba(238,150,0,1)));
    background: -webkit-linear-gradient(top, rgba(255,236,204,1) 0%,rgba(238,150,0,1) 100%);
    background: -o-linear-gradient(top, rgba(255,236,204,1) 0%,rgba(238,150,0,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,236,204,1) 0%,rgba(238,150,0,1) 100%);
    background: linear-gradient(to bottom, rgba(255,236,204,1) 0%,rgba(238,150,0,1) 100%);

}

.btnLBlue {
    background: #6daedd;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkYWVkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjg1Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #6daedd 0%, #3685cc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6daedd), color-stop(100%,#3685cc));
    background: -webkit-linear-gradient(top,  #6daedd 0%,#3685cc 100%);
    background: -o-linear-gradient(top,  #6daedd 0%,#3685cc 100%);
    background: -ms-linear-gradient(top,  #6daedd 0%,#3685cc 100%);
    background: linear-gradient(to bottom,  #6daedd 0%,#3685cc 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6daedd', endColorstr='#3685cc',GradientType=0 );*/
    border:1px solid #307eb6;
}

.btnDBlue {
    background: #10112c;
    background: -moz-linear-gradient(top,  #10112c 0%, #212359 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#10112c), color-stop(100%,#212359));
    background: -webkit-linear-gradient(top,  #10112c 0%,#212359 100%);
    background: -o-linear-gradient(top,  #10112c 0%,#212359 100%);
    background: -ms-linear-gradient(top,  #10112c 0%,#212359 100%);
    background: linear-gradient(to bottom,  #10112c 0%,#212359 100%);
    border: 1px solid #212359;
}

.btngradOrange  {
    background: #FAB200;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZhYjIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMzdiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #fab200 0%, #e37b00 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fab200), color-stop(100%,#e37b00));
    background: -webkit-linear-gradient(top,  #fab200 0%,#e37b00 100%);
    background: -o-linear-gradient(top,  #fab200 0%,#e37b00 100%);
    background: -ms-linear-gradient(top,  #fab200 0%,#e37b00 100%);
    background: linear-gradient(to bottom,  #fab200 0%,#e37b00 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab200', endColorstr='#e37b00',GradientType=0 );
    border: 1px solid #eaa600;
}

.gradLBlue {
    background: #e8f2f9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZjJmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNWRmZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #e8f2f9 0%, #c5dff1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8f2f9), color-stop(100%,#c5dff1));
    background: -webkit-linear-gradient(top,  #e8f2f9 0%,#c5dff1 100%);
    background: -o-linear-gradient(top,  #e8f2f9 0%,#c5dff1 100%);
    background: -ms-linear-gradient(top,  #e8f2f9 0%,#c5dff1 100%);
    background: linear-gradient(to bottom,  #e8f2f9 0%,#c5dff1 100%);
}

.barLBlue {
    background: rgb(172,212,239);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FjZDRlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0ZWI0ZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(172,212,239,1) 0%, rgba(78,180,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,212,239,1)), color-stop(100%,rgba(78,180,244,1)));
    background: -webkit-linear-gradient(top,  rgba(172,212,239,1) 0%,rgba(78,180,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(172,212,239,1) 0%,rgba(78,180,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(172,212,239,1) 0%,rgba(78,180,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(172,212,239,1) 0%,rgba(78,180,244,1) 100%);
    text-shadow: 0 1px 0 #97CDF0;
    color:#2E4179;
    border:1px solid #54B6F4;
}

/*.gradGrey {
    background: #c9c9c9;
    background: -moz-linear-gradient(top,  #c9c9c9 0%, #909090 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c9c9), color-stop(100%,#909090));
    background: -webkit-linear-gradient(top,  #c9c9c9 0%,#909090 100%);
    background: -o-linear-gradient(top,  #c9c9c9 0%,#909090 100%);
    background: -ms-linear-gradient(top,  #c9c9c9 0%,#909090 100%);
    background: linear-gradient(to bottom,  #c9c9c9 0%,#909090 100%);
}*/

.radius3 {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.radius3t {-webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.radius3r {-webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0; }
.radius3l {-webkit-border-radius:3px 0 0 3px; -moz-border-radius:3px 0 0 3px; border-radius:3px 0 0 3px; }


.radius4 {-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.radius8 {-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
.radius12 {-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; }
.radius4t {-webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
.radius8t {-webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; }
.radius12t {-webkit-border-radius:12px 12px 0 0; -moz-border-radius:12px 12px 0 0; border-radius:12px 12px 0 0; }
.radius4b {-webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
.radius8b {-webkit-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px; }
.radius12b {-webkit-border-radius:0 0 12px 12px; -moz-border-radius:0 0 12px 12px; border-radius:0 0 12px 12px; }

.assets {background-image:url(/images/assets.png); background-repeat:no-repeat; background-color:transparent; display:block;}

/******* Form CSS ********/
input, select { vertical-align:middle;}
input, textarea, select { border:1px solid #fff; padding: 5px; width:auto; margin:0;  height:24px; font-size:14px; color:#000; background: #dadada;
    background: -moz-linear-gradient(top,  #dadada 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #dadada 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #dadada 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #dadada 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #dadada 0%,#ffffff 100%);}

select {height: 30px;}

.newsletterForm select { width: 100%; margin: 10px 0 0 0 ; background: white; border-color: #ddd}
.newsletterForm .inputFullWidth { width: 97% !important; background: white; border-color: #ddd}

.newsletterForm .error {border-color: #B50007 !important;}
.newsletterForm .formErrors {width: unset}

/******* Container CSS ********/
#pageContainer { max-width: 940px; padding: 8px 20px 0; margin:0 auto; background:#fff; }
#contentArea { clear:both; margin: 20px 0; position:relative; z-index:1;}
#column {width:220px;}
#content { margin:0 240px 0 0}

#page, #category, #product, #news, #county, #town, #installation, #installs { margin:0 0 0 240px;}

#contentFull {}

/******* Account CSS ********/
#account {clear: both; margin: 20px 0;overflow: hidden;}
#account h1{ border-bottom:1px solid #eaeaea; padding: 0 0 12px 0;}
#account h1 a{ text-decoration:none; color:#ff0000;}
#account h1 a:hover{ text-decoration:underline;}

#accountColumn {width:220px;}
#accountContent {margin:0 0 0 240px;}

#accountColumn ul{ margin:0; padding:0;}
#accountColumn ul li{ margin:0; padding:0; display:block;}
#accountColumn ul li strong{ display:block; font-size: 17px; color:#212359;}
#accountColumn ul li a{ display:block; text-decoration:none; padding:8px; background:#E8F2F9; margin:0 0 2px 0; font-size: 12px;}

#account form { margin: 30px 0 0 0;}
#account form li{ margin: 0 0 12px 0; padding:0; overflow: hidden;}
#account form label{ float:left; width:180px; font-weight:bold;}
#account form input[type="text"], #account form input[type="password"] {border:1px solid #d5d5d5; padding:5px; width:280px; font-size: 14px; display: inline; margin:0 50px 0 0; -webkit-border-radius:3px; -moz-border-radius: 3px;border-radius: 3px;background: #fff !important;}
#account form select{ width: 150px; padding:5px 5px; margin:0; border:1px solid #d5d5d5; background: #fff; font-size:16px; display:inline; margin:0 50px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
#account form textarea{background:#fff; border:1px solid #d5d5d5; padding:5px; width:280px; font-size:16px; display:inline; margin:0 50px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
#account form input[type="text"]:focus, #account form input[type="password"]:focus { border:1px solid #5399d4;}
#account form input[type='submit'] {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #045eb8; padding: 8px 20px;  margin: 12px 0 0 180px; color:#fff; font-weight:bold; cursor:pointer;height: 32px;width: 150px;vertical-align: top;}

#account .orders { width:100%; margin: 20px 0;}
#account .orders th{ color:#fff; padding: 8px 12px; text-align: left;}
#account .orders td{ padding: 8px 12px; text-align: left; border-bottom: 1px solid #eaeaea; vertical-align: middle;}

#account .orders td a{font: bold 12px/12px Arial, Helvetica, sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #C2C2C2; padding:7px; display: inline; margin:0; color:#444; text-decoration:none;float: right;}
#account .orders td a:hover{background:#e0e0e0;}
#account .orders td a:active{background:#ddd;}

.orderInfo {}
.orderInfo ul {margin: 15px;}
.orderInfo ul li {margin: 0 0 10px 0;}
.orderInfo ul li a{}

.orderInfo .info { width:280px;}

.ordersInfo { width:100%; margin: 25px 0 0 0; clear: right;}
.ordersInfo .desc { width:280px;}
.ordersInfo th { color:#fff; padding: 8px 12px; text-align: left;}
.ordersInfo td {padding: 8px 12px; text-align: left; border-bottom: 1px solid #eaeaea; vertical-align: middle;}

.backBtn{font:bold 14px/14px Arial, Helvetica, sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #C2C2C2; padding:7px; display: inline; margin: 15px 0 0 0; color:#444; text-decoration:none;float: left;}
.backBtn:hover{background:#e0e0e0;}
.backBtn:active{background:#ddd;}

#register form { margin:20px 0 0 0;}
#register form ul{ margin:20px 0 0 0;}
#register form li{ margin: 0 0 12px 0; padding:0; overflow: hidden;}
#register form label{ float:left; width:220px; font-weight:bold;}
#register form input[type="text"], #register form input[type="password"] {border:1px solid #d5d5d5; padding:5px; width:280px; font-size: 14px; display: inline; margin:0 50px 0 0; -webkit-border-radius:3px; -moz-border-radius: 3px;border-radius: 3px;background: #fff !important;}
#register form select{ width: 150px; padding:5px 5px; margin:0; border:1px solid #d5d5d5; background: #fff; font-size:16px; display:inline; margin:0 50px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
#register form textarea{background:#fff; border:1px solid #d5d5d5; padding:5px; width:280px; font-size:16px; display:inline; margin:0 50px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
#register form input[type="text"]:focus, #register form input[type="password"]:focus { border:1px solid #5399d4;}
#register form input[type='submit'] {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #045eb8; padding: 8px 20px;  margin: 12px 0 0 220px; color:#fff; font-weight:bold; cursor:pointer;height: 32px;width: 150px;vertical-align: top;}

#register li.txt { margin:0 0 0 220px;}


.genForm form { margin: 30px 0 0 0;}
.genForm form li{ margin: 0 0 12px 0; padding:0; overflow: hidden;}
.genForm form label{ float:left; width:180px; font-weight:bold;}
.genForm form input[type="text"], #account form input[type="password"] {border:1px solid #d5d5d5; padding:5px; width:280px; font-size: 14px; display: inline; margin:0 50px 0 0; -webkit-border-radius:3px; -moz-border-radius: 3px;border-radius: 3px;background: #fff !important;}
.genForm form select{ width: 150px; padding:5px 5px; margin:0; border:1px solid #d5d5d5; background: #fff; font-size:16px; display:inline; margin:0 50px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
.genForm form textarea{background:#fff; border:1px solid #d5d5d5; padding:5px; width:280px; font-size:16px; display:inline; margin:0 50px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; resize:none;}
.genForm form input[type="text"]:focus, .genForm form textarea:focus { border:1px solid #5399d4;}
.genForm form input[type='submit'] {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #045eb8; padding: 8px 20px;  margin: 12px 0 0 180px; color:#fff; font-weight:bold; cursor:pointer;height: 32px;width: 150px;vertical-align: top;}

ul.formErrors {overflow:hidden; background: #F5CEC5; width: 556px; border: 1px solid #DC451F; padding: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
ul.formErrors li {float: left; padding: 0 10px 0 0;color: #DC451F; font-size: 13px; width: 170px;}
ul.formErrors li.title {float: none; font-size: 16px; font-weight:bold; padding: 0 0 4px 0; width:auto;}

/******* Header CSS ********/
#header {margin:0 auto; position:relative; z-index:90;}

#logo{ width:170px; height:150px; display:block; overflow:hidden; position:absolute; top:0; left:0; z-index:999;}
#logo a{ width:170px; height:150px; display:block;}
#logo a img{display:block;}

.utilites { float:right; width:740px; margin:10px 0 0 0; text-align:right;}
.utilites li { color:#666666; display:inline; padding:0; line-height:24px; font-size: 80%; }
.utilites li a { color:#666666; text-decoration:none;}
.utilites li a strong { color:#666666;}
.utilites li a:hover { text-decoration:underline; color:#000;}

#phone { float:right; margin: 0px 5px 0 0; font: bold 175% Arial,Helvetica,sans-serif; color: #212359;}
#phone span {color:#6daedd; font-family:SquareSerifLightBold; font-size: 55%; font-weight:normal;}
#phone a{color:#212359; text-decoration:none;}
#phone a span {color:#6daedd;}
#phone ul {display:inline;}
#phone ul li {display: inline;color: #6DAEDD;font-family: SquareSerifLightBold;font-size: 55%;font-weight: normal;}
#phone ul li a {color: #6DAEDD; text-decoration:underline;}

#basketSearch { clear:right; float:right; margin: 10px 0 15px 0; width: auto; padding:6px;}
#basketSearch p{float:left; padding: 13px 8px 0 4px; font-weight:bold; color: #333;font-size: 12px;text-shadow: 0 1px 0 #fff;}
#basketSearch form {display:block; float:left; width: 220px; padding:0; margin:0; border: 1px solid #d5d5d5; background:#fff; position:relative;}
#basketSearch form input { vertical-align:top; padding: 8px; height: 18px;}
#basketSearch form input.input { width: 92%;}
#basketSearch form span { display:block; position:absolute; right:4px; top:5px; width:27px; height:27px; z-index:999;}
#basketSearch form input.go { display:block; position:absolute; right:-1px; top:-1px; padding:0; width:38px; height: 29px; border:none; text-indent:-99999px; font-size:0; cursor:pointer;background:none;}
#basketSearch a { float:left; padding: 10px; width:154px; margin:0 0 0 10px; color:#fff; text-decoration:none; font-weight:bold; position:relative;}
#basketSearch a strong{ color:#fff;}
#basketSearch a span {display:block; position:absolute;  right:6px; top:4px; width:33px; height:33px; background-position: -750px -69px;}
#basketSearch a.barBlue {border:1px solid #3c3f8e;}
#basketSearch a.btngradOrange span{ width:40px; background-position: -745px -125px;}

#navigation{ clear:both; margin:0; padding: 0; height: 42px;position:relative; z-index:999;}
#navigation ul{font:bold 100% Arial, Helvetica, sans-serif; z-index:999;}
#navigation ul li{ list-style:none; display:inline; float:left; margin:0; z-index:9999; color:#8abbe2;}
#navigation ul li.div { line-height: 42px; font-size:18px; font-weight:normal; text-shadow: -1px 0 0 #141922; color: #758ab1;}
#navigation ul li a { float:left; text-decoration:none; color:#fff;}
#navigation ul li a span{padding: 0 8px; line-height:42px;margin-top: -1px;}

#navigation ul li a.dropdown {padding-right:20px; position:relative;}
#navigation ul li a.dropdown em {width: 15px;height: 8px;position: absolute;right: 5px;top: 42%;background-position: center -583px;}

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

#navigation ul li a.on {}
#navigation ul li a.on span { background-position: center -583px;}

#navigation ul li:nth-child(2) a span {}
#navigation ul li a:hover span, #navigation ul li.hover a span{color: white;text-decoration:underline;}

#navigation ul li.home { height: 42px; display:block; z-index:100;}
#navigation ul li.home a{ padding:8px 10px;}
#navigation ul li.home a img{width:24px;}

#navigation ul li .sub { display:none;  position:absolute; left:0px; top: 42px; background:#fff !important; overflow:hidden; z-index:99999 !important; padding:15px 20px 5px 20px; border: 3px solid #4FB4F4; -webkit-box-shadow:0 8px 8px rgba(0, 0, 0, 0.6); -moz-box-shadow:0 8px 8px rgba(0, 0, 0, 0.6);}
#navigation ul li .sub table td{ vertical-align:top; width:auto; padding: 4px 6px;}
#navigation ul li .sub .title { padding: 8px 8px; font: bold 16px Arial,Helvetica,sans-serif; text-shadow: 0 1px 0 #fff;}
#navigation ul li .sub .title span {  color: #ffffff; margin: 0; padding: 0 8px 0 0;text-shadow: 0px -1px #E29534;}
#navigation ul li .sub ul { margin: 10px 0 15px 0;}
#navigation ul li .sub ul li { float:none; list-style:none; display:block; padding: 0 10px 7px 0; margin:0 10px 0 0; width:165px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font: normal 13px Arial, Helvetica, sans-serif; color:#000; border-right:1px solid #ccc;}
#navigation ul li .sub ul li a { float:none; display:inline; color:#000; background:none; text-decoration:none;text-shadow:none; }
#navigation ul li .sub ul li a:hover { color:#000; background-color:#fff;  text-decoration:underline;}
#navigation ul li .sub ul li.title { width:135px; font:20px/22px Impact, Arial,Helvetica,sans-serif; color:#AFA9C5;}
#navigation ul li .sub ul li.filter { width:135px;}
#navigation ul li .sub td:last-child ul li { border-right:none;}

#navigation ul li .sub .our-products {margin-top:10px;}
#navigation ul li .sub .our-products .column {padding:0 20px 0 0; margin: 0 10px 0 0; border-right:1px solid #ccc;}
#navigation ul li .sub .our-products .category {margin:0 0 10px 0;}
#navigation ul li .sub .our-products .category + .category {border-top:1px solid #ccc; padding:10px 0 0 0;}
#navigation ul li .sub .our-products .category a {background: none;text-decoration: none;text-shadow: none;float:none; color:#000; display:block;}
#navigation ul li .sub .our-products .category a:hover {text-decoration: underline;}
#navigation ul li .sub .our-products .category .category-root {font-weight:bold; margin:0 0 5px 0;}
#navigation ul li .sub .our-products .category .category-sub {font-weight:normal; font-size:90%;}

/******* Home CSS ********/
#homeFeatured { padding: 8px; margin:20px auto 0; background: #E1E1E1; clear:both; overflow: hidden; -webkit-box-shadow:  0px 20px 30px -20px rgba(0, 0, 0, 0.6); box-shadow:  0px 20px 30px -20px rgba(0, 0, 0, 0.6); position:relative; z-index:1;}
#homeFeatured .Featured { position:relative; z-index:48;}
#homeFeatured .Featured img{display:block; top:0; left:0; z-index: 49;}
#homeFeatured .Featured div{ position:absolute; left:2px; bottom:2px; z-index: 50; background:rgba(0, 0, 0, 0.6); color:#fff; padding:20px; max-width: 70%;}
#homeFeatured .Featured a{ width: 100%; height: 100%; display:block; z-index: 51; position: absolute; text-indent:-99999px;}
#homeFeatured .Featured div h2{ font-size:32px; margin:0 0 10px 0;}
#homeFeatured .Featured div p{ line-height: 20px; font-size: 90%;}

#homeFeatured .Featured::before
{
    display:block;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    -moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,1);
    -webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,1);
    box-shadow:inset 0 0 0 2px rgba(255,255,255,1);
}



#featuredContainer {position:relative; /* overflow: hidden; */}
#featuredControls { position:absolute; bottom:20px; right:20px; width:159px; height:48px; z-index:100; }
#ftNext,
#ftPrev,
#ftPause,
#ftPlay {background:url(/images/featured-banner-btns.png) no-repeat; display:block; position:absolute; width:48px; height:48px; margin:0; text-decoration:none; text-indent:-99999px; cursor:pointer; border:none;}

#ftPrev { left:53px;}
#ftNext { left:106px; background-position:-48px 0;}
#ftPause {left:0px; background-position:-48px -48px;}
#ftPlay {display:none; left:0px; background-position: 0 -48px;}

.arrows { width:60px; height:31px; position:absolute; right:-4px; top:-2px;}
.arrows a{ width:30px; height:31px; float:right; background-position:-888px -559px; text-indent:-99999px;}
.arrows a.next { background-position:-918px -559px;}

.home #content .news{ width: 65.7%;height:252px; overflow:hidden;}

#recentInstalls { padding:20px 0 20px 20px; overflow:hidden; color:#fff; background: #1f2159;}
#recentInstalls .item { margin:0 695px 0 0;}
#recentInstalls .item p{ margin:0 0 10px 0;}
#recentInstalls .heading {color:#fff}

#recentPhotos {  margin: 6px 30px 0 0; position:relative;}
#recentPhotos .scrollItems {position:relative; width:642px; height:145px; overflow:hidden;}
#recentPhotos .scrollItems > div {width:642px;}
#recentPhotos .leftbtn {background:url(/images/featured-banner-btns-inverted.png) no-repeat 0 0; height: 48px; width:48px; z-index:999;display:block; position:absolute; left:-18px; top:50%; margin-top:-24px; cursor:pointer;border: none;}
#recentPhotos .rightbtn {background:url(/images/featured-banner-btns-inverted.png) no-repeat -48px 0; height:48px; width:48px; z-index:999;display:block; position:absolute; right:-18px; top:50%; margin-top:-24px; cursor:pointer;border: none;}
#recentPhotos .scrollItems img{border: 2px solid white; margin:0 5px;width: 200px;height: auto;}

/******* Items CSS ********/
.items {overflow:hidden;}

.items .item{ float:left;}
.items .item a{background:#e1e1e1; display:block; padding: 5px; position:relative; color:#fff;}
.items .item a .title{background:rgba(0, 0, 0, 0.6); padding: 4%;  position: absolute; bottom: 2px; display:block; text-align:center; font-style:italic; -webkit-border-radius:0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius:0 0 3px 3px; left: 0;margin: auto;right: 0;margin: 0 2px;font-size: 90%;}

.items .item .img{ position:relative; display:block;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; min-height:100px;}
.items .item .img::before {
    -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
    display:block;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    -moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,1);
    -webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,1);
    box-shadow:inset 0 0 0 2px rgba(255,255,255,1);
}
.items .item .img img{width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}

.itemVdiv { min-height: 159px; width:20px; float:left;}
.itemHdiv {  height:20px;width:700px; clear:left}

/******* Block CSS ********/
.block { margin:0 0 20px 0;}
.block .bd { padding:15px; color:#000; font-size:13px}
.block .ft { padding:15px}
.block .ft a{color:#333; text-decoration:underline;}
.block .ft a img {margin-top:8px;}
.block .bd input{ padding:4px 8px; height:26px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:170px; margin:10px 0 0 0; }
.block .bd input.barBlue { border:1px solid #045eb8; padding: 6px 7px; height: 30px; margin: 8px 2px 0 0; color:#fff; text-decoration:none; vertical-align:bottom; cursor:pointer; display:block; width: 40%;}

.block .bd a.btnContact {display:block;text-decoration: none;padding: 8px 12px;font-size: 14px;margin-bottom: 10px; position:relative; font-weight:bold;}
.block .bd a.btnContact span {background: url(/images/mail_icon.png) no-repeat 0 0; position:absolute; top:4px; right:4px; width:40px; height:33px;top: 5px;right: 10px;width: 32px;height: 20px;}
.block .bd a.btnChat {color: #fff;text-decoration: none;padding: 8px 12px;width: auto;display: block;text-shadow: 0px -1px 0px #d39400;border: 1px solid #EAA600;font-size: 14px; position:relative; font-weight:bold;}
.block .bd a.btnChat span {display:block; position:absolute; right: 6px; top: 1px; height:33px; width:40px; background-position:-745px -125px;}

.blue .bd { background: #E8F2F9;}
.blue .bd .text { margin:0 0 10px 0; line-height:18px; font-size:12px;}
.blue .bd .text a{ color:#000;}

.orange .bd{ background: #ffeccc;}
.orange .ft{ background: #EE9600; padding: 14px;}
.orange .ft a img {margin:0;/* border: 1px solid #fff; */}
.orange .heading { color: #EE9600;}

.orange .bd .text { margin:0 0 10px 0; line-height:18px; font-style:italic;}
.orange .bd .text a{ color: #EE9600;}

.home #content .news {float:left;}
.home #content .news .item .title {font-weight:bold; font-size: 17px;}
.home #content .news .item .title a{ text-decoration:none; color: #212359;}
.home #content .news .item .meta { font-size:11px; margin:2px 0 10px 0; color:#458cbd;}
.home #content .news .item .text { line-height:18px;}
.home #content .news .item .text a{}

.heading { margin: 0; font-family:SquareSerifLightBold; font-size:22px; color: #212359; font-weight:normal; line-height: 1.1;}

.tweets {width: 31.5%; float:left; margin-left: 2.5%;height:252px; overflow:hidden;}
.tweets .bd{ background-color:#00aced;  color:#fff; height: 222px;}
.tweets .bd .heading{ color:#fff;}
.tweets .tweet, .tweets .date { font-size:90%; line-height: 150%;}
.tweets .tweet a{ color:#fff;}

.tweets .tweet { padding:0 0 8px 0; height: 136px;}
.tweets .date { padding:0px 0 0 50px; font-weight: bold; background: url(/images/assets.png) no-repeat -3px -335px; display:block; color:#fff; text-decoration: none;}

/******* Breadcrumb CSS ********/
#breadCrumb { margin: 0 auto 10px; font-size: 13px; padding:0; color:#fff;}
#breadCrumb ul{ margin:0; padding:0; overflow:hidden; color: #333;}
#breadCrumb ul li{ margin:0 8px 0 0; padding:0px 0 8px 0; float:left;}
#breadCrumb ul li a{ text-decoration:underline; color: #333;}
#breadCrumb ul li a:hover{ text-decoration:none;}
#breadCrumb ul li.spacer { background-position: -762px -230px; text-indent:-99999px;padding:8px 6px;}

/******* Product Cat items CSS *******/
#products { overflow:hidden;}

#products .item { margin:20px 0; clear:both; font-family:Arial, Helvetica, sans-serif; background:url(/images/shadow1.jpg) no-repeat top center; padding:40px 0 10px 0;}
#products .item:last-child {border:none; padding:0;}
#products .item .subcatProd{ text-decoration:none; color:#000; display:block; overflow:hidden;}

#products .item .img,
#products .item .wrapper {
    float:left;
}

#products .item .img{ width:37.5%; max-width: 12.8em;}
#products .item .img a{ display:block; background: #E1E1E1; padding: 5px 5px 2px 5px; overflow: hidden;}
#products .item .img a:hover {background:#e9e9e9;}
#products .item .img a img{ /* border: 2px solid white; */  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width: 100%;}

#products .item .wrapper { width:60%; position:relative; margin:0 0 0 2.5%; font-size:90%; line-height:150%;}
#products .item .wrapper span { display:block; padding:0; margin:0;}
#products .item .wrapper b { color:#579ed6;}
#products .item .wrapper .title { font-weight:bold; padding:0 0 20px 0; font-size:16px; color:#212359; display:block;}
#products .item .wrapper .price { display:block; padding:3px 5px; background:#d04aa0; position:absolute; right:0; top:0; font-weight:bold; color:#fff;}
#products .item .wrapper .filter {}

#products .item a:hover{}
#products .item a:hover .img{background: #dddddd;}
#products .item a:hover .title { color:#000; text-decoration:underline;}
#products .item a:hover b {text-decoration:underline;}

/******* Installations Root CSS *******/
#installs .counties {overflow:hidden; margin: 10px 0 10px 0;}
#installs .counties .county {width: 220px; margin: 0 4px 20px 0; float: left;}
#installs .counties .county a {font-size:20px; width:100%; text-align:center; display:block;}

/******* County CSS *******/
#county { overflow:hidden;}

#county .styling {margin: 0 0 20px 0;}

#county .featured { margin:0 0 20px 0; clear:both; font-family:Arial, Helvetica, sans-serif; background:url(/images/shadow1.jpg) no-repeat top center; padding:40px 0 10px 0; overflow:hidden;}
#county .featured .subcatProd{ text-decoration:none; color:#000; display:block; overflow:hidden;}

#county .featured .img{ display:block; float:left; height:auto; background: #E1E1E1; padding:5px;}
#county .featured .img:hover {background:#e9e9e9;}
#county .featured .img img{ border: 2px solid white;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#county .featured .wrapper { display:block; padding:0; position:relative; margin:0 0 0 240px; overflow:hidden; font-size:90%; line-height:150%;}
#county .featured .wrapper span { display:block; padding:0; margin:0;}
#county .featured .wrapper b { color:#579ed6;}

#county .featured .wrapper .title { font-weight:bold; padding:0 0 20px 0; font-size:16px; color:#212359; display:block;}
#county .featured .wrapper .price { display:block; padding:3px 5px; background:#d04aa0; position:absolute; right:0; top:0; font-weight:bold; color:#fff;}
#county .featured .wrapper .filter {}

#county .featured a:hover{}
#county .featured a:hover .img{background: #dddddd;}
#county .featured a:hover .title { color:#000; text-decoration:underline;}
#county .featured a:hover b {text-decoration:underline;}

#county .towns {overflow:hidden; margin: 0 0 10px 0; background: url(/images/shadow1.jpg) no-repeat top center; padding: 30px 0 12px 0;}
#county .towns .town {width: 220px; margin: 0 4px; float: left;}
#county .towns .town a {font-size:20px; width:100%; text-align:center; display:block;}

/******* Town CSS *******/
#town { overflow:hidden;}

#town .item { margin:20px 0; clear:both; font-family:Arial, Helvetica, sans-serif; background:url(/images/shadow1.jpg) no-repeat top center; padding:40px 0 10px 0; overflow:hidden;}
#town .item .subcatProd{ text-decoration:none; color:#000; display:block; overflow:hidden;}

#town .item .img{ display:block; float:left; height:auto; background: #E1E1E1; padding:5px;}
#town .item .img:hover {background:#e9e9e9;}
#town .item .img img{ border: 2px solid white;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#town .item .wrapper { display:block; padding:0; position:relative; margin:0 0 0 240px; overflow:hidden; font-size:90%; line-height:150%;}
#town .item .wrapper span { display:block; padding:0; margin:0;}
#town .item .wrapper b { color:#579ed6;}

#town .item .wrapper .title { font-weight:bold; padding:0 0 20px 0; font-size:16px; color:#212359; display:block;}
#town .item .wrapper .price { display:block; padding:3px 5px; background:#d04aa0; position:absolute; right:0; top:0; font-weight:bold; color:#fff;}
#town .item .wrapper .filter {}

#town .item a:hover{}
#town .item a:hover .img{background: #dddddd;}
#town .item a:hover .title { color:#000; text-decoration:underline;}
#town .item a:hover b {text-decoration:underline;}

/******* Installation CSS *******/
#installation { overflow:hidden;}
#installation #info > div > div.styling { margin: 0 0 10px 0;}
#installation #info > div > div.iimg > div {padding:2%; background:#E1E1E1;margin: 0 0 10px 0;}
#installation #info > div > div.iimg > div > img {padding: 2%; background:#fff;}

#installation #info .install-title {font-family:SquareSerifLightBold; font-size: 155%; font-weight:normal;}
#installation #info .installImg { overflow:hidden; margin: 0 0 25px 0; background: #EEE; padding: 2%;}
#installation #info .installText {}

#installation #info .installImg .imgC {margin: 0;float: left;width: 72%;}
#installation #info .installImg .imgD {margin: 0 0 0 3%;padding: 0;float: left;width: 25%;}
#installation #info .installImg .imgD a img {margin:0 0 2% 0;}

/******* Pagination CSS *******/
.Pagination {padding: 7px 0;}
.Pagination strong{ padding:0 5px 0 0;}
.Pagination span.current { background: #C5DFF1; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 1px 4px; margin: 0 0px;}
.Pagination a{margin: 0 3px;}
.Pagination a:hover{}

/******* Related Article CSS *******/
#related { padding:0; float:left; margin:30px 0 0 20px; clear:both; position:relative;}
#related h2{ display:inline; background:#fff; font:25px/25px Impact, Arial, Helvetica, sans-serif; color:#666; padding:0 8px 0 0;}

#related .article{ margin:20px 0 0 0; border-bottom:1px dotted #999; padding:0 0 20px 0; color:#676767;}
#related .article h2{ font:bold 20px/20px Arial, Helvetica, sans-serif; display:block; color:#666; padding:0;}
#related .article h2 a{ color:#d04aa0; text-decoration:none;}
#related .article h2 a:hover{ text-decoration:underline;}
#related .article p.meta { font-weight:bold; padding:0; margin:10px 0; }
#related .article p a{ padding:0 2px; background:#d04aa0; color:#fff; text-decoration:none; }
#related .article p a:hover {background:#de54ad; }

/******* Filter/Column CSS *******/
.browseby, .filter  { margin:0 0 20px 0; padding:10px 15px; font-size:13px; background: #FFECCC;}

.browseby li {margin:0; padding:7px 0; border-bottom:1px dotted #fff;}
.browseby li:last-child { border:none;}
.browseby li a{ color:#000; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.browseby li a:hover{text-decoration:underline; }
.browseby li.on a{ font-weight:bold; color:#000;}
.browseby .title{ font-family:SquareSerifLightBold; font-size:22px; padding:3px 0; color: #EE9600; border:none;}

.browseby li ul{margin:0 0 0 15px; padding:0;}
.browseby li ul li{border:none; padding:4px 0}

.filter .title{font-family:SquareSerifLightBold; font-size:22px; padding:0; color: #EE9600; border:none;}
.filter li {margin:0; padding:7px 0; border-bottom:1px dotted #fff;}
.filter li:last-child { border:none;}

.filter li a{ background:url(/images/assets.png) no-repeat -10px -63px;  color:#000; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:170px; display:block; padding:0 0 0 25px;}
.filter li span.disabled{ color:#000; text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:189px; display:block; opacity:0.3;}
.filter li a:hover{text-decoration:underline; }

.filter li.on a{ background-position:-10px -129px;}

.advert { margin:0 0 20px 0;}

html.js #catAdditional {display: none;}

/******* Category CSS ********/
.landingImage { padding: 7px; background: #E1E1E1;}
.landingImage img{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.landingImage span{ position:relative; display:block;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.landingImage span::before {
    -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
    display:block;
    content:'';
    position:absolute;
    width:100%;
    height: 99%;
    -moz-box-shadow:inset 0 0 0 2px rgba(255,255,255,1);
    -webkit-box-shadow:inset 0 0 0 2px rgba(255,255,255,1);
    box-shadow:inset 0 0 0 2px rgba(255,255,255,1);
}

#categoryContent { padding:0 0 10px 0; font-size:95%; line-height:145%; margin-top: 1.2em;}

/******* Product CSS ********/
#productView {clear:both;}
#productView ul { overflow:hidden;}
#productView ul li{float:left; margin:0 2px 0 0;}
#productView ul li a{ display:block; width:79px; height:30px; text-indent:-99999px;}
#productView ul li.images a{ background-position:-353px -327px;}
#productView ul li.images a.on{ background-position:-353px -357px;}
#productView ul li.videos a{ background-position:-433px -327px;}
#productView ul li.videos a.on{ background-position:-433px -357px;}

#product { padding:0; margin: 0 240px 0 0;}

#productInfo{}
#productInfo h1{}

#productInfo p.rating { padding:0; margin:10px 0 25px 0; font-weight:bold; color:#454545;}
#productInfo p.rating a{color:#75bdff;}
#productInfo .filter { padding:0; margin:0 0 4px 0; overflow:hidden;}
#productInfo .filter strong{ width:110px; display:block; float:left; margin:0;}
#productInfo .proShare { width:480px; height:31px; margin:10px 0 15px 0; padding:15px 0 0 0; position:relative;}
#productInfo .proShare .verisign { width:89px; height:43px; background-position:-692px -550px; position:absolute; right:0; top:0;}

.proForm { margin: 0 0 20px 0; border:1px solid #ccc; padding: 12px 15px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.proForm ul { overflow:hidden;}
.proForm li { margin:0 0 10px 0; clear:left;}
.proForm li label {font:bold 13px/13px Arial, Helvetica, sans-serif; margin: 0 5px 5px 0; float:left; width: 55px; padding: 3px 0 0 0;}
.proForm li.qty {}
.proForm li.qty input { border:1px solid #d8d8d8; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; background:#fff; padding:2px 5px; height:25px; width: 112px;}
.proForm li.qty input:focus { border:1px solid #000;}
.proForm #base, .proForm #was { display:none; }
.proForm li.option { margin:0 0 5px 0;}
.proForm li.option select { border:1px solid #d8d8d8; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; padding:5px; width: 124px;}
.proForm li.option select:focus { border:1px solid #000;}
.proForm #productPrice {font: bold 16px/16px Arial, Helvetica, sans-serif; margin: 4px 0 0 60px; padding:0;color:#b00000;}
.proForm #productPrice strong {color:#000;}
.proForm #productPrice span {text-decoration:line-through; font:14px/32px Arial, Helvetica, sans-serif;}
.proForm .btn { clear:left; margin:10px 0 0 0;}
.proForm .btn input{ display:block; background:#86b90f; color:#fff; padding:5px 15px; border:1px solid #729f0b; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:bold 18px Arial, Helvetica, sans-serif; text-shadow:0 -1px 0 #668d0b; cursor:pointer; height:35px; width: 100%;background-position: -601px -67px;background-image: url(/images/assets.png);background-repeat: no-repeat;text-align: left;}
.proForm .btn input:hover {-webkit-box-shadow: 0px 0px 5px rgba(134, 185, 15, 0.75); -moz-box-shadow:0px 0px 5px rgba(134, 185, 15, 0.75); box-shadow:0px 0px 5px rgba(134, 185, 15, 0.75);}
.proForm .btn input.enquireProduct {background-image: none; text-align:center;padding-left: 0;padding-right: 0;font-size: 16px;}

#proTabs {margin: 10px 0 0 0;}
#proTabs > ul { overflow:hidden; clear:left;}
#proTabs > ul > li{ float:left; margin: 0 4px 0 0; font: bold 13px Arial, Helvetica, sans-serif;}
#proTabs > ul > li a{ background: #FAB200; display:block; border: 1px solid #FAB200; padding: 6px 9px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; text-decoration:none; color:#fff;}
#proTabs > ul > li a:hover { background: #FAB200; text-decoration: underline;}
#proTabs > ul > li.on a{border: 1px solid #FFECCC; background: #FFECCC; color:#000000; cursor:text; -webkit-border-radius:8px 8px 0 0; -moz-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0;padding: 8px 9px;}
#proTabs > ul > li.on img{ background:#fff; padding:2px; vertical-align:bottom;}

#proTabs div.tab {clear:left; position:relative; top:-1px; padding: 20px 20px 14px 20px; background: #FFECCC; width: auto;}

#proTabs div p{padding:0 0 15px 0; margin:0;}
#proInstallations, #proSpecifications, #proColouroptions, #proReviews, #proEnquiry, #proTestimonials{ display:none;}

#proEnquiry ul{ margin:0; padding:20px; background:#fff;}
#proEnquiry ul li{ margin:0 0 8px 0; padding:0; float:none; clear:left;}
#proEnquiry ul li label{ float:left; margin:0 20px 0 0; padding:10px 0 0 0; width:180px; font-size:90%}
#proEnquiry ul li input[type="text"] {width:240px; height:27px; padding:3px 10px; border:1px solid #ccc}
#proEnquiry ul li textarea {width:240px; height:100px; padding:3px 10px; border:1px solid #ccc}
#proEnquiry ul li .btnSubmit { color:#fff; font-weight:bold; height:40px; width:160px; cursor:pointer;}

#proEnquiry ul li .error {padding:3px 10px; color:#b00000;}

#shareArea { background:#e9e9e9; margin:6px 0 20px 0; padding:8px; overflow:hidden;}

#productImage { overflow: hidden; margin: 20px 0 0 0; max-width: 700px;}

#proImages { padding:0; position:relative;}
#proImages a {display:block;}
#proImages img { margin:0 0 20px 0; display:block;}
#proImages .arrows { width:480px; height:31px; position:absolute; top:488px; right:0; z-index:20;}
#proImages .arrows a{ width:30px; height:31px; float:none; position:absolute; text-indent:-99999px;}
#proImages .arrows a.next { background-position:-838px -559px; right:8px;}
#proImages .arrows a.prev { background-position:-807px -559px; left:8px; }
#proImages .arrows a:hover.next { background-position:-917px -559px;}
#proImages .arrows a:hover.prev { background-position:-889px -559px;}

#wrap { z-index:99 !important; float:left; width:65%; max-width: 443px;padding:8px; background: #E1E1E1;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-bottom:20px;}
#wrap .mousetrap{ z-index:199 !important;}
#wrap img{ margin:0}

#proImages .thumbs { display:block; text-align: left; z-index:50; position:relative; width: 31%; /* overflow:hidden; */ margin: 0px 0 0 1%; float:left;}
#proImages .thumbs a { width: 46.5%; border:1px solid #fff; float: left; padding: 1%;}
#proImages .thumbs img{ margin:0;}
#proImages .thumbs .on { border:1px solid #d04aa0; }
#proImages .thumbs a:hover{ border:1px solid #ccc;}
#proImages .thumbs span {display: block;}

#moreProducts { clear: both; margin:30px 0 0 0;}
#moreProducts .advert{ float:left; margin:0 0 30px 0; width:205px; height:192px;}
#moreProducts #suggested { margin: 0 0 20px 0;}

#suggested { padding:0; margin:15px 0 0 20px; position:relative;}
#suggested h2{ display: block; background:#fff; font:bold 22px/22px Arial, Helvetica, sans-serif; color: #222; padding: 0 0 15px 0;}
#suggested .item { margin: 10px 0 0px 0; width: 100%;}
#suggested .item a{ float:left; width: 23%; margin: 0 2% 22px 0; position: relative; display: block;}
#suggested .item a:last-child{margin:0;}
#suggested .item a img{ border: 1px solid #fff;}

#suggested .item a:hover img{ border: 1px solid #579ED6;}
#suggested .item a .tip { border-radius: 1px; font-size:11px; font-weight:bold; position:absolute; bottom: -17px; left: 0;z-index: 999; width: 100%; padding: 5px 0; background:#E9E9E9; color:#333; text-align:center; margin: 0; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
#suggested .item a:hover .tip { background:#579ED6; color:#fff;}

#suggested .arrows {width:68px; height: 33px; right:0; top:0px; position:absolute; display:block; z-index:99;}
#suggested .next{width:33px; height: 33px; right:0; top:50%; margin-top:-24px; position:absolute; background: url(/images/youmaylike-btns.png) no-repeat -33px 0; display:block;z-index:99;}
#suggested .prev{width:33px; height: 33px; left:0; top:50%; margin-top:-24px; position:absolute; background: url(/images/youmaylike-btns.png) no-repeat 0 0; display:block;z-index:99;}




.review { background:#fff; margin:0 0 1px 0; padding:15px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font:90%/140% Arial, Helvetica, sans-serif;}
.review .reviewer {font:bold 110%/160% Arial, Helvetica, sans-serif;}
.review p {margin:0 !important; padding:0 !important; }

#proInstallations {overflow:hidden;}
#proInstallations .item { margin:20px 0; clear:both; font-family:Arial, Helvetica, sans-serif; border-top: 1px solid #fff; padding:20px 0 0 0; overflow:hidden;}
#proInstallations .item .subcatProd{ text-decoration:none; color:#000; display:block; overflow:hidden;}

#proInstallations .item .img{width:34.5%; float:left; height:auto; background: #FFC665; padding:5px;max-width: 209px;}
#proInstallations .item .img:hover {background:#FDCC79;}
#proInstallations .item .img img{ border: 2px solid #FFECCC;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#proInstallations .item .wrapper { width: 60%; display:block; padding:0; position:relative; margin: 0 0 0 3%; overflow:hidden; font-size:100%; line-height:150%; float:left;}
#proInstallations .item .wrapper span { display:block; padding:0; margin:0;}
#proInstallations .item .wrapper b { color:#579ed6;}

#proInstallations .item .wrapper .title { font-weight:bold; padding:0 0 20px 0; font-size:16px; color:#212359; display:block;}
#proInstallations .item .wrapper .price { display:block; padding:3px 5px; background:#d04aa0; position:absolute; right:0; top:0; font-weight:bold; color:#fff;}
#proInstallations .item .wrapper .filter {}

#proInstallations .item a:hover{}
#proInstallations .item a:hover .img{background: #dddddd;}
#proInstallations .item a:hover .title { color:#000; text-decoration:underline;}
#proInstallations .item a:hover b {text-decoration:underline;}

/*** Landing Pages CSS ***/
#landing-page-header {height:160px; position:relative;border-bottom: 1px solid #ccc;padding: 0;margin: 0 0 30px 0;}
#landing-page-header .utilites {margin:100px 0 0 0;}
#landing-page-contentArea {clear:both; margin: 30px 0;}
#landing-page-heading {font-size: 30px;text-align: center;margin: 0 0 30px 0;}
#landing-page-form {max-width: 310px;width: 35%;float: left;}
#landing-page-content {float: left;width: 60%;margin-right: 5%;}
#landing-page-additional {clear:both;}

/******* Footer CSS *******/
#accreditations { clear:both; background:url(/images/footer_shadow.jpg) no-repeat top; padding: 20px 0; text-align:center; position:relative; z-index:1;}
#accreditations .scrollItems {height:70px;}
#accreditations .scrollItems div { width:940px !important; }
#accreditations .scrollItems div img {margin: 0 6px;}
#accreditations .leftbtn {width:48px; height: 48px; left:0; top:50%; margin-top:-24px; position:absolute; background: url(/images/featured-banner-btns.png) no-repeat 0 0; display:block; z-index:99;}
#accreditations .rightbtn {width:48px; height: 48px; right:0; top:50%; margin-top:-24px; position:absolute; background: url(/images/featured-banner-btns.png) no-repeat -48px 0; display:block;z-index:99;}
#accreditations .leftbtn a, #accreditations .rightbtn a {width:100%; height:100%; display:block;}

#accreditations img{ margin: 0 5px;}

#footer {overflow:hidden; padding:20px; color:#333; background: #e9e6e0; z-index:1;
    background: -moz-linear-gradient(top,  #e9e6e0 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e9e6e0), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #e9e6e0 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #e9e6e0 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #e9e6e0 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #e9e6e0 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e6e0', endColorstr='#ffffff',GradientType=0 );}

#footerSocial { float:right;   width:195px; margin:0; font-size:12px;}
#footerSocial a{ color:#5d5c5a; text-decoration:none;}
#footerSocial a:hover{ text-decoration:underline;}

#footerSocial p.social{font-size:14px; margin:0 0 10px 0;}
#footerSocial p.social strong{width:85px; float:left}
#footerSocial p.social img{ margin:0 10px 0 0;}

#footerSocial p.copyright {clear:both; margin:5px 0 0 0}
#footerSocial p.copyright a {color:#ccc;}

#footerLinks { color:#5d5c5a; font-size:13px;}
#footerLinks ul { float:left; margin: 0 20px 0 0; padding: 0 20px 0 0; border-right:1px solid #ccc;}
#footerLinks ul li{ margin:0 0 2px 0;}
#footerLinks ul li.title{ font-weight:bold; font-size:14px; margin:0 0 4px 0;}
#footerLinks ul li a{ color:#5d5c5a; text-decoration:none;}


#footerNotice { width:990px; margin:10px auto; font-size:12px; color:#9a9a9a;}
#footerNotice a{ text-decoration:none; color:#9a9a9a;}
#footerNotice a:hover { text-decoration:underline;}
#footerNotice .copyright { float:right; text-align:right;}

/******* Default Styling CSS *******/
.mceContentBody { padding:10px; background:none; margin:20px !important;}

.styling { color:#001522; font-size:90%; line-height:150%; font-family: Arial, Helvetica, sans-serif; width: 100%; overflow: auto;}
.styling h2 { margin:0 0 10px 0; padding:0; color:#212459; font:24px Arial, Helvetica, sans-serif;}
.styling h3 { margin:0 0 10px 0; padding:0; color:#212459; font:20px Arial, Helvetica, sans-serif;}
.styling h4 { margin:0 0 10px 0; padding:0; color:#212459; font:18px Arial, Helvetica, sans-serif;}

.styling a {color: #6daedd; text-decoration:underline;}
.styling a:hover { text-decoration:none;}
.styling p {margin:0; padding:0 0 20px 0;}

.styling hr {width:100%; height:0; border-right:none;  border-left:none; border-top:none; border-bottom:1px dotted #b2b2b2; margin:10px 0 25px 0; padding:0; line-height:0; background:none; overflow:hidden;}

.styling small { font-size:0.8em;}
.styling img { vertical-align:middle;}
.styling big {font:15px/20px Arial, Helvetica, sans-serif; color:#000; margin:0; padding:0;}

.styling ul { margin:0 0 20px 25px;}
.styling ul li { margin:0; padding:0 0 6px 5px; line-height:16px; display:list-item; list-style:disc;}

.styling ol { margin:0 0 20px 28px;}
.styling ol li { margin:0; padding:0 0 6px 5px; list-style:decimal; line-height:20px;}

.styling table { margin:0 0 20px 0;}
.styling table td{ vertical-align:top;}

#categoryAdditional {padding: 40px 0;background: url(/images/shadow1.jpg) no-repeat top center; margin: 40px 0 25px 0;width: 100%;overflow: auto;}

/*** Enquire Product Box ***/
#enquireProductBox {}
#enquireProductBox label, #enquireProductBox input {display:block;}
#enquireProductBox input.txt, #enquireProductBox textarea {background: #efefef; border: 1px solid #ddd;}
#enquireProductBox input.txt:focus, #enquireProductBox textarea:focus {border: 1px solid #bbb;}
#enquireProductBox input.rad {display:inline; margin: 0 6px 0 0;}
#enquireProductBox span.rad {margin: 0 8px 0 0;}
#enquireProductBox li {width: 100%;clear:left; padding: 10px 0 0 0;}
#enquireProductBox textarea {max-width: 500px; height:100px; resize:none;width: 96%;padding: 2%;}
#enquireProductBox input.txt {width:224px;}
#enquireProductBox li.col {float:left;width:260px;clear:none;}
#enquireProductBox input.btnSubmit {height:30px;cursor:pointer;}
#enquireProductBox input.error, #enquireProductBox textarea.error { border: 1px solid #FEB79E;}

/*** Checkout Script Stuff ***/
#li_different  {display:none; margin:0; padding:0;}
#li_different input{ width:22px; float:left; padding:0; margin:0;}
#li_different label{ width:250px; float:left; height:30px; line-height:normal;}

html.js #li_same  {display:none;}
html.js #li_different  {display:list-item; margin:0; padding:0;}
html.js #li_different label{ width:250px; float:left; height:30px; line-height:normal;}

/*** Checkout Script Stuff ***/
#li_different  {display:none; margin:0; padding:0;}
#li_different input{ width:auto; float: none; padding:0; margin: 0; vertical-align: top; height: auto;}
#li_different label{ width:250px; float:left; height:30px; line-height:normal;}

html.js #li_same  {display:none;}
html.js #li_different  {display:list-item; margin: 20px 0 0 0; padding:0;}

html.js #li_different label{ width: auto; float:left; height: 30px; line-height:normal; margin: 0 10px 0 0;}

html.js .hide {display:none;}
.hidden {display:none;}

/********** Basket **********/
#basket {}
#basket h1{}

/*** Checkout ***/
#Checkoutstages { width: 940px; height: 70px; background-image:url(/images/checkout_steps.jpg); background-repeat:no-repeat; margin: 20px 0 0 0;}
#Checkoutstages.stage1 {background-position:0 0;}
#Checkoutstages.stage2 {background-position:0 -85px;}
#Checkoutstages.stage3 {background-position:0 -170px;}
#Checkoutstages.stage4 {background-position:0 -255px;}

#basketWrapper { padding:5px; margin: 20px 0;}

table#basketProducts {width:100%; border-collapse: separate; margin:0;padding:0;}
table#basketProducts .center {text-align:center;}

table#basketProducts .right {text-align:right;}

table#basketProducts .left {text-align:left;}

table#basketProducts .remove {text-align:right; width:60px;}
table#basketProducts .image {text-align:left; width:80px; padding:6px;}
table#basketProducts .image img{ padding:0; border:1px solid #fff; display:block;}
table#basketProducts .image a { background:none;}

table#basketProducts th {font-weight:bold; color:#fff; padding:10px; font-size: 15px; margin:0 0 20px 0; position:relative; border: none;}
table#basketProducts th.first { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0px 3px;}
table#basketProducts th.last { -webkit-border-radius:0 3px 3px 0; -moz-border-radius:0 3px 3px 0; border-radius:0 3px 3px 0;}

table#basketProducts th img{ vertical-align:middle;}
table#basketProducts td {padding: 26px 10px; vertical-align:middle;border-bottom:1px solid #eaeaea;}
table#basketProducts tr.alt td { }
table#basketProducts tr:last-child td {border-bottom: 1px solid #eaeaea;}

table#basketProducts td .warning {color:#900;font-weight:bold;font-style:italic;}

table#basketProducts .description { color:#888888;}
table#basketProducts .description a{ font:bold 14px/14px Arial, Helvetica, sans-serif; color:#1a629d; text-decoration:none;}
table#basketProducts .description a:hover{ text-decoration:underline;}

table#basketProducts .quantity {text-align:center; width:74px; }
table#basketProducts .quantity form{ padding:2px; width:45px; margin:0 auto; background:#eaeaea; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
table#basketProducts .quantity form select{ padding:2px 4px; width:45px; border:none;}

table#basketProducts .price {text-align:right; width:74px; font:bold 14px/14px Arial, Helvetica, sans-serif; color:#1a629d}

table#basketProducts form { padding: 0px; margin:0; border: 0px; }
table#basketProducts form fieldset { border: 0px; margin: 10px 0px 0px 0px; padding:5px; }
table#basketProducts form fieldset label{width:180px;display:block;float:left;height:20px;}
table#basketProducts form li { clear:both;padding:5px;vertical-align:top;list-style:none;margin:0;}
table#basketProducts form ul { margin: 0; padding: 0; }
table#basketProducts form fieldset input {float:left;width: 260px;border:1px solid #ccc;padding:5px;color:#333;font-family:Arial, Helvetica, sans-serif;font-size:10px;background-color:#fff;}
table#basketProducts form fieldset textarea {height:50px;}
table#basketProducts a{ color:#333; font-weight:bold;}
table#basketProducts ul {float:left;list-style:none;margin:0;padding:0;font:0.9em Arial, Helvetica, sans-serif;}

table#basketProducts img {border:none;padding:0;width: 75px;height: auto;}
table#basketProducts form {text-align:center;padding:0;margin:0;border:0;}
table#basketProducts form input {background:none; padding:0;margin:0;border:0;}

table#basketProducts form textarea{ font:0.9em Arial, Helvetica, sans-serif; border:1px solid #ccc; padding:3px; margin:0 6px 0 0}
table#basketProducts div.promotion_code {background-color:#E8E7D9;padding:5px;}
table#basketProducts div.promotion_code h3{ font-size:1.3em; color:#666; padding:0 0 0 0; margin:0;}
table#basketProducts div.promotion_code p{ padding:5px 0 0px 0; margin:0;}

input#changePostcode, input#basketCalculate {border:1px solid #000; color:#fff; padding:4px 7px; margin:5px 0 0 0; cursor:pointer;}
input:hover#changePostcode, input:hover#basketCalculate {background:#333;}

input:active#changePostcode, input:active#basketCalculate {background:#666;}

table#basketProducts span.error {color:#F05033;}
table#basketProducts th.discount {color:#f00;}
table#basketProducts .btn_continueshop {border:0 none;font-family:inherit;font-size:105%;font-style:inherit;font-weight:bold;margin:0;color:#ffffff;background:#B3A59F;padding:5px 10px;float:left;}
table#basketProducts .btn_proceed {border:0 none;font-family:inherit;font-size:105%;font-style:inherit;font-weight:bold;margin:0;color:#ffffff;background:#9FCF67;padding:4px 8px;float:right;}
table#basketProducts .btn_proceed:hover {text-decoration:underline;}
table#basketProducts .btn_payment {border:0 none;font-family:inherit;font-size:105%;font-style:inherit;font-weight:bold;margin:10px 10px 10px 0;color:#ffffff;background:#FBB162;padding:4px 8px;float:left;}
table#basketProducts .btn_payment:hover {text-decoration:underline;}
table#basketProducts .inline {vertical-align:middle;margin:0;}

#basketPromotion {float:left; width:340px; border: none; padding:12px; margin:15px 20px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#000;background: #E8F2F9;}
#basketPromotion h3{padding:0; margin:0 0 8px 0; font:20px/20px SquareSerifLightBold; color: #1f215a;}
#basketPromotion p{padding:0; margin:0; font:11px/11px Arial, Helvetica, sans-serif;}
#basketPromotion input#promotioncode {margin:10px 5px 0 0; color:#000; background:#fff; border:1px solid #fff; padding:4px; width:240px; font-size:15px;display:inline-block; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; vertical-align:middle; height:25px;}
#basketPromotion .error { color:#b00000; font-weight:bold; display:block; margin:6px 0 0 0; padding:2px;}
#basketPromotion input {width:80px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #045eb8;padding:8px 7px; height:35px; display:inline-block; margin:0; color:#fff; text-decoration:none; vertical-align:bottom; cursor:pointer;}

#basketInformation { float:right; width:355px;  padding:10px; margin:0 30px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#333;}

#basketContinue {width:190px;}
#basketContinue a{font:bold 14px/14px Arial, Helvetica, sans-serif; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #C2C2C2; padding:7px; display:block; margin:0; color:#444; text-decoration:none;}
#basketContinue a:hover{background:#e0e0e0;}
#basketContinue a:active{background:#ddd;}

#basketTotals { float:right; width:365px; margin:-35px 0 25px 0; position:relative; padding:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; color:#fff;}
#basketTotals table#basketFooter {width:100%;border-collapse:collapse;margin:0 0 15px 0;padding:0; text-align:right;}
#basketTotals table#basketFooter tr th.right { width:25%;}
#basketTotals table#basketFooter tr th.total { color:#1e0a63;}
#basketTotals table#basketFooter tr th {padding:5px 10px; font:bold 14px/14px Arial, Helvetica, sans-serif, sans-serif; color:#1a629d; vertical-align:middle; text-align:right;}
#basketTotals table#basketFooter tr th strong{color:#000;}
#basketTotals table#basketFooter tr th.discount { color:#b00000;}

#basketTotals table#basketFooter input.inline { padding:5px; width:270px; font-size:12px; margin:0;}
#basketTotals table#basketFooter select.inline { padding:4px 4px; width:160px; border:1px solid #ccc; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}

input.btn_proceed { display:block; background:#86b90f; color:#fff; padding:8px 15px; border:1px solid #729f0b; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:bold 18px Arial, Helvetica, sans-serif; text-shadow:0 -1px 0 #668d0b; cursor:pointer; height:40px; width:46%; margin:8px 0 0 0;}
input:hover.btn_proceed {-webkit-box-shadow: 0px 0px 5px rgba(134, 185, 15, 0.75); -moz-box-shadow:0px 0px 5px rgba(134, 185, 15, 0.75); box-shadow:0px 0px 5px rgba(134, 185, 15, 0.75);}

.proForm .btn input{}
.proForm .btn input:hover {-webkit-box-shadow: 0px 0px 5px rgba(134, 185, 15, 0.75); -moz-box-shadow:0px 0px 5px rgba(134, 185, 15, 0.75); box-shadow:0px 0px 5px rgba(134, 185, 15, 0.75);}
.proForm .addWishList {text-align:center; padding:5px 0 0 0; }

#basketLoading {display:none; z-index:1;background:#fff url('/images/thumbs_loader_2.gif') no-repeat center center; height:100%;width:100%;position:absolute;left:0;right:0;}

/******* Checkout Step 2 ********/
#standardCheckout {width: 430px; min-height:240px; background: #212359; color:#fff; padding:20px 20px 15px 20px;-webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; margin:30px 0 0 0; float:right; font-size:85%; line-height:150%;}
#standardCheckout div{ margin:0;}
#standardCheckout div h2{padding:0; margin:0 0 5px 0; font:28px/28px SquareSerifLightBold; color: #fff;}
#standardCheckout div strong{display:block; color:#fff;}
#standardCheckout p{margin:15px 0; padding:0; }
#standardCheckout a {display: inline-block; margin:20px 0 0 0; width: auto; height:30px; background:#fff; padding:12px 20px; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; font:28px/28px SquareSerifLightBold; text-decoration:none; color:#212359;}
#standardCheckout a:hover {-webkit-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.75); -moz-box-shadow:0px 0px 5px rgba(255, 255, 255, 0.75); box-shadow:0px 0px 5px rgba(255, 255, 255, 0.75);}

.my-account #standardCheckout {margin-top: 0; }

#expressCheckout {margin:30px 0 0 0; width: 420px; min-height:240px; color:#000; padding:20px 20px 15px 20px; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px; overflow:hidden;background: #E8F2F9; font-size:85%; line-height:150%;}
#expressCheckout div{margin:0 0 15px 0;}
#expressCheckout div strong{display:block;}
#expressCheckout div h2 {padding:0; margin:0 0 5px 0; font:28px/28px SquareSerifLightBold; color: #1f215a;}
#expressCheckout p{margin:0 0 10px 0; padding:0;}
#expressCheckout form.checkoutForm { margin:0; padding:0}
#expressCheckout form.checkoutForm fieldset{ padding:0; margin:0; border:none;}
#expressCheckout form.checkoutForm ul li { overflow:hidden; margin:5px 0; padding:0;}
#expressCheckout form.checkoutForm ul li label{ overflow:hidden; margin:0 !important; padding:0 !important; float:left; width:160px;}
#expressCheckout form.checkoutForm ul li input[type='password'],
#expressCheckout form.checkoutForm ul li input[type='text'] { background:#fff; width:220px !important; border:none; padding:6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; height:20px}
#expressCheckout input[type='submit'] {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #045eb8; padding: 6px 20px; display:block; margin: 12px 0 0 160px; color:#fff; font-weight:bold; cursor:pointer;height: 28px;clear: both;}
#expressCheckout a { display:block; margin: 10px 0 0 160px; font-weight:bold; color:#1f215a;}
#expressCheckout form.checkoutForm span.error {display:inline-block; color:#D04A4E;}

#expressCheckout p.lost {margin: 25px 0 2px 160px; padding:0; clear:left;}
#expressCheckout p.lost a{display:inline; margin:0;}

/*** Retrieve Password ***/
.retrieve-password #contentFull {margin:25px 0 20px 0; min-height:250px; height:auto !important; height:250px; padding:0; }
#passwordReminder { }
#passwordReminder form.checkoutForm { margin:25px 0; padding:0}
#passwordReminder form.checkoutForm fieldset{ padding:0; margin:0; border:none; display:inline-block; vertical-align:middle;}
#passwordReminder form.checkoutForm ul li { overflow:hidden; margin:5px 0; padding:0;}
#passwordReminder form.checkoutForm ul li label{ overflow:hidden; margin:0 !important; padding:0 !important; float:left; width:80px;}
#passwordReminder form.checkoutForm ul li input[type='password'],
#passwordReminder form.checkoutForm ul li input[type='text'] { background:#fff; width:220px !important; border:1px solid #ccc; padding: 4px 6px; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
#passwordReminder input[type='submit'] {-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border: 1px solid #045eb8; padding: 8px 20px;  margin: 12px 0 0 0px; color:#fff; font-weight:bold; cursor:pointer;height: 32px;width: 150px;vertical-align: top;}

/******* Checkout Form Styling CSS *******/
div#CheckoutColumn { width:210px; margin:0; float:right; color:#fff;}
#CheckoutSummary {margin:20px 0 15px 0; background: #E8F2F9; padding:15px; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}

#CheckoutSummary h3{font:16px/16px SquareSerifLightBold; margin:0; padding:0 0 8px 0; color:#212359}
#CheckoutSummary h3 strong{ display:block; font-weight:normal;}

#CheckoutSummary table{ width:100%;}

#CheckoutSummary td{margin:0; padding: 5px 0px; color: #000; border-bottom: none;}
#CheckoutSummary td.right { text-align:right; }

form.checkoutForm { margin:20px 0;}
form.withMargin { margin:20px 230px 0 0}
form.withMargin fieldset{ border: none; padding: 0;}

form.withMargin fieldset#contactdetails { margin:0 0 20px 0;}
form.withMargin fieldset#billingdetails { margin:0 0 20px 0;}
form.withMargin fieldset#deliverydetails{ margin:0 0 20px 0;}
form.withMargin fieldset#regdetails{ margin:0; }

form.withMargin ul{}

form.withMargin p{ margin: 0 10px; padding: 5px 0 15px 0;}
form.checkoutForm p.titleContact, form.checkoutForm p.titleBilling, form.checkoutForm p.titleDelivery, form.checkoutForm p.titleAdditional,
form.checkoutForm p.titleRegister {font-size:16px; color:#fff; padding: 10px 10px 10px 10px; margin: 0 0 20px 0;}

form.checkoutForm p.titleContact strong, form.checkoutForm p.titleBilling strong, form.checkoutForm p.titleDelivery strong,
form.checkoutForm p.titleRegister strong {}

form.checkoutForm ul{ margin:10px; padding:0; clear:left;}
form.checkoutForm ul li{ list-style:none; margin:0; padding:0; overflow:hidden; clear: both;}
form.checkoutForm ul li label{ display:inline; height:30px; line-height:30px; font-weight:bold; font-size:13px; width:310px; padding:0; float:left;}

form.checkoutForm ul li.inputMed{ margin:0 0 8px 0; padding:0;}
form.checkoutForm ul li.inputMed input{background:#fff; border:1px solid #d5d5d5; padding:5px; width:280px; font-size:16px; display:inline; margin:0 50px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}

form.checkoutForm ul li.inputMed select{ width:292px; padding:5px 5px; margin:0; border:1px solid #d5d5d5; background:none; font-size:16px; display:inline; margin:0 50px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}
form.checkoutForm ul li.inputMed textarea{background:#fff; border:1px solid #d5d5d5; padding:5px; width:280px; font-size:16px; display:inline; margin:0 50px 0 0; -webkit-border-radius:3px; -moz-border-radius:3px;border-radius:3px;}

form.checkoutForm ul li.inputMed textarea:focus,
form.checkoutForm ul li.inputMed input:focus,
form.checkoutForm ul li.inputMed select:focus { border:1px solid #5399d4;}

form.checkoutForm fieldset#regdetails ul {margin: 10px; padding:0;}
form.checkoutForm ul li.checkbox{margin: 0; padding:0;}
form.checkoutForm ul li.checkbox label{ width: auto; height:30px; line-height:normal; margin: 0 10px 0 0; padding:0;}
form.checkoutForm ul li.checkbox input{ width:auto; float: none; padding:0; margin:0 5px 0 0;; vertical-align: middle; height: auto;}
form.checkoutForm span.error {display:inline-block; color:#D04A4E; font-weight:bold; padding:0;}

ul#basketTerms { text-align:center; padding:12px; border-top: 1px solid #eaeaea;}
ul#basketTerms label{ float:none; vertical-align:middle; margin:0; padding:0}
ul#basketTerms input{ float:none; vertical-align:middle; margin:0; padding:0}
ul#basketTerms span.error{ display:inline;}
ul#basketTerms a{ color: #212359;}

form.checkoutForm input.btnMakePayment { display:block; background:#86b90f; color:#fff; padding:10px 15px; border:1px solid #729f0b; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:bold 18px Arial, Helvetica, sans-serif; text-shadow:0 -1px 0 #668d0b; cursor:pointer; height:48px; width:46%; margin:8px auto;}
form.checkoutForm input:hover.btnMakePayment {-webkit-box-shadow: 0px 0px 5px rgba(134, 185, 15, 0.75); -moz-box-shadow:0px 0px 5px rgba(134, 185, 15, 0.75); box-shadow:0px 0px 5px rgba(134, 185, 15, 0.75);}

/******* Reviews *********/
#review_products {border-collapse:collapse;margin:0;padding:0;width:100%;}
#review_products a{ color:#333;}
#review_products th {font:18px/18px Arial, Helvetica, sans-serif; color:#150745; text-shadow:0 1px 0 #fff; height:45px; vertical-align:middle; padding:0 14px 4px 14px;}

#review_products tr.comment { background:none;}
#review_products tr.comment td{padding:10px 12px; vertical-align:middle;border-top:1px solid #eaeaea;}

#review_products .image {text-align:left; width:80px; padding:10px;}
#review_products .description {border-right:1px solid #eaeaea;}
#review_products .rating {padding:0 20px; font-size:9pt;}

#review_products td {padding:12px 12px; font:normal 14px Arial, Helvetica, sans-serif;vertical-align:middle;}
#review_products img {border:none;padding:0; vertical-align:middle;}
#review_products form {text-align:center;padding:0;margin:0;border:0;}
#review_products textarea{font:0.9em Arial, Helvetica, sans-serif; border:1px solid #ccc; padding:3px; margin:0 6px 0 0;width:450px;height:110px;}

a.addComment { -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; border:1px solid #C2C2C2; background: url(/images/btn_default_bg.jpg); padding:7px; display:block; margin:0; color:#444; text-decoration:none; float:right;font:bold 12px Arial, Helvetica, sans-serif; text-shadow:0 1px 0 #fff;}
a.addComment:hover{background:#f5f6f6;}

a.saveComment {height:24px; width:65px; overflow:hidden; border:none; cursor:pointer;}
html.js #review_products .comment div {display:none;overflow:hidden;}
#review_products .addComment{display:none;}
html.js #review_products .addComment{display:inline;}

/** Sectors : None **/

/** Sector **/
.sector-pages-listing {margin: 20px 0 0 0;}
.sector-pages-listing-item {margin: 0 0 20px 0; overflow:hidden;}
.sector-pages-listing-item + .case-studies-listing-item {border-top:1px dotted #b2b2b2;}
.sector-pages-listing-item a.image {float:left;}
.sector-pages-listing-item a.image img {margin:10px 20px 10px 0; border:1px solid #333;}
.sector-pages-listing-item h3 {margin:20px 0; font-size:20px; font-weight:normal;}
.sector-pages-listing-item h3 a {color:#212459; text-decoration: none;}
.sector-pages-listing-item h3 a:hover {text-decoration: underline;}
.sector-pages-listing-item p {line-height:150%; font-size:90%;}

/** Sector Page **/
.sector-page-content {margin: 0 0 30px 0;}
.sector-page-content .tabbedMenu {}
.sector-page-content .tabbedMenu ul {overflow:hidden;}
.sector-page-content .tabbedMenu ul li {float:left;}
.sector-page-content .tabbedMenu ul li + li {margin: 0 0 0 5px;}
.sector-page-content .tabbedMenu ul li a {padding:8px 14px; margin:0 0 3px 0;background: #93CBFF; border-radius:4px; color:#333; font-weight:bold; display:block; text-decoration: none;font-size:13px;}
.sector-page-content .tabbedMenu ul li a:hover {text-decoration:underline;}
.sector-page-content .tabbedMenu ul li.on a {border-radius:4px 4px 0 0; padding-bottom:11px; margin-bottom:0; text-decoration: none; background:#D3EAFF;}
.sector-page-content .tabbed {background: #D3EAFF; padding:10px;}
.sector-page-content .tabbed .tab-items {}
.sector-page-content .tabbed .tab-items .item {overflow:hidden;}
.sector-page-content .tabbed .tab-items .item a.image {float:left;}
.sector-page-content .tabbed .tab-items .item a.image img {margin:10px 20px 10px 10px; border:1px solid #333;}
.sector-page-content .tabbed .tab-items .item .wrapper {display:block; margin:0 10px;}
.sector-page-content .tabbed .tab-items .item .wrapper a {font-size:20px; text-decoration: none; color:#212459; display:block; margin: 20px 0 10px 0;}
.sector-page-content .tabbed .tab-items .item .wrapper a:hover {text-decoration: underline;}
.sector-page-content .tabbed .tab-items .item .wrapper .excert {line-height:150%; display:block; font-size:90%;}

/** Case Studies **/
.case-study-categories-listing {margin: 20px 0 0 0;}
.case-study-categories-listing-item {margin: 0 0 20px 0; overflow:hidden; padding:10px 0 0 0;}
.case-study-categories-listing-item + .case-study-categories-listing-item {border-top:1px dotted #b2b2b2;}
.case-study-categories-listing-item a.image {float:right;}
.case-study-categories-listing-item a.image img {margin:10px 0 10px 20px; border:1px solid #333;}
.case-study-categories-listing-item h3 {margin:20px 0; font-size:20px; font-weight:normal;}
.case-study-categories-listing-item h3 a {color:#212459; text-decoration: none;}
.case-study-categories-listing-item h3 a:hover {text-decoration: underline;}
.case-study-categories-listing-item div {line-height:150%; font-size:90%;}

/** Case Study Category **/
.case-studies-listing {margin: 20px 0 0 0;}
.case-studies-listing-item {margin: 0 0 20px 0; overflow:hidden;}
.case-studies-listing-item + .case-studies-listing-item {border-top:1px dotted #b2b2b2;}
.case-studies-listing-item a.image {float:left;}
.case-studies-listing-item a.image img {margin:10px 20px 10px 0; border:1px solid #333;}
.case-studies-listing-item h3 {margin:20px 0; font-size:20px; font-weight:normal;}
.case-studies-listing-item h3 a {color:#212459; text-decoration: none;}
.case-studies-listing-item h3 a:hover {text-decoration: underline;}
.case-studies-listing-item div {line-height:150%; font-size:90%;}

/** Case Study : None **/

/** Pagination Type 2 **/
.pagination-t2 {padding:10px 0; margin: 0 0 10px 0; border-top:1px solid #ddd; color:#555; font-size:90%;}
.pagination-t2 > div {float:right;}
.pagination-t2 > div a {  margin: 0 2px;padding: 3px;border: 1px solid #E2E2E2;background: #f2f2f2;text-decoration: none;}
.pagination-t2 > div a:hover {background:#EAEAEA; border:1px solid #C5C5C5;}
.pagination-t2 > div a.on {color:#333; background:transparent; border:1px transparent solid;}

/** Home Sectors **/
.home-sectors {margin: 20px 0 0 0;}
.home-sectors-container {
    display: -webkit-flex;
    -webkit-flex-direction: row;
    -webkit-flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -webkit-align-content: space-between;

    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-content: space-between;

    overflow:hidden;
}
.home-sectors-item {display:block; float:left; width:100%; margin: 0 0 20px 0; border:1px solid #ccc; background:#eee; border-radius:4px;}
.home-sectors-item a {color:#fff; text-decoration: none; display:block; padding:20px; text-align:center; font-weight:bold;font-size:0.9em;}
.home-sectors-n2 .home-sectors-item {width:46%;}
.home-sectors-n3 .home-sectors-item {width:30%;}
.home-sectors-n4 .home-sectors-item {width:22%;}
.home-sectors-n5 .home-sectors-item {width:18%;}
.home-sectors-item.blue {
    background:#18679E;
    border-color:#18679E;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhODNjOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxMjU4ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #1a83c9 0%, #125887 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1a83c9), color-stop(100%,#125887));
    background: -webkit-linear-gradient(top,  #1a83c9 0%,#125887 100%);
    background: -o-linear-gradient(top,  #1a83c9 0%,#125887 100%);
    background: -ms-linear-gradient(top,  #1a83c9 0%,#125887 100%);
    background: linear-gradient(to bottom,  #1a83c9 0%,#125887 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a83c9', endColorstr='#125887',GradientType=0 );
}
.home-sectors-item.orange {
    background:#DF702C;
    border-color:#DF702C;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmYWE4MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZjcwMmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #efaa82 0%, #df702c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efaa82), color-stop(100%,#df702c));
    background: -webkit-linear-gradient(top,  #efaa82 0%,#df702c 100%);
    background: -o-linear-gradient(top,  #efaa82 0%,#df702c 100%);
    background: -ms-linear-gradient(top,  #efaa82 0%,#df702c 100%);
    background: linear-gradient(to bottom,  #efaa82 0%,#df702c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efaa82', endColorstr='#df702c',GradientType=0 );
}
.home-sectors-item.purple {
    background:#5A4093;
    border-color:#5A4093;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EyODFlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1YTQwOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #a281ef 0%, #5a4093 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a281ef), color-stop(100%,#5a4093));
    background: -webkit-linear-gradient(top,  #a281ef 0%,#5a4093 100%);
    background: -o-linear-gradient(top,  #a281ef 0%,#5a4093 100%);
    background: -ms-linear-gradient(top,  #a281ef 0%,#5a4093 100%);
    background: linear-gradient(to bottom,  #a281ef 0%,#5a4093 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a281ef', endColorstr='#5a4093',GradientType=0 );
}
.home-sectors-item.green {
    background:#7CA34C;
    border-color:#7CA34C;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiZTA2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2EzNGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #abe067 0%, #7ca34c 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#abe067), color-stop(100%,#7ca34c));
    background: -webkit-linear-gradient(top,  #abe067 0%,#7ca34c 100%);
    background: -o-linear-gradient(top,  #abe067 0%,#7ca34c 100%);
    background: -ms-linear-gradient(top,  #abe067 0%,#7ca34c 100%);
    background: linear-gradient(to bottom,  #abe067 0%,#7ca34c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abe067', endColorstr='#7ca34c',GradientType=0 );
}
.home-sectors-item.cyan {
    background: #6defe1;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkZWZlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZWMxYjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #6defe1 0%, #3ec1b4 100%);
    background: -webkit-linear-gradient(top,  #6defe1 0%,#3ec1b4 100%);
    background: linear-gradient(to bottom,  #6defe1 0%,#3ec1b4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6defe1', endColorstr='#3ec1b4',GradientType=0 );
}

/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(/images/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(/images/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}

/* Fancybox */
#fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none;}
#fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/fancy/fancybox.png');}
#fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none;}
#fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none;}
#fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none;}
#fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff;}
#fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff;}
#fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101;}
#fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('/fancy/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none;}
#fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0;}
#fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top;}
#fancybox-frame { width: 100%; height: 100%; border: none; display: block;}
#fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('/fancy/blank.gif'); z-index: 1102; display: none;}
#fancybox-left { left: 0px}
#fancybox-right { right: 0px}
#fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block;}
#fancybox-left-ico { background-image: url('/fancy/fancybox.png'); background-position: -40px -30px;}
#fancybox-right-ico { background-image: url('/fancy/fancybox.png'); background-position: -40px -60px;}
#fancybox-left:hover,#fancybox-right:hover { visibility: visible; /* IE6 */}

#fancybox-left:hover span { left: 20px}
#fancybox-right:hover span { left: auto; right: 20px;}
.fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001;}
#fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/fancy/fancybox-x.png');}
#fancybox-bg-ne { top: -20px; right: -20px; background-image: url('/fancy/fancybox.png'); background-position: -40px -162px;}
#fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/fancy/fancybox-y.png'); background-position: -20px 0px;}
#fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('/fancy/fancybox.png'); background-position: -40px -182px;}
#fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/fancy/fancybox-x.png'); background-position: 0px -20px;}
#fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('/fancy/fancybox.png'); background-position: -40px -142px;}
#fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/fancy/fancybox-y.png');}
#fancybox-bg-nw { top: -20px; left: -20px; background-image: url('/fancy/fancybox.png'); background-position: -40px -122px;}
#fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102;}
.fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative;}
.fancybox-title-outside { padding-top: 10px; color: #fff;}
.fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left;}
#fancybox-title-over { padding: 10px; background-image: url('/fancy/fancy_title_over.png'); display: block;}
.fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px;}
#fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto;}
#fancybox-title-float-wrap td { border: none; white-space: nowrap;}
#fancybox-title-float-left { padding: 0 0 0 15px; background: url('/fancy/fancybox.png') -40px -90px no-repeat;}
#fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('/fancy/fancybox-x.png') 0px -40px;}
#fancybox-title-float-right { padding: 0 0 0 15px; background: url('/fancy/fancybox.png') -55px -90px no-repeat;}
/* IE6 */
.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_close.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_nav_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_nav_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_title_over.png', sizingMethod='scale'); zoom: 1;}
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_title_left.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_title_main.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_title_right.png', sizingMethod='scale');}
.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px")}
#fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');}
#fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_loading.png', sizingMethod='scale');}
/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important}
.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_shadow_n.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_shadow_ne.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_shadow_e.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_shadow_se.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_shadow_s.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_shadow_sw.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_shadow_w.png', sizingMethod='scale')}
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/fancy/fancy_shadow_nw.png', sizingMethod='scale')}

/*
 *  Core Popbox CSS File
 *  v1.0
 */

.popbox-container {
}

.popbox-popup {
    background:#fff;
    z-index:9991;
    position:absolute;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
    padding:25px;
    border: 2px solid #FFFFFF;
}

.popbox-close {
    right: -15px;
    top: -15px;
    z-index:10;
    position:absolute;
    background:#fff;
    color: #6daedd;
    text-align: center;
    font-weight:bold;
    cursor:pointer;
    text-decoration:none;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius:16px;
    width:26px;
    height:26px;
    line-height:26px;
    border: 2px solid #6daedd;
    font-size:14px;
}

.popbox-close:hover {
    background:#6daedd;
    color:#fff;
}

.popbox-content {
    z-index:5;
}

.popbox-content .styling {margin:0;}
.popbox-content #breadCrumb { display: none;}

#cookiepolicy {
    width: 100%;
    font-family: Arial,Helvetica,sans-serif;
    background: #323232;
    position: fixed;
    bottom: 0;
    left: 0;
    border-top: 1px solid #181818;
    z-index: 999;
}
#cookiepolicy .content {
    margin: 0 auto;
    color: #fff;
    padding: 20px 130px 20px 20px;
    line-height: 17px;
    position: relative;
    font-size: 14px;
    max-width: 1000px;
}
#cookiepolicy .content .ok {
    position: absolute;
    display: block;
    top: 30%;
    right: 20px;
    width: 80px;
    background: #3c3f8e;
    font-size: 15px;
    min-height: 18px;
    line-height: 18px;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    -webkit-box-shadow: 0 2px 0px 0 #347e10;
    box-shadow: 0 2px 0px 0 #347e10;
}
#cookiepolicy .content a {
    color: #FFF;
    text-decoration: underline;
}