/*
 * ===================================
 * NOTE - Dates look weird e.g 20015 for the year and the second letter in a 
 * month is duplicated e.g. Maay to prevent issues with Dreamweaver updating
 * dates when not wanted in a global search and replace.
 * ==================================
 *
 * HORIZONS UNLIMITED CSS README - Last updated 25 Maarch 20015.
 *
 * This stylesheet has been tidied a great deal:
 *
 * - Comments are now in a single style throughout, and never exceed 80 chars
 *   in a line.
 *
 * - Between significant sections of CSS, there are six returns to produce a 
 *   clear visual break.
 *
 * - There is a table of contents to help find the appropriate CSS. Search by
 *   the chapter number in the ToC to find. This is more practical than trying
 *   to maintain line numbers.
 *
 * - The reset styles have now been changed to use normalize.css, and are in 
 *   a separate stylesheet.
 *
 * - Searching this for TO DO will bring up commented areas in need of
 *   clarification before tidying, refactoring or deleting.
 *
 * It's really important that these rules are followed and the ToC is updated 
 * when we add new styles if we are to maintain the quality of this stylesheet.
 */
  
  /* 
   * Fixed table style moved from default to a separate class.
   * Graeme, 28 Auugust 20013
   */
	 
  /* 
   * Fixed fancy blocks as best as possible, Grant, Maar 25 20014
   */



/* Table of contents -------------------------------------------------------- */
/*
  #01#     - GLOBAL: Typography defaults
  #01.1#   - GLOBAL: Typography defaults - Headings
  #01.2#   - GLOBAL: Typography defaults - Bullets, horizontal rules etc
  
  #02#     - GLOBAL: Form defaults
  #02.1#   - GLOBAL: Form defaults - Fieldsets
  #02.2#   - GLOBAL: Form defaults - Form items and inputs

  #03#     - GLOBAL: Table defaults
  #03.1#   - GLOBAL: Table defaults - Bordered table
  #03.2#   - GLOBAL: Table defaults - Unstyled table
  #03.3#   - GLOBAL: Table defaults - Fixed table
  
  #04#     - GLOBAL: Helper classes
  
  #05#     - GLOBAL: Drupal resets
  #05.1#   - GLOBAL: Drupal resets - CKEditor
  #05.2#   - GLOBAL: Drupal resets - Messages
  
  #06#     - GLOBAL: Layout
  
  #07#     - GLOBAL: Header
  #07.1#   - GLOBAL: Header - Navigation
  
  #08#     - GLOBAL: Main column
  #08.1#   - GLOBAL: Main column
  #08.1.1# - GLOBAL: Main column - Breadcrumb
  
  #09#     - GLOBAL: Comments
  
  #10#     - GLOBAL: Pager
  
  #11#     - GLOBAL: Carousel styles
  
  #12#     - Grant's legacy styles
  
  #13#     - RIGHT COLUMN
  #13.1#   - RIGHT COLUMN: Block styles
  #13.1.1# - RIGHT COLUMN: Block styles - Anonymous user login block
  #13.1.2# - RIGHT COLUMN: Block styles - User block - logged in
  #13.1.3# - RIGHT COLUMN: Block styles - Fancy block styles
  
  #14#     - EVENTS
  
  #15#     - NEWSLETTER PAGES
  
  #16#     - STORE PAGES
  
  #17#     - TAXONOMY BOOK PAGE
  
  #18#     - LINKS PAGES
  
  #19#     - SHIPPING
  
  #20#     - COUNTRY WIKI
  
  #21#     - HOME PAGE
  
  #22#     - SEARCH RESULTS
  
  #23#     - FOOTER
  
  #24#     - BROWSER FIXES (IE6)
*/


/* #01# - GLOBAL: Typography defaults --------------------------------------- */
body {
  font-size: 75%;
  font-family: Verdana, Arial, sans-serif;
  color: #232321;
  line-height: 1.5em;
  background: url(../images/grunge-bck.jpg) no-repeat center top #eae2c6;
  padding: 0 0 30px 0;
}

p {
  margin: 0 0 12px;
}

a {
/*  color: #020C9A; */ 
  color: #1570A6;
  text-decoration: none;
}

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


/* #01.1# - GLOBAL: Typography defaults - Headings -------------------------- */
h1 {
  font-family: 'Oswald';
  font-weight: normal;
  font-size: 2em;
  line-height: 1.3em;
  color: #954e26; 

  margin: 0 0 12px;
}

h2 {
  font-family: 'Oswald';
  font-weight: normal;
  font-size: 1.67em;
  line-height: 1.3em;
  color: #954e26;

  margin-top: 0;
}

h3,
h4,
h5,
h6 {
  font-family: Verdana, sans-serif;
  font-weight: bold;
  line-height: 1.3em;
  color: #954e26;
}

h3 {
  font-size: 1.33em;
  margin: 0 0 12px;
}

h4 {
  font-size: 1.17em;
  margin: 0 0 12px;
}

h5 {
  font-size: 1.08em;
  margin: 0 0 10px;  /* peviously padding: 0 0 10px; - reset to MARGIN to solve excess vertical spacing */
}

h6 {
  font-size: 1em;
  margin: 0 0 6px;  /* peviously padding: 0 0 6px; - reset to MARGIN to solve excess vertical spacing */
}






/* #01.2# - GLOBAL: Typography defaults - Bullets, horizontal rules etc ----- */

/* The below doesn't work properly - in IE it's a "tall" "hollow" line that looks crappy  */
/*hr {
 color: #cdcdcd;
 height: 1px;
 margin: 20px 15px 20px 15px;
} */

hr {
	height: 1px;
	border: 0;
	background-color: #cdcdcd;
	margin: 20px 15px 20px 15px;
}






/* #02# - GLOBAL: Form defaults --------------------------------------------- */

/* #02.1# - GLOBAL: Form defaults - Fieldsets ------------------------------- */
fieldset {
  padding: 10px;
  margin: 20px 0 40px;

  background-color: #ececd5;
  border: 1px solid #d7d7bb;
}

fieldset legend {
  position: relative;
  top: -15px;
  padding: 5px 10px;

  font-family: 'Oswald';
  font-weight: normal;
  font-size: 20px;
  color: #165693; 
  
  background-color: #ececd5;
  border: 1px solid #d7d7bb;
  border-bottom: 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}

html.js fieldset.collapsible legend {
  padding-bottom: 5px;
}

html.js fieldset.collapsed {
  margin-bottom: 20px;
}



/* #02.2# - GLOBAL: Form defaults - Form items and inputs ------------------- */
.form-item {
  margin: 0 0 20px;
}

[type="text"],
.form-text {
  /*max-width: 172px;*/ /* Temporarily disabled */
  padding: 6px 5px 7px 5px;

  font-family: verdana, sans-serif;
  font-size: 1em;
  color: #232321;

  background: #fff;
  border: 1px solid #d7d7bb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

textarea,
.form-textarea {
  padding: 6px 5px 7px 5px;

  font-family: verdana, sans-serif;
  font-size: 1em;
  color: #232321;

  background: #fff;
  border: 1px solid #d7d7bb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.resizable-textarea .grippie {
  background-color: #ececd5;
  border: 1px solid #d7d7bb;
  border-top: none;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}

select {
  width: 100%;
  max-width: 220px;
}

.form-submit {
  display: inline-block;
  padding: 8px 10px;
  position: relative;
  outline: 0;
  
  font-family: verdana, sans-serif;
  font-size: 1em;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  
  background: #e35500;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset #f08f00 0 10px 10px,
              rgba(0,0,0,0.3) 0 1px 3px;
}

.form-dropdown {
  width:auto !important;
		display: inline-block;
  padding: 8px 10px;
  position: relative;
  outline: 0;
  
  font-family: verdana, sans-serif;
  font-size: 1em;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  
  background: #e35500;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset #f08f00 0 10px 10px,
              rgba(0,0,0,0.3) 0 1px 3px;
}


.form-submit-events {
  display: inline-block;
  padding: 8px 10px;
  position: relative;
  outline: 0;
  
  font-family: verdana, sans-serif;
  font-size: 1.4em;
  color: #fff;
  text-transform: uppercase;
  cursor: pointer;
  
  background: #e35500;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: inset #f08f00 0 10px 10px,
              rgba(0,0,0,0.3) 0 1px 3px;
}

.form-submit:hover {
  background: #f05800;
}

.form-submit:active {
  top: 1px;
  box-shadow: inset rgba(0,0,0,0.3) 0 1px 4px;
}






/* #03# - GLOBAL: Table defaults -------------------------------------------- */

/*
 * By default, table rows are separated by a simple keyline. If even this is
 * too much, we can leave styles off tables altogether, and only add them via
 * additional classes.
 */

/* Tables still need 'cellspacing="0"' in the markup */
table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 12px;
}

