



		






		
		
		
		
		

.transparency					{ background-color: rgba(255,255,255,0.8); color: #171270;}
	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}html{overflow-y:scroll;}body{-webkit-text-size-adjust:none;}sub, sup{font-size:75%; line-height:0; position:relative;}sup{top:-0.5em;}sub{bottom:-0.25em;}pre {white-space:pre; white-space:pre-wrap; word-wrap:break-word; padding:15px;}textarea {overflow:auto;}.ie6 legend, .ie7 legend {margin-left:-7px;} input[type="radio"], input.radio {vertical-align:text-bottom;}input[type="checkbox"], input.checkbox, .checkboxes input {vertical-align:bottom;}.ie7 input[type="checkbox"], .ie7 input.checkbox, .ie7 .checkboxes input {vertical-align:baseline;}.ie6 input {vertical-align: text-bottom;}label, input[type="button"], input[type="submit"], input[type="image"], button, .btn {cursor:pointer;}button, input, select, textarea {margin:0;}/* .checkbox, .radio {float:left; width:13px; height:13px; margin-right:6px; padding:0;} */button {width:auto; overflow:visible;}.ie7 img {-ms-interpolation-mode: bicubic;}.ir {display:block; text-indent:-999em; overflow:hidden; background-repeat:no-repeat; text-align:left; direction:ltr; }.hidden {display:none; visibility:hidden; }.visuallyhidden {border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;}.invisible {visibility:hidden;}blockquote, q {quotes:none;}blockquote:before, blockquote:after, q:before, q:after {content: ''; content:none;}ins {background-color:#ff9; color:#000; text-decoration:none;}mark {background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}del {text-decoration: line-through; }abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}input, select {vertical-align:middle;}a:hover, a:active {outline: none;}.content ul, .content ol {margin-left:2em;}ol {list-style-type:decimal;}ul li {list-style-type:none;}nav ul, nav li {margin:0; list-style:none; list-style-image:none;}/*	960 Grid System ~ Core CSS.	Learn more ~ http://960.gs/	Licensed under GPL and MIT.*//* =Containers--------------------------------------------------------------------------------*/.container_12,.container_16{	width: 92%;	margin: 0 auto;}/* =Grid >> Global--------------------------------------------------------------------------------*/.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{	display: inline;	float: left;	margin-left: 1%;	margin-right: 1%;}.container_12 .grid_3,.container_16 .grid_4{	width: 23%;}.container_12 .grid_6,.container_16 .grid_8{	width: 48%;}.container_12 .grid_9,.container_16 .grid_12{	width: 73%;}.container_12 .grid_12,.container_16 .grid_16{	width: 98%;}/* =Grid >> Children (Alpha ~ First, Omega ~ Last)--------------------------------------------------------------------------------*/.alpha{	margin-left: 0;	margin-right: 2%;}.omega{	margin-right: 0;	margin-left: 2%;}/* =Grid >> 12 Columns--------------------------------------------------------------------------------*/.container_12 .grid_1{	width: 6.333%;}.container_12 .grid_2{	width: 14.666%;}.container_12 .grid_4{	width: 31.333%;}.container_12 .grid_5{	width: 39.666%;}.container_12 .grid_7{	width: 56.333%;}.container_12 .grid_8{	width: 64.666%;}.container_12 .grid_10{	width: 81.333%;}.container_12 .grid_11{	width: 89.666%;}/* =Grid >> 16 Columns--------------------------------------------------------------------------------*/.container_16 .grid_1{	width: 4.25%;}.container_16 .grid_2{	width: 10.5%;}.container_16 .grid_3{	width: 16.75%;}.container_16 .grid_5{	width: 29.25%;}.container_16 .grid_6{	width: 35.5%;}.container_16 .grid_7{	width: 41.75%;}.container_16 .grid_9{	width: 54.25%;}.container_16 .grid_10{	width: 60.5%;}.container_16 .grid_11{	width: 66.75%;}.container_16 .grid_13{	width: 79.25%;}.container_16 .grid_14{	width: 85.5%;}.container_16 .grid_15{	width: 91.75%;}/* =Prefix Extra Space >> Global--------------------------------------------------------------------------------*/.container_12 .prefix_3,.container_16 .prefix_4{	padding-left: 25%;}.container_12 .prefix_6,.container_16 .prefix_8{	padding-left: 50%;}.container_12 .prefix_9,.container_16 .prefix_12{	padding-left: 75%;}/* =Prefix Extra Space >> 12 Columns--------------------------------------------------------------------------------*/.container_12 .prefix_1{	padding-left: 8.333%;}.container_12 .prefix_2{	padding-left: 16.666%;}.container_12 .prefix_4{	padding-left: 33.333%;}.container_12 .prefix_5{	padding-left: 41.666%;}.container_12 .prefix_7{	padding-left: 58.333%;}.container_12 .prefix_8{	padding-left: 66.666%;}.container_12 .prefix_10{	padding-left: 83.333%;}.container_12 .prefix_11{	padding-left: 91.666%;}/* =Prefix Extra Space >> 16 Columns--------------------------------------------------------------------------------*/.container_16 .prefix_1{	padding-left: 6.25%;}.container_16 .prefix_2{	padding-left: 12.5%;}.container_16 .prefix_3{	padding-left: 18.75%;}.container_16 .prefix_5{	padding-left: 31.25%;}.container_16 .prefix_6{	padding-left: 37.5%;}.container_16 .prefix_7{	padding-left: 43.75%;}.container_16 .prefix_9{	padding-left: 56.25%;}.container_16 .prefix_10{	padding-left: 62.5%;}.container_16 .prefix_11{	padding-left: 68.75%;}.container_16 .prefix_13{	padding-left: 81.25%;}.container_16 .prefix_14{	padding-left: 87.5%;}.container_16 .prefix_15{	padding-left: 93.75%;}/* =Suffix Extra Space >> Global--------------------------------------------------------------------------------*/.container_12 .suffix_3,.container_16 .suffix_4{	padding-right: 25%;}.container_12 .suffix_6,.container_16 .suffix_8{	padding-right: 50%;}.container_12 .suffix_9,.container_16 .suffix_12{	padding-right: 75%;}/* =Suffix Extra Space >> 12 Columns--------------------------------------------------------------------------------*/.container_12 .suffix_1{	padding-right: 8.333%;}.container_12 .suffix_2{	padding-right: 16.666%;}.container_12 .suffix_4{	padding-right: 33.333%;}.container_12 .suffix_5{	padding-right: 41.666%;}.container_12 .suffix_7{	padding-right: 58.333%;}.container_12 .suffix_8{	padding-right: 66.666%;}.container_12 .suffix_10{	padding-right: 83.333%;}.container_12 .suffix_11{	padding-right: 91.666%;}/* =Suffix Extra Space >> 16 Columns--------------------------------------------------------------------------------*/.container_16 .suffix_1{	padding-right: 6.25%;}.container_16 .suffix_2{	padding-right: 16.5%;}.container_16 .suffix_3{	padding-right: 18.75%;}.container_16 .suffix_5{	padding-right: 31.25%;}.container_16 .suffix_6{	padding-right: 37.5%;}.container_16 .suffix_7{	padding-right: 43.75%;}.container_16 .suffix_9{	padding-right: 56.25%;}.container_16 .suffix_10{	padding-right: 62.5%;}.container_16 .suffix_11{	padding-right: 68.75%;}.container_16 .suffix_13{	padding-right: 81.25%;}.container_16 .suffix_14{	padding-right: 87.5%;}.container_16 .suffix_15{	padding-right: 93.75%;}/* `Push Space >> 12 Columns----------------------------------------------------------------------------------------------------*/.push_1, .pull_1,.push_2, .pull_2,.push_3, .pull_3,.push_4, .pull_4,.push_5, .pull_5,.push_6, .pull_6,.push_7, .pull_7,.push_8, .pull_8,.push_9, .pull_9,.push_10, .pull_10,.push_11, .pull_11 {  position: relative;}.container_12 .push_1 {  left: 8.333%;}.container_12 .push_2 {  left: 16.666%;}.container_12 .push_3 {  left: 25%;}.container_12 .push_4 {  left: 33.333%;}.container_12 .push_5 {  left: 41.666%;}.container_12 .push_6 {  left: 50%;}.container_12 .push_7 {  left: 58.333%;}.container_12 .push_8 {  left: 66.666%;}.container_12 .push_9 {  left: 75%;}.container_12 .push_10 {  left: 83.333%;}.container_12 .push_11 {  left: 91.666%;}/* `Pull Space >> 12 Columns----------------------------------------------------------------------------------------------------*/.container_12 .pull_1 {  left: -8.333%;}.container_12 .pull_2 {  left: -16.666%;}.container_12 .pull_3 {  left: -25%;}.container_12 .pull_4 {  left: -33.333%;}.container_12 .pull_5 {  left: -41.666%;}.container_12 .pull_6 {  left: -50%;}.container_12 .pull_7 {  left: -58.333%;}.container_12 .pull_8 {  left: -66.666%;}.container_12 .pull_9 {  left: -75%;}.container_12 .pull_10 {  left: -83.333%;}.container_12 .pull_11 {  left: -91.666%;}/* =Clear Floated Elements--------------------------------------------------------------------------------*/.clearfix:before,.clearfix:after {  content: '\0020';  display: block;  overflow: hidden;  visibility: hidden;  width: 0;  height: 0;}.clearfix:after {  clear: both;}/*  The following zoom:1 rule is specifically for IE6 + IE7.  Move to separate stylesheet if invalid CSS is a problem.*/.clearfix {  zoom: 1;}/* BASE TYPOGRPHY */
body { font-size: 100%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:400; }
p 	{margin-top:0px;}
h1,
h2,
h3,
h4,
h5,
h6					{ color: #a3a3a3; font-family: Tahoma, Verdana, Segoe, sans-serif; margin-top:0; font-weight: 600;}		
.typography p, .typography li	{color:  #171270; }
a:link,
a:visited			{ color: #2c23db; text-decoration: none;}
a:hover				{ color: #a3a3a3;}


.smaller			{ font-size: 0.75em;}

/* HEADERS */
.typography h1,
.typography h2,
.typography h3,
.typography h4,
.typography h5,
.typography h6 {
    margin-bottom: 20px;clear: left; 
}
.typography h1 {
  font-size: 2.6em;
  margin: 0 0 20px 0;
  line-height: 1.2em;

}
.typography h2 { font-size:1.95em; line-height: 1.2em; margin-bottom: 15px; }
.typography h3 { font-size: 1.43em; line-height:  1.2em; margin-bottom: 10px; }
.typography h4, .price { font-size: 1.17em; line-height: 1.1em; margin-bottom: 5px; }
.typography h5 { font-size: 1.04em; line-height: 1em; margin-bottom: 5px; }
.typography h6 { font-size: 1em; line-height: 2em; font-weight: bold; margin-bottom: 5px; }

.typography hgroup h1 { margin-bottom: 0px;}

/* PARAGRAGHS */
.typography  p { margin: 0 0 20px; line-height: 1.8em; text-align: justify; font-size:0.9em; font-weight:400;}
aside .typography  p { font-size: 0.9em; margin: 0 0 20px; }
.typography em { font-style: italic; }
.typography strong	{ font-weight:600;}

/* LIST STYLES
-------------------------------------------- */
aside .typography ul, 
aside .typography ol,
aside .typography dl { margin-left: 10px; }

.typography ul, 
.typography ol,
.typography dl { margin: 0 0 20px 45px;font-weight:400; }
.typography ul li { list-style-type: disc; } /* adds disc style bullet to the list */
  .typography li { margin-bottom: 5px; }



aside .typography li { margin-left:10px !important; font-size: 0.9em; }
ul.left	{ float: left; margin-right: 2em; padding-left: 1em; }
ul.left:before,
ul.left:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
ul.left:after {
  clear: both;
}

/* TABLE STYLES
-------------------------------------------- */
.typography table {
    border-collapse: collapse; /* borders are collapsed into a single border when possible */
    border: 1px solid #d4d4d4;
    border-spacing: 0; /* The border-spacing property sets the distance between the borders of adjacent cells - acts as a backup to border-collapse: collapse */
    margin: 0 0 10px;
    text-align: left;
}
  .typography table tr:nth-child(even) {
      background-color: #ededed
  }
  .typography table tr.even,
  .typography table th,
  .typography thead td {
      background-color: #ededed
  }
  .typography table td,
  .typography table th {
      padding: 2px 5px;
      border: 1px solid #d4d4d4;
      vertical-align: top;
  }
  .typography table th {
      font-weight: bold;
  }
  .typography table td p,
  .typography table td h3 { margin-left: 0px !important; margin-right: 0px !important;}


/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
.typography .left {
    text-align: left
}
.typography .center {
    text-align: center
}
.typography .right {
    text-align: right
}


/* IMAGES 
-------------------------------------------- */
.typography img {
    border: 2px solid #333;
    height: auto; /* resets the image height so that it maintains its aspect ratio when width is set */
}
.typography img.no-border	{ border: none;}

.typography img.left {
    float: left;
    max-width: 50%;
    margin: 5px 20px 10px 0;
}
.typography img.right {
    float: right;
    max-width: 50%; /* Responsive width */
    margin: 5px 0 10px 20px;
}
.typography img.leftAlone {
    float: left;
    margin-right: 100%;
    margin-bottom: 10px;
    clear: both;
}
.typography img.center {
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 10px;
    clear: both;
}

/* ADDRESS
-------------------------------------------- */
address {
  display: block;
  margin-bottom: 20px;
}

/* My Custom Classes
-------------------------------------------- */
.typography .red-ticks,.typography .red-crosses 		{ margin-left:10px !important;}
.typography .orange-ticks,.typography .orange-crosses 		{ margin-left:10px !important;}
.typography .green-ticks 	{ margin-left:10px !important;}
.typography .blue-ticks 	{ margin-left:10px !important;}
.typography .yellow-ticks 	{ margin-left:10px !important;}
.typography .white-ticks,.typography .white-crosses 	{ margin-left:10px !important;}
.typography .black-ticks,.typography .black-crosses 	{ margin-left:10px !important;}

.typography .red-ticks li	{ list-style:url(../images/red-tick.png) outside;  }
.typography .orange-ticks li	{ list-style:url(../images/orange-tick.png) outside;  }
.typography .green-ticks li	{ list-style:url(../images/green-tick.png) outside;  }
.typography .blue-ticks li	{ list-style:url(../images/blue-tick.png) outside;  }
.typography .yellow-ticks li	{ list-style:url(../images/yellow-tick.png) outside;  }
.typography .white-ticks li	{ list-style:url(../images/white-tick.png) outside;  }
.typography .black-ticks li	{ list-style:url(../images/black-tick.png) outside;  }

.typography .red-crosses li	{ list-style:url(../images/red-cross.png) outside;  }
.typography .orange-crosses li	{ list-style:url(../images/orange-cross.png) outside;  }
.typography .black-crosses li	{ list-style:url(../images/black-cross.png) outside;  }
.typography .white-crosses li	{ list-style:url(../images/white-cross.png) outside;  }

.clear-images				{ clear: both;}

.typography .image-shadow{
	-webkit-box-shadow:  0px 0px 5px 0px rgba(23,18,112,0.9);
	box-shadow:  0px 0px 5px 0px rgba(23,18,112,0.9);
}
.handwriting {font-family: 'Satisfy', cursive; font-size: 1.3em; font-weight: 400; padding-top: 5px;}
.typography .text-shadow{
	text-shadow: 0px 0px 2px rgba(23,18,112,0.9);
}

.white-text	{color: #fff !important;}
.grey-text	{color: #555 !important;}
.black-text	{color: #000 !important;}
.red-text	{color: #F00 !important;}

/** ----------------------------------------------------------
 *
 * This stylesheet includes both generic form styles and 
 *    additional form styles for the User Defined Form Module.
 *
 ** ------------------------------------------------------- */


/* GENERIC FORMS
----------------------------------------------- */

form {
    width: 100%;
	display: inline-block;
	vertical-align:top;
}

div.field {
    margin: 10px 0 15px;
}
#recaptcha_widget_div { margin-left: 30% ; display: inline-block;}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
form label {
    margin-bottom: 5px;
}
    form label.left {
       float: left;
        font-weight: bold;
		width: 30%;
		font-size:0.9em;
    }
    form label.right {
        font-size: 12px;
        color: #888;
    }

form input.text,
form textarea,
form .textajaxuniquetext,   /* Not sure if this is used? */
form select {
    width: 100%;
    max-width: 400px;
    padding: 6px 5px;
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #555;
}
    .ie7 form select { width: 400px; } /* fix for ie7's rendering of max-width property on select input */

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus {
    outline:none;
}
form input[disabled], form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}


/* Radio and Checkbox */
.field .checkbox, .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
    .checkbox label.right,
    .radio label.right {
        float: left;
    }


/* Messages */
form .message {
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    border-radius: 3px;
}
    form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
    }
    form .bad, form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: rgba(163,163,163,1);
    }


/* ACTIONS */
.Actions {
    margin-bottom: 20px;
}
    a.btn, button, input[type="submit"], .Actions .action {
        background: rgba(23,18,112,1);
        color: #a3a3a3;
        display: inline-block;
        border-radius: 4px;
        padding: 6px 15px;
        margin-top: 10px;
        margin-bottom: 10px;
        text-transform: uppercase;
        letter-spacing: 1px;
        border: none;
        font-size: 13px;
        margin-right: 10px;
        float: left;
    }
    a.btn:hover, button, input[type="submit"]:hover, .Actions .action:hover {
        background: #a3a3a3;
        color: #171270;
    }
    a.btn {
        line-height: 18px;
        margin-bottom: 10px;
    }
    a.btn:after {                     /* creates arrow in button */
        content: '\2192';
        padding-left: 10px;
    }
    .ie7 input.action {
        width: 0;                     /* IE table-cell margin fix */
        overflow: visible;
    }
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    .ie7 .Actions .action {
        float: left;
    }
    .Actions:after {
        color: rgba(23,18,112,1);
        content: "* Indicates a required field";
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }
    #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    #Remember {
        min-height: 20px;
    }
    #ForgotPassword {
        clear: left;
    }
    #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
.FormHeading {
    clear: both;
    padding-top: 15px;
}
form .date .middleColumn input {
    /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
    width: 114px;
}
.Actions input.resetformaction {                  /* Clear button */
    float: left;
    background-color: #888;
}
.Actions input.resetformaction:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */
.checkbox label.right {
    font-size: 13px;                            /* reset to default */
    color: #333;                                /* reset to default */
}
form .requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
    color: rgba(23,18,112,1);
    content: "*";
    font-size: 14px;
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
form .checkboxset ul,
form .optionset ul {
    margin: 0;
}
    form .checkboxset li,
    form .optionset li {
        margin-bottom: 5px;
        list-style-type:none;
    }
    form div.checkbox:after { /* clearfix */
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    form .checkbox .checkbox { clear: both; }

/* Messages */
span.message {
    margin: 10px 0;
    display: block;
    max-width: 390px;
    clear: left;
}
div.holder-required {               /* This class needs to be changed - is used for both input and div */
    /* background-color: #f9d0d0;
    border: 1px solid #cf0000;
    padding: 10px;
    margin-left: -11px; */
}
form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 1px solid #cf0000; 
}

/* Error messages */
input:invalid,
textarea:invalid {
    border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red;
    -webkit-box-shadow: 0px 0px 5px red;
    box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
    background-color: #f0dddd
}

/* To test - potentially not needed? */
.ss-uploadfield-item-info button{
    margin-top: 4px !important;
    float: left;
}
form .creditCardField input,
form input.currency,
form input.numeric {
    width: 50px;
}
form #DMYDate-month,
form #DMYDate-day {
    width: 25px
}
/* COPPIED FROM ADDITIONAL CONFIG
--------------------------------------- */
.transparency					{background-color: rgba(255,255,255,0.8);}
.colour1						{ color:rgba(23,18,112,1);}
.colour1.solid					{ background-color: rgba(23,18,112,1); }
.colour1.tint 					{ background-color: rgba(23,18,112,1); }
.colour1.gradient 				{ background: rgba(23,18,112,1);
							 	  background: -moz-linear-gradient(top,  rgba(23,18,112,1) 0%, rgba(23,18,112,1) 100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(23,18,112,1)), color-stop(100%,rgba(23,18,112,1)));
							 	  background: -webkit-linear-gradient(top,  rgba(23,18,112,1) 0%,rgba(23,18,112,1) 100%);
							 	  background: -o-linear-gradient(top,  rgba(23,18,112,1) 0%,rgba(23,18,112,1) 100%);
							 	  background: -ms-linear-gradient(top,  rgba(23,18,112,1) 0%,rgba(23,18,112,1) 100%);
							 	  background: linear-gradient(to bottom,  rgba(23,18,112,1) 0%,rgba(23,18,112,1) 100%);
								}
.colour1-text					{ color: rgba(23,18,112,1) !important;}	/* Typography */

.colour2						{ color:rgba(163,163,163,1); }
.colour2.solid					{ background-color: rgba(163,163,163,1); }
.colour2.tint 					{ background-color: rgba(163,163,163,1);}
.colour2.gradient 				{ color:#171270;
							 	  background: rgba(163,163,163,1);
							 	  background: -moz-linear-gradient(top,  rgba(163,163,163,1) 0%, rgba(163,163,163,1) 100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(163,163,163,1)), color-stop(100%,rgba(163,163,163,1)));
							 	  background: -webkit-linear-gradient(top,  rgba(163,163,163,1) 0%,rgba(163,163,163,1) 100%);
							 	  background: -o-linear-gradient(top,  rgba(163,163,163,1) 0%,rgba(163,163,163,1) 100%);
							 	  background: -ms-linear-gradient(top,  rgba(163,163,163,1) 0%,rgba(163,163,163,1) 100%);
							 	  background: linear-gradient(to bottom,  rgba(163,163,163,1) 0%,rgba(163,163,163,1) 100%);
								}
.colour2-text					{ color: rgba(163,163,163,1) !important;}	/* Typography */


.background.solid				{ background: #ffffff;}
.background.gradient			{ background: #ffffff;
							 	  background: -moz-linear-gradient(top,  #ffffff 0%,100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,));
							 	  background: -webkit-linear-gradient(top,  #ffffff 0%,100%);
							 	  background: -o-linear-gradient(top,  #ffffff 0%,100%);
							 	  background: -ms-linear-gradient(top,  #ffffff 0%,100%);
							 	  background: linear-gradient(to bottom,  #ffffff 0%,100%);
								}
.background.image				{ background-image:url(/assets/); background-position: center; background-repeat: no-repeat; background-size:cover;}

.content-background.solid		{ background: #ffffff;}
.content-background.gradient	{ background: #ffffff;
							 	  background: -moz-linear-gradient(top,  #ffffff 70%,100%);
							 	  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#ffffff), color-stop(100%,));
								  background: -webkit-linear-gradient(top,  #ffffff 70%,100%);
							 	  background: -o-linear-gradient(top,  #ffffff 70%,100%);
								  background: -ms-linear-gradient(top,  #ffffff 70%,100%);
								  background: linear-gradient(to bottom,  #ffffff 70%,100%);
								}

/* DOM 
--------------------------*/
body							{color: #171270; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
.container_12					{ max-width: 1100px; /*min-width:960px;*/ margin: 0px auto;}
article							{ margin-top: 20px;}
aside							{ margin-top: 10px;}

.background-slides 					{ position:fixed; top: 0px; left: 0px; width: 100%; height: auto; z-index: -5;}
.background-slides img				{ width: 100%; height: auto; display: none;}
.background-image					{ position:fixed; top: 0px; left: 0px; width: 100%; height: auto; z-index: -5;}	
.background-image img				{ width: 100%; height: auto; }
/* iphone safari overide */
a[href^=tel] 					{ text-decoration:inherit; color: inherit;}

.colour1 p,
.colour2 a:link,
.colour2 a:visited				{ color: #a3a3a3;}
a.subscribeLink					{ background:url(../images/icons16-dark.png) right no-repeat; background-position:100% 1px; padding-right: 25px;}
a.subscribeLink:hover			{ background-image:url(../images/icons16-white.png); }


/* iphone safari overide */
a[href^=tel] 					{ text-decoration:inherit; color: inherit;}

/* Header & Navigation
--------------------------*/
#header							{ padding-bottom: 0px;}
#branding						{ height: auto; margin: 20px 0;}
.main-logo						{ margin-right:30px; max-width: 100%; display: block; float: left;}
.tablet-nav #header .main-logo  {	max-width: 100% !important;	}
.tablet-nav .main-logo img  	{ width: 100%; height: auto; padding-right: 10%; }

.main-tel						{ text-align: right; 
							  	font-size: 0.9em;
							  	float: right; 
							  	clear: right; 
							 	 line-height:1.6em;
							  	color: #171270;
							 	}
.main-tel em					{ font-size: 2.2em; line-height:1.2em;}
.main-tel strong				{ font-size: 1.6em; line-height:1.3em; color: #171270;}
.main-tel img					{ vertical-align:middle; margin-left: 10px;}


/*		COPIED FROM ADDITIONAL CONFIG
----------------------------------------- */
#main-navigation				{border: 1px solid #171270; font-family: Tahoma, Verdana, Segoe, sans-serif; font-size: 1em;}
#main-navigation.solid			{ background: #171270; }
#main-navigation.gradient		{  background: #171270;
									background: -moz-linear-gradient(top, #171270 0%, #171270 100%);
									background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#171270), color-stop(100%,#171270));
									background: -webkit-linear-gradient(top, #171270 0%,#171270 100%);
									background: -o-linear-gradient(top, #171270 0%,#171270 100%);
									background: -ms-linear-gradient(top, #171270 0%,#171270 100%);
									background: linear-gradient(to bottom, #171270 0%,#171270 100%);
								 }

#main-navigation ul				{margin-top: 0px;}
#main-navigation ul	li,
.nav-tel					{ color: #a3a3a3;}

#main-navigation li:first-child { border-radius: 5px 0px 0px 5px;
							 	  -moz-border-radius: 5px 0px 0px 5px;
								  -webkit-border-radius: 5px 0px 0px 5px;
								  overflow: hidden;
}

#main-navigation.solid li a:hover,
#main-navigation.solid li a.current,
#main-navigation.solid li a.section { background: #a3a3a3; color: #171270; }

#main-navigation.gradient li a:hover,
#main-navigation.gradient li a.current,
#main-navigation.gradient li a.section { color: #171270 ;
											   background: #a3a3a3;
											   background: -moz-linear-gradient(top, #a3a3a3 0%, #a3a3a3 100%);
											   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a3a3a3), color-stop(100%,#a3a3a3));
											   background: -webkit-linear-gradient(top, #a3a3a3 0%,#a3a3a3 100%);
											   background: -o-linear-gradient(top, #a3a3a3 0%,#a3a3a3 100%);
											   background: -ms-linear-gradient(top, #a3a3a3 0%,#a3a3a3 100%);
											   background: linear-gradient(to bottom, #a3a3a3 0%,#a3a3a3 100%);
}


/*--------------------------------*/
nav.secondary 		{ width: 100%; margin-bottom: 20px; margin-left: 0px; }
nav.secondary a 	{ line-height: 1.3; font-size: 1em; }
nav.secondaryockLink ul 	{ margin-left: 0px !important;}
nav.secondary li.has-sub ul	{ display: none; height: auto; position: relative;}
nav.secondary li.section ul	{ display: block; height: auto; position: relative;}
/* level 2 */
nav.secondary > ul > li 	{ font-size: .9em;
							  display: block;
							  background: url(../images/pattern.png) top left repeat;
							  border-bottom: 1px solid rgba(163,163,163,1);
							  border-top: none;
							  padding: 12px 10px;
							}

nav.secondary li a { font-weight:600; color: rgba(23,18,112,1); display: inline-block; max-width:90%; padding-right: 20px; background:url(../images/arrow-right-8x8.png) center right no-repeat; }
nav.secondary li.section,
nav.secondary li.current,
nav.secondary li:hover { background-color: rgba(23,18,112,1); color: #a3a3a3; font-weight:900;}
/* plus & minus icons */
nav.secondary a.toggle  { background: url(../images/icon_plus.png) center center no-repeat; float: right; width: 20px; height: 20px;}
nav.secondary li.has-sub.open { padding-bottom: 0px;}
nav.secondary li.open a.toggle { background: url(../images/icon_minus.png) center center no-repeat;}


/*third level */
nav.secondary li ul 	{padding:5px 0px; margin: 5px -10px 0; padding: 5px 10px; font-size: 0.95em;}
nav.secondary li ul li  { padding: 5px 0;}
nav.secondary li ul li:hover {background: none !important;}

nav.secondary li ul a:link,
nav.secondary li ul a:visited 	{color: #171270; font-weight: normal;}
nav.secondary li:hover ul a:link,
nav.secondary li:hover ul a:visited 	{color: #171270 !important;}
nav.secondary li:hover ul a:hover	  	{color: #171270 !important;}

nav.secondary li.section ul a:link,
nav.secondary li.section ul a:visited 	{color: #171270;}
nav.secondary li.section ul a:hover 	{color: #171270;}
nav.secondary li ul.sub-menu li.current	{background: none !important;}

nav.secondary li:hover a,
nav.secondary li.current a,
nav.secondary li.section a { color: rgba(163,163,163,1);}
nav.secondary li.current ul a { color: #171270;}


/*--------------------*/



#main-navigation			{ clear:both; 
							  display: block; 
							  position: relative;
							  margin: 10px 0 0;
							}
#main-navigation li			{ float:left; }
#main-navigation li.current { font-weight: bold;}

#main-navigation a:link,
#main-navigation a:visited	{ color: inherit; display: block; padding: 0.5em 1.2em;}


/* sub */
#main-navigation ul ul { display:none; width:auto; position:absolute; z-index: 10; }
#main-navigation ul ul li { float:none !important; background: #171270;}
#main-navigation ul ul li:first-child { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;}
#main-navigation ul ul li:hover{ background: #171270;}
#main-navigation ul ul a { font-size:0.9em; }
/*nav ul ul a:hover { background-color:#555; }
*/


.nav-open-button	{ display: none;}

	/* tablet Navigation*/

	.tablet-nav #header .main-logo {
		margin-bottom: 22px;
	}
	
	.tablet-nav #header #main-navigation { overflow: visible; border: none;}
	.tablet-nav .nav-open-button { /* styling and positioning of the nav toggle button */
		    z-index: 100;
		    width: 50px;
		    height: 50px;
		    position: relative;
		    float:right;
		    display: block;
		    cursor: pointer;
			background: url(../images/small-menu.png) no-repeat top left;
			background-size:contain;
			margin: 5px;
		}
		.tablet-nav #header #main-navigation ul {
		    z-index: 10;
		    position: relative;
		    display: none; /* initially hiding the navigation */
		    margin: 0;
		    padding: 0;
		    white-space: normal;
		    width: 100%;
		}
			.tablet-nav #header #main-navigation ul li {
			    width: 100%;
			    margin: 0;
			    padding: 5px 0;
			    float: none; /* displays list items vertically */
			    background: none;
			    position: relative;
			}
			.tablet-nav #header #main-navigation ul li a,
			.tablet-nav #header #main-navigation ul li.current a,
			.tablet-nav #header #main-navigation ul li.section a { /* styling the  top level nav links */
			    padding: 10px 0 10px 22px;
			    font-weight: bold;
			}


#MainContent p,
#MainContent h1,
#MainContent h2,
#MainContent h3,
#MainContent h4,
#MainContent h5,
#MainContent h6,
#MainContent form			{ margin-left: 10px; margin-right: 10px;}

.productList							{ margin-left: 0px !important;}
.productList li 						{ display: inline-block; margin: 0px 10px 10px 0px !important; padding: 10px; border: 1px solid #CCC; width: 29%;}
.productList li h3						{ height: 43px; margin-bottom: 5px; text-align:left; font-size: 1em;}
.productImage							{ margin-bottom: 100px !important; }
.buyNow:link, .buyNow:visited			{ background:rgba(23,18,112,1); color:#a3a3a3 !important; padding: 3px 10px; margin: 5px; float: right;}
.buyNow:hover							{ color: #171270 !important; background: rgba(163,163,163,1);}
.price									{ color:rgba(23,18,112,1) !important; font-weight: bold; font-size: 1.4em !important;}

.ProductDetails							{ display: block; float: left; width: 100%; margin-bottom: -50px;}
.ProductDetails	h1						{ clear: none !important;}			
.productList a							{ overflow: hidden; display: block;}

#PageLogoSet					{ margin-bottom: 2em; padding-top: 2em;padding-bottom: 2em; border-top: 1px solid rgba(255,255,255,0.8); border-bottom: 1px solid rgba(255,255,255,0.8); clear:both;}
#PageLogoSet ul				{ text-align: center;}
#PageLogoSet li				{ display: inline-block; margin: auto; vertical-align: middle;  padding: 0px 2%;}
#PageLogoSet ul li:first-child	{ padding-left: 0; }
#PageLogoSet ul li:last-child		{ padding-right: 0; }

/* SlideShow 
--------------------------*/
#slideshow,
#SingleSlideshow			{ width: 100%; height: 300px; overflow: hidden; margin-bottom: 20px; }
#badge						{ position: relative; left: 79%; top: -350px; margin-bottom: -350px;height: auto; width: 220px; z-index: 100;}
.slider 					{ overflow: hidden; position: relative; }
.slider a					{ text-decoration: none; outline: none; border: none; }

.cs-buttons 					{ font-size: 0px; float: right; top: -40px; right: 1% !important; position: relative; z-index: 1001;}
.cs-buttons a 					{ margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active 						{ background-color: #B8C4CF; color: #FFFFFF; }

.cs-title 						{ width: 98%; padding: 10px 1%;background-color: rgba(255,255,255,0.8); color:#171270;}
.cs-title h2					{ font-size: 2em; text-transform: uppercase; margin-bottom: 7px; margin-top: 0px; font-weight: bold;color:rgba(23,18,112,1);}
.cs-prev, .cs-next 				{ padding: 0px 10px; background-color: rgba(255,255,255,0.8); color:#171270;}

#SingleSlideshow img			{position: relative; top: 0px; left: 0px;}
#SingleSlideshow div			{ position: relative; top: -100%; margin-left: 20px;}

/* Block Links 
--------------------------*/
#BlockLinks						{ display:block; clear: both; margin-top:0px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(163,163,163,1);}
#BlockLinks .blocklink			{ margin-bottom: 15px; overflow: hidden; border: 1px solid rgba(255,255,255,0.8); box-sizing:border-box; -moz-box-sizing:border-box;}
#BlockLinks .blocklink a:link,
#BlockLinks .blocklink a:visited			{ color: inherit; opacity: 1;text-align: left; }
#BlockLinks .blocklink a:hover				{ color: inherit; opacity: 0.9;}
#BlockLinks .blocklink img					{ display: block; margin: 0 auto;border: none !important; }
#BlockLinks .blocklink strong				{ z-index: 2; 
								  display: block; 
								  padding: 5px; 
								  
								  position: relative; 
								  top: -30px; 
								  margin-bottom: -30px; 
								  text-transform:uppercase;
								  font-weight: 700;
								}
#BlockLinks .blocklink.icon			{ margin-bottom: 10px; overflow: hidden;}
#BlockLinks .blocklink.icon a:link,
#BlockLinks .blocklink.icon a:visited			{ color: inherit; opacity: 0.9; text-align: center; }
#BlockLinks .blocklink.icon a:hover				{ color: inherit; opacity: 1;}
#BlockLinks .blocklink.icon img					{ text-align: center; border: none;}
#BlockLinks .blocklink.icon strong				{ z-index: 2; 
								  display: block; 
								  padding: 5px; 
								  position: relative; 
								  text-transform:uppercase;
								  font-weight: 700;
								  margin-bottom: 0;
								  top:0;
								}





<!---->

/* Blog
--------------------------*/

ul.galleryThumbnails				{ margin: 20px 0px; border-top: 1px solid #888; border-bottom: 1px solid #888; padding: 20px 10px; }
ul.galleryThumbnails li				{ list-style: none; float: left; margin: 0 1% 1% 0;opacity: 0.8;}
ul.galleryThumbnails li a:link,
ul.galleryThumbnails li a:visited 	{ display: block; height: auto; line-height: 1;}
ul.galleryThumbnails li:hover   	{ opacity: 1; }
ul.galleryThumbnails li img			{ padding: 5px; border: none !important;}
ul.galleryThumbnails li span		{ display: block; text-transform: uppercase; font-size: 0.6em; padding: 5px; max-width: 100%; }
<!---->

/* Gallery 
--------------------------*/

.BlogError {
	text-align: center;
}

.BlogError p {
	color: #fff;
	display: inline;
	background-color:	#f77;
	padding: 7px;
	font-weight:bold;
}

.edit-post {
	clear:both;
	padding-top:10px;
}
<!---->


/* Footer 
--------------------------*/
#Footer							{ font-size: 0.9em; clear:both; padding: 20px 0; color: #171270; }
#Footer.solid					{ background: #ffffff;}
#Footer.gradient				{ background: #ffffff;
								  background: -moz-linear-gradient(top, #ffffff 0%,100%);
								  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,Tint));
								  background: -webkit-linear-gradient(top, #ffffff 0%,100%);
								  background: -o-linear-gradient(top, #ffffff 0%,100%);
								  background: -ms-linear-gradient(top, #ffffff 0%,100%);
								  background: linear-gradient(to bottom, #ffffff 0%,100%);

}

#Footer a:link,
#Footer a:visited				{color: #171270;}
#Footer a:hover					{color: #2c23db;}


#Footer form					{ max-width: 100% !important;}
#Footer nav li					{ list-style: square inside;}								 
#Footer .main-tel				{ margin: 0px;}
#Footer	h3						{ font-weight:700;  margin-bottom: 5px;}
.bottom-text					{ text-align: center; margin: 10px 0px;}

#Footer .WidgetHolder			{ margin-bottom: 20px;}

#Footer #copywrite				{padding-top: 5px; border-top: 1px solid rgba(23,18,112,1);}
#Footer #copywrite h2			{ display: none;}
#Footer #copywrite p.copyright,
#Footer #copywrite p.outbound			{ font-size:0.8em;}
#Footer #copywrite p.copyright			{ float: left;}

#Footer #copywrite p.outbound			{ float: right;}

.social-networks				{ text-align: left;}
.social-networks li 			{ display: inline-block; padding: 5px 5px 5px 0;}
.social-networks li:hover 		{ background: none transparent !important;}
.social-networks a.icon-32:link,
.social-networks a.icon-32:visited		{ background-image: url(../images/social-networks-32-hover.png);
										  display: block; 
										  position: relative; 
										  width: 32px; 
										  height: 32px;
										}
.social-networks a.icon-16:link,
.social-networks a.icon-16:visited		{ background-image: url(../images/social-networks-16-hover.png);
										  display: block; 
										  position: relative; 
										  width: 16px; 
										  height: 16px;
										}

.social-networks a.icon-32.google		{background-position:0 0;}
.social-networks a.icon-32.facebook		{background-position:-32px 0;}
.social-networks a.icon-32.twitter		{background-position:-64px 0;}
.social-networks a.icon-32.youTube		{background-position:-96px 0;}
.social-networks a.icon-32.linkedIn		{background-position:-128px 0;}
.social-networks a.icon-32.yell			{background-position:-160px 0;}
.social-networks a.icon-32.bt			{background-position:-192px 0;}
.social-networks a.icon-32.thomsonLocal	{background-position:-224px 0;}
.social-networks a.icon-32.pinterest	{background-position:-256px 0;}

.social-networks a.icon-16.google		{background-position:0 0;}
.social-networks a.icon-16.facebook		{background-position:-16px 0;}
.social-networks a.icon-16.twitter		{background-position:-32px 0;}
.social-networks a.icon-16.youTube		{background-position:-48px 0;}
.social-networks a.icon-16.linkedIn		{background-position:-64px 0;}
.social-networks a.icon-16.yell			{background-position:-80px 0;}
.social-networks a.icon-16.bt			{background-position:-96px 0;}
.social-networks a.icon-16.thomsonLocal	{background-position:-112px 0;}


#local-pages					{ clear: both; margin: 20px 0px 0px; border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; display: none; height: auto;}
#local-pages ul					{ margin-top: 20px; margin-bottom:20px; font-size: 0.8em;}

/* design classes 
--------------------------*/
.wai							{ display: none;}	
.clear-both						{ clear: both;}
.last							{ margin-right: 0px; border-right: none;}
.slidingDiv						{ width: 200px;
								  padding:20px;
								  margin-top:-30px;
								  border:1px solid #00005A;
								  z-index: 300;
								  position: relative;
								  float: right;
								  color: inherit;
								  font-size:1.2em;
								}

.slidingDiv span				{ font-weight: 700;}

.rounded-corners				{ border-radius: 5px;
							 	  -moz-border-radius: 5px;
								  -webkit-border-radius: 5px;
								 
								}
								
.top-rounded-corners			{ border-radius: 5px 5px 0px 0px;
							 	  -moz-border-radius:  5px 5px 0px 0px;
								  -webkit-border-radius:  5px 5px 0px 0px;
								}

.bottom-rounded-corners			{ border-radius: 0px 0px 5px 5px;
							 	  -moz-border-radius: 0px 0px 5px 5px;
								  -webkit-border-radius: 0px 0px 5px 5px;
								  overflow: hidden;
								}



.text-drop-shadow				{ text-shadow: 0px 0px 5px rgba(23,18,112,0.9);}
.dropshadow-large				{ -webkit-box-shadow:  0px 5px 5px 0px rgba(23,18,112,0.9);
        						  box-shadow:  0px 5px 5px 0px rgba(23,18,112,0.9);
								}

.dropshadow-small				{ -webkit-box-shadow:  0px 0px 5px 0px rgba(23,18,112,0.9);
						          box-shadow:  0px 0px 5px 0px rgba(23,18,112,0.9);
}

.trans-plus-right				{ background:url(../images/trans-plus.png) right center no-repeat; padding-right: 40px; margin-top:5px; }

.middleColumn					{ display: inline-block; width: 70%}

.inline-options	li				{ display: inline-block; margin-right: 11px;}
.inline-options	li input		{ margin-right: 3px !important; }
.inline-options .middleColumn	{ width: 40%;}


/* right column & Widgets 
--------------------------*/
aside							{ border: none; padding: 0;}
aside section					{ margin-bottom: 20px; display: block; position: relative;}
aside h1						{ font-size: 1.8em !important;}
aside h2						{font-size: 1.5em !important;}
aside ul						{ margin-left: 10px;}
#asideText p, #asideText li 	{ font-size: 0.9em;} 
aside .WidgetHolder,
#asideText		 				{ padding: 10px; 
								  -webkit-box-shadow:  0px 0px 5px 0px rgba(23,18,112,0.9); 
								  box-shadow:  0px 0px 5px 0px rgba(23,18,112,0.9);
								  border-radius: 5px;
							 	  -moz-border-radius: 5px;
								  -webkit-border-radius: 5px;
								  overflow: hidden;
								  background: #fff;
								  }
aside .WidgetHolder h2				{ padding: 2px 5px; margin-bottom: 1em;}
aside .UserFormWidget			{ background: rgba(163,163,163,1); color: #171270;}

.WidgetHolder label,
.WidgetHolder .middleColumn{
	display: block;
	width: 95% !important;	
}
.WidgetHolder input,
.WidgetHolder textarea,
.WidgetHolder select{
	padding: 6px 3px !important;
	font-size: 0.75em;	
}
.WidgetHolder label { font-size: 0.8em !important;}

ul.little-blocks, 
.CheckatraderWidget				{text-align: center;}
ul.little-blocks li				{ display: inline-block; padding: 2%; vertical-align: middle;}
.NeedHelpWidget					{ background: rgba(23,18,112,1) !important; }
.NeedHelpWidget	header				{ margin-bottom: 10px; padding-left: 64px; background:url(../images/trans-phone.png) left center no-repeat; background-size: contain; display: block !important; color: #a3a3a3; }
#Footer h2							{ color: #a3a3a3; margin-bottom: 10px; font-size:1.2em;}
#Footer .NeedHelpWidget						{ background: none !important;}
#Footer .NeedHelpWidget	header				{ margin-bottom: 10px; padding-left: 55px; }
.NeedHelpWidget	header h2				{ font-size:2em !important; margin-bottom: 0px !important; color: #a3a3a3;}
.NeedHelpWidget	header p				{ font-size:1.2em; line-height:1.1em; }
.NeedHelpWidget p 					{ display: block; margin-bottom:0px; color: #a3a3a3}
.NeedHelpWidget p .number			{ font-size:2.1em; font-weight:600;}


.TestimonialsWidget p 				{ padding: 10px 0 5px; margin-bottom:5px; font-size:0.8em; }
.TestimonialsWidget em				{ font-weight: 700; padding-bottom: 0px; font-size:0.8em;}
.TestimonialsWidget a:link,
.TestimonialsWidget a:visited		{ padding: 10px; font-size: 0.6em; text-transform: uppercase; color: #2c23db;}
.TestimonialsWidget a:hover			{ color: #a3a3a3;}
.TestimonialsWidget ul				{ padding: 10px;}
.TestimonialsWidget li.testimonial	{ border: none !important;}
.TestimonialsWidget li a		{ padding: 0px !important; font-size: 0.8em !important;}
.TestimonialsWidget .rating,
.rating							{ position: relative; height: 20px; width: 0px; max-width: 100px;margin: 5px 0; background: url(../images/star-rating.png) repeat-x top left;}
.testimonial						{ padding: 10px 0; border-bottom: 1px solid #ccc;}
.MapWidget iframe				{ width: 100%; border: none;}
#Footer .little-blocks						{text-align: left;}
#Footer .little-blocks li					{ padding: 2px 0.5% 2px 0; }
#Footer .little-blocks img					{ max-height: 30px; width: auto; }
#Footer form input.text, #Footer form textarea, #Footer form .textajaxuniquetext, #Footer form select {padding:6px 1px;}

.cookieWarningBox{
			position: fixed;
            bottom: 0;
            width: 90%;
            padding: 10px 5%;
            font-size: 0.8em;
            background-color: rgba(163,163,163,1);
            display: none;
			z-index: 2000;
			color: #171270;
        }
.cookieWarningBox a {color: rgba(23,18,112,1);}		
.readmore-js-toggle { margin-top: -60px; padding: 10px; background: #FFF; color:rgba(23,18,112,1); z-index: 5; position: relative;}		
/*	Responsive Layout 
--------------------------------------*/
.nav-tel				{ padding: 10px 5px; font-size:2em; font-weight: bold; display: inline-block; position: relative;}




/* Tyopgraphy Classes as not to double up in editor (DO NOT DELETE)
-------------------------------------------- */

.typography .Primary		{color:#171270 !important;}
.typography .PrimaryTint	{color:#171270 !important;}
.typography .Secondary		{color:#a3a3a3 !important;}
.typography .SecondaryTint	{color:#a3a3a3 !important;}



/*	Ipad
--------------------*/
@media only screen and (min-width : 768px) and (max-width : 1024px) {
	img					{ max-width: 100% !important;}
	.CheckatraderWidget	{ padding: 0px; box-shadow: none;}
	.TestimonialsWidget { padding: 0px; box-shadow: 0px;}
}

/*	custom
--------------------*/
@media only screen and (min-width : 1015px) and (max-width : 1176px) {
	#needHelp h1 { font-size: 1.4em;}
	#needHelp p  { font-size: 1.5em; }
	#BlockLinks strong	{ font-size: 0.9em; }
}
@media only screen and (min-width : 970px) and (max-width : 1014px) {
	#needHelp h1 { font-size: 1.2em;}
	#needHelp p  { font-size: 1.4em; }
	#BlockLinks strong	{ font-size: 0.8em; }
}

/*	High end Windows Phone
--------------------*/
@media only screen and (min-width : 768px) and (max-width : 1280px) {

	.typography img					{ max-width: 100% !important;}
	.CheckatraderWidget	{ padding: 0px; box-shadow: none;}
	.TestimonialsWidget { padding: 0px; box-shadow: 0px;}
	#BlockLinks .grid_4	{ width: 31.333%!important; }
	.typography img.left {	float: left !important;max-width: 50%;	margin: 5px 20px 10px 0;}
	.typography img.right {	float: right !important;max-width: 50%; /* Responsive width */	margin: 5px 0 10px 20px;}
	.typography img.leftAlone {	float: left !important;margin-right: 100%;	margin-bottom: 10px;clear: both;}
	.typography img.center {float: none;margin-left: auto;margin-right: auto;display: block;margin-bottom: 10px;clear: both;}
}



/*	Small Mobiles
--------------------*/
@media only screen and (min-width : 640px) and (max-width : 969px) {
	.grid_3, .grid_9	{ display: block; width: 98% !important; }
	.pull_9, .push_3	{ left: 0% !important;}
	aside				{ border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; padding: 20px 0;}
	.typography img					{ max-width: 100% !important;}
	.CheckatraderWidget	{ padding: 0px; box-shadow: none;}
	.TestimonialsWidget { padding: 0px; box-shadow: 0px;}
	.typography img		{ display: inline-block; float: none !important; max-width: 100%;}
	#BlockLinks 		{ display: block !important; }
	#BlockLinks .grid_4	{ width: 48%; }
	#coin-slider-slideshow { display: none;}
}

/*	low end windows phones
--------------------*/
@media only screen and (min-width : 480px) and (max-width : 800px) {
	.grid_3, .grid_9	{ display: block; width: 98% !important; }
	.pull_9, .push_3	{ left: 0% !important;}
	aside				{ border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; padding: 20px 0;}
	.typography img					{ max-width: 100% !important;}
	.CheckatraderWidget	{ padding: 0px; box-shadow: none;}
	.TestimonialsWidget { padding: 0px; box-shadow: 0px;}
	.typography img		{ display: inline-block; float: none !important; max-width: 100%;}
	#BlockLinks .grid_4	{ width: 48%; }
	#coin-slider-slideshow { display: none;}
	#Footer .footer-nav	{ display: none;}
	#Footer .need-help	{ display: none;}
	#Footer .grid_4		{ width: 100%;}
}

/*	Old Iphone / small android
--------------------*/
@media only screen and  (max-width : 480px) {
	.main-logo			{ margin: 10px 0px;}
	.grid_3, .grid_9	{ display: block; width: 98% !important; }
	.pull_9, .push_3	{ left: 0% !important;}
	aside				{ border-top: 1px solid #ccc;border-bottom: 1px solid #ccc; padding: 20px 0;}
	.typography img		{ max-width: 100% !important;}
	.CheckatraderWidget	{ padding: 0px; box-shadow: none;}
	.TestimonialsWidget { padding: 0px; box-shadow: 0px;}
	.typography img		{ display: inline-block; float: none !important; max-width: 100%;}
	#BlockLinks 		{ display: none; }
	#coin-slider-slideshow { display: none;}
	#Footer .footer-nav	{ display: none;}
	#Footer .need-help	{ display: none;}
	#Footer .grid_4		{ width: 100%;}
}
