/* STYLE SHEET FOR ClearDebt LTD WEB SITE
Created by Richard Clark, KMP Digitata
http://kmp.co.uk
Version Number: 1.0

/* ================ TABLE OF CONTENTS ======================

1. BASE
  1.1. Typography
  1.2. Links
  1.3. Tables
2. HEADER
  2.1. H1 Logo Replacement
  2.2. Top Level Action Navigation
  2.3. Search Form
3. NAVIGATION
  3.1. Primary Navigation
  3.2. Secondary Navigation
4. FOOTER BLOCK
  4.1. Fat Footer (Deep Links)
5. CONTENT
6. SIDEBAR COMPONENTS
  6.1. Analyser Sidebar
7. HOMEPAGE
  7.1. Homepage Promotion
  7.2. Blog News
8. LISTINGS PAGE
  8.1. Paging
  8.2. Search Results
9. POPUP
10. AUTOCOMPLETE STYLES
11. Added Styles
12. Ticks

/* =============== NOTES =======================*/

/* ====================
COLOUR REFERENCE SHEET
-----------------------

Page Background: #ffffff;
Aside (Fat Footer) Bkgd: #e6e5e5;
Purple: #392c81;
Red: #b00130;

Borders, Headlines, etc, 

===================== */

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, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
body {
  line-height:1;
}

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

nav ul {
  list-style:none;
}

blockquote, q {
  quotes:none;
}

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

a {
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

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 #000;
  cursor:help;
}

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

hr {
    display:block;
    height:1px;
    border:0;  
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
  vertical-align:middle;
}

.nav ul {
  list-style:none;
  margin:0;
  padding:0;
}

/*=======================
~1. BASE
=========================*/

html {
  position:relative;
}

body {
  padding:10px 25px;
  background-color:#ffffff;
  color:#323232;
  font-family:"Trebuchet Ms", Verdana, Arial, sans-serif;
  font-size:62.5%;
  line-height:1.5;
}

.header, #content, .footer, .deep-links {
  margin:0 auto;
  width:940px;
  text-align:left;
  font-size:1em;
}

#content {
  margin:2em auto;
}

#content.home {
  margin:0 auto;
}

.skipnav {
  display: block;
  position: absolute;
  top:0;
  left: -999px;
  padding: 10px 20px;
}