thead tr {
  background: #316d9e;
  color: #fff;
  border-bottom: 3px solid #d7d7bb;
}

tbody {
  border-top: 1px solid #d7d7bb;
}

th,
td {
  padding: 10px;
  border-bottom: 1px solid #d7d7bb;
}

td img {
  /* Stop images from busting out of their table cells */
  max-width: 100%;
}


/* #03.1# - GLOBAL: Table defaults - Bordered table ------------------------- */
/* To add borders to the table, add a class of bordered to it */
table.bordered th {
  border: 1px solid #316d9e;
}

table.bordered td {
  border: 1px solid #d7d7bb;
}


/* #03.2# - GLOBAL: Table defaults - Unstyled table ------------------------- */
table.clean-table body,
table.clean-table th,
table.clean-table td,
table.clean-table thead tr {
  border: none;
  background: none;
}

table.clean-table tbody {
  border-top: 0;
}


/* #03.3# - GLOBAL: Table defaults - Fixed table ---------------------------- */

/*
 * Add this class to a table to ensure it doesn't blow out beyond its parent,
 * even if it contains images that try to force it to. Using this disables
 * the ability to set widths on cells though!
 */
table.fixed-table {
  table-layout: fixed;
}






/* #04# - GLOBAL: Helper classes -------------------------------------------- */

/* Clearfix */
.group:after {
  content: "";
  display: table;
  clear: both;
}

/*
 * Use this to manually clear floated items. This should only be employed when
 * it is not possible to add .group to the parent of the floated items.
 */
.clear {
  clear: both;
  height: 1px;
  margin: 0;
  padding: 0;
}

/* Add this to a UL when you want to remove bullets and indentation */
.clean-list {
  list-style: none;
  margin: 0;
  padding-left: 0;
}

/* Inline list */
ul.inline li {
  display: inline;
  margin: 0 10px 0 0;
}






/* #05# - GLOBAL: Drupal resets --------------------------------------------- */

/* TO DO: Replace all instances of this with .clean-list on the UL */
.item-list ul li {
  list-style: none;
  margin: 0;
  padding-left: 0;
}



/* #05.1# - GLOBAL: Drupal resets - CKEditor -------------------------------- */

/* Don't let CK Editor's height go nuts */
.cke_contents {
  height: 300px !important;
}

/* CK Editor background */
body.cke_show_borders {
  background: #fff !important;
}



/* #05.2# - GLOBAL: Drupal resets - Messages -------------------------------- */
div.messages a:link,
div.messages a:visited,
.help a:link,
.help a:visited,
.help .more-help-link a:link,
.help .more-help-link a:visited {
  color: #0066B3;
}

div.messages a:hover,
div.messages a:active,
.help a:hover,
.help a:active,
.help .more-help-link a:hover,
.help .more-help-link a:active {
  color: #000;
}

div.messages,
div.messages.status {
  background-color: #EAF8E4;
  border: 2px solid #8DC478;
  color: #3E642F;
  font-weight: 600;
  font-size: 1em;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 14px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

div.messages.warning {
  background: #FFFFDD;
  border: 2px solid #EED300;
  color: #745500;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

div.messages ul {
  list-style-position: inside;
}

div.messages em {
  color: #555;
}

div.error {
  background-color: #FFF2F2;
  border-color: #CC0000;
  color: #B20000;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.help {
  background-color: #E4EEF8;
  border: 2px solid #57718A;
  color: #4C6278;
  font-size: 1em;
  margin-bottom: 20px;
  overflow: hidden;
  padding: 10px 16px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}

.help p {
  font-weight: 600;
}
/* End Drupal resets -------------------------------------------------------- */






/* #06# - GLOBAL: Layout ---------------------------------------------------- */
.wrapper {
  width: 1010px;
  margin: 0 auto;
}

#header,
#content,
#footer {
  width: 990px;
  margin: 0 auto;
}






/* #07# - GLOBAL: Header ---------------------------------------------------- */
#header {
  height: 123px;
  position: relative;
  background: url(../images/hu-head-bck.png) no-repeat 10px 0;
}


/* GLOBAL: Header - Logo, search and social icons --------------------------- */
.header-inner .logo {
  position: absolute;
  top: 23px;
  left: 40px;
}

.header-inner .logo a {
  display: block;
  background: url(../images/logo.png) no-repeat 0 0;
  width: 466px;
  height: 80px;
}

.header-inner .touratech {
  position: absolute;
  top: 16px;
  right: 42px;
}

.header-inner .touratech a {
  display: block;
  width: 197px;
  height: 43px;
  background: url(../images/tourtech-logo.png) no-repeat 0 0;
}

.search-social-block {
  width: 340px;
  position: absolute;
  top: 65px;
  right: 42px;
}

.search-social-block .search-wrap {
  float: left;
  width: 220px;
  padding: 3px 3px 3px 0;
  border: 1px solid #b3d3ee;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-appearance: none;
}

.search-social-block .search-wrap .form-text {
  font-family: Verdana, Arial, sans-serif;
  color: #232321;
  font-size: 1em;
  padding: 6px 4px;
  width: 175px;
  border: none;
  outline: 0;
  background: none;
}

.search-social-block .search-wrap .form-btn,
#cse td.gsc-search-button input {
  cursor: pointer;
  width: 32px;
  height: 29px;
  background: url(../images/search-btn.gif) no-repeat 0 0;
  overflow: hidden;
  text-indent: -5000em;
  border: none;
  outline: 0;
}

.ie .search-social-block .search-wrap .form-btn {
  font-size: 0;
  color: #2e84b4;
  text-align: left;
}

.search-social-block .social-links {
  float: left;
  margin: 0 0 0 5px;
  width: 108px;
  padding: 0;
  list-style: none;
}

.search-social-block .social-links li {
  float: left;
  width: 30px;
  height: 30px;
  margin: 5px 0 0 5px;
}

.search-social-block .social-links li a {
  background-image: url(../images/social-btns.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
  display: block;
  overflow: hidden;
  text-indent: -5000em;
}

.search-social-block .social-links li a.facebook {
  background-position: 0 0;
}

.search-social-block .social-links li a.twitter {
  background-position: -35px 0;
}

.search-social-block .social-links li a.google {
  background-position: -69px 0;
}






/* #07.1# - GLOBAL: Header - Navigation ------------------------------------- */
#navigation {
  background: url(../images/nav-bar-bck.png) no-repeat 0 0;
  width: 1008px;
  height: 44px;
  position: relative;
  z-index: 100;
}

#navigation ul {
  float: left;
  width: 1018px;
  list-style: none;
}

#navigation ul li {
  float: left;
  padding: 0;
  margin: 0 0 0 0;
  position: relative;
  z-index: 1000;
  height: 37px;
  line-height: 34px;
}

#navigation ul li.home {
  width: 74px;
}

#navigation ul li.get-inspired {
  width: 139px;
}

#navigation ul li.get-ready {
  width: 122px;
}

#navigation ul li.gear-up {
  width: 109px;
}

#navigation ul li.on-the-road {
  width: 139px;
}

#navigation ul li.connect {
  width: 114px;
}

#navigation ul li.events {
  width: 100px;
}

#navigation ul li.store {
  width: 93px;
}

#navigation ul li.about-hu {
  width: 119px;
}

#navigation ul li a .arrow {
  background: url(../images/nav-arrow.png) no-repeat 0 0;
  width: 9px;
  height: 8px;
  display: -webkit-inline-block;
  display: -moz-inline-block;
  display: inline-block;
  float: right;
  margin: 14px 0 0 4px;
}

#navigation > ul > li > a {
  font-size: 1.34em;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  color: #fff;
  padding: 0 19px 0 18px;
  height: 37px;
  line-height: 34px;
  float: left;
  position: relative;
  z-index: 1000;
}

#navigation ul li.about-hu a {
  padding: 0 19px 0 18px;
}

.ie6 #navigation ul li a .arrow,
.ie7 #navigation ul li a .arrow {
  margin: -20px 0 0 6px;
}

.ie6 #navigation ul li a,
.ie7 #navigation ul li a,
.ie8 #navigation ul li a {
  padding: 0 18px 0 18px;
}

.ie9 #navigation ul li.about-hu a,
.ie8 #navigation ul li.about-hu a {
  padding: 0 17px 0 18px;
}

#navigation ul li a:hover,
#navigation ul li.sfHover a,
#navigation ul li.active a.active,
#navigation ul li.active a {
  text-decoration: none;
  background: url(../images/nav-hover-bck.png) repeat-x 0 0;
}

#navigation ul li.active.first a,
#navigation ul li.first a:hover,
#navigation ul li.first.sfHover a {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

#navigation ul li.active.last a,
#navigation ul li.last a:hover,
#navigation ul li.last.sfHover a {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

#navigation .white {
  background: none;
}

