/*
==================================================
  RESET.CSS
  Clears all browser-applied styles
==================================================
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  /*font-size: 100%;*/
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

:focus {
  outline: 0;
}


/* --- Lists ---------------------------------- */

ol        { list-style-type: decimal;     }
ol ol     { list-style-type: lower-alpha; }
ol ol ol  { list-style-type: lower-roman; }
ul        { list-style-type: square;      }
ul ul     { list-style-type: disc;        }
ul ul ul  { list-style-type: circle;      }


/* --- Tables --------------------------------- */

table {
  border-collapse: separate;
  border-spacing: 0;
}


/* --- Blockquotes ---------------------------- */

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}


/* --- Images --------------------------------- */

img {
  -ms-interpolation-mode: bicubic;
  display: inline-block;
  vertical-align: bottom;
}


/* --- HTML5 Elements ------------------------- */

article, aside, dialog, figure, figcaption, footer,
header, hgroup, menu, nav, section {
  display: block;
}


/* Generated by the super awesome Font Squirrel (http://www.fontsquirrel.com) */

@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/PTS55F-webfont.eot');
    src: url('../fonts/PTS55F-webfont.eot?iefix') format('eot'),
         url('../fonts/PTS55F-webfont.woff') format('woff'),
         url('../fonts/PTS55F-webfont.ttf') format('truetype'),
         url('../fonts/PTS55F-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansBold';
    src: url('../fonts/PTS75F-webfont.eot');
    src: url('../fonts/PTS75F-webfont.eot?iefix') format('eot'),
         url('../fonts/PTS75F-webfont.woff') format('woff'),
         url('../fonts/PTS75F-webfont.ttf') format('truetype'),
         url('../fonts/PTS75F-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* --- Grid Overrides -------------------------------- */

.grid_4_ul {
	display:inline;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 10px;
}

.container_24 .grid_4_ul {
	margin-right: 20px;
}

.grid_7_ul {
	display:inline;
	float: left;
	position: relative;
	margin-left: -5px;
	margin-right: 5px;
}

.container_24 .grid_7_ul {
	width: 280px;
	margin-top: 20px;
}


/* --- Generic -------------------------------- */

body {
	font-family: 'PTSansRegular', Helvetica, Arial, sans-serif;
	font-size: 15px;
	color: #333;
	border-top: 6px solid #ee3a43;
	background-image: url('../img/bg.jpg');
	background-repeat: repeat-x;
}

h1 {
	font-size: 22px;
	color: #31537a;
	font-weight: bold;
	margin-bottom: 20px;
	text-shadow: 0px 1px 1px #999;
}

h2 {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	margin-bottom: 20px;
	text-shadow: 0px 1px 1px #999;
}

h3 {
	font-size: 16px;
	color: #33;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	text-shadow: 0px 1px 1px #888;
}


.blue {
	color: #31537a;
	font-weight: bold;
}

.size_14 {
	font-size: 14px;
}	

.float_left {
	float: left;
}


/* --- Links ---------------------------------- */

a:link, a:visited, a:active {
	font-weight: bold;
	color: #ee3a43;
	text-decoration: none;
}

a:hover {
	color: #c7343c;
}


/* --- Buttons -------------------------------- */

a.button:link, 
a.button:visited, 
a.button:active {
	font-weight: bold;
	color: white;
	text-decoration: none;
	display: block;
	background-color: #ee3a43;
	padding: 7px 10px 7px 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #972f34;
	margin-top: 20px;
}

a.button:hover {
	background-color: #d7343c;
}

.button {
	float: left;
}

.wpcf7-submit {
	font-weight: bold;
	color: white;
	background-color: #ee3a43;
	padding: 7px 10px 7px 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #972f34;
}


/* --- Arrows --------------------------------- */

.arrow {
	color: black;
}


/* --- Social Media --------------------------- */

#social_media {
	float: left;
	margin-left: -2px;
}

#social_media a:link {
	margin-top: 10px;
}

/* --- Header --------------------------------- */

header {
	margin-top: 33px;
	border-bottom: 1px solid #bbb;
	position: relative;
	z-index: 100;
}

#logo {
	float: left;
	width: 195px;
	height: 65px;
	background-image: url('../img/logo2.png');
	background-repeat: no-repeat;
}

#experience_logo {
	float: left;
	width: 335px;
	height: 65px;
	background-image: url('../img/experience_logo2.png');
	background-repeat: no-repeat;
}