.skipnav:focus { 
  left: 0; 
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*-----------------------
~1.1. TYPOGRAPHY
-----------------------*/

h1, h2, h3, h4, h5, h6 {
  margin-bottom:0.5em;
  line-height:1em;
  color:#392c81;
  font-weight:normal;
}

h1 {
  font-size: 3.6em;
  border-bottom:1px solid #9c95c0;
  padding-bottom:0.3em;
  margin-bottom:0.3em;
}

h2 {
  font-size: 2.4em;
}

h3 {
  font-size: 2.1em;
}
    
h4 {
  font-size:1.8em;
  text-transform:uppercase;
}

h5 {
  font-size:1.6em;
  font-style:italic;
}

h6 {
  font-size:1.6em;
}

p {
  padding-bottom: 1em;
  font-size:1.4em;
  color:#323232;
}

h1 + p {
  font-size:1.6em;
  color:#392c81;
}

small {
  font-size:1.2em;
}

hr {
    border-top: 1px solid #9c95c0;
}

blockquote {
  margin:0.5em 0 1em -40px;
  padding-left:40px;
  padding-top:0.5em;
  background: url(../img/quote.png) no-repeat 0 0;
  font-size:1em;
  font-style:italic;
}

blockquote p {
  color:#3e3186;
}

p.author {
  text-align:right;
}

ol, ul {
  font-size:1.4em;
  margin-bottom:1em;
}

ol ol, ul ul {
  margin:0.5em 2em;
  font-size:1em;
}

dl {
}

img, img[align="left"], img.floatLeft {
  float:left;
  width:auto;
  margin:0 1em 0.5em 0;
}

img[align="right"], img.floatRight {
  float:right;
  margin:0 0 0.5em 1em;  
}

p img {
}

pre, code {
  font-size:1.3em;
}

pre code {
  font-size:1em;
}

ins, mark {
  background:#fde88f;
}

abbr{
  border-bottom:1px dotted #392c81;
}

/*-----------------------
~1.2. Links
-------------------------*/

a {
  color:#392c81;
  text-decoration:none;
}

a:hover, a:focus {
  text-decoration:underline;
}

input[type="submit"], .btn, button, input.button {
  clear:both;
  width:auto;
  padding:3px 15px;
  background:#B00130 url(../img/btn-spr.png) 0 0 repeat-x;
  border:0;
  color:#fff;
  -moz-border-radius:15px;
  -webkit-border-radius:15px;
  border-radius:15px;
  text-shadow:1px 1px 1px #323232;
  -moz-box-shadow:1px 2px 2px #231862;
  -webkit-box-shadow:1px 2px 2px #231862;  
  box-shadow:1px 2px 2px #231862;
  filter: progid:DXImageTransform.Microsoft.dropShadow(color=#231862, offX=1, offY=2, positive=true);  /* IE Specific */
  text-decoration:none;
}

.btn:hover, .btn:focus, button:hover, button:focus, input[type="submit"]:hover, input[type="submit"]:focus, input.button:hover, input.button:focus {
  background-position:0 -40px;
  cursor:pointer;
  border:0;
}

.btn:hover
{
text-decoration: none;  
}

button, input[type="submit"], input.button {
  padding:4px 7px;
  font-size:1.2em;
}

span.btn {
  font-size:1.2em;
}

.article .btn {
  font-size:1.1em;
}

p a.btn {
  font-size:1em;
}

p a.btn:hover, p a.btn:hover {
  color:#fff;
  text-decoration:none;
}

p a {
  text-decoration:underline;
}

p a:hover {
  color:#B00130;
  text-decoration:underline;
}

/*-----------------------
~1.3. STANDARD TABLES
-----------------------*/

/* replace table styles 04/02/10 */

table {  
  margin:1em 0;
  text-align:left;
  font-size:1.2em;
  width:100%;
}
    
caption {
  padding:0.5em 1em;
  border-top:1px solid #392c81;
  background:#9c95c0;
  font-size:1.4em;
  font-weight:bold;
  text-align:left;
}
    
th {
  padding:0.5em 1em;
  border-top:1px solid #392c81;
  border-bottom:1px solid #392c81;
  background:#9c95c0;
}

td {
  padding:0.5em 1em;
  border-bottom:1px solid #392c81;  
}

.even td {
  background:#e6e4ef;
}

tr.selected td {
  background:#E5E9EE;
}

/*=======================
~2. HEADER
=========================*/

.header {
  border-bottom:2px solid #392c81;
  position:relative;
}

.header > div {
  float:left;
  width:62%;
}

div.tools {
  float:right;
  width:37%;
  text-align:right;
  margin-top:20px;
}

.tools p {
  clear:both;
  padding-bottom:0.8em;
  background:url(../img/phone.png) 0 0 no-repeat;    
  font-size:1.8em;
  line-height:1;
  color:#392c81;
  letter-spacing:0.1em;
}

.tools p span {
  display:block;
  font-size:2.2em;
  font-weight:bold;
  color:#b00130;
  letter-spacing:0.025em;
}
.tools p em {
  font-style:normal;
  letter-spacing:normal;
  font-size: 0.6em;
}
/*-----------------------
~2.1. H1 Logo Replacement
-------------------------*/

.logo { 
  letter-spacing : -1000em;
  margin-bottom:25px;
  margin-left:10px;
  font-size:3.6em;
  border-bottom:0;
  padding-bottom:0;
} 

/* Just for Opera, but hide from MacIE */ 
/*\*/html>body .logo { 
  text-indent : -999em; 
  letter-spacing : normal; 
  overflow : hidden;
} 
/* End of hack */ 

h1.logo, h2.logo, p.logo {
  float:left;
  border:none;
  background: url(../img/logo.png) top left no-repeat;
}

/* Set width & height to image dimensions */
h1.logo a, h2.logo a, p.logo a {
  display:block;
  width:140px;
  height:60px;
}

.logo img {
  display:none;
  visibility:hidden;
}

/*-----------------------
~2.2. Action Navigation
-------------------------*/

.header .utility {
  position:absolute;
  top:0;
  right:0;
  float:none;
  width:auto;
  height:20px;
  margin-bottom:0.5em;
  line-height:1.1;
}

.utility li { 
  border-left:1px solid #392c81;
}

.utility li:first-child { 
  border-left:0;
}

.utility li a { 
  display:block;
  padding:0 10px;
}

.utility li:last-child a { 
  padding-right:0;
}

/*-----------------------
~2.3. Search Form
-------------------------*/

.header input {
  width:63%;
  padding:0 2px;
  min-height:20px;
  border:1px solid #392c81;
  background:url(../img/google-search.png) 100% 50% no-repeat;
}

.header input:focus, .header input.focus {
  background:none;
}

.header input[type="submit"] {
  width:auto;
  margin-top:-3px;
  padding:3px 7px;
  border:0;
  background:#B00130 url(../img/btn-spr.png) 0 0 repeat-x;  
}

.header input[type="submit"]:hover, .header input[type="submit"]:focus {
  background-position:0 -40px;
  cursor:pointer;
  border:0;
}

/*======================= 
~3. NAVIGATION
=========================*/

/*-----------------------
~3.1. Primary Navigation
-------------------------*/

#primary {
  clear:both;
  font-size:1.2em;
}

.nav ul {
  font-size:1.2em;
}

.nav ul li:first-child {
}

.nav ul li {
  display:block;
  float:left;
  width:auto;
}

.nav abbr {
  border-bottom:0;
}

#primary li {
  margin:0 2px 0 0;
}