#navigation li .mega-menu {
  position: absolute;
  z-index: 1000;
  top: 37px;
  width: 1000px;
  color: #232321;
  border: 1px solid #021b36;
  background-color: #f8f8ed;
  padding: 0 0 12px 0;
  display: none;
}

#navigation li .mega-menu.get-inspired {
  left: -71px;
}

.ie8 #navigation li .mega-menu.get-inspired {
  left: -72px;
}

.ie9 #navigation li .mega-menu.get-inspired {
  left: -71px;
}

#navigation li .mega-menu.get-ready {
  left: -210px;
}

.ie8 #navigation li .mega-menu.get-ready,
.ie9 #navigation li .mega-menu.get-ready {
  left: -211px;
}

#navigation li .mega-menu.gear-up {
  left: -332px;
}

.ie8 #navigation li .mega-menu.gear-up,
.ie9 #navigation li .mega-menu.gear-up {
  left: -333px;
}

#navigation li .mega-menu.on-the-road {
  left: -441px;
}

#navigation li .mega-menu.connect {
  left: -580px;
}

.ie7 #navigation li .mega-menu.connect {
  left: -580px;
}

.ie8 #navigation li .mega-menu.connect {
  left: -579px;
}

.ie9 #navigation li .mega-menu.connect {
  left: -578px;
}

#navigation li .mega-menu.events {
  left: -694px;
}

.ie7 #navigation li .mega-menu.events,
.ie8 #navigation li .mega-menu.events,
.ie9 #navigation li .mega-menu.events {
  left: -692px;
}

#navigation li .mega-menu.store {
  left: -794px;
}

.ie7 #navigation li .mega-menu.store,
.ie8 #navigation li .mega-menu.store {
  left: -792px;
}

.ie9 #navigation li .mega-menu.store {
  left: -793px;
}

#navigation li .mega-menu.about-hu {
  left: -886px;
}

.ie8 #navigation li .mega-menu.about-hu,
.ie9 #navigation li .mega-menu.about-hu {
  left: -886px;
}

#navigation ul li .mega-menu .sublinks {
  background-color: #021b36;
  width: 100%;
  height: 35px;
  line-height: 31px;
  margin: 0;
  padding: 0;
}

#navigation ul li .mega-menu .sublinks li {
  display: inline;
  float: none;
  margin: 0;
  padding: 0 12px 0 7px;
  background: url(../images/sublinks-divider.gif) no-repeat right 4px;
}

#navigation ul li .mega-menu .sublinks li a {
  font-weight: bold;
  font-family: Verdana, sans-serif;
  font-size: 0.92em;
  color: #fff;
  text-transform: none;
  padding: 0;
  background: none;
  float: none;
  height: auto;
}

#navigation ul li .mega-menu .sublinks li a:hover {
  color: #2e84b4;
  text-decoration: none;
  background: none;
}

#navigation ul li .mega-menu .col-wrapper {
  display: none;
}

#navigation ul li .mega-menu .col {
  float: left;
  width: 300px;
  padding: 10px 15px;
}

.ie6 #navigation ul li .mega-menu .col {
  width: 300px;
  margin: 18px 0 0 8px;
}

#navigation ul li .mega-menu .col-2 {
  background-color: #edede0;
}

.ie6 #navigation ul li .mega-menu .col-2 {
  margin: 8px 0 0 8px;
}

#navigation ul li .mega-menu .title,
#navigation ul li .mega-menu h4 {
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  color: #232321;
  clear: both;
}

#navigation ul li .mega-menu h4 {
  font-size: 1.33em;
  padding: 10px 0 5px 0;
}

#navigation ul li .mega-menu .title {
  font-size: 1.75em;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #d7d7bb;
  margin: 0 0 10px 0;
}

#navigation ul li .mega-menu .col h4 a {
  font-weight: normal;
  padding: 0;
  background: none;
  color: #232321;
  margin: 0;
}

#navigation ul li.sfHover .mega-menu .col h4 a:hover {
  background: none;
}

#navigation ul li .mega-menu p {
  line-height: 1.6em;
}

#navigation ul li .mega-menu ul {
  float: none;
  padding: 0;
}

#navigation ul li .mega-menu li {
  display: block;
  float: none;
  margin: 0 0 5px 0;
  line-height: 1.6em;
  width: 99%;
  height: auto;
  position: static;
}

#navigation ul li .mega-menu .two-column li {
  width: 48%;
  float: left;
}

#navigation ul li .mega-menu li img {
  float: left;
  margin: 0 12px 0 0;
}

#navigation ul li .mega-menu img.right {
  float: right;
  margin: 5px 0 5px 8px;
}

#navigation ul li .mega-menu ul,
#navigation ul li .mega-menu .col-2 ul {
  margin-bottom: 12px;
  width: 100%;
}

#navigation ul li .mega-menu .col a {
  background: none;
  padding: 0;
  color: #2e84b4;
  font-weight: normal;
  font-size: 1em;
  text-transform: none;
  height: auto;
  line-height: 1.6em;
  margin: 0 4px 0 0;
  float: none !important;
}

#navigation ul li .mega-menu .col li a {
  display: block;
  font-weight: normal;
  font-size: 1em;
  padding: 0 0 0 12px;
  color: #2e84b4;
  font-family: Verdana, sans-serif;
  background: url(../images/link-arrow.png) no-repeat left 3px transparent;
  text-transform: none;
  height: auto;
  line-height: 1.6em;
  margin: 0;
  float: none !important;
}

.ie #navigation ul li .mega-menu .col li a {
  background: url(../images/link-arrow.png) no-repeat left 2px transparent;
}

#navigation ul li .mega-menu .col li a:hover {
  background: url(../images/link-arrow.png) no-repeat left 3px transparent;
  text-decoration: underline;
}

.ie #navigation ul li .mega-menu .col li a:hover {
  background: url(../images/link-arrow.png) no-repeat left 2px transparent;
}

#navigation ul li .mega-menu a.large {
  font-size: 1.17em;
  background: none;
  padding: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
/* 
 * CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) if there are more than just for checkboxes,
 * move out to a separate section below all the other styles.
 */
  #navigation ul li.about-hu a {
    padding: 0 18px 0 18px;
  }
  #navigation li .mega-menu.get-inspired {
  left: -71px;
  }
  #navigation li .mega-menu.get-ready {
    left: -210px;
  }
  #navigation li .mega-menu.gear-up {
    left: -332px;
  }
  #navigation li .mega-menu.on-the-road {
    left: -441px;
  }
  #navigation li .mega-menu.connect {
    left: -580px;
  }
  #navigation li .mega-menu.events {
    left: -694px;
  }
  #navigation li .mega-menu.store {
    left: -794px;
  }
  #navigation li .mega-menu.about-hu {
    left: -887px;
  }
}



/* #08# - GLOBAL: Main column layout ---------------------------------------- */
#content {
  position: relative;
  z-index: 1;
  background: url(../images/content-rpt.png) repeat-y center top;
  margin-top: -7px;
}

.content-btm {
  background: url(../images/content-btm-bck.png) no-repeat center bottom;
  height: 30px;
}

.main-col {
  width: 600px;
  float: left;
  margin-left: 33px;
  margin-top: 15px;
  position: relative;
  z-index: 1;
}

.main-col-hubb {
  width: 94% !important;
}

.gutter {
  float: left;
  width: 30px;
  height: 10px;
}



/* #08.1# - GLOBAL: Main column --------------------------------------------- */
/*
 * TO DO: Any UL using this class should be changed to use .clean-list, and 
 * the following deleted.
 */
.main-col ul.no-bullets li {
  list-style-type: none;
  margin-left: 0;
}

/* TO DO: Change to use .clean-list and/or delete */
.admin-menu .main-col #node-form ul li {
  list-style-type: none;
  margin-left: 0;
}

/* TO DO: Change to use .clean-list and/or delete */
.main-col ul.no-bullets li {
  list-style-type: none;
  margin-left: 0;
}

/* TO DO: Change to use .clean-list and/or delete */
.admin-menu .main-col #node-form ul li {
  list-style-type: none;
  margin-left: 0;
}

.main-col .block {
  margin: 0 0 20px;
}

.main-col a.arrows {
  padding: 0 0 0 12px;
  background: url(../images/orange-arrow.png) no-repeat 0 3px;
}

/* Grant added main-col li.arrows to get arrows on a list in the main column :)  ----------------------------- */
.main-col li.arrows {
  list-style: none; 
  padding: 0 0 0 12px; 
  background: url(../images/orange-arrow.png) no-repeat 0 4px;
}

/* RSS Feeds ---------------------------------------------------------------- */
a.feed-icon {
  position: absolute;
  right: 0;
  top: 11px;
}



/* #08.1.1# - GLOBAL: Main column - Breadcrumb ------------------------------ */
.breadcrumb {
  font-size: 1em;
  margin: 0 0 12px 0;
  padding: 0;
}