#loyalty_logo {
	float: left;
	width: 291px;
	height: 65px;
	background-image: url('../img/loyalty_logo2.png');
	background-repeat: no-repeat;
}

#forgive_logo {
	float: left;
	width: 345px;
	height: 65px;
	background-image: url('../img/forgive_logo2.png');
	background-repeat: no-repeat;
}

#trust_logo {
	float: left;
	width: 271px;
	height: 65px;
	background-image: url('../img/trust_logo2.png');
	background-repeat: no-repeat;
}

#customer_logo {
	float: left;
	width: 410px;
	height: 65px;
	background-image: url('../img/customer_logo2.png');
	background-repeat: no-repeat;
}

#web_logo {
	float: left;
	width: 395px;
	height: 65px;
	background-image: url('../img/web_logo2.png');
	background-repeat: no-repeat;
}

header ul {
	float: right;
	margin-top: 40px;
	
}

header li {
	float: left;
	list-style-type: none;
}

header li a:link, 
header li a:visited, 
header li a:active {
	color: #333;
	display: block;
	border-bottom: 0px solid #ee3a43;
	padding: 0px 5px 21px 5px;
	margin-left: 15px;
}

header li a:hover {
	color: #ee3a43;
	display: block;
	padding: 0px 5px 18px 5px;
	border-bottom: 3px solid #ee3a43;
}


/* --- Drop-down Menu ------------------------- */

.children {
	display: none;
}

/* submenu, it's hidden by default */
nav ul ul {
	background-color: #ee3a43;
	position: absolute;
	display: none; 
	margin: 0px 0px 0px 15px; 
	list-style:none;
	z-index: 200;
	width: 240px;
	-moz-box-shadow: 1px 1px 5px #000000;
	-webkit-box-shadow: 1px 1px 5px #000000;
	box-shadow: 1px 1px 5px #000000;
}
				
nav ul ul li {
	color: #FFFFFF;
	position: relative;
	z-index: 50;
	float:left; 
	font-size:12px;
	display:block;
}

nav ul ul li a:link, 
nav ul ul li a:visited,
nav ul ul li a:active {
	color: #FFFFFF;
	font-size: 13px;
	display: block;
	margin-left: 0px;
	width: 220px;
	border-bottom: 0px;
	padding: 10px;
}

nav ul ul li a:hover {
	background-color: #d7343c;
}


/* --- Slider --------------------------------- */

#slider_container {
	height: 320px;
}

#slider {
	background-color: white;
	margin-top: 20px;
	padding: 20px 25px 25px 25px;
	width: 620px;
	font-size: 14px;
	float: left;
	height: 255px;
	overflow: hidden;
	display: none;
}

#slider p {
	width: 390px;
	float: left;
	margin-top: 20px;
}

#slider img {
	padding: 5px 0px 20px 0px;
}

#slider .button {
	float: right;
}

#slider .fragment {
	height: 255px;
	width: 620px;
	padding: 20px 25px 25px 25px;
	background: #ffffff;
}



/* --- Slider Contact ------------------------- */

#slider_contact {
	background-color: white;
	margin-top: 20px;
	padding: 20px 25px 25px 25px;
	width: 620px;
	font-size: 14px;
	float: left;
	min-height: 205px;
}


/* --- Slider About --------------------------- */

#slider_about {
	background-color: white;
	margin-top: 20px;
	padding: 20px 25px 25px 25px;
	width: 620px;
	font-size: 14px;
	float: left;
	min-height: 205px;
}

#slider_about p {
	float: left;
	font-size: 25px;
	width: 400px;
	margin-top: 35px;
}

#slider_about img {
	float: left;
}


/* --- Sortable Table ------------------------- */

#sortable_table {
	background-color: white;
	margin-top: 20px;
	padding: 20px 25px 25px 25px;
	width: 620px;
	font-size: 14px;
	float: left;
}

#sortable_table h1 {
	float: left;
}

#sortable_table h2 {
	margin-top: 40px;
}

#sortable_table a.button:link, 
#sortable_table a.button:visited, 
#sortable_table a.button:active {
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin-top: 18px;
}
	


/* --- Sidebar Nav ---------------------------- */

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

#sidebar_nav li{
	margin-left:20px;
}

#sidebar_nav li a:link, 
#sidebar_nav li a:visited, 
#sidebar_nav li a:active {
	background-color: #dedbdb;
	font-size: 15px;
	font-weight: bold;
	color: #31537a;
	text-shadow: 0px 1px 1px #aaa;
	filter: dropshadow(color=#aaa, offx=0, offy=1); 
	display: block;
	border-bottom: 1px solid white;
	padding: 19px 0px 15px 20px;
	margin-left: -20px;
	height: 25px;
}