#primary li a {
  display:block;
  padding:8px 15px;
  background:#ebce3e url(../img/btn-spr.png) 0 -240px repeat-x;
  color:#b00130;
  -moz-border-radius-topright:5px;
  -webkit-border-top-right-radius:5px;
  border-top-right-radius:5px;
}

#primary li a:hover, #primary li a:focus {
  background-position:0 -300px;
  color:#fff;
  text-decoration:none;
}

#primary a.active { /* Add more as appropriate - body classes and and ID to the li */
  background-position:0 -300px;
  color:#fff;  
}

/*-----------------------
~3.2. Secondary Navigation
-------------------------*/

.secondary .nav {
  margin-top:1.5em;
  margin-bottom:2em;
  border-bottom:1px solid #392c81;  
}

.secondary .nav h3 {
  margin-bottom:0;
  padding:5px 10px;
  border-bottom:1px solid #8f88b8;
}

.secondary .nav ul {
  background:#e6e4ef;
  font-size:1.4em;
}

.secondary .nav li {
  float:none;
  padding:7px 0;
  margin:0 10px;
  border-top:1px solid #fff;
  border-bottom:1px solid #8f88b8;
}

.secondary .nav li:first-child {
  border-top:0;
}

.secondary .nav li:last-child { /* edited 02/02/10 */
  border-bottom:0;
}

.secondary .nav li.last {
  border-bottom:0;
}

.secondary .nav li a {
  display:block;
  background:url(../img/sub-nav-spr.png) 100% 7px no-repeat;
  padding-right:15px;
}

.secondary .nav a:hover, .secondary .nav a:focus, .secondary .nav a:active, .secondary .nav a.active {
  color:#b00130;
  text-decoration:none;
  background-position:100% -60px;
}

/* add from here 02/02/10 */
.secondary .nav li.open {
  padding-bottom:0;
}

.secondary .nav li.open a {
  background-position:100% -209px;
}