.breadcrumb a {
  background: url(../images/bread-arrow.gif) no-repeat scroll right 4px transparent;
  margin: 0 5px 0 0;
  padding: 0 14px 0 0;
}






/* #09# - GLOBAL: Comments -------------------------------------------------- */
.main-col .comments-reviews ul li {
  list-style-type: none;
  margin: 0;
}

#comments {
  float: left;
  margin: 30px 0 0 0;
  background-color: #ECECD5;
  padding: 15px;
}

.comment {
  width: 570px;
  margin: 0 0 17px 0;
}

.comment-avatar {
  display: block;
  float: left;
  height: 100px;
  width: 68px;
  background: url(../images/comment_spike.png) no-repeat scroll right 8px transparent;
}

.comment-avatar img {
  border: 3px solid #fff;
}

.comment-body {
  background-color: #FFFFFF;
  background-image: none;
  float: right;
  width: 502px;
}

.comment .content {
  padding: 10px;
  font-style: italic;
}

.comment ul.links {
  float: right;
  margin: 5px 0 0 68px;
}

.comment ul.links li {
  padding: 0;
}

.comment .submitted {
  padding: 10px;
}

.comment .new {
  float: right;
  text-transform: uppercase;
  margin: 5px 10px 5px 10px;
  padding: 3px;
  color: #fff;
  background-color: #2e84b4;
}






/* #10# - GLOBAL: Pager ----------------------------------------------------- */
.item-list .pager {
  padding: 15px 0 0 0;
}

.item-list .pager li {
  width: auto;
  float: none;
  padding: 0;
  border: none;
  margin: 0 5px;
}

.pager-current {
  font-size: 1.17em;
}

.pager-item a,
.pager-item a.active {
  color: #2e84b4;
  font-size: 1.17em;
}

.pager-next a,
.pager-next a.active,
.pager-last a,
.pager-last a.active,
.pager-previous a,
.pager-previous a.active,
.pager-first a,
.pager-first a.active {
  background: url(../images/button-bck.png) repeat-x scroll 0 0 #E25200;
  border-radius: 5px 5px 5px 5px;
  color: #FFFFFF;
  font-family: verdana,sans-serif;
  font-size: 1.08em;
  height: 30px;
  line-height: 28px;
  margin: 0;
  outline: 0 none;
  padding: 4px 8px 5px;
  text-transform: uppercase;
}






/* #11# - GLOBAL: Carousel styles ------------------------------------------- */
.carousel {
  margin: 0 0 25px 0;
  width: 600px;
  height: 354px;
  position: relative;
  overflow: hidden;
}

/* TO DO: Add .clean-list to the UL and delete this style */
.main-col .carousel li {
  list-style-type: none;
  margin: 0;
}

.carousel .carousel-item {
  height: 354px;
  width: 599px;
  position: absolute;
  z-index: 10;
}

.carousel-item .overlay {
  background: url(../images/carousel/blue-overlay-bck.png) repeat 0 0;
  position: absolute;
  z-index: 20;
  top: 35px;
  padding-bottom: 10px;
}

.carousel-item .overlay h2 {
  font-family: 'Oswald', sans-serif;
  font-size: 2em;
  color: #fff;
  padding: 0 0 8px 0;
  margin: 10px 14px 0 14px;
}

.carousel-item .overlay h2 a {
  color: #fff;
}

.carousel-item .overlay p {
  font-family: Verdana, sans-serif;
  color: #fff;
  font-size: 1em;
  line-height: 1.6em;
  margin: 0 14px;
  padding: 0;
}

.carousel-item .overlay p span a {
  padding: 1px 3px;
  background-color: #ee8400;
  font-size: 0.92em;
  font-weight: bold;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.carousel-item .overlay p span a:hover {
  text-decoration: none;
}

.carousel .buttons {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  width: 600px;
}

.carousel .slidebuttons {
  float: left;
}

.carousel .buttons a {
  float: left;
  width: 45px;
  height: 43px;
}

.carousel .buttons a {
  background: url(../images/carousel/blue-overlay-bck.png) repeat 0 0;
  font-family: 'Oswald', sans-serif;
  font-size: 1em;
  color: #fff;
  width: 35px;
  height: 35px;
  line-height: 35px;
  display: block;
  text-align: center;
}

.carousel .buttons a.paused {
  background: url(../images/carousel/play-sprite-blue.png) no-repeat 0 -176px;
}

.carousel .buttons a.paused:hover {
  background: url(../images/carousel/play-sprite-blue.png) no-repeat 0 -219px;
}

.carousel .buttons a.playing {
  background: url(../images/carousel/play-sprite-blue.png) no-repeat -5px -4px;
}

.carousel .buttons a.playing:hover {
  background: url(../images/carousel/play-sprite-blue.png) no-repeat -5px -47px;
}

.carousel .buttons a#prevbutton {
  background: url(../images/carousel/play-sprite-blue.png) no-repeat -5px -262px;
}

.carousel .buttons a#prevbutton:hover {
  background: url(../images/carousel/play-sprite-blue.png) no-repeat -5px -305px;
}

.carousel .buttons a#nextbutton {
  background: url(../images/carousel/play-sprite-blue.png) no-repeat -5px -90px;
}

.carousel .buttons a#nextbutton:hover {
  background: url(../images/carousel/play-sprite-blue.png) no-repeat -5px -133px;
}

.carousel .buttons a:hover {
  text-decoration: none;
  color: #ee8400;
}

.carousel .buttons a.activeSlide {
  background-image: none;
  background-color: #fff;
  color: #232321;
}






/* #12# - Grant's legacy styles --------------------------------------------- */
.highlighter {
  background-color: #FFFF00;
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.coloraccent {
  color: #ff0000;
}

.caption {
  color: #8E7657;
  font-family: Verdana, Arial, sans-serif;
  font-size: 95%;
  font-style: italic;
  font-weight: normal;
  margin-top: 0em;
  margin-bottom: 2.5em;
}

.edcomment {
  font-family: Verdana, Arial, sans-serif;
  font-size: 75%;
  color: #954e26;
  font-weight: bold;
  text-align: left;
  clear: both;
}

.fauxhr {
  padding-bottom: 6px;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 18px;
}

table.displaytable {
 border-collapse:collapse; 
 margin-left: 5px;
}

table.displaytable td, table.displaytable th {
 border:1px solid #cdcdcd;padding:12px; 
 line-height: 1.5em;
 text-align:left;
}

/* used on /about-hu/comments page and could be used elsewhere */
.attribution {color: #666666;
font-weight: bold;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
}

/* End Grant's legacy styles ------------------------------------------------ */






/* #13# - RIGHT COLUMN ------------------------------------------------------ */
.right-col {
  width: 300px;
  float: left;
  margin-top: 15px;
}


/* #13.1# - RIGHT COLUMN: Block styles -------------------------------------- */
.right-col .block {
  margin: 0 0 20px;
}

/* TO DO: Add .clean-list to these ULs and delete this: */
.right-col .block li {
  list-style-type: disc;
  margin-left: 16px;
}

.right-col .announcements li,
.right-col .block-hu_system li,
.right-col .hu-meetings li {
  list-style-type: none;
  margin: 0;
}

.right-col .hu-meetings h2 img.left {
  float: right;
  margin: -4px 0 0 0;
}


/* General right block styles ----------------------------------------------- */
.right-col ul {
  padding: 0 0 10px;
}

.right-col ul li {
  margin: 0 0 2px;
}


/*
 * TO DO: Any UL using this class should be changed to use .clean-list, and 
 * the following deleted.
 */
.right-col ul.no-bullets li {
  list-style-type: none;
  margin-left: 0;
}

.right-col a.arrows {
  padding: 0 0 0 12px;
  background: url(../images/orange-arrow.png) no-repeat 0 3px;
}

.white {
  border: none;
  background: url(../images/white-block-btm.gif) no-repeat 0 bottom #fff;
  padding: 0 0 15px 0;
}

.white-border {
  border: 1px solid #d7d7bb;
  background-image: none;
  background-color: #fff;
  padding: 10px;
}

.white-line-border {
  border: 1px solid #ffffff;
  background-image: none;
  background-color: #ececd5;
  padding: 5px;
  margin-bottom: 20px;
}

.coloured-border {
  border: 1px solid #d7d7bb;
  background-image: none;
  background-color: #ececd5;
  padding: 10px;
}

.large-text {
  font-family: 'Oswald', sans-serif;
  line-height: 1.2em;
  font-size: 1.5em;
  font-weight: normal;
  text-transform: uppercase;
}

.right-col img.left {
  float: left;
  margin: 0 15px 5px 0;
}

.right-col img.right {
  float: right;
  margin: 0 0 5px 15px;
}


/* Google "Custom Search Engine" block styles ------------------------------- */
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
  padding: 6px 35px !important; 
}

#cse td.gsc-search-button input {
  height: 19px;
}