#sidebar_nav li a:hover {
	background-color: #c8c8c8;
}

#sidebar_nav .current_page_item {
	color: #ee3a43;
	background-image: url('../img/arrow.png');
	background-repeat: no-repeat;
	background-position: 15px 0px;
	margin-left:-35px;
	padding-left:55px;
	position:relative;
}

#sidebar_nav .current_page_item a:link,
#sidebar_nav .current_page_item a:visited,
#sidebar_nav .current_page_item a:hover,
#sidebar_nav .current_page_item a:active {
	color: #ee3a43;
	background: none;
	position: relative;
	z-index: 50;
}

#sidebar_nav .current_page_item a:hover{
	color: #ee3a43;
	background: none;
}


/* --- Main Content --------------------------- */

#main_content {
	padding-left: 5px;
	width: 665px;
	padding-top: 20px;
	float: left;
}

#main_content p {
	width: 615px;
}

#main_content ul li {
	background: url(../img/bullet.png) left top no-repeat;
	list-style: none;
	padding-left: 15px;
	width: 615px;
}

#main_content_index {
	padding-left: 5px;
	width: 665px;
	margin-top: 20px;
	float: left;
}

#main_content_index p {
	width: 615px;
}

#main_content_index ul li {
	background: url(../img/bullet.png) left top no-repeat;
	list-style: none;
	padding-left: 15px;
}


/* --- Sidebar -------------------------------- */ 

#sidebar_inside {
	font-size: 14px;
	padding: 0px 0px 20px 20px;
	width: 255px;
	border-left: 1px solid #bbb;
	float: left;
}

#sidebar_inside ul li {
	background: url(../img/bullet.png) left top no-repeat;
	list-style: none;
	padding-left: 15px;
}

#sidebar_inside img {
	margin-bottom: 6px;
}

#sidebar_inside h2 {
	margin-top: 20px;
}

#sidebar {
	font-size: 14px;
	margin-top: -230px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0px 0px 0px 20px;
	width: 255px;
	float: left;
	border-left: 1px solid #bbb;
}

#sidebar ul li {
	background: url(../img/bullet.png) left top no-repeat;
	list-style: none;
	padding-left: 15px;
}

#sidebar img { /* --- For the Download Arrow --- */
	margin-bottom: 6px;
}


/* --- Purchasing ----------------------------- */

#pricing {
	border-top: 1px solid #bbb;
	margin-top: 30px;
}

#ERpricing {
	border:none;
	margin:0;
}

#pricing .grid_8 ul, #ERpricing .grid_8 ul {
	font-size: 13px;
	width: 280px;
}

#pricing h3, #ERpricing h3 {
	color: #31537a;
}

#pricing h2, #ERpricing h2 {
	margin-top: 20px;
} 

#pricing ul li, #ERpricing ul li {
	background: url(../img/bullet.png) left top no-repeat;
	list-style: none;
	padding-left: 15px;
}


/* --- Contact Form --------------------------- */

#form {
	min-height: 360px;
}

#form p {
	margin-bottom: 10px;
	width: 290px;
}

#form textarea {
	width: 290px;
}


/* --- Footer --------------------------------- */

footer {
	font-size: 12px;
	color: #666;
	border-top: 1px solid #bbb;
	padding-top: 10px;
	margin-top: 30px;
	margin-bottom: 20px;
	float: left;
}

footer p {
	float: left;
	display: block;
}

footer ul {
	list-style-type: none;
	float: right;
}

footer li {
	float: left;
	padding-left: 10px;
}

footer a:link, footer a:visited, footer a:active {
	display: inline-block;
	font-size: 12px;
	color: #666;
	border-bottom: none;
	font-weight: normal;
}

footer a:hover {
	color: #333;
}





/* --- Data Table ----------------------------- */

.prepend::before {
	content: "+";
}

.red_paren::before {
	content: "(";
}

.red_paren::after {
	content: ")";
}

.red_paren {
	color: #d7343c;
	font-weight: bold;
}



.dataTable {
	display: none;
}

a.download-list {
	float:left;
	margin-left:343px;
	margin-top:-26px!important;
}

/* --- Temkin Ratings UK --------------------- */

footer p {
	float: left;
	display: block;
}

footer p.visitUK {
	margin-left:150px;
}

footer p.visitUK a {
	color: #ee3a43;
}

footer p.visitUK a:hover {
	color:#c7343c;
}