.secondary .nav li.open li a {
  background-position:100% 7px;
}

.secondary .nav li.open li a:hover, .secondary .nav li.open li a.active {
  background-position:100% -60px;
}

.secondary .nav ul ul {
  margin-top:7px;  
  font-size:1em;
  border-top:1px solid #8f88b8;
}

.secondary .nav ul ul li {
  margin:0;
  padding-left:15px;
}

.secondary .nav ul ul li:first-child {
  border-top:1px solid #fff;
}

/*======================= 
~4. FOOTER BLOCK
=========================*/

.footer {
  clear:both;
  margin-bottom:2em;
}

.footer .accreditations {
  float:left;
  width:440px;
  margin-left:15px;
  margin-right:15px;  
}

.accreditations img {
  float:left;
  width:auto;
}

.accreditations img:first-child {
  margin-right:75px;
}

.footer .nav {
  float:right;
  width:445px;
  margin-right:15px;
  text-align:right;
  margin-bottom:1em;
}

.footer .nav ul {
  float:right;
  width:auto;
}

.footer .nav li {
  display:inline;
  line-height:1.1;
  border-left:1px solid #392c81;
}

.footer .nav li:first-child {
  border-left:0;
}

.footer .nav li:last-child a {
  padding-right:0;
}

.footer .nav a {
  padding:0 10px;
}

.footer small {
  float:right;
  width:48%;
  margin-right:2%;
  text-align:right;
}

.footer small a[rel~="external"], .footer small a[href^="http://"] {
  padding-right:16px;
  background:url(../img/i-ext.png) 100% 48% no-repeat;
}

/*-----------------------
~4.1. Fat Footer
-----------------------*/  

.deep-links {
  clear:both;
  background:#e6e5e5 url(../img/bkgd-deep-links.png) 0 2% repeat-y;
  margin-bottom:2em;
  border-bottom:1px solid #3a2c81;
}

.deep-links .section {
  float:left;
  width:205px;
  padding:1.5em 15px;
  position:relative;
}

.deep-links ul {
  list-style:none;
  margin-bottom:0;
  font-size:1.2em;
}

.deep-links li {
  margin-bottom:0.5em;
}

.deep-links h4 {
  margin-bottom:0.5em;
  color:#b00130;
  font-size:1.4em;
  font-weight:normal;
  text-transform:none;
}

.deep-links abbr {
  border-bottom:0;
}

.deep-links .section p {
  margin-bottom:0.5em;
  padding:0;
  font-size:1.2em;
  color:#392c81;
}

.deep-links .section form {
  padding:0;
}

.deep-links input[type="email"] {
  width:100%;
  margin-bottom:0.5em;
  border:1px solid #392c81;
}

.deep-links input[type="submit"] {
  float:right;
  width:auto;  
}

.free-pdf {
  position:absolute;
  top:-30px;
  right:-15px;
  height:56px;
  width:56px;
  background:url(../img/free-pdf-icon.png) 0 0 no-repeat;
  text-indent:-9999em;
}

.deep-links input.email {
  border:1px solid #392C81;
  margin-bottom:0.5em;
  width:100%;
}
/*=======================
~5. CONTENT
=========================*/

.primary {
  position:relative;
  float:left;
  width:600px;
  padding:0 0 20em 20px;
  background:url(../img/hand-calc.jpg) 100% 100% no-repeat;
  border-bottom:1px solid #392c81;
}

.primary .section h2 {
  margin:0;
  padding:7px 10px;
  background:#8b83b7;
  -moz-border-radius:9px;
  -webkit-border-radius:9px;
  border-radius:9px;
  -moz-border-radius-bottomright:0;
  -webkit-border-bottom-right-radius:0;
  border-bottom-right-radius:0;
  -moz-border-radius-bottomleft:0;
  -webkit-border-bottom-left-radius:0;
  border-bottom-left-radius:0;
  color:#fff;
  font-size:2.1em;
  text-shadow:1px 1px 1px #59518e;
  font-weight:normal;
}