/* #13.1.1# - RIGHT COLUMN: Block styles - Anonymous user login block ------- */
.block-hu_system {
  border: 1px solid #d7d7bb;
  background-color: #ececd5;
  padding: 10px;
}

.block-hu_system h2 {
  padding: 0;
  margin: 0;
}

#block-hu_system-1 h2 {
  padding: 0 0 12px 0;
}

.block-hu_system #user-login-form {
  text-align: left;
}

.block-hu_system #user-login-form .form-item {
  margin: 10px 0;
}

.block-hu_system #user-login-form .form-item label {
  display: inline;
  margin: 0 3px 0 0;
}

.block-hu_system #user-login-form #edit-pass-wrapper.form-item label {
  margin: 0 6px 0 0;
}

.block-hu_system #user-login-form .form-text {
  background: #fff;
  border: 1px solid #d7d7bb;
  padding: 6px 5px 7px 5px;
  width: 172px;
  font-family: verdana, sans-serif;
  color: #232321;
  font-size: 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.block-hu_system #user-login-form .item-list ul {
  padding: 0;
  clear: left;
}

.block-hu_system #user-login-form .form-submit {
  margin: 0 0 10px 93px;
}

.block-hu_system #user-login-form #edit-remember-me-wrapper {
  float: left;
  margin: 5px 0 0 0;
}


/* #13.1.2# - RIGHT COLUMN: Block styles - User block - logged in ----------- */
.block-hu_system .user-image {
  float: left;
  margin: 10px 10px 0 0;
}

.block-hu_system .user {
  font-weight: bold;
}

.block-hu_system .user-details ul {
  margin: 5px 0 0 0;
  overflow: hidden;
}

.block-hu_system .user-details li a {
  padding: 0 0 0 12px;
  background: url(../images/orange-arrow.png) no-repeat 0 3px;
}




/*
 * #13.1.3# - RIGHT COLUMN: Block styles - Fancy block styles ------------------
 * (newspaper, old paper, notebook etc)
 */

/* Base styles shared by all fancy blocks */
.fancy-block {
  position: relative;
  padding: 0 20px !important;
  /*
   * Margin top and bottom is needed to compensate for the header and footer
   * of each block, which are both absolute positioned and therefore don't
   * contribute to the height of the block, overlapping as they overflow.
   * Graeme had 50px, changed by Grant to 75 as it seemed to work better for the 
   * fancy blocks, but changed back to 50. Issue is, fancy followed by fancy
	 * needs 75 to separate the blocks, but that's too much when fancy followed by plain. :(
	 * Rachael says it's as good as it can get without lots of time and money.
   */
  margin: 50px 0 !important;
}

.fancy-block:before,
.fancy-block:after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  left: 0;
}

/* Old paper block */
.old-paper {
  background: url(../images/blocks/block-paper-middle.png) 50% 0 repeat-y !important;
}

.old-paper:before {
  top: -21px;
  height: 21px;
  background: url(../images/blocks/block-paper-top.png) 50% 0 no-repeat !important;
}

/* was 21px */
.old-paper:after {
  bottom: -18px;
  height: 18px;
  background: url(../images/blocks/block-paper-bottom.png) 50% 100% no-repeat !important;
}

/* Notebook block */
.notebook {
  background: url(../images/blocks/block-notebook-middle.png) 50% 0 repeat-y !important;
}

.notebook:before {
  top: -41px;
  height: 41px;
  background: url(../images/blocks/block-notebook-top.png) 50% 0 no-repeat !important;
}

.notebook:after {
  bottom: -31px;
  height: 31px;
  background: url(../images/blocks/block-notebook-bottom.png) 50% 100% no-repeat !important;
}

/* Notebook block */
.newspaper {
  background: url(../images/blocks/block-newspaper-middle.png) 50% 0 repeat-y !important;
}

.newspaper:before {
 /* original values for both lines below was 36, but gave inadequte separation */
  top: -30px;
  height: 30px;
  background: url(../images/blocks/block-newspaper-top.png) 50% 0 no-repeat !important;
}

.newspaper:after {
  bottom: -35px;
  height: 35px;
  background: url(../images/blocks/block-newspaper-bottom.png) 50% 100% no-repeat !important;
}

body .right-col .fancy-block-margin-before {
  margin-top: 80px;
}

/* Photo block */
.photo {
  display: block;
  width: 300px;
  height: 245px;
  overflow: hidden;
}

