﻿
/*default font:19px */

/*.ui-autocomplete-input{
    display: none;
}*/

html { height:100%;}
body { 
	font-family: 'Montserrat', sans-serif;
	min-height:100%; padding:0; margin:0;
	min-width:1024px;
	font-size:1.45em;
	color:#fff;
}

body {
	background: #0092cb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwOTJjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ5OTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #0092cb 0%, #004990 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0092cb), color-stop(100%,#004990));
    background: -webkit-linear-gradient(top, #0092cb 0%,#004990 100%);
    background: -o-linear-gradient(top, #0092cb 0%,#004990 100%);
    background: -ms-linear-gradient(top, #0092cb 0%,#004990 100%);
    background: linear-gradient(to bottom, #0092cb 0%,#004990 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0092cb', endColorstr='#004990',GradientType=0 );
}

body.van {
    background: #7e58bc;
    background: -moz-linear-gradient(top, #7e58bc 0%, #510f72 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7e58bc), color-stop(100%,#510f72));
    background: -webkit-linear-gradient(top, #7e58bc 0%,#510f72 100%);
    background: -o-linear-gradient(top, #7e58bc 0%,#510f72 100%);
    background: -ms-linear-gradient(top, #7e58bc 0%,#510f72 100%);
    background: linear-gradient(to bottom, #7e58bc 0%,#510f72 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e58bc', endColorstr='#510f72',GradientType=0 );
}

legend { color:#fff; }

header { background: #3b3b44;
background: -moz-linear-gradient(top, #3b3b44 1%, #2c2c34 50%, #22222b 51%, #13131c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#3b3b44), color-stop(50%,#2c2c34), color-stop(51%,#22222b), color-stop(100%,#13131c));
background: -webkit-linear-gradient(top, #3b3b44 1%,#2c2c34 50%,#22222b 51%,#13131c 100%);
background: -o-linear-gradient(top, #3b3b44 1%,#2c2c34 50%,#22222b 51%,#13131c 100%);
background: -ms-linear-gradient(top, #3b3b44 1%,#2c2c34 50%,#22222b 51%,#13131c 100%);
background: linear-gradient(to bottom, #3b3b44 1%,#2c2c34 50%,#22222b 51%,#13131c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b3b44', endColorstr='#13131c',GradientType=0 ); }


header.training-site { background: #860828;
background: -moz-linear-gradient(top, #96092d 1%, #96092d 50%, #860828 51%, #860828 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#96092d), color-stop(50%,#96092d), color-stop(51%,#860828), color-stop(100%,#860828));
background: -webkit-linear-gradient(top, #96092d 1%,#96092d 50%,#860828 51%,#860828 100%);
background: -o-linear-gradient(top, #96092d 1%,#96092d 50%,#860828 51%,#860828 100%);
background: -ms-linear-gradient(top, #96092d 1%,#96092d 50%,#860828 51%,#860828 100%);
background: linear-gradient(to bottom, #96092d 1%,#96092d 50%,#860828 51%,#860828 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96092d', endColorstr='#860828',GradientType=0 ); }
header.training-site nav ul li a.current { background:#860828; }

nav ul { padding:0; margin:0; list-style:none; overflow:hidden; }
nav ul li { float:left; }
nav ul li a { display:block; font-size:0.65em; text-transform:uppercase; color:#ddd; text-decoration:none; padding:0.65em 0.55em; border-left:1px solid #000;  }
nav ul li a.current { background:rgba(0,0,0,0.75); color:#fff; }
nav ul li a.highlight { background:#EF7D11; color:#fff; } 

#primaryNav { float:left; }
#userbar { float:right; font-size:14px; color:#dedede; }
#userbar a { color:#dedede; text-decoration:none; padding:0.75em 1em; display:inline-block; border-left:1px solid #000; margin-left:1em; }
header { overflow:hidden; }

.silver, .controls {
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#cccccc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-8 */
}

.blue, button, .button {
    color:#fff;
    background: #33a5d3;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYTVkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMzYTVkMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwOGVjOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDhlYzgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #33a5d3 0%, #33a5d3 35%, #008ec8 65%, #008ec8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#33a5d3), color-stop(50%,#33a5d3), color-stop(51%,#008ec8), color-stop(100%,#008ec8));
    background: -webkit-linear-gradient(top, #33a5d3 0%,#33a5d3 50%,#008ec8 51%,#008ec8 100%);
    background: -o-linear-gradient(top, #33a5d3 0%,#33a5d3 50%,#008ec8 51%,#008ec8 100%);
    background: -ms-linear-gradient(top, #33a5d3 0%,#33a5d3 50%,#008ec8 51%,#008ec8 100%);
    background: linear-gradient(to bottom, #33a5d3 0%,#33a5d3 50%,#008ec8 51%,#008ec8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a5d3', endColorstr='#008ec8',GradientType=0 );
}
.dark-blue, button.track-next {
    background: #336ca5;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzNmNhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMzNmNhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzAwNDk5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ5OTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #336ca5 0%, #336ca5 50%, #004990 51%, #004990 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#336ca5), color-stop(50%,#336ca5), color-stop(51%,#004990), color-stop(100%,#004990));
    background: -webkit-linear-gradient(top, #336ca5 0%,#336ca5 50%,#004990 51%,#004990 100%);
    background: -o-linear-gradient(top, #336ca5 0%,#336ca5 50%,#004990 51%,#004990 100%);
    background: -ms-linear-gradient(top, #336ca5 0%,#336ca5 50%,#004990 51%,#004990 100%);
    background: linear-gradient(to bottom, #336ca5 0%,#336ca5 50%,#004990 51%,#004990 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#336ca5', endColorstr='#004990',GradientType=0 );
}
.yellow, button.track-next-current, input.toggle[type=checkbox]:after, .styled-select::after, .paging a.yellow.message-all, .check-out-link {
    color:#000;
    background: #f3d165;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZDE2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZDE2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2YwYzYzZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMGM2M2UiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #f3d165 0%, #f3d165 50%, #f0c63e 51%, #f0c63e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3d165), color-stop(50%,#f3d165), color-stop(51%,#f0c63e), color-stop(100%,#f0c63e));
    background: -webkit-linear-gradient(top, #f3d165 0%,#f3d165 50%,#f0c63e 51%,#f0c63e 100%);
    background: -o-linear-gradient(top, #f3d165 0%,#f3d165 50%,#f0c63e 51%,#f0c63e 100%);
    background: -ms-linear-gradient(top, #f3d165 0%,#f3d165 50%,#f0c63e 51%,#f0c63e 100%);
    background: linear-gradient(to bottom, #f3d165 0%,#f3d165 50%,#f0c63e 51%,#f0c63e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3d165', endColorstr='#f0c63e',GradientType=0 );
}
.red, .wash-cancel span {
    color:#fff;
    background: #c75b67;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3NWI2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2M3NWI2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2I5MzI0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOTMyNDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #c75b67 0%, #c75b67 50%, #b93241 51%, #b93241 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c75b67), color-stop(50%,#c75b67), color-stop(51%,#b93241), color-stop(100%,#b93241));
    background: -webkit-linear-gradient(top, #c75b67 0%,#c75b67 50%,#b93241 51%,#b93241 100%);
    background: -o-linear-gradient(top, #c75b67 0%,#c75b67 50%,#b93241 51%,#b93241 100%);
    background: -ms-linear-gradient(top, #c75b67 0%,#c75b67 50%,#b93241 51%,#b93241 100%);
    background: linear-gradient(to bottom, #c75b67 0%,#c75b67 50%,#b93241 51%,#b93241 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c75b67', endColorstr='#b93241',GradientType=0 );
}
.olive {
    background: #cdcd79;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkY2Q3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NkY2Q3OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2MwYzE1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGMxNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #cdcd79 0%, #cdcd79 50%, #c0c157 51%, #c0c157 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcd79), color-stop(50%,#cdcd79), color-stop(51%,#c0c157), color-stop(100%,#c0c157));
    background: -webkit-linear-gradient(top, #cdcd79 0%,#cdcd79 50%,#c0c157 51%,#c0c157 100%);
    background: -o-linear-gradient(top, #cdcd79 0%,#cdcd79 50%,#c0c157 51%,#c0c157 100%);
    background: -ms-linear-gradient(top, #cdcd79 0%,#cdcd79 50%,#c0c157 51%,#c0c157 100%);
    background: linear-gradient(to bottom, #cdcd79 0%,#cdcd79 50%,#c0c157 51%,#c0c157 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdcd79', endColorstr='#c0c157',GradientType=0 );
}
.dark-grey, .paging a.button { 
    color:#fff;
    background: #666666; 
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #666666 0%, #666666 50%, #555555 51%, #555555 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(50%,#666666), color-stop(51%,#555555), color-stop(100%,#555555));
    background: -webkit-linear-gradient(top, #666666 0%,#666666 50%,#555555 51%,#555555 100%);
    background: -o-linear-gradient(top, #666666 0%,#666666 50%,#555555 51%,#555555 100%);
    background: -ms-linear-gradient(top, #666666 0%,#666666 50%,#555555 51%,#555555 100%);
    background: linear-gradient(to bottom, #666666 0%,#666666 50%,#555555 51%,#555555 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#555555',GradientType=0 );
}

.light-grey, .paging a.current-page { 
    color:#fff; 
    background: #aaaabb;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhYWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FhYWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzk5OTlhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5OTk5YWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #aaaabb 0%, #aaaabb 50%, #9999aa 51%, #9999aa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaabb), color-stop(50%,#aaaabb), color-stop(51%,#9999aa), color-stop(100%,#9999aa));
    background: -webkit-linear-gradient(top, #aaaabb 0%,#aaaabb 50%,#9999aa 51%,#9999aa 100%);
    background: -o-linear-gradient(top, #aaaabb 0%,#aaaabb 50%,#9999aa 51%,#9999aa 100%);
    background: -ms-linear-gradient(top, #aaaabb 0%,#aaaabb 50%,#9999aa 51%,#9999aa 100%);
    background: linear-gradient(to bottom, #aaaabb 0%,#aaaabb 50%,#9999aa 51%,#9999aa 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaabb', endColorstr='#9999aa',GradientType=0 );
}

.van-purple {
    color:#fff; 
    background: #8e69b3;
    background: -moz-linear-gradient(top, #8e69b3 0%, #8e69b3 50%, #683799 51%, #683799 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e69b3), color-stop(50%,#8e69b3), color-stop(51%,#683799), color-stop(100%,#683799));
    background: -webkit-linear-gradient(top, #8e69b3 0%,#8e69b3 50%,#683799 51%,#683799 100%);
    background: -o-linear-gradient(top, #8e69b3 0%,#8e69b3 50%,#683799 51%,#683799 100%);
    background: -ms-linear-gradient(top, #8e69b3 0%,#8e69b3 50%,#683799 51%,#683799 100%);
    background: linear-gradient(to bottom, #8e69b3 0%,#8e69b3 50%,#683799 51%,#683799 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e69b3', endColorstr='#683799',GradientType=0 );
}

button[disabled] { opacity:0.6; }
select[disabled] { color:#999; background:#eee; }

.short-blue, .in-nav a, .out-nav a {
    background: #007cb9;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwN2NiOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDQ5OTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #007cb9 0%, #004990 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007cb9), color-stop(100%,#004990));
    background: -webkit-linear-gradient(top, #007cb9 0%,#004990 100%);
    background: -o-linear-gradient(top, #007cb9 0%,#004990 100%);
    background: -ms-linear-gradient(top, #007cb9 0%,#004990 100%);
    background: linear-gradient(to bottom, #007cb9 0%,#004990 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007cb9', endColorstr='#004990',GradientType=0 );
}

.van .in-nav a, .van .out-nav a {
    background: #8564c8;
    background: -moz-linear-gradient(top, #8564c8 0%, #490567 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8564c8), color-stop(100%,#490567));
    background: -webkit-linear-gradient(top, #8564c8 0%,#490567 100%);
    background: -o-linear-gradient(top, #8564c8 0%,#490567 100%);
    background: -ms-linear-gradient(top, #8564c8 0%,#490567 100%);
    background: linear-gradient(to bottom, #8564c8 0%,#490567 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8564c8', endColorstr='#490567',GradientType=0 );
}

.short-dark-blue, .in-nav .tab-navigation:after {
    background: #006a99;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmE5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDU0ODgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #006a99 0%, #005488 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#006a99), color-stop(100%,#005488));
    background: -webkit-linear-gradient(top, #006a99 0%,#005488 100%);
    background: -o-linear-gradient(top, #006a99 0%,#005488 100%);
    background: -ms-linear-gradient(top, #006a99 0%,#005488 100%);
    background: linear-gradient(to bottom, #006a99 0%,#005488 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006a99', endColorstr='#005488',GradientType=0 );
}

.green {
    color:#fff; 
    background: #76db63;
    background: -moz-linear-gradient(top, #76db63 0%, #76db63 50%, #32b95f 51%, #32b95f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76db63), color-stop(50%,#76db63), color-stop(51%,#32b95f), color-stop(100%,#32b95f));
    background: -webkit-linear-gradient(top, #76db63 0%,#76db63 50%,#32b95f 51%,#32b95f 100%);
    background: -o-linear-gradient(top, #76db63 0%,#76db63 50%,#32b95f 51%,#32b95f 100%);
    background: -ms-linear-gradient(top, #76db63 0%,#76db63 50%,#32b95f 51%,#32b95f 100%);
    background: linear-gradient(to bottom, #76db63 0%,#76db63 50%,#32b95f 51%,#32b95f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76db63', endColorstr='#32b95f',GradientType=0 );
}

.bright-red {
        color:#fff; 
    background: #e2444d;
    background: -moz-linear-gradient(top, #e2444d 0%, #e2444d 50%, #ce3447 51%, #ce3447 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2444d), color-stop(50%,#e2444d), color-stop(51%,#ce3447), color-stop(100%,#ce3447));
    background: -webkit-linear-gradient(top, #e2444d 0%,#e2444d 50%,#ce3447 51%,#ce3447 100%);
    background: -o-linear-gradient(top, #e2444d 0%,#e2444d 50%,#ce3447 51%,#ce3447 100%);
    background: -ms-linear-gradient(top, #e2444d 0%,#e2444d 50%,#ce3447 51%,#ce3447 100%);
    background: linear-gradient(to bottom, #e2444d 0%,#e2444d 50%,#ce3447 51%,#ce3447 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2444d', endColorstr='#ce3447',GradientType=0 );
}

button, .button, a.button {
    text-align:center;
    text-transform:uppercase;
    line-height:46px;
    border-radius:5px;
    border:none;
    font-size:0.7em;
    width:156px;
    padding: 1px 6px;
}
a.button { display:inline-block; text-decoration:none; }

.page-width { width:1024px; margin:0 auto; }

.splash { text-align:center; padding-top:25px;  min-height:440px; }
.splash h1 { margin:0; padding:0; font-size:4.5em; font-weight:normal; letter-spacing:-0.05em; line-height:0.9em; text-transform:none; }
.splash h2 { margin:20px 0 10px 0; padding:0; font-size:1.3em; font-weight:normal; text-transform:uppercase; }
.splash p { margin-top:280px;}
.splash > img { width: 860px; }

h1 { text-transform:uppercase; font-weight:normal; letter-spacing:-0.05em; margin:0.3em 0;  }
p { margin:0.5em 0;}

.modal { width:100%; height:100%; position:absolute; z-index:1000; background:rgba(0,0,0,0.8); left:0; top:0; }
.modal .dialog h1 { font-size:1.3em; padding:15px; margin:0; line-height:1em; text-transform:none; }
.modal .dialog h1 a { float:right; margin-top:8px; }
.modal .dialog h2 { font-size:1.2em; margin:0; }
.modal .dialog .checkbox-list { list-style:none; width:66%; padding:10px 0; margin:0; }
.modal .dialog .checkbox-list li { padding:7px 0; clear:both; }
.modal .dialog .checkbox-list input { float:right; }
.modal .dialog { border:18px solid #000; width:575px; margin:0 auto; background:#fff; color:#333; position: absolute; top: 50%; left:50%; margin-left:-305px; margin-top:-240px;}
.modal .buttons { padding:10px; text-align:center; overflow:hidden; }
.modal .content { background:#EFF3F6; padding:25px; }
.modal .content .inner { background:#E0E7ED; padding:20px 25px; font-size:0.8em; overflow:hidden; }
.modal .content p.intro { font-size:0.8em; }
.modal .content p.note { font-size:0.6em; }
.modal .content p { font-size:0.7em; }
.modal .content.frame { padding:10px;}
.modal .content.frame .inner { background:none; overflow-y:scroll; height:380px; }

.modal .custom-dialog { border:18px solid #000; width:575px; margin:0 auto; background:#fff; color:#333; position: absolute; top: 50%; left:50%; margin-top: 0; transform: translate(-50%, -50%);}
.modal .custom-dialog > h1 { font-size:1.3em; padding:15px; margin:0; line-height:1em; text-transform:none; }
.modal .custom-content { background:#EFF3F6; padding:25px; font-size: 0.7em; }

#terms.modal .dialog { margin-top:-315px; }
#legal.modal .dialog { margin-top:-315px; }
#surcharge.modal .dialog { margin-top: 0; transform: translateY(-50%);}
#loyalty-terms-conditions.modal .dialog {font-size:0.85em;}
#loyalty-terms-conditions.modal .dialog .field.full ol{font-size:0.85em;}

div.field { padding:5px; }
.field.full { width:100%; clear:both; margin-left:0; float:none; }
div.field label { display:block; padding-bottom:3px; }
div.field input, div.field select { width:100%; box-sizing:border-box; }
input:not([type=file]), select, textarea { font-family:Arial; font-size:0.9em; color:#313140; padding:9px; border:none; border-radius:5px; margin:0; }
input, select { height:40px; }
.login input, .login select { height: 50px;}

.login-message { margin:0 20px 20px 20px; color:#fff; text-align:left; font-size:0.7em;}
.login { width:1024px; margin:0 auto; }
.login form { margin-left:330px; }
.login .buttons { float:left; padding:6px 0 0 10px; }

.close { width:16px; height:16px; display:block; }

.weather { text-align:center; padding-top:40px; }
.weather .selector-grid { width:84%; }

.selector-grid { margin:0 auto; padding:5px 5px 15px 5px; list-style:none; overflow:hidden; }
.selector-grid li { float:left; width:25%; }
.selector-grid li label, .selector-grid li button { background:rgba(255,255,255,0.2); border:2px solid rgba(255,255,255,0); display:block; margin:5px; min-height:27px; border-radius:5px; text-align:center; text-decoration:none; color:#fff; }
.selector-grid li button { padding:5px 0 8px 10px; min-height:0; text-align:left; width:95%; }

.selector-grid li label.option-group-suggested { border:2px solid #b93241; opacity:1; background:rgba(255,255,255,0.13); }
    .selector-grid li label.option-group-suggested i, .selector-grid li label.option-group-suggested span, .selector-grid li label.option-group-booking i, .selector-grid li label.option-group-booking span {
        opacity: 0.5;
    }
.selector-grid li label.option-group-confirm { border:2px solid red; opacity:1; background:rgba(255,255,255,0.13); }
.selector-grid li label.option-group-confirm i, .selector-grid li label.option-group-suggested span { opacity:0.5; }
.selector-grid li label.option-group-selected { border:2px solid rgba(255,255,255,1); background:#004990; font-weight:bold; }
.selector-grid li label.option-group-selected i, .selector-grid li label.option-group-selected span { opacity:1; }
.selector-grid li label input { display:none; }
.van .selector-grid li label.option-group-selected {background:#510f72;}

.selector-grid.by-two li { float:left; width:50%; }
.selector-grid.by-three li { float:left; width:33.3%; }
.selector-grid.by-six li { float:left; width:16.6%; }
.selector-grid.by-six li label { margin:5px; font-size:0.8em; min-height:0; }
.selector-grid.by-six li label span { display:table-cell; vertical-align:middle; text-align:center; height:70px; width:140px; }
.selector-grid.by-nine-square { display: flex; flex-wrap: wrap; }
.selector-grid.by-nine-square li { width:11.1%; margin: 5px 0;}
.selector-grid.by-nine-square li label { margin:5px; font-size:0.65em; min-height:100%; box-sizing:border-box; display:flex; align-items:center;}
.selector-grid.by-nine-square li label span { display:table-cell; vertical-align:middle; text-align:center; width:140px; }
.selector-grid.by-two li label { min-height:95px; }
.selector-grid.by-two li label { padding-top:10px; }

.selector-grid.by-three-thin li { float:left; width:33.3%; line-height:27px; font-size:0.8em; }


.selector-grid.by-two li.specialist-service label { min-height:30px; padding-top:10px; font-size:0.6em; }

.selector-grid.by-one li { width:100%; }
.selector-grid.thin-row {line-height:27px; font-size:0.7em;}


.controls { position:absolute; left: 0; bottom:0; width:100%; text-align:right; }
.controls .buttons { padding:5px; min-height:50px; }
.controls .buttons button, .controls .buttons a.button { width:auto; padding:0 20px; font-weight:normal; font-family:Arial; }

fieldset { border-radius:5px; border:1px solid #4CABD5; margin:0; padding:0px 20px; }
.van fieldset { border-color: white;}
legend { text-transform:uppercase; font-size:0.85em;}

.in-tab { padding:10px 25px 0px 25px; }
.set-left { width:49%; float:left; }
.set-right { margin-left:51%; width:49%; }

i.size-icon, i.trade-icon, i.condition-icon, i.service-icon, i.adjustment-icon, i.receipt-icon,i.confirm-icon, i.nav-icon,i.search,i.car,i.car-icon,.track-status,.close,i.weather-icon,header a.logo,
input[type=checkbox]:checked:before,input.toggle[type=checkbox]:before,input.toggle[type=checkbox]:checked:before,input.ticky[type=radio]:checked:before, .styled-select::before, .email-input::before, .mobile-input::before,
.confirmation ul li a i, span.weather-link, .wash-cancel span i
{ background-image:url(/content/images/sprites.png?v=20150717); background: -webkit-image-set( url(/content/images/sprites.png?v=20150717) 1x, url(/content/images/sprites2x.png?v=20150717) 2x ); }



header a.logo { width:110px; height:30px; background-position: -17px 0; display:inline-block; overflow:hidden; text-indent:-1000px; margin-top:5px; margin-left:40px; }
i.weather-icon { width:122px; height:110px; display:inline-block; margin-top:30px; }
.selector-grid li label { opacity:0.5; }
.selector-grid li label.option-group-selected { opacity:1; }
fieldset .selector-grid { margin:-10px; }

i.cloudy { background-position:0 -32px; }
i.sunny-spells { background-position:-122px -32px; }
i.sunny { background-position:-244px -32px; }
i.sunny-spells-showers { background-position:-366px -32px; }
i.drizzle { background-position:0 -142px; }
i.rain { background-position:-122px -142px; }
i.storms { background-position:-244px -142px; }
i.snow  { background-position:-366px -142px; }

i.size-icon { width:133px; height:58px; display:block; margin:0 auto; }
i.condition-icon { width:60px; height:60px; display:block; margin:0 auto; }
i.service-icon { width:41px; height:45px; display:inline-block; vertical-align:middle; margin-right:0.3em; }
i.adjustment-icon { width:38px; height:38px; display:inline-block; vertical-align:middle; margin-right:0.3em; }
i.receipt-icon,i.confirm-icon { width:42px; height:42px; display:inline-block; vertical-align:middle; margin-right:0.3em; }
i.nav-icon { width:37px; height:37px; display:inline-block; vertical-align:middle; margin-right:0.4em; }
i.search { width:25px; height:25px; display:inline-block; background-position:-144px 0; margin-top:10px; }
i.car { width:46px; height:20px; display:inline-block; background-position:0px -418px; vertical-align:middle; margin-right:10px; }
i.car-icon { width:49px; height:49px; display:inline-block; background-position:0px -440px; vertical-align:middle; }
.track-status { width: 40px; height: 40px; background-position:-41px -490px; display:inline-block; }

#Registration { text-transform:uppercase; }
#Registration::-webkit-input-placeholder {text-transform:none;}
#Registration::-moz-placeholder {text-transform: none;}
#registrationLookup { width:35px; height:36px; position:absolute; text-align:center; padding:0; border-radius:4px; right:8px; top:7px; }
#registrationLookup i { margin:0 auto; display:block; }

i.size-icon.small { background-position:0px -252px;}
i.size-icon.medium { background-position:-266px -252px;}
i.size-icon.large { background-position:-134px -252px;}
i.size-icon.van { background-position:-400px -252px;}

.condition-icon.good { background-position:0px -310px; }
.condition-icon.fair { background-position:-61px -310px; }
.condition-icon.poor { background-position:-122px -310px; }
.condition-icon.na { background-position:-183px -310px; }

.service-icon.bronze { background-position:-286px -314px; }
.service-icon.silver { background-position:-326px -314px; width:45px; }
.service-icon.gold { background-position:-370px -314px; }
.service-icon.platinum { background-position:-414px -314px; }
.service-icon.trade-basic { background-position:-700px -316px; width:40px; height:40px; }
.service-icon.trade-standard { background-position:-460px -316px; width:40px; height:40px; padding:1px; }
.service-icon.trade-valet { background-position:-508px -316px; width:40px; height:40px; padding:1px; }
.service-icon.trade-super-valet { background-position:-742px -317px; width:40px; height:40px; }

.adjustment-icon.surcharge { background-position:0px -372px; }
.adjustment-icon.discount { background-position:-39px -372px; }

.confirm-icon.not-required { background-position:-213px -373px; }
.confirm-icon.email { background-position:-301px -373px; }
.confirm-icon.sms { background-position:-344px -373px; }

.field { width:49%; float:left; box-sizing:border-box; margin-left:2%; }
.field.first { margin-left:0; clear:left; }

.field.name { text-align:right; }
.field.name .styled-select { width:30%; float:left; }
.field.name input { width:67%; }

.out-nav li { width:24.5%; margin-left:1px; }
.in-nav li { width:435px; }
.van .in-nav li { width: 50%;}
.in-nav li:first-child, .out-nav li:first-child { margin-left:0; }
.in-nav a, .out-nav a { line-height:55px; padding:0; width:100%; text-align:center; color:#fff; border:none; opacity:0.5; }
.in-nav a.tab-current, .out-nav a.tab-current { background:none; opacity:1; }

.in-nav .tab-navigation:after { display:block; content:''; height:55px; margin-left:870px; }
.van .in-nav .tab-navigation:after { content:none; }

.nav-icon.car-details { background-position:-78px -372px; }
.nav-icon.select-wash { background-position:-117px -372px; }
.nav-icon.confirm { background-position:-156px -372px; }

.service-selector li label { height:auto; min-height:0; }
.specialist-service-selector li label, .by-three li label {vertical-align: middle; font-size: 0.6em; padding:0.75em 0.5em; }
.specialist-service-selector li label {vertical-align: middle; padding:0.3em; display:flex; justify-content:center; align-items:center; font-size:0.6em;min-height:35px;}
.van .specialist-service-selector li label {min-height:45px;font-size:0.62em;}
.specialist-service-selector li label span {vertical-align: middle;}
.specialist-container { width:100%; float:left; margin-right:1%; padding-bottom: 19px;}
.specialist-service-selector { display:flex; flex-wrap:wrap;}

.total { float:right; text-align:right;  }
.total span { display:block; }
.total span.label { opacity:0.7; font-size:0.8em; }
.total span.price { font-size:1.6em; line-height:1em; }
.total-fieldset { border-radius: 0px; padding-top: 10px }
.total-fieldset ul {width:50%;float:left;}
.total-fieldset li { float:left;width:50%;font-size:0.7em;}
.total-fieldset li label { padding: calc(0.2625em); min-height:30px;margin-bottom:10px;display:flex; justify-content:center; align-items:center;}
.total-fieldset .total {}
.total-fieldset i { margin:0; transform:scale(0.9);}
.total-fieldset .selector-grid {padding-bottom:10px;}
.total-fieldset {margin-top: 10px} 

.wash-summary { background:rgba(0,69,184,0.4); border-radius:5px; padding:20px; float:right; width:44%; text-align:right; }
.van .wash-summary { background: rgba(81, 16, 115, 0.4);}
.wash-summary table { border-collapse:collapse; width:100%; font-size:0.8em;  }
.wash-summary table td { width:40%; padding-bottom:10px; }
.wash-summary table th { font-weight:normal; padding-bottom:10px; text-align: right }
.wash-summary table tr.total-row th, .wash-summary table tr.total-row td { border-top:1px solid rgba(255,255,255,0.2); border-bottom:1px solid rgba(255,255,255,0.2); padding-top:5px; font-size:1.4em; padding-bottom:5px; }
.wash-summary table tr.total-row th.booking-reference { text-align: left; font-size: 0.8em }

.walk-around { float:left; width:49%; float:left; }
.walk-around .field { padding-top:15px; }
.terms { text-align:right; clear:left; margin:15px 4px 4px 4px; }
.terms span { float:left; font-size:0.8em; line-height:43px; }

.discount-editor {  padding-top:0px; clear:both; }
.discount-editor label {font-size:0.8em;}
div.discount-values input { width:110px; }
div.discount-values { text-align:right; }
div.discount-values .values { float:left; }
div.discount-values button { width:150px; line-height:44px; margin-right:-5px; }

div.field.third { width:32%; text-align:left; margin-left:2%; padding:0; }
div.field.third input { width:90%; }
div.field.two-thirds { width:66%; padding:0;  }
.calculator { clear:both; padding:5px 0; }
.calculator button { line-height:41px; width:130px; font-size:0.8em; }

textarea { width:92%; height:3em; }
.yes-no-not { padding:20px 0; font-size:0.85em; }
.yes-no-not label { display:inline-block; margin-right:20px; }
div.field .check-right { font-size:0.8em; }
div.field .check-right input { float:right; width:auto; }

div.field.eighty { width:84%; }
div.field.twenty { width:16%; text-align:center; margin-left:0; }
div.field.twenty label { font-size:0.65em; margin-top:-0.3em; }


.hidden-fields { display:none; }

.modal.see-through { top:0; bottom:0; padding-top:100px; box-sizing:border-box; background:none; }
.modal.see-through .in-tab { }

.disabled { opacity:0.2; }

.money-box { text-align:right; padding-left:30px }
.money-box-placeholder { position:absolute; display:inline-block; line-height:50px; font-size:1.2em; margin-left:7px; z-index:1000; color:#bbb;  }
.percent-box { text-align:right; padding-left:30px }
.percent-box-placeholder { position:absolute; display:inline-block; line-height:50px; font-size:1.2em; margin-left:7px; z-index:1000; color:#bbb;  }
.money-to-box { text-align:right; padding-left:30px }
.money-to-box-placeholder { position:absolute; display:inline-block; line-height:50px; font-size:1.2em; margin-left:7px; z-index:1000; color:green;  }
.money-down-box { text-align:right; padding-left:30px }
.money-down-box-placeholder { position:absolute; display:inline-block; line-height:50px; font-size:1.2em; margin-left:7px; z-index:1000; color:red;  }


.vehicle-grid {  margin:13px; padding:8px 0 0 0; list-style:none; }
.vehicle-grid>li { padding:5px 13px; width:33.3%; float:left; box-sizing:border-box; }

.vehicle-grid>li>h2 { background:#fff; border-radius:5px 5px 0 0; margin:0; color:#000; font-size:0.75em; padding:5px 8px; line-height:1em; font-weight:normal; }
.vehicle-grid>li>h2 span { float:right; font-weight:bold; }
.vehicle-grid>li>div { background:rgba(255,255,255,0.2); border-radius:0 0 5px 5px; position:relative; }
.vehicle-grid li ul { font-size:0.65em; padding:4px; margin:0; list-style:none; width:60%;}
.vehicle-grid li ul li { padding:1px 0; }
.vehicle-grid li ul li strong { float:left; width:60px; text-align:right; padding-right:10px; }
.vehicle-grid>li>div>span {font-size:0.7em; float:right;padding:4px;}

.paging { text-align:center; padding:8px 0; }
.paging a.button { width:auto; padding:0 10px; min-width:28px; line-height:40px; }

table.track { border-collapse:collapse; width:100%; }
table.track th { background:#fff; color:#000; text-transform:uppercase; font-size:0.8em; text-align:center; padding:12px 12px 0 12px; vertical-align:top; }
table.track th a { text-decoration:none; color:#000; }
table.track th.top-left { border-top-left-radius:5px; }
table.track th.top-right { border-top-right-radius:5px; }
table.track td { background:rgba(255,255,255,0.2); border-top:2px solid #0062a4; border-bottom:2px solid #0062a4; padding:6px 6px; text-align:center; font-size:0.9em; }
table.track .track-subheader th { text-transform:none; border-radius:0; padding:6px 0 10px 0; text-align:center; font-size:0.6em; }
table.track .booking td {background: #fec62a;}
table.track .late-booking td {background: #ba2625;}

button.track-next { width: 90px; color: rgba(255,255,255,0.5); }
button.track-next-current { color:#000; }
button.track-status-checkedin { background-position:-1px -490px; }
button.track-status-ready { background-position:-81px -490px; }


table.track.report th { text-transform:none; text-align:center; } 
table.track.report th:first-child { min-width:150px; } 
table.track.report tr { height:63px; }

.check-out-link { position:absolute; bottom:40px; right:10px; width:35px; height:35px; border-radius:5px; font-weight:bold; line-height:35px; font-size:0.65em; text-align:center; display:block; color:#000; text-decoration:none; }
.background-print { position:absolute; bottom:40px; right:10px; width:35px; height:35px; }

.trade-header { padding-top:20px; }
.trade-header .in-nav { display:none; }
.trade-header h1 { text-align:center; font-size:1.4em; text-transform:uppercase; line-height:34px; }
.trade-header h1 img { margin-right:10px; vertical-align:middle; margin-top:-10px; }

.trade-summary { background:rgba(0,69,148,0.4); border-radius:5px; width:410px; padding:10px 20px; float:right; height:90px; margin-top:5px; }
.trade-summary ul { padding:0; margin:0; list-style:none; font-size:0.75em; }
.trade-summary ul li { line-height:1.7em; }
.trade-summary ul li span { width:80px; display:inline-block; }
.trade-summary ul li strong { text-transform:uppercase; }


i.car-beige { background-position:0 -419px; }
i.car-biege { background-position:0 -419px; }
i.car-black { background-position:-47px -419px; }
i.car-blue { background-position:-94px -419px; }
i.car-bronze { background-position:-141px -419px; }
i.car-brown { background-position:-188px -419px; }
i.car-gold { background-position:-235px -419px; }
i.car-green { background-position:-282px -419px; }
i.car-grey { background-position:-329px -419px; }
i.car-maroon { background-position:-376px -419px; }
i.car-orange { background-position:-423px -419px; }
i.car-pink { background-position:-470px -419px; }
i.car-purple { background-position:-517px -419px; }
i.car-red { background-position:-564px -419px; }
i.car-silver { background-position:-611px -419px; }
i.car-turquoise { background-position:-657px -419px; }
i.car-white { background-position:-704px -419px; }
i.car-yellow { background-position:-751px -419px; }
i.car-other { background-position:-798px -419px; }

i.car-icon-beige { background-position:0 -440px; }
i.car-icon-biege { background-position:0 -440px; }
i.car-icon-black { background-position:-49px -440px; }
i.car-icon-blue { background-position:-99px -440px; }
i.car-icon-bronze { background-position:-147px -440px; }
i.car-icon-brown { background-position:-196px -440px; }
i.car-icon-gold { background-position:-246px -440px; }
i.car-icon-green { background-position:-296px -440px; }
i.car-icon-grey { background-position:-345px -440px; }
i.car-icon-maroon { background-position:-394px -440px; }
i.car-icon-orange { background-position:-443px -440px; }
i.car-icon-pink { background-position:-492px -440px; }
i.car-icon-purple { background-position:-541px -440px; }
i.car-icon-red { background-position:-591px -440px; }
i.car-icon-silver { background-position:-641px -440px; }
i.car-icon-turquoise { background-position:-690px -440px; }
i.car-icon-white { background-position:-740px -440px; }
i.car-icon-yellow { background-position:-790px -440px; }
i.car-icon-other { background-position:-839px -440px; }


i.trade-car-icon-beige { background-position:-948px -293px; }
i.trade-car-icon-biege { background-position:-948px -293px; }
i.trade-car-icon-black { background-position:-948px -343px; }
i.trade-car-icon-blue { background-position:-948px -393px; }
i.trade-car-icon-bronze { background-position:-948px -443px; }
i.trade-car-icon-brown { background-position:-948px -493px; }
i.trade-car-icon-gold { background-position:-790px -490px; }
i.trade-car-icon-green { background-position:-296px -490px; }
i.trade-car-icon-grey { background-position:-345px -490px; }
i.trade-car-icon-maroon { background-position:-394px -490px; }
i.trade-car-icon-orange { background-position:-443px -490px; }
i.trade-car-icon-pink { background-position:-492px -490px; }
i.trade-car-icon-purple { background-position:-541px -490px; }
i.trade-car-icon-red { background-position:-591px -490px; }
i.trade-car-icon-silver { background-position:-641px -490px; }
i.trade-car-icon-turquoise { background-position:-690px -490px; }
i.trade-car-icon-white { background-position:-740px -490px; }
i.trade-car-icon-yellow { background-position:-790px -490px; }
i.trade-car-icon-other { background-position:-839px -490px; }


input[type=checkbox] { visibility:hidden;width:35px; height:35px; vertical-align:middle;padding:0; }
input[type=checkbox]:before { position:absolute; width:35px; height:35px; display:inline-block; content:' '; background:#fff; visibility:visible; border-radius:5px; font-size:35px; color:#fff; text-align:center; }
input[type=checkbox]:checked:before { background-color:#fff; background-position:-196px 2px; }
.grey-check input[type=checkbox]:before { background-color: #EFF3F6; }

.walk-around-field { font-size:0.8em; line-height:35px;  }
.walk-around-field label { float:right; font-size:0.9em; margin-left:20px;}


input.toggle[type=checkbox] { visibility:hidden;width:135px; height:35px; vertical-align:middle;padding:0; }
input.toggle[type=checkbox]:before { background-color:#fff; background-position:-282px 0px; position:absolute; width:59px; height:35px; display:inline-block; content:'No';  visibility:visible; padding:0 0 0 76px; border-radius:5px; font-size:20px; line-height:35px; color:#333; text-align:left; text-transform:uppercase;  }
input.toggle[type=checkbox]:after { position:absolute; width:43px; height:35px; display:inline-block; content:' '; visibility:visible; border-radius:5px 0 0 5px; font-size:35px; text-align:center; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; -ms-transition: all .4s ease; transition: all .4s ease;}
input.toggle[type=checkbox]:checked:after {  margin-left:92px; border-radius:0 5px 5px 0; }
input.toggle[type=checkbox]:checked:before { content:'Yes'; background-color:#fff; background-position:-190px 2px; text-align:left; padding:0 33px 0 43px; }


input.ticky[type=radio] { visibility:hidden;width:35px; height:35px; vertical-align:middle; padding:0;}
input.ticky[type=radio]:before { position:absolute; width:35px; height:35px; display:inline-block; content:' '; background:#fff; visibility:visible; border-radius:5px; font-size:35px; color:#fff; text-align:center; }
input.ticky[type=radio]:checked:before { background-color:#fff; background-position:-196px 2px; }

.summary {padding:10px 0; margin:0; list-style:none; font-size:0.8em; margin-top:-20px; overflow:hidden; }
.summary li { float:left; width:45%; padding:5px 0;  }
.summary li span { display:inline-block; width:80px; text-align:right; margin-right:10px;}

.option-group-selected .receipt-icon.email { background-position:-543px -373px; width:38px; height:38px; }
.receipt-icon.email { background-position:-465px -373px; width:38px; height:38px; }
.option-group-selected .receipt-icon.discount { background-position:-39px -372px; width:38px; height:38px; }
.receipt-icon.discount { background-position:-387px -373px; width:38px; height:38px; }
.configure a { color:rgba(255,255,255,0.8); text-decoration:none; font-size:0.7em; font-weight:normal; }

.walk-around-reason { visibility:hidden; }
.walk-around-reason-active { visibility:visible; }

.styled-select { 
        position: relative;
        display: inline-block;
        vertical-align: middle; width:100%; }
.styled-select select { -webkit-appearance: none; -moz-appearance:none; appearance:none; padding:8px; background:#fff; border:0; outline:none;  margin:0;}
.styled-select::after { 
     content: "";
        position: absolute;
        pointer-events: none;
    width: 34px;
        right: 0; top: 0; bottom: 0; padding:0px 0 0 0; height:36px;
        border-radius:4px; margin:2px; z-index:2;  }

.styled-select::before { content:""; position:absolute; pointer-events:none; width:20px; height:22px; right:8px; top:8px; z-index:3; background-position:-445px 0; }

input[disabled], input[readonly], select[disabled], .styled-select-disabled::after, .styled-select-disabled::before { opacity:0.75; }

.selector-grid.by-two li.trade-standard-item, .selector-grid.by-two li.trade-valet-item { width:100%; }
.selector-grid.by-two li.trade-standard-item label, .selector-grid.by-two li.trade-valet-item label  { padding:6px 6px 7px 6px; }

.trade-account-grid.by-two li label i { width:129px; height:68px; display:inline-block; }
.trade-account-grid.by-two li label { min-height:0; padding-top:5px; }
.trade-account-grid li label span { display:none; }
.trade-account-grid li label.option-group-deselected { background:#fff; }
.trade-account-grid li label.option-group-selected { background:#fff; }
.trade-icon.avis { background-position:-743px 0; }
.trade-icon.millers { background-position:-872px 0; }


.contact-pref { font-size:0.6em; width:56%; float:left; line-height:35px; padding:10px 0; margin-left:1%; text-align:right; }
.contact-pref.retain { width:43%; margin-left:0; }
label.contact-pref input { float:right; width:35px; margin-left:10px; }
.contact-pref.retain input { margin-left:8px; }

p.declaration { font-size:0.6em; text-align:left; padding:10px 0 0 0; margin:0; }
.declaration a { color:#f6ca3a; text-decoration:none; }

.email-input::before { width:26px; height:30px; position:absolute; display:block; content:''; background-position:-620px 0; margin-top:8px; margin-left:10px; }
.mobile-input::before { width:26px; height:30px; position:absolute; display:block; content:''; background-position:-652px 0; margin-top:8px; margin-left:10px; }
.email-input input { padding-left:40px; }
.mobile-input input { padding-left:40px; }

.confirmation { width:60%; margin:60px auto; padding:30px 0; background:url(/content/images/confirm.png) 15px 0px no-repeat;}
.confirmation h1 { text-transform:none; text-align:center }
.confirmation p { text-align:center }
.confirmation ul { padding:0; margin:60px 10px 20px 10px; list-style:none; overflow:hidden; }
.confirmation ul li { float:left; display:block; width:50%; } 
.confirmation ul li:not(:last-child) { width:45%; margin-right:5%; }
.confirmation ul li a { border-radius:5px; display:block; padding:10px; text-decoration:none; color:#fff; background:#004792; border:2px solid #fff; }
.van .confirmation ul li a { background: #510f72;}
.confirmation ul li:not(:last-child) a { border-radius:5px; display:block; padding:10px; text-decoration:none; color:#fff; background:rgba(255,255,255,0.2); opacity:0.5; background:rgba(255,255,255,0.2); border:2px solid transparent; }
.confirmation ul li a i { display:inline-block; width:50px; height:50px; vertical-align:middle; margin-right:10px; background-position:-633px -315px }
.confirmation ul li:not(:last-child) a i { display:inline-block; width:50px; height:50px; vertical-align:middle; margin-right:10px; background-position:-583px -315px; }

.scanner { position:relative; display:block; }
.scanner button { position:absolute; top:2px; right:2px; height:46px; line-height:42px; width:85px; }

div.clubcard-scanner {  }
div.clubcard-scanner input { width:79%; }
.clubcard-scanner button { position:initial; }

#aa-card span::before { position:absolute; display:block; content:attr(data-content); margin-top:8px; margin-left:10px; color:#313140; font-size:0.9em; font-family:Arial;}
#aa-card input {padding-left:85px;}

#terms ol { counter-reset: item; font-size:0.8em; padding:0 0 0 0; margin:0; }
#terms ol ol { font-size:0.9em; padding:10px 0 0 35px;  }
#terms LI { display: block; margin-bottom:10px; font-weight:bold; }
#terms LI:before { content: counters(item, ".") " "; counter-increment: item; }
#terms li LI:before { margin-left:-25px; display:inline-block; float:left;}
#terms LI li { font-weight:normal; }

span.weather-link { display:block; width:44px; height:32px; background-position:-591px -178px; margin:-6px -5px -5px -5px; }

.payment-details-left { float:left; width:32%; }
.payment-details-right { float:left; width:32%; margin-left:2%; }
.payment-details-right h3 { padding:0; margin:4px 0 0 0; font-weight:normal; font-size:1em; }
.payment-details-right .wash-summary { width:auto; float:none; list-style:none; text-align:left; margin:4px 0 20px 0; padding:10px; }
.payment-details-right .wash-summary li { padding:5px 0; }
.payment-details-right .wash-summary li span { font-size:0.7em; display:inline-block; width:20%; text-align:right; margin-right:5%; }
.payment-details-right .wash-reference { display: inline-block; width: 70%; text-align: left; font-size: 16px;}

.payment-details-left h3 {
    font-size: 1em;
    font-weight: normal;
    padding: 0;
    margin: 0;
}

.payment-screen-total { text-transform: uppercase; padding-top:30px; }
.payment-screen-total .payment-total { font-size:300%; }
#payment { padding:10px 20px;}

#printFrame  { display:none; }

#payment fieldset { padding:0 20px;}

@media print
{    
    header { display:none; }
    #main { display:none; }
    body { background:none; }
    #printFrame { display:block; color:#000; width:690px; margin:0 auto; }    
    #printFrame { font-family:Arial; font-size:18px;}
    #printFrame table {  width:100%; }
    #printFrame table th { text-align:left; }
    #printFrame td, th { padding:5px 0; vertical-align:top;  }
    #printFrame p { font-size:0.8em; }
    #printFrame h1 { padding:0; margin:0; text-transform:none }
    footer { display:none; }
}

.wash-cancel {  border:4px solid #267095; border-radius:4px;width:40px; padding:0; display:inline-block; box-sizing: border-box;}
.wash-cancel span { border:2px solid #fff; border-radius:4px; display:block;height:28px;}
.wash-cancel span i { background-position:-354px -3px; height:27px; display:block;}

.track-vehicle-detail { display:block; }
.track-service-detail { display:block; font-size:0.6em; font-weight:normal; }

a.message-link { background:#71b7d9; display:block; border-radius:0 0 5px 5px; color:#000; font-size:0.6em; text-decoration:none; line-height:21px; padding:0.3em 0; }
a.message-link span { display:inline-block; height:21px; width:21px; background:#f2cf6b; border-radius:3px; vertical-align:top; margin-left:42px; margin-right:7px; }
.message { padding:10px 20px;}
.message-all { float:right; margin-right:10px; margin-left:-100%; }

.field.thirds { width:32%; }
.field.halves { width:49%; }
.selector-grid.by-nine li { width:11.111% }
.selector-grid.by-nine li label { height:20px; min-height:27px; font-size:0.5em; text-transform:uppercase; font-weight:normal; text-align:left; padding:1px; }
.selector-grid.by-nine li label.option-group-deselected { opacity:1; background:rgba(255,255,255,.15) }
.selector-grid.by-nine li label.option-group-disabled { opacity:0.5; background:rgba(255,255,255,0.2) }
.selector-grid.colour-selector li { width:25% }
.selector-grid.colour-selector li label { opacity: 1; height:20px; min-height:27px; font-size:0.5em; text-transform:uppercase; font-weight:normal; text-align:left; padding:1px; }
.selector-grid.colour-selector li label.option-group-deselected { opacity:0.5; background:rgba(255,255,255,.15) }
.color-swatch { width:27px; height:27px; background:red; display:inline-block; vertical-align:middle; margin-right:2px; border-radius:3px; }

.selector-grid.by-four li { width:25%% }
.selector-grid.by-four li label { height:20px; min-height:27px; font-size:0.55em; text-transform:uppercase; font-weight:normal; text-align:left; padding:1px; }
.selector-grid.by-four li label.option-group-deselected { opacity:1; background:rgba(255,255,255,.15) }
.selector-grid.by-four li label.option-group-disabled { opacity:0.5; background:rgba(255,255,255,0.2) }


.color-swatch.beige { background:#e8bb7a; }
.color-swatch.biege { background:#e8bb7a; }
.color-swatch.blue { background:#091db1; }
.color-swatch.brown { background:#b05a06; }
.color-swatch.green { background:#197b30; }
.color-swatch.maroon { background:#940328; }
.color-swatch.pink { background:#ec67a9; }
.color-swatch.red { background:#ff0000; }
.color-swatch.turquoise { background:#00ffff; }
.color-swatch.yellow { background:#ffff00; }
.color-swatch.black { background:#000000; }
.color-swatch.bronze { background:#b05a06; }
.color-swatch.gold { background:#e0ba06; }
.color-swatch.grey { background:#63646b; }
.color-swatch.orange { background:#f66b0e; }
.color-swatch.purple { background:#6a04b8; }
.color-swatch.silver { background:#a2a8b3; }
.color-swatch.white { background:#ffffff; }
.color-swatch.other { background:#c7b299; }
.color-swatch.other::before { content:'?'; position:absolute; font-size:2.4em; font-style:normal; line-height:1em; margin-left:4px; color:#fff; font-family:Arial; font-weight:bold; }

div.field .combo-auto { position:absolute; width:250px; z-index:1000; background:rgba(0,0,0,0); color:rgba(0,0,0,0); }

.valuables-field label { font-size:0.8em; line-height:2.4em }
.valuables-field a.button { float:right; }

#legal .inner h2 { font-size:0.9em;}
#legal .inner ol { font-size:0.75em; }
#legal .inner ol li { margin-bottom:1em; }
#legal .inner ol h3 { display:inline; font-size:1em; }

footer.legal-footer { position:absolute; right:0; bottom:64px; font-size:0.5em; padding-right:10px; text-transform:uppercase; }
footer.legal-footer a { color:#fff; text-decoration:none }
footer.legal-footer span.pipe { display:inline-block; margin:0 15px; color:#f6ca3a }
footer.legal-footer.force-bottom { bottom:10px; z-index:2000; }
footer.legal-footer .greyed { opacity:0.48; }

.clubcard-popup button { float:right; margin-right: 10px; }
.clubcard-popup .extra-button { margin: 55px 10px}
.clubcard-popup .content { height: 420px;}
.clubcard-popup .scanner { line-height: 20px}


/*!
 * jQuery UI CSS Framework 1.11.2
 * http://jqueryui.com
 *
 * Copyright 2014 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
	display: none;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table;
	border-collapse: collapse;
}
.ui-helper-clearfix:after {
	clear: both;
}
.ui-helper-clearfix {
	min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter:Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
	z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
}

.ui-menu {
	list-style: none;
	padding: 0;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	position: absolute;
}
.ui-menu .ui-menu-item {
	position: relative;
	margin: 0;
	padding: 3px 1em 3px .4em;
	cursor: pointer;
	min-height: 0; /* support: IE7 */
	/* support: IE10, see #8844 */
	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-divider {
	margin: 5px 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
	margin: -1px;
}

/* icon support */
.ui-menu-icons {
	position: relative;
}
.ui-menu-icons .ui-menu-item {
	padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
	position: absolute;
	top: 0;
	bottom: 0;
	left: .2em;
	margin: auto 0;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
	left: auto;
	right: 0;
}

.ui-menu { background:#fff; color:#000; font-size:0.8em;}

.tab-buttons { position:absolute; bottom:0; z-index:10; margin:0 0 0 50%; left:0; text-align:center; }
.tab-buttons a.button { margin:0 0 9px -95px; width:200px; font-family:arial; }
.tab-buttons a.button[disabled] { opacity:0.6; cursor:default; }
#quickDetails .contact-pref { font-size:0.75em; }

.auto-refresh { padding:10px; font-size:0.8em; }

.nav-appendage {
    position:absolute;
    top:44px;
    margin-left:870px;
    width:140px;
}
.nav-appendage div.field {
    width:auto;
}
.nav-appendage div.field label {
    font-size:0.8em;
    text-transform:uppercase;
    display:inline;
}
.nav-appendage div.field input {
    width:47px;
    border:3px solid #fff;
    height:40px;
    text-align:center;
    background:#80bbda;    
    -moz-appearance:textfield;
}
.nav-appendage div.field input::-webkit-inner-spin-button, 
.nav-appendage div.field input::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
  display:none;
}

.nav-appendage div.field input::-webkit-input-placeholder {
   color: #fff;
}

.nav-appendage div.field input::-moz-placeholder {  
   color: #fff;  
}

.nav-appendage div.field input:-ms-input-placeholder {  
   color: #fff;  
}

button.return {
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MyAyMiIgaGVpZ2h0PSIyMiIgd2lkdGg9IjYzIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLC0xMDMwLjM2MjIpIj48cGF0aCBkPSJtMCAxMDQxLjQgMTAuOS0xMSAwIDMuNCA1Mi40IDAgMCAxNC45LTUyLjQtMC4yIDAuMiAzLjl6IiBmaWxsPSIjOTYwOTJkIi8+PC9nPjwvc3ZnPg==);
    width:63px;
    height:22px;
    padding:0;
    margin:0;
    font-size:0.50em;
    text-transform:none;
    line-height:22px;
    text-align:right;
    box-sizing:border-box;
    padding:0 7px;
    position:absolute;
    right:10px;
    bottom:3px;
}

.unselectable-text {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

body.trade, .trade .in-nav a:not(.tab-current), .vehicle-grid>li>h2.trade-wash
{
	background: #9daab6;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPg0KICA8bGluZWFyR3JhZGllbnQgaWQ9ImdyYWQtdWNnZy1nZW5lcmF0ZWQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+DQogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlkYWFiNiIgc3RvcC1vcGFjaXR5PSIxIi8+DQogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNzc4ODk5IiBzdG9wLW9wYWNpdHk9IjEiLz4NCiAgPC9saW5lYXJHcmFkaWVudD4NCiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4NCjwvc3ZnPg==);
    background: -moz-linear-gradient(top, #9daab6 0%, #778899 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9daab6), color-stop(100%,#778899));
    background: -webkit-linear-gradient(top, #9daab6 0%,#778899 100%);
    background: -o-linear-gradient(top, #9daab6 0%,#778899 100%);
    background: -ms-linear-gradient(top, #9daab6 0%,#778899 100%);
    background: linear-gradient(to bottom, #9daab6 0%,#778899 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9daab6', endColorstr='#778899',GradientType=0 );
}

.trade fieldset
{
    border: 1px solid #ffffff;
}

.trade .selector-grid li label.option-group-selected, .trade .tab-navigation:after
{
    background: #576574
}
.trade .wash-summary
{
    background: #9daab6;
}

.trade-logos li
{
    height: 200px;
}

.trade-logos img
{
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.vehicle-grid>li>h2.trade-wash
{
    color: #fff;
}

.payment-details-left h3 {font-size:1em;font-weight:normal;padding:0;margin:0;}
.receipt label {text-align:right; margin-top:3px;}
.receipt input[type=checkbox] {width: 19%; text-align:right; margin-right:35px;}
.receipt label + label {margin-top: 0px}
.receipt button {float:right; width:85px;}
.receipt .wash-summary td {font-size: 1.2em; padding-left:20px;}
.receipt .wash-summary th {text-align:right; width:20%}

.receipt.confirmation li {float:right;}

.background-receipt { position:absolute; bottom:40px; right:55px; width:35px; height:35px; }

.login .help { padding:5px 0 20px 5px; clear:both; margin-left:2%;  }
.login .help a { font-size:0.8em; text-decoration:underline; color:#fff; font-family: 'Montserrat', sans-serif;  }
.login button.small-text {font-size:14px;}

.reset-password {width:1024px; margin:auto;}
.reset-password form {width:800px;margin:auto;}
.reset-password label {font-size:0.8em;}
.reset-password .login-message {font-size:18px; margin-left:0; margin-right:0}
.reset-password .first {padding-left:0}
.reset-password button {margin-top:10px;}

.straight-corners * { border-radius: 0; }

.clubcard-value {margin-bottom:10px;}

#browse, .trigger-photo:not(.option-group-disabled) { cursor: pointer; }

.error {color: #c11313;}
.error .validation-summary-valid { display: none; }
.error .validation-summary-errors ul { list-style-type:none; padding:10px; margin: 0;}

.loading-icon { background:url('/Content/images/spinner.svg'); position:absolute; height:40px; width:40px; background-size: cover; transform: translate(-50%, -50%)}

#cold-weather {text-align: left; opacity:0; transition: opacity 0.25s;}
#cold-weather .field {margin-left: 0;}
#cold-weather .field.small {width: auto;}
#cold-weather ul {margin: 0 0 10px 0; padding: 0; list-style: none; color: #990000; font-size: 0.75em;}
#cold-weather .photo-message  {margin: 20px 0 10px 0; clear:both; }
#cold-weather .upload-button {float:right;}
#cold-weather .upload-message {font-size: 0.85em;}

/*Make field appear disabled, but value is still submitted*/
.pseudo-disabled {pointer-events: none; opacity: 0.8;}

input[type=number] {
  -moz-appearance:textfield;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.anpr-notification-grid {
    margin-top: 50px;
    display: flex;
    flex-flow: column;
    flex-wrap: wrap;
    max-height: 520px;
}

.anpr-notification {
    margin: 0 0 27px 15px;
}

.anpr-registration {
    background: white;
    border: 2px solid black;
    border-left: none;
    border-radius: 0 9px 9px 0;
    color: black;
    text-align: center;
    height: 32px;
    width: 155px;
    float: left;
    margin-top: 2px;
    line-height: 32px;
    font-size: 18px;
}

.anpr-left-block {
    background: #0062a4;
    height: 32px;
    width: 21px;
    float: left;
    border: 2px solid black;
    border-right: none;
    border-radius: 9px 0 0 9px;
    margin-top: 2px;
}

.anpr-book, .anpr-cancel {
    display: block;
    width: 37px;
    height: 37px;
    border-radius: 4px;
    float: left;
    margin: 1px 0 0 8px;
    text-align: center;
    line-height: 37px;
}

.sprite-cross {
    background-image: url(/content/images/tick-cross.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 19px;
    background-position: -2px -2px;
    transform: translateY(2px);
}

.sprite-tick {
    background-image: url(/content/images/tick-cross.png);
    background-repeat: no-repeat;
    display: inline-block;
    width: 20px;
    height: 16px;
    background-position: -26px -2px;
    transform: translateY(1px);
}

.anpr-pager {
    text-align: right;
    position: absolute;
    top: 567px;
}

.anpr-pager .button {
    height: 32px;
    width: 32px;
    line-height: 32px;
    border-radius: 4px;
    text-align: center;
}

.anpr-pager .button.page {
    background: white;
    color: black;
}

.anpr-pager .button.page.current-page {
    background: transparent;
    border: 1px solid white;
    color: white;
}

#anpr-cancel .input-validation-error {
    background: #ffbfbf;
}

.app-payment-retry-popup .header { line-height: 74px;background-color:#3E85C6;color:#FFFFFF;padding: 0 10px; }
.app-payment-retry-popup.card-declined .header { background-color:#c11313; }
.app-payment-retry-popup .content { font-size: 0.7em; }
.app-payment-retry-popup .content .top-text { padding-bottom: 20px; }
.app-payment-retry-popup .content button { font-size: 0.85em; }
.app-payment-retry-popup .content .field.top-border { border-top: 2px solid #D7DFEA; }
.modal.width800 .dialog {  width:800px; margin-left: -418px; }
.app-payment-retry-popup .buttons * { float: right; margin-left: 20px}

.message-of-the-day { width:80%; margin:20px auto; background:#fff; color:#333; border: 2px solid black; }
.message-of-the-day > h1 { font-size:1.3em; padding:15px; margin:0; line-height:1em; text-transform:none; }
.message-of-the-day .custom-content { font-size: 0.7em; max-height: 425px; overflow: auto;}
.message-of-the-day .custom-content p:first-child {margin-top: 0;}
.message-of-the-day .custom-content-container { background:#EFF3F6; padding:25px; }
.message-of-the-day .buttons { padding:10px; }

.employee-tracker { text-align: center; }
.employee-tracker .employee-tracker-header h1 { font-size: 1.6em; }
.employee-tracker .employee-tracker-header p, .employee-tracker .employee-tracker-count p { font-size: 0.9em; }
.employee-tracker .employee-tracker-info { margin-top: 20px; margin-bottom: 20px; min-height: 41px; }
.employee-tracker .employee-tracker-info p { font-size: 0.55em; color: #eaeaea; margin-left: 50px; text-align: left; }
.employee-tracker .employee-tracker-info img { height: 41px; float: left; }
.employee-tracker .selector-grid.employee-tracker-grid { background-color: #2b91c3; max-height: 296px; padding: 5px; overflow-y: auto; }
.employee-tracker .selector-grid.employee-tracker-grid li { width: 33.3%; }
.employee-tracker .selector-grid.employee-tracker-grid li label { background: #bfe0f1; color: #0a3c7a; font-size: 0.8em; padding: 5px; min-height: 50px; opacity: 1; }
.employee-tracker .selector-grid.employee-tracker-grid li.selected label { background: #004990; color: #ffffff; font-size: 0.8em; border-color: #ffffff; }
.employee-tracker .selector-grid.employee-tracker-grid li label img { float: left; max-width: 50px; max-height: 50px; }
.employee-tracker form { clear: both; }


#FirstWashDiscountButtons {
    font-size: 0.88em;
}


/*ipad specific styling*/
@media only screen and (device-width: 768px) {
    *:not(input, textarea) {
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
}