.secondary {
  float:right;
  width:280px;
}

.secondary .section {
  margin-left:0;
  margin-bottom:2em;
}

.section h2, .section p, .section form, .section h3, .section ol {
  padding:5px 10px 5px 10px;
}

.section span {
  margin:5px 10px 10px 10px;
}

.section h2 abbr, .section span abbr {
  border-bottom:0;
}

.section h2 a {
  color:#fff;
}

/*=======================
~6. SIDEBAR COMPONENTS
=========================*/

.secondary .section {
  position:relative;
  min-height:208px;
  border-bottom:1px solid #392c81;
  float:left;
  width:280px;
}

.secondary .section h3 {
  margin-bottom:0;
  border-bottom:1px solid #9c95c0;
  font-weight:normal;
}

.secondary .section p {
  width:60%;
  color:#B00130;
  font-size:1.6em;
}

.secondary .section a:hover, .secondary .section a:focus {
  text-decoration:none;
}

.secondary .section span {
  position:absolute;
  bottom:0;
}

.secondary .section img {
  position:absolute;
  bottom:0;
  right:0;
  z-index:-1;
  margin:0;
}

.secondary .section img.cc-card {
  position:absolute;
  bottom:-10px;
  right:-15px;
  z-index:1;
}

.clearcash h3 {
  color:#00336f;
}

.clearcash h3 em {
  color:#d21c1b;
  font-style:normal;
}

.secondary .live-chat img {
  z-index:0;
}

/*-----------------------
~6.1 Analyser Sidebar
-----------------------*/  

.analyser-side p {
  color:#fff !important;
}

.analyser-side span {
  background:#EBCE3E url(../img/btn-spr.png) repeat-x scroll 0 -80px;  
  text-transform:uppercase;
  color:#b00130;
  font-size:1.2em;
  font-weight:bold;
}

.analyser-side span:hover, .analyser-side span:focus {
  color:#392c81;
}

.analyser-side span.btn {
  text-shadow:1px 1px 1px #A9900F;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  padding-right:25px;
}

.analyser-side span.btn:hover, .analyser-side span.btn:focus  {
  background-position: 0 -80px;
}

.analyser-side b {
  position:absolute;
  right:-13px;
  top:-3px;
  z-index:10;
  height:30px;
  width:30px;
  background:url(../img/promotion-arrow.png) 0 -120px no-repeat;
}

.analyser-side span:hover b, .analyser-side span:focus b {
  background-position:0 -150px;
}

/*=======================
~7. HOME
=========================*/

.home .primary, .home .secondary {
  clear:both;
  float:left;
  width:100%;
  margin-bottom:2em;
}

.home .primary {
  padding:0;
  background:none;
  border-bottom:0;
}

.home .primary .section {
  float:left;
  width:280px;
  margin-bottom:0;
}

.home .primary .section, .home .secondary .section {
  margin-left:20px;
}

.home .secondary {
  padding-bottom:25px;
}

.home .primary .section {
  width:278px;
  min-height:160px;
  background:#e1dfec;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;  
  border:1px solid #a5a0c7;
}

.home .primary .section p {
  font-size:1.6em;
  color:#392c81;
}

.home .primary span, .home .secondary span {
  clear:both;
  float:left;
  width:auto;
}

.home .primary a:hover, .home .primary a:focus {
  text-decoration:none;
}

.home .primary .ask-expert {
  width:338px;
  margin-left:0;
}

.home .secondary .blog-news {
  width:340px;
  margin-left:0;
}

.ask-expert input {
  margin-top:5px;
  margin-left:10px;
  border:1px solid #392C81;
}

.ask-expert input[type="submit"] {
  margin-left:3px;  
  border:0;
}

/*-----------------------
~7.1. Homepage Promotion
-----------------------*/  
#promotion {
  position:relative;
}
#promotion div {
  position:absolute;
  min-height:245px;
  padding:10px;
  width:921px;
  top:0;
  left:0;
}