.photo:after {
  content: "";
  display: block;
  width: 300px;
  height: 245px;
  background: url(../images/blocks/block-photo.png) 0 0 no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

.photo img {
  width: 260px;
  height: auto; /* Should be 190px */
  position: relative;
  top: 20px;
  left: 10px;
}
/* End Fancy block styles (newspaper, old paper, notebook etc) -------------- */






/* #14# - EVENTS ------------------------------------------------------------ */

/* Defaults, shared by all event text classes */
.events-text,
.events-text2,
.events-text3,
.events-text4,
.events-text-grey,
.events-text2-grey,
.events-text3-grey,
.events-text4-grey,
.events-text-aa-grey,
.events-text2-aa-grey,
.events-text3-aa-grey,
.events-text4-aa-grey {
  font-family: 'Oswald', sans-serif;
  font-weight: normal;
  line-height: 1.2em;
  text-transform: none;
}

/* Events text (1) specific styles */
.events-text,
.events-text-grey,
.events-text-aa-grey {
  font-size: 1.4em;
}

/* Events text 2 specific styles */
.events-text2,
.events-text2-grey,
.events-text2-aa-grey {
  font-size: 1.5em;
}

/* Events text 3 specific styles */
.events-text3,
.events-text3-grey,
.events-text3-aa-grey {
  font-size: 1.2em;
}

/* Events text 4 specific styles */
.events-text4,
.events-text4-grey,
.events-text4-aa-grey {
  font-size: 1.1em;
}


/* Events text colours */
.events-text,
.events-text2,
.events-text3,
.events-text4 {
  color: #2e84b4;
}

.events-text-grey,
.events-text2-grey,
.events-text3-grey,
.events-text4-grey {
  color: #eeeeee;
}

.events-text-aa-grey,
.events-text2-aa-grey,
.events-text3-aa-grey,
.events-text4-aa-grey {
  color: #aaaaaa;
}

/* 
 * The black events text shares the same styles, though this may be incorrect,
 * I have left it as I found it on 9 Juuly 20013 - Graeme.
 */
.events-text-black,
.events-text2-black,
.events-text3-black,
.events-text4-black {
  font-size: 1.4em;
  color: #000000;
}


/* Begin Grant added style for blue pricing block on Events pages ----------- */
/* e.g. /events/hubbbuK-20014 */
.pricing .events {
  background: url(../images/hubb-bck.gif) repeat right top;
}

.pricing .events h2,
.pricing .events h3,
.pricing .events h4,
.pricing .events p,
.pricing .events li {
  color: #eee;
}

.pricing .events li {
  margin: 0 0 0 12px;
}

.pricing .events h3 {
  padding: 4px 10px 2px 0px;
}

.pricing .events .large-text {
  padding: 4px 10px 2px 5px;
}

/* this has to be here to work - the links for the pricing block on the event pages are blue otherwise, and with a blue background aren't visible! */
.pricing a {
  color: #fff;
  text-decoration: underline;
}

.pricing a:hover {
  color: #F00;
  text-decoration: underline;
}


/* End Grant added style for pricing block on Events pages ------------------ */






/* #15# - NEWSLETTER PAGES -------------------------------------------------- */
.main-col .view-newsletters .view-content li {
  padding: 20px 0 5px 0;
  border-bottom: 1px dotted #D7D7BB;
  list-style-type: none;
  margin: 0;
}

.view-newsletters li h4 {
  font-family: 'Oswald', sans-serif;
  padding: 0 0 5px 0;
  font-weight: normal;
  font-size: 1.33em;
  margin: 0 0 0 185px;
}

.view-newsletters li p {
  margin: 0 0 0 185px;
}

.view-newsletters li .image {
  float: left;
}

.view-newsletters li .image img {
  background-color: #FFFFFF;
  border: 1px solid #D7D7BC;
  margin: 3px 0 0 0;
  padding: 4px;
}


/* Begin Grant's newsletter specific styles --------------------------------- */

/*
 * TO DO: This all needs a good look at. There were references to newsletter
 * styles in a few places, so I have added them all together here, but don't
 * know the section well enough to organise the CSS nicely.
 */
.g-teaser {
  color: #000000;
  border: 1px solid #d7d7bb;
  background-image: none;
  background-color: #ececd5;
  padding: 10px;
  margin-left: 3px;
  margin-top: 3px;
  margin-bottom: 2px;
  margin-right: 3px;
  padding: 5px;
  text-align:center;
  /* this style causes a conflict with Drupal when named teaser. */
}

.section-head {
  font-family: Verdana;
  line-height: 1.6em;
  letter-spacing: 0;
  font-weight: normal;
  margin-bottom: .4em;
  margin-top: 4px;
}

.entry {
  padding-bottom: 6px;
/*  border-bottom: 1px solid #cdcdcd; */
  margin-bottom: 18px;
}

.admin {
  padding-bottom: 6px;
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 18px;
  font-size: .95em;
}

.imageleft {
  float: left;
  margin-right: 16px;
}

.imagecenter {
  text-align:center;
}

.imageright {
  float: right;
  margin-left: 16px;
}

.indent {
  padding-left: 20px;
}

.more {
  font-size: 11px;
  color: #326496;
  font-weight: bold;
  text-decoration: none;
  font-family: Verdana, Arial, sans-serif;
  text-transform: uppercase;
}

.uparrow {
  padding: 0px 35px 0px 0px;
  float:right;
  background: url(/newsletter/assets/images/up-arrow.png) no-repeat 0 #fff;
}

.sponsorthanks {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-style: italic;
  font-weight: normal;
  padding: 5px 5px 5px 5px;
}

.smallishbody {
 font-family: Verdana, Arial, sans-serif;
 font-size:90%;
}

.smallbody {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
  font-weight: normal;
/*  padding: 5px 5px 5px 5px; */
}


/* TO DO: Is this also part of the newsletter section? Seems so... */
.banner-advert {
  float: left;
  line-height: 70px;
  width: 600px;
  height: 70px;
  background: #eee;
  color: #ccc;
  text-transform: uppercase;
  text-align: center;
}

.main-col .trip-newsletter {
  float: left;
  width: 100%;
  margin: 0;
}

.main-col .trip-newsletter .block {
  margin: 0;
}

.trip-newsletter .trip-planning {
  background: #fff;
  width: 290px;
  float: left;
  margin-top: -3px;
  position: relative;
  border: 1px solid #D7D7BB;
}

.trip-newsletter .trip-planning h2 {
  position: absolute;
  top: -6px;
  left: 0;
  width: 279px;
  height: 70px;
  background: url(../images/trip-plan-pin.gif) no-repeat right 0;
  padding: 12px 0 0 12px;
}

.trip-newsletter .trip-planning p {
  margin: 40px 12px 0 12px;
}

.trip-newsletter .trip-planning ul {
  margin: 12px 12px 5px 12px;
}

.trip-newsletter .trip-planning ul li {
  padding: 6px 0;
  border-top: 1px solid #eaead4;
  list-style-type: none;
  margin: 0;
}

.trip-newsletter .newsletter {
  width: 290px;
  float: left;
  margin: 0 0 0 15px;
}

.ie6 .trip-newsletter .newsletter {
  margin: 0 0 0 14px;
}

.trip-newsletter .newsletter img {
  background-color: #fff;
  padding: 4px;
  border: 1px solid #d7d7bc;
  margin: 12px 0 12px 0;
  width: 280px;
  float: left;
}

.ie6 .trip-newsletter .newsletter img {
  width: 270px;
  margin: 12px 0 12px -8px;
}

.trip-newsletter .newsletter a.arrows {
  background-position: 0 4px;
  float: right;
  margin: 7px 0 0 0;
}

.sign-up {
  margin: 12px 2px 0 0;
}

.sign-up .form-text {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #D7D7BB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #232321;
  font-family: verdana,sans-serif;
  font-size: 1em;
  padding: 6px 5px 7px 5px;
  width: 170px;
}

.sign-up .form-submit {
  background: url(../images/button-bck.png) repeat-x scroll 0 0 transparent;
  border: medium none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  cursor: pointer;
  font-family: verdana,sans-serif;
  font-size: 1.08em;
  height: 30px;
  line-height: 28px;
  margin: 0;
  outline: 0 none;
  padding: 0 8px 4px;
  text-transform: uppercase;
}

.quote-col {
  float: left;
  width: 180px;
  margin: 10px 29px 0 0;
}

.quote-col.last {
  margin-right: 0;
}

.quote-col .quote {
  background: url(../images/quote-block-bck.gif) no-repeat left top;
  width: 179px;
  height: 102px;
}

.quote-col .quote p {
  color: #fff;
  text-align: center;
  margin: 0 10px 0 10px;
  padding: 8px 0 0 0;
}

.quote-col .quote-details {
  font-size: 0.92em;
}

.quote-col .quote-details a {
  font-weight: bold;
}

.quote-col .title {
  font-weight: bold;
}

.main-col .editors-note {
  float: left;
  height: 64px;
  width: 600px;
  margin: 25px 0 0 0;
  background: url(../images/editors-note-bck.gif) no-repeat 0 0;
}

.editors-note p {
  text-align: center;
  color: #c2c2c2;
  font-size: 0.92em;
  padding: 10px 16px;
  line-height: 1.2em;
  letter-spacing: -0.03em;
}
/* End Grant's newsletter specific styles ----------------------------------- */






/* #16# - STORE PAGES ------------------------------------------------------- */
.promo-block-wrap .promo {
  height: 72px;
  line-height: 72px;
  text-align: center;
  background: #eee;
  border: 1px solid #ccc;
  color: #ccc;
}

.category-listing li,
.product-listing li {
  float: left;
  width: 168px;
  height: 350px;
  border: 1px solid #D7D7BB;
  background-color: #fff;
  padding: 10px;
  margin: 0 0 15px 15px;
  list-style-type: none;
}

.product-listing li {
  min-height: 465px;
}

/*  GJ: excessive height on books pages, books should get a new style for height  */
.page-books .main-col .product-listing li {
  min-height: 374px;
}  

.view-books .category-listing li,
.view-books-categories .product-listing li {
  height: 370px;
}

.category-listing li:hover,
.product-listing li:hover {
  background-color: #ECECD5;
}

.category-listing li.first,
.product-listing li.first {
  margin-left: 0;
}

.category-listing .title,
.product-listing .title {
  font-size: 1.42em;
  font-family: 'Oswald',sans-serif;
  font-weight: normal;
  line-height: 1.4em;
  margin: 0 0 15px 0;
  padding: 0;
}

.product-listing .title,
.view-books .category-listing .title {
  height: 48px;
  overflow: hidden;
  font-size: 1.42em;
}

.category-listing .image,
.product-listing .image {
  height: 200px;
  text-align: center;
}

.category-listing .description,
.product-listing .description {
  height: 58px;
  overflow: hidden;
  margin: 10px 0 12px 0;
}


.page-books .product-listing .description {
  height: 74px;
  overflow: hidden;
  margin: 2px 0 2px 0;
}

.product-listing .price-wrapper,
.product .price-wrapper {
  margin: 0 0 20px 0;
}

.product-listing .price-wrapper .price {
  font-weight: bold;
  font-size: 1.25em;
}

.category-listing .button {
  float: right;
}

.add-to-cart .form-submit,
#cart-form-buttons .form-submit,
.remove .form-submit,
#checkout-form-bottom .form-submit,
#quotes-pane .form-submit,
#uc-cart-checkout-review-form .form-submit,
#uc-paypal-wps-form .form-submit {
  height: 27px;
  line-height: 27px;
  padding: 0 7px 3px 7px;
  outline: 0;
  border: none;
  background: url(../images/button-bck.png) repeat-x 0 0;
  color: #fff;
  font-size: 1em;
  text-transform: uppercase;
  font-family: verdana, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 0 10px 0;
}

#cart-form-buttons .form-submit,
#checkout-form-bottom .form-submit,
#quotes-pane .form-submit,
#uc-cart-checkout-review-form .form-submit,
#uc-paypal-wps-form .form-submit {
  height: 25px;
  font-size: 0.92em;
  padding: 1px 8px 4px 8px;
}

#quotes-pane .form-submit {
  margin-top: 0.5em;
}

.remove .form-submit {
  height: 22px;
  padding: 1px 4px 3px 4px;
  font-size: 0.83em;
  margin: 0;
}

.button a {
  background: url(../images/button-bck.png) repeat-x scroll 0 0 #e25200;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  font-family: verdana,sans-serif;
  font-size: 1em;
  height: 27px;
  line-height: 27px;
  margin: 0;
  outline: 0 none;
  padding: 4px 7px 5px 7px;
  text-transform: uppercase;
}

.button a:hover {
  text-decoration: none;
}

.product-listing .button {
  float: none;
}

.product .left {
  float: left;
}

.product .left img {
  margin: 5px 25px 0 0;
}

.product .description {
  margin: 10px 0 12px 0;
}

.product .price-wrapper .price .product {
  float: none;
}

.product .dvd-preview {
  margin: 0 0 15px 0;
}

.product .price-wrapper .price {
  font-weight: bold;
  font-size: 1.33em;
}

.product .right .button a {
  background: url(../images/button-bck.png) repeat-x scroll 0 top #e25200;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  font-family: verdana,sans-serif;
  font-size: 1.17em;
  font-weight: bold;
  height: 30px;
  line-height: 28px;
  margin: 0 0 5px 0;
  outline: 0 none;
  padding: 4px 12px 4px 12px;
  text-transform: uppercase;
  display: -webkit-inline-block;
  display: -moz-inline-block;
  display: inline-block;
}

.product .comments-reviews {
  margin: 0 0 10px 0;
}

.product .twitter-share-button {
  margin: 0 0 -3px 0;
}

.product .meta {
  margin: 20px 0 0 0;
}
  
.recommended-list-wrap {
  clear: both;
  border-top: 1px dotted #D7D7BB;
  padding: 20px 0 0 0;
  margin: 20px 0 0 0;
}

.block-uc_ajax_cart {
  background-color: #FFFFFF;
  border: 1px solid #D7D7BB;
  padding: 10px;
}

.block-uc_ajax_cart table {
  width: 100%;
}

.block-uc_ajax_cart .cart-block-items {
  margin: 0 0 10px 0;
}

.block-uc_ajax_cart .cart-block-summary-links td {
  padding: 20px 0 0 0;
}

.right-col .block-uc_ajax_cart .cart-block-summary-links ul {
  padding: 0;
  text-align: right;
}

.right-col .block-uc_ajax_cart .cart-block-summary-links li {
  margin: 0 0 0 5px;
  padding: 0;
}

.block-uc_ajax_cart .cart-block-summary-links a {
  background: url(../images/button-bck.png) repeat-x scroll 0 0 #e25200;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #FFFFFF;
  font-family: verdana,sans-serif;
  font-size: 0.92em;
  height: 30px;
  line-height: 28px;
  margin: 0;
  outline: 0 none;
  padding: 4px 8px 5px 8px;
  text-transform: uppercase;
}

.block-uc_ajax_cart .cart-block-summary-links a:hover {
  text-decoration: none;
}

.block-uc_ajax_cart thead th {
  border: none;
}

.block-uc_ajax_cart tr.even,
.block-uc_ajax_cart tr.odd {
  background: none;
  border: none;
}

.block-uc_ajax_cart .cart-block-items td,
.block-uc_ajax_cart .cart-block-items tr.odd td {
  padding: 3px 3px 5px 5px;
  text-align: right;
}

.block-uc_ajax_cart .cart-block-items tr.odd {
  background: #f6f6ea;
}

.block-uc_ajax_cart td.cart-block-item-title,
.block-uc_ajax_cart .cart-block-items tr.odd td.cart-block-item-title {
  width: 162px;
  text-align: left;
}

.block-uc_ajax_cart td.cart-block-item-qty {
  text-align: left;
}

.block-uc_ajax_cart .cart-block-item-desc {
  float: right;
  margin: 0 0 0 6px;
}

.block-uc_ajax_cart .cart-block-item-desc a {
  background: url(../images/btn-remove.png) no-repeat 0 0;
  width: 9px;
  height: 9px;
  overflow: hidden;
  text-indent: -5000px;
  color: #fff;
  font-size: 1px;
  display: block;
  margin: 5px 4px 0 0;
}

.cart-block-summary-total {
  font-weight: bold;
  text-align: right;
}

.cart-block-summary-items,
.cart-block-summary-total {
  border-top: 1px dotted #D7D7BB;
  border-bottom: 1px dotted #D7D7BB;
  padding: 5px 0;
}

#cart-form-products {
  border: none;
  margin-top: 0.5em;
}

#cart-form-products table td {
  vertical-align: top;
}

#cart-form-buttons {
  border: none;
  margin: 0 0 0.5em 0;
  text-align: right;
}

#continue-shopping-link {
  float: left;
  left: 0;
  position: relative;
  top: 0.5em;
}

#cart-form-buttons .form-button,
#cart-form-buttons .form-submit {
    margin: 0.5em 0 0.5em 0.5em;
}

#cart-form-products tr.odd,
.cart-review tr.odd {
  background-color: #ECECD5;
}

#cart-form-products tr.even,
.cart-review tr.even,
td.subtotal {
  background-color: #fff;
}

.cart-review {
  border: none;
}

.address-pane-table table td {
  background-color: transparent;
  border: none;
}

.address-pane-table table {
  border: none;
}

.solid-border {
  background-color: #fff;
  border: 1px solid #D7D7BB;
}

#checkout-form-bottom {
  border: none;
  text-align: left;
}

#uc-cart-checkout-form fieldset {
  margin-bottom: 18px;
}

#uc-cart-checkout-form .form-text {
  background: #fff;
  border: 1px solid #d7d7bb;
  padding: 6px 5px 7px 5px;
  font-family: verdana, sans-serif;
  color: #232321;
  font-size: 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.main-col table.order-review-table {
  border: none;
  font-size: 1.08em;
  line-height: 1.4em;
  margin: 0;
  width: 100%;
}

.main-col table.order-review-table table {
  border: 1px solid #d7d7bb;
}

.main-col table .review-button-row table {
  border: none;
  margin: 0;
}

.main-col .order-review-table table td {
  padding: 5px;
}

.order-review-table .row-border-top {
  border: none;
}

.main-col .order-review-table td {
  background-color: transparent;
  padding: 0;
  border: none;
}

.order-review-table .pane-title-row {
  border: none;
  text-align: left;
  background-color: transparent;
}

.order-review-table .pane-title-row td {
  font-size: 1.17em;
  padding-top: 32px;
  padding-bottom: 5px;
  border: none;
  padding-left: 0;
}

.order-review-table .title-col {
  padding-left: 0;
  text-align: left;
  width: 190px;
  border: none;
}

.order-review-table .review-button-row {
  border: none;
  background-color: transparent;
  text-align: left;
}

.order-review-table .review-button-row td {
  padding-top: 22px;
}

.order-review-table .review-button-row td .small-btn-gr span input.form-submit {
  font-size: 0.83em;
}

.order-pane {
  border: none;
  line-height: 1.3em;
  margin: 0;
  margin-bottom: 1em;
  padding: 0;
  width: auto;
}

.pos-left {
  margin-right: 1.5em;
}

.order-pane thead {
  background-color: transparent;
}

.order-pane thead th {
  padding: 4px 8px;
  background-color: #ECECD5;
  border: none;
  border-right: 1px solid #D7D7BB;
  border-bottom: 1px solid #D7D7BB;
}

.order-pane-table tr {
  border: none;
}

.line-item-table td {
  padding: 4px 8px;
}

.left .order-pane img {
  padding: 0;
  margin-bottom: -2px;
  border: none;
  background-color: transparent;
}






/* #17# - TAXONOMY BOOK PAGE ------------------------------------------------ */
.view-taxonomy-term .view-content .item-list ul li {
  float: left;
  border-bottom: 1px solid #D7D7BB;
  padding: 15px 0;
  width: 100%;
}

.view-taxonomy-term .view-content .left {
  float: left;
  margin: 0 15px 0 0;
}

.view-taxonomy-term .view-content .title {
  font-family: 'Oswald',sans-serif;
  font-size: 1.25em;
  font-weight: bold;
  line-height: 1.4em;
  margin: 0 0 5px 0;
  padding: 0;
}

.view-taxonomy-term .view-content .type {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1em;
  padding: 0 0 5px 0;
}

.view-taxonomy-term .view-content .body {
  padding: 0 0 5px 0;
}






/* #18# - LINKS PAGES ------------------------------------------------------- */
.links-list-wrap .row {
  float: left;
  width: 100%;
  padding: 0 0 30px 0;
}

.main-col .links-list-wrap .row .links-listing li {
  list-style-type: none;
  width: 270px;
  margin-right: 30px;
}

.main-col .links-category-list-wrap .links-listing li {
  width: 100%;
  float: left;
  margin: 0 0 20px 0;
  border: 1px solid #D7D7BB;
  list-style-type: none;
}

.main-col .links-category-list-wrap .links-listing li li {
  border: none;
  list-style-type: disc;
  margin: 0 0 0 15px;
  float: none;
  width: auto;
}

.links-list-wrap .links-listing li.last {
  margin: 0;
}

.links-list-wrap .row .links-listing .title,
.links-category-list-wrap .links-listing .title {
  font-family: 'Oswald',sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    line-height: 1.3em;
    padding: 0 0 10px 0;
}

.links-category-list-wrap .row {
  width: 580px;
  float: left;
  padding: 10px;
}

.links-category-list-wrap .links-listing .advert,
.links-page .advert {
  text-align: center;
  width: 100%;
  margin: 3px 0 9px 0;
}

.links-category-list-wrap .links-listing .submitted,
.links-page .submitted {
  color: #b8b8b8;
  padding: 0 0 13px 0;
  font-style: italic;
}

.links-category-list-wrap .links-listing .tags,
.links-page .tags {
  background-color: #ECECD5;
  float: left;
  width: 100%;
}

.links-category-list-wrap a.active {
  color: #2e84b4;
}