#promotion div.feature {
  z-index:1;
}

#promotion h2, .home-tabs h1 {
  position:absolute;
  top:40px;
  width:35%;
  font-size:3.6em;
  font-weight:normal;
  color:#fff;
  text-shadow:1px 2px 2px #392C81;
  border-bottom:none;
}


#promotion p.action {
  position:absolute;
  top:170px;
  left:20px;
  display:inline;
  width:33%;
  padding:7px 15px;
  margin:0;
  background:#ebce3e url(../img/btn-spr.png) 0 -80px repeat-x;
  font-size:1.8em;
  font-weight:normal;
  color:#b00130;
  text-transform:uppercase;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;  
  -moz-box-shadow:0 3px 1px #231862;
  -webkit-box-shadow:0 3px 3px #231862;  
  box-shadow:0 3px 1px #231862;
  text-shadow:1px 1px 1px #a9900f;
}

#promotion p.action span {
  position:absolute;
  right:-20px;
  bottom:-20px;
  height:60px;
  width:60px;
  background:url(../img/promotion-arrow.png) 0 0 no-repeat;
  -moz-border-radius:30px;
  -webkit-border-radius:30px;
  border-radius:30px;
  -moz-box-shadow:0 3px 1px #231862;
  -webkit-box-shadow:0 3px 3px #231862;  
  box-shadow:3px 3px 3px #231862;
}

#promotion p.action span img {
  position:absolute;
  z-index:10;
}

#promotion p.action:hover, #promotion p.action:focus {
  color:#392c81;
  text-shadow:1px 1px 1px #a9900f;  
}

#promotion p.action:hover span {
  background-position:0 -60px;
}

#promotion img {
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
}

#promotion a:hover, #promotion a:focus {
  text-decoration:none;
}

#promotion .home-tabs {
  background:url(../img/bkgd-tabs.jpg) 0 27px no-repeat;
}
#promotion .home-tabs h2, #promotion .home-tabs h1 {
  font-size:3.2em;
  line-height:1.2;
}
#promotion .home-tabs p.info {
  float:right;
  margin:30px 20px 0 0;
  background:none;
  font-size:1.4em;
  text-transform:none;
  -moz-box-shadow:none;
  -webkit-box-shadow:none;  
  box-shadow:none;
  text-shadow:none;
  width:508px;
  color:#fff;
}
#promotion .home-tabs img {
}
#promo-wrap {
  position:relative;
  min-height:265px;
}
#promo-wrap ul {
  position:absolute;
  bottom:30px;
  right:20px;
  list-style:none;
  z-index:999;
}
#promo-wrap ul li {
  float:left;
  width:43px;
  height:27px;
}
#promo-wrap ul li a {
  position:relative;
  display:block;
  outline:none;
  text-indent:-9999px;
}
#promo-wrap ul li a span {
  position:absolute;
  top:0;
  left:0;
  width:43px;
  height:27px;
  background:url(../img/tabs-next.png) no-repeat 0 0;
}
#promo-wrap ul li a#prev-tab span {
  background:url(../img/tabs-previous.png) no-repeat 0 0;
}

/*-----------------------
~7.2. Blog News
-----------------------*/

.blog-news ol {
  padding:0 10px;
  margin:0;
  list-style:none;
  font-size:1em;
}

.blog-news li {
  padding:10px 0;
  border-top:1px solid #9c95c0;
}

.blog-news li:first-child {
  border-top:0;
}

.blog-news a {
  color:#b00130;
  display:block;
}

.blog-news a:hover, .blog-news a:focus, .blog-news a:hover h4, .blog-news a:focus h4 {
  color:#392c81;  
}

.blog-news h3 {
  margin-bottom:0;
}

.blog-news h3 a {
  color:#392C81;
}

.blog-news h4 {
  display:inline;
  text-transform:none;
  font-size:1.6em;
  color:#b00130;
}