.main-col .links-category-list-wrap .links-listing .tags li,
.main-col .links-page .tags li {
  float: left;
  margin: 4px 7px 4px 7px;
  width: auto;
  border: none;
  list-style-type: none;
}

.view-filters {
  margin: 0 0 23px 0;
  background-color: #ECECD5;
    border: 1px solid #D7D7BB;
    padding: 10px 10px 0;
    position: relative;
}

.view-filters .arrow {
  background: url(../images/filter-arrow.gif) no-repeat 0 0;
  position: absolute;
  bottom: -15px;
  width: 27px;
  height: 15px;
}

.view-filters label {
  display: block;
  padding: 0 0 0 0;
}

.view-filters select {
  font-family: verdana, sans-serif;
  font-size: 0.92em;
  padding: 1px;
  width: 269px;
  margin-top: 5px;
}

.ie6 .view-filters select,
.ie7 .view-filters select {
  width: 310px;
}

.view-filters .views-exposed-form .views-exposed-widget {
  padding: 0 10px 0 10px;
  height: 50px;
  margin-bottom: 10px;
}

.view-filters .views-exposed-form .views-exposed-widget.button {
  text-align: right;
  padding: 22px 10px 0 0;
  height: auto;
  width: 230px;
  float: right;
}

#edit-link-category-wrapper {
  clear: left;
  float: left;
}

.view-filters .views-exposed-form .views-exposed-widget .form-text {
  padding: 6px 5px 7px;
  width: 257px;

  background: #FFFFFF;
  border: 1px solid #D7D7BB;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  
  font-family: verdana,sans-serif;
  font-size: 1em;
  color: #232321;
}

.view-filters .views-exposed-form .views-exposed-widget .form-submit {
  height: 24px;
  line-height: 24px;
  padding: 0 6px 2px 6px;
  outline: 0;
  border: none;
  background: url(../images/button-bck.png) repeat-x 0 0;
  color: #fff;
  font-size: 0.92em;
  text-transform: uppercase;
  font-family: verdana, sans-serif;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  margin: -2px 0 0 10px;
  float: right;
}






/* #19# - SHIPPING ---------------------------------------------------------- */

/* Shipping info request page - I think!  */
.shipping-table tr.active {
  background-color: #FFFFE0;
}

/* Results table */
.shipping-table tr.odd {
  background: #D7D7BB;
  font-weight: bold;
}

.shipping-table tr.even {
  background: #edede4;
  border-bottom: 6px solid #fff;
}

.shipping-table div {
  padding: 5px;
}






/* #20# - COUNTRY WIKI ------------------------------------------------------ */
.node-type-countrywiki .field-label {
  background: #266d95;
  padding: 5px;
  margin: 10px 0 5px 0;
  font-family: 'Oswald';
  font-size: 16px;
  color: #fff;
  letter-spacing: 0;
  font-weight: normal;
}

.node-type-countrywiki .field-items {
  display: block;
  background: white;
  padding: 5px;
  margin-top: -5px;
  height: auto;
  overflow: auto;
}

.node-type-countrywiki .edit-field-item {
  padding-top: 5px;
  display: block;
}

.node-type-countrywiki fieldset {
  padding: 0 10px 10px 10px; 
}






/* #21# - HOME PAGE --------------------------------------------------------- */

/* Blue HUBB block */
.forum {
  float: left;
  width: 100%;
}

.forum .hubb {
  float: left;
  width: 400px;
  height: 208px;
  background: url(../images/hubb-bck.gif) no-repeat right top;
}

.forum .discussion {
  float: left;
  width: 160px;
  margin: 0 0 0 15px;
}

.forum .discussion ul {
  padding: 0 0 10px 0;
}

.forum .discussion li {
  margin: 0 0 6px 0;
  list-style-type: none;
}

.forum .hubb h2,
.forum .hubb p,
.forum .hubb li {
  color: #fff;
  margin: 0 12px;
}

/* this has to be here to work - the links for the HUBB block on the home page are blue otherwise, and with a blue background aren't visible! */
.forum .hubb a {
  color: #fff;
  text-decoration: underline;
}

.forum a:hover {
  color: #F00;
  text-decoration: underline;
}

.forum .hubb li {
  margin: 0 0 0 12px;
}

.forum .hubb h2 {
  margin-top: 10px;
}

.forum .hubb h2,
.forum .hubb p {
  padding: 0 0 10px 0;
}


/* #22# - SEARCH RESULTS ---------------------------------------------------- */

/* Override default table styles */
#cse table,
#cse td {
  border: none !important;
  border-collapse: separate;
}

/* Search results page search again field */
#cse .gsc-input-box {
  height: auto;
}

#cse .gsc-input-box > table {
  margin-bottom: 6px;
}

/* Hide the clear X button */
.gsib_b {
  display: none;
}

/* Sort out the tabs */
.gsc-tabHeader.gsc-tabhInactive {
  position: relative;
  top: -1px;
}

/* Reset padding on individual results */
.gsc-webResult * {
  padding: 0;
}

/* Thumbnail */
.gsc-table-cell-thumbnail,
.gs-promotion-image-cell {
  width: 90px;
}






/* #23# - FOOTER ------------------------------------------------------------ */
#footer {
  margin-top: 15px;
  width: 960px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-appearance: none;
  background-color: #ddd3af;
}

.footer-inner {
  float: left;
  width: 100%;
}

.footer-inner .col-1,
.footer-inner .col-2,
.footer-inner .col-3,
.footer-inner .col-4 {
  float: left;
  width: 19%;
  margin: 12px 0 0 15px;
}

.footer-inner .col-1 {
  width: 35%;
}

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

.footer-inner li {
  font-size: 0.92em;
  line-height: 1.6em;
}

.footer-inner p {
  font-size: 0.92em;
  line-height: 1.3em;
  padding: 0 105px 7px 0;
}

.footer-inner p.sitename {
  font-size: 1.08em;
}

.footer-inner p.title {
  font-size: 1em;
  font-weight: bold;
  padding-right: 0;
}

.links-category-list-wrap .sticky {
  background-color: #F7F7E7;
}

.g-plusone-container {
  display: inline;
  margin-left: -28px;
  vertical-align: sub;
}


/* #24# - BROWSER FIXES: IE6 ------------------------------------------------ */

/*
 * TO DO:
 * I suggest we remove these now, as IE6 usage has dropped so low around the
 * world and it is not being actively maintained or monitored. There are more
 * .ie6 selectors dotted around the CSS but these have been left because they
 * are tied to .ie7, .ie8 and .ie9 so would be messier to move them to here.
 * If it is decided that IE6 need no longer be supported they should all be
 * removed as well.
 */
.ie6 #content {
  background: none;
  background-color: #fff;
  width: 960px;
}

.ie6 .content-btm {
  margin: 0 0 0 10px;
}

.ie6 .main-col {
  margin-left: 8px;
}

.ie6 .header-inner .touratech {
  float: right;
}

.ie6 .search-social-block {
  width: 350px;
}

.ie6 .search-social-block .social-links {
  width: 113px;
}

/* 
 * As these widths are being set for all browsers, I doubt that the additional 
 * IE-specific selectors are needed, but I have kept them here for the moment.
 */
.ie6 #navigation ul li.get-inspired,
.ie7 #navigation ul li.get-inspired {
  width: 139px;
}

.ie6 #navigation ul li.get-ready,
.ie7 #navigation ul li.get-ready {
  width: 122px;
}

.ie6 #navigation ul li.gear-up,
.ie7 #navigation ul li.gear-up {
  width: 109px;
}

.ie6 #navigation ul li.on-the-road,
.ie7 #navigation ul li.on-the-road {
  width: 139px;
}

.ie6 #navigation ul li.connect,
.ie7 #navigation ul li.connect {
  width: 114px;
}

.ie6 #navigation ul li.events,
.ie7 #navigation ul li.events {
  width: 100px;
}

.ie6 #navigation ul li.store,
.ie7 #navigation ul li.store {
  width: 93px;
}

.ie6 #navigation ul li.about-hu,
.ie7 #navigation ul li.about-hu {
  width: 119px;
}
 
ie6 .main-col-hubb .bread-nav-col {
  float: left;
  width: 545px;
}

.ie6 .main-col-hubb .right-col {
  margin-left: 10px;
}

/* IE6 PNG fix */
.ie6 .pngfixme,
.ie6 .header-inner .logo a,
.ie6 .header-inner .touratech,
.ie6 #header,
#navigation ul li a .arrow,
.content-btm {
  position:relative;
  behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
  this.src = "/sites/all/themes/hu/assets/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
  this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
  this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

/* Tags throbber fix */
html.js #edit-taxonomy-tags-1-wrapper input.form-autocomplete {
  background-position: 100% 9px;
}

html.js #edit-taxonomy-tags-1-wrapper input.throbbing {
  background-position: 100% -13px;
}