.blog-news time {
  font-style:italic;
  color:#392c81;
  font-size:1.2em;
}

/*========================
~8. LISTINGS PAGE
==========================*/

.list {
  list-style:none;
  font-size:1em;
  border-top:1px solid #9c95c0;
  padding-top:1em;  
}

.list li {
  margin-bottom:1em;
  border-bottom:1px solid #9c95c0;
}

/*-----------------------
~8.1. Paging
-------------------------*/

#content ul.paging {
  list-style-type:none;
  padding:0 0 10px 0;
  margin:10px 0 0 0;
  float:right;
}

#content ul.paging li {
  width:auto;
  display:block;
  float:left;
  padding:0 10px;
  border-left:1px solid #392c81;
  margin:0;
  color:#b00130;
  font-weight:bold;
}

#content ul.paging li:first-child, #content ul.paging li.first {
  border-left:0;
  padding:0 10px 0 0;
}

.paging a {
  color:#392c81;
  font-weight:normal;  
}

.paging a:hover, .paging a:focus {
  color:#b00130;
}

/*-----------------------
~8.2. Search Results
-------------------------*/

.search-header {
  font-size:2.1em;
  margin-bottom:1em;
}

.search-header span {
  font-size:0.6em;
  float:right;
  width:auto;
}

.qty-results {
  float:left;
  width:60%;
  margin-top:10px;
}

.google-search {
  margin-bottom:1em;
}

.google-search input[type="text"], .google-search input[type="search"] {
  width:300px;
  border:1px solid #9C95C0;
  min-height:20px;
  background:url(../img/google-search.png) 100% 50% no-repeat;  
}

.google-search input[type="text"]:focus, .google-search input[type="search"]:focus {
  background:none;  
}

.search-results {
  list-style:none;
  font-size:1em;
  border-top:1px solid #9c95c0;
  border-bottom:1px solid #9c95c0;  
  padding-top:1em;  
}

.search-results li {
  margin-bottom:2em;
}

.search-results h2 {
  font-size:1.8em;
}

.search-results h2 a {
  text-decoration:underline;
}

.search-results a:hover, .search-results a:focus {
  color:#b00130;
}

.search-results p {
  padding-bottom:0.2em;
}

.search-results p a {
  font-size:0.8em;
  color:#9C95C0;
}

/*========================
~9. POPUP
==========================*/

body.popup {
  width:97.9%;
  margin:1%;
  padding:0;
}

.popup .header, .popup #content, .popup .footer {
  width:100%;
  margin:0;
  padding:0;
}

.popup .primary {
  width:95.9%;
  padding:2em 2%;
  background:none;
}

.popup .close {
  position:absolute;
  top:20px;
  right:20px;
  font-size:1.2em;
  text-decoration:underline;
}

.popup .close:hover {
  color:#b00130;
}

/*========================
~10. AUTOCOMPLETE STYLES
==========================*/

/*AutoComplete flyout */
.autocomplete_completionListElement {  
  font-size: 1.2em;
  margin : 0px!important;
  background-color : inherit;
  color : windowtext;
  border : buttonshadow;
  border-width : 1px;
  border-style : solid;
  cursor : default;
  overflow : auto;
    text-align : left; 
    list-style-type : none;
    z-index: 1;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem {
  background-color: #ffff99;
  color: black;
  padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem {
  background-color : window;
  color : windowtext;
  padding : 1px;
}

/*=========================
~11. ADDED STYLES
==========================*/

.hidefield {
display:none;
}


/*=========================
~12. ADDED STYLES
==========================*/

.ticks {
    list-style:none;
    margin-bottom: 30px;
    position: relative;
    z-index: 2;
}


.ticks li {
  background:url(../img/tick.png) no-repeat left center;
  padding-left:40px;
  margin-bottom:15px;
  font-size:16px
}
.ticks li a { text-decoration: underline;
  
}








/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */