body
{
text-align: center;
background: #CCCCCC url(/background.gif) center top no-repeat;
padding: 0px;
margin: 0px;
}

body, td
{
font-family: Arial, sans-serif;
font-size: small;
}

a
{
text-decoration: none;
color: #ff7f00;
}

a:hover {
text-decoration: underline;
}

a:focus {
text-decoration: underline;
}

p
{
padding: 0;
margin: 0.7em 0em;
}

form 
{
margin: 0px;
padding: 0px;
}

img
{
border: 0;
}

th
{
text-align: left;
}

dd
{
margin: 0 0 0.5em 0;
padding: 0;
}

ul { list-style: none; padding: 0 0 0 1em; }

h1
{
font-weight: normal;
font-size: 170%;
margin-top: 0.6em;
padding-bottom: 0.6em;
}

h2
{
font-weight: normal;
margin: 0.5em 0;
color: #AAA;
}

h3
{
font-weight: bold;
margin: 1em 0 0.2em 0;
font-size: 110%;
color: #AAA;
}

h3 span { font-size: small; }

.float-container
{
overflow: hidden;
height: 1%;
}

.half-width-float
{
width: 50%;
float: left;
}

#error
{
border: 1px solid #F55;
background-color: #FEE;
padding: 0 0.5em;
line-height:  2em;;
margin-bottom:  1em;
}
div.error { color: red; padding: 1em 0em; }
label.error, p.error { color: red; }
.errors { border: 2px solid red; padding: 0.5em; }
.errors ul { margin-bottom: 0; }

.right { text-align: right; }
.middle { text-align: center; }

.even td { background-color: #EEE; }
.odd td { background-color: #F4F4F4;}

/*-- Structural */

#container
{
width: 820px;
margin: 0 auto;
padding: 0 20px;
background: url(/images/container-shadow.png) top center repeat-y;
text-align: left;
}

#site-label { 
background-color: red; 
color: white; 
font-weight: bold;
padding: 3px; 

border-bottom: solid 2px black;
}

#superheader
{
margin: 5px 15px 0 0;
height: 2.4em;
line-height: 2.4em;
color: black;
font-size: x-small;
text-align: right;
}

#header
{
background: #1D1D1D;
}

#title
{
height: 5em;
background-image: url(/images/logo.gif);
background-repeat: no-repeat;
padding: 1em 13px 0 0;
}

#title-ex
  {
  height: 5em;
  background-image: url(/images/logo-exp.gif);
  background-repeat: no-repeat;
  padding: 1em 13px 0 0;
  }


#title-ra
  {
  height: 5em;
  background-image: url(/images/logo-ra.gif);
  background-repeat: no-repeat;
  padding: 1em 13px 0 0;
  }

#title-wand
  {
  height: 5em;
  background-image: url(/images/logo-wand.gif);
  background-repeat: no-repeat;
  padding: 1em 13px 0 0;
  }

#title-ex2
  {
  height: 5em;
  background-image: url(/images/logo-ex2.gif);
  background-repeat: no-repeat;
  padding: 1em 13px 0 0;
  }
  
#sitemenu
{
height: 1.6em;
padding-left: 14px;
background-color: white;
}

#catalogmenu
{
height: 5.2em;
padding: 0.7em 0 0 10px;
}

#main, #main-homepage
{
background-color: white;
}

#main
{
background: white url(/images/hp_banners_bg.gif) repeat-y;
background-position: -18px 0px;
min-height: 400px;
}

#leftbar
{
float: left;
width: 182px;
}

#content-outer
{
float: left;
width: 581px;
padding: 0px 28px 28px 28px;
}

#content
{
line-height: 1.4em;
}

#breadcrumb
{
padding: 10px 0px 10px 0px;
font-size: 85%;
}

#homepage-content
{
background: white url(/images/hp_banners_bg.gif) repeat-y;
background-position: top right;
height:100%;
}

#footer
{
background: #1D1D1D;
color: white;
padding: 10px;
font-size: x-small;
}

/*-- Implementations */

#superheader a
{
font-size: x-small;
color: black;
margin-left: 1em;
}

#sitemenu ul
{
margin: 0;
padding: 0;
list-style: none;
line-height: 22px;
}

#sitemenu li
{
font-size: x-small;
float: left;
list-style: none;
margin-right: 1.6em;
}

#sitemenu a
{
color: black;
}

#footer a
{
color: #663300;
}

#title-controls
{
float: right;
padding-right: 172px;
height: 55px;
background-image: url(/images/hotline.gif);
background-repeat: no-repeat;
background-position: top right;
line-height: 26px;
text-align: right;
}

#title-controls input
{
vertical-align: middle;
}

#title-controls-basket
{
float: right;
font-size: x-small;
color: white;
line-height: 1.2em;
padding-top: 3px;
}

#title-controls-basket a
{
color: white;
}

#title-controls-items
{
color: #ff7f00;
}

#title-controls-total
{
color: #ffff00;
}

#catalogmenu ul
{
margin: 0;
padding: 0;
list-style: none;

color: white;
font-size: 85%;
line-height: 0.7em;
font-size:large
}

#catalogmenu li
{
float: left;
width: 154px;
border-left: 3px solid;
margin: 3px 4px 0 0;
background-color: #222;
}

#catalogmenu li.carrying { border-color: #ff3333; }
#catalogmenu li.essentials { border-color: #ff7f00; }
#catalogmenu li.eatanddrink { border-color: #cc00ff; }
#catalogmenu li.stayinghealthy { border-color: #167172; }
#catalogmenu li.footwear { border-color: #33cc33; }
#catalogmenu li.sleeping { border-color: #CCFF00; }
#catalogmenu li.dressing { border-color: #e85b84; }
#catalogmenu li.avoidingbites { border-color: #0081a3; }
#catalogmenu li.specialoffers { border-color: #00a6cc; }
#catalogmenu li.checklist { border-color: #DAD80F; }


#catalogmenu a
{
color: white;
font-size: 60%;
display: block;
padding: 3px 0 3px 5px;
}

#catalogmenu a:hover
{
background-color: #272727;
}

#mainmenu
{
line-height: 1.6em;
}

#mainmenu h2
{
margin: 0;
padding: 5px 0 5px 10px;
font-size: small;
font-weight: normal;
color: white;
}

#mainmenu h2.carrying { background-color: #ff3333; }
#mainmenu h2.rucksacks-bags { background-color: #ff3333; }
#mainmenu h2.essentials { background-color: #ff7f00; }
#mainmenu h2.travel-accessories { background-color: #ff7f00; }
#mainmenu h2.eat-and-drink { background-color: #cc00ff; }
#mainmenu h2.staying-healthy { background-color: #167172; }
#mainmenu h2.footwear { background-color: #33cc33; }
#mainmenu h2.sleeping { background-color: #CCFF00; color:#000000; }
#mainmenu h2.dressing { background-color: #e85b84; }
#mainmenu h2.clothing { background-color: #e85b84; }
#mainmenu h2.avoiding-bites { background-color: #0081a3; }
#mainmenu h2.special-offers { background-color: #00a6cc; }
#mainmenu h2.checklist { background-color: #B66713; }
#mainmenu h2.explore { background-color: red; }
#mainmenu h2.raleigh { background-color: #460078; }


#mainmenu ul
{
margin: 0 0 0 10px;
padding: 0;
list-style: none;
color: #2a6e6f;
}

#mainmenu li
{
border-bottom: 1px solid white;
}

#mainmenu a
{
color: black;
font-size: x-small;
display: block;
}

#banners
{
padding: 10px;
text-align: center;
}

#banners img
{
margin-bottom: 10px;
}

#footer a
{
color: white;
}

#footer-right
{
float: right;
}

#testimonial
{
background-color: #1D1D1D;
padding: 10px;
color: #AAA;
font-size: 90%;
}

#testimonial a
{
color: white;
}

#testimonial-more
{
float: right;
margin-top: 1.4em;
}

#testimonial span
{
color: white;
margin-left: 10px;
}

#testimonial img
{
float: left;
margin-right: 10px;
}

.swatch-container
{
overflow: hidden;
height: 1%;
margin-left: 1em;
}

.colour-swatch, .colour-swatch-selected
{
float: left;
width: 20px;
height: 26px;
border: 1px solid #444;
margin-right: 4px;
cursor: pointer;
}

.colour-swatch-selected
{
border: 2px solid black;
}

.kit-list-item
{
width: 230px;
padding: 10px 0px 10px 24px;
float: right;
background: #EEE url(/images/w_arrow.gif) no-repeat;
background-position: 0px 9px;
}

#homepage-banners
{
float: right;
width: 200px;
text-align: center;
padding-top: 15px;
}

#homepage-banners img
{
margin-bottom: 15px;
}

#featured-products
{
padding: 20px;
margin-right: 200px;
}

.products
{
margin-top: 20px;
}

.col-1
{
width: 50%;
float: left;
border-right: 1px solid #CCC;
}

.col-2
{
margin-left: 50%;
}

.product
{
padding: 0 20px 30px 0;
overflow: hidden;
}

.product-title
{
margin-bottom: 0.2em;
}

.product-name
{
margin: 0 0 0.2em 0;
color: #996600;
font-size: small;
font-weight: bold;
}

.product-strapline
{
color: #000000;
font-size: small;
font-weight: normal;
overflow: auto;
}

.product-image
{
float: left;
width: 120px;
text-align: center;
}

.product-price
{
color: #999933;
font-weight: bold;
}

.product p
{
margin: 0;
padding: 0.6em 0;
}

.product-more
{
color: #ff7f00;
}

.product-more:hover {
text-decoration: underline;
cursor: pointer;
}

.product-inner
{
margin-left: 120px;
}


.product-grid
{
float:left;
clear:both;
width: 100%;
/*width: 98%;*/
border-collapse: collapse;
}

.product-grid td
{
height: 60px;
border-bottom: 1px solid #DDD;
}

.product-grid thead td
{
font-weight: bold;
border-bottom: 3px solid #DDD;
background-color: #F3F3F3;
height: auto;
color: #444;
}

.product-grid tfoot td
{
font-weight: bold;
border-top: 2px solid #DDD;
border-bottom: 0px;
color: #444;
height: auto;
padding: 5px;
}

.product-grid tfoot select
{
font-size: x-small;
}

.specifications
{
border-collapse: collapse;
width: 100%;
}

.specifications td
{
border: 1px solid #DDD;
padding: 3px;
}

.basket
{
border-collapse: collapse;
width: 100%;
}

.basket thead td
{
color: #444;
border-bottom: 2px solid #DDD;
background-color: #F3F3F3;
}

.basket td
{
padding: 3px;
}

.basket tr.even td, .basket tr.odd td
{
border-bottom: 2px solid white;
}

.progress
{
border: 1px solid #555;
padding: 1px;
width: 230px;
height: 20px;
position: relative;
font-size: 85%;
}

.progress .outer
{
display: block;
background: #DDD !important;
width: 230px;
height: 20px;
line-height: 20px;
text-indent: 5px;
position: absolute;
z-index: 1;
}

.progress .inner
{
display: block;
background: #555 !important;
color: white;
overflow: hidden;
white-space: nowrap;
height: 20px;
text-indent: 5px;
position: absolute;
z-index: 2;
}

#kitlist
{
border-left: 1px solid #EEE;
border-top: 1px solid #EEE;
border-right: 1px solid #AAA;
border-bottom: 1px solid #AAA;
overflow: hidden;
height: 1%;
padding: 10px;
}

#kitlist-overlay
{
background-color: #FFF;
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
}

#kitlist-col-1
{
float: left;
width: 250px;
}

#kitlist-col-2
{
margin-left: 270px;
}

.kitlist-col ul
{
width: 250px;
margin: 0;
padding: 0;
}

.kitlist-col li
{
border-bottom: 1px dashed #CCC;
background-position: 0px 4px;
background-repeat: no-repeat;
}

.kitlist-col li.ticked { background-image: url(/images/tick.gif); }
.kitlist-col li.unticked { background-image: url(/images/tick_faded.gif); }

.kitlist-col li a
{
display: block;
padding: 4px;
margin-left: 20px;
}


#kitlist-item-outer
{
background-image: url(/images/drop_shadow.gif);
background-repeat: no-repeat;
background-position: 5px 5px;
padding-right: 5px;
padding-bottom: 5px;
width: 360px;
position: absolute;
top: 20px;
left: 100px;
z-index: 4;
}

#kitlist-item
{
background-color: #FFF;
border: 1px solid #CCC;
padding: 10px;
height: 290px;
overflow: auto;
}

.product-options
{
margin: 0px;
padding: 0px;
}

.product-options dt
{
font-weight: bold;
float: left;
text-align: right;
width: 75px;
margin: 0;
padding: 5px 10px 5px 0px;
}

.product-options dd
{
margin: 0px 0px 0px 100px;
padding: 5px 0px 5px 10px;
margin-left: 90px;
border-left: 1px solid #CCC;
}

.thumbnail-zoomstrip
{
background-color: #DDD;
padding: 5px;
height: 60px;
}

.thumbnail-zoomer
{
height: 60px;
width: 60px;
background-color: white;
text-align: center;
display: block;
float: left;
margin-right: 5px;
}


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

/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

form.cmxform fieldset {
margin-bottom: 10px;
padding: 10px 0px 10px 0px;
border: none;
border-top: 1px solid #C9DCA6;
}
form.cmxform legend {
padding: 0 5px;
font-weight: bold;
padding-left: 0;
}
form.cmxform label {
display: -moz-inline-box;
line-height: 1.8;
vertical-align: top;
}
form.cmxform fieldset ol {
margin: 0;
padding: 0;
}
form.cmxform fieldset li {
list-style: none;
padding: 5px;
margin: 0;
}
form.cmxform fieldset fieldset {
border: none;
margin: 3px 0 0;
}
form.cmxform fieldset fieldset legend {
padding: 0 0 5px;
font-weight: normal;
}
form.cmxform fieldset fieldset label {
display: block;
width: auto;
}
form.cmxform em {
font-weight: bold;
font-style: normal;
color: #f00;
}
form.cmxform label {
width: 10em; /* Width of labels */
}
form.cmxform fieldset fieldset label {
margin-left: 0em;
}

#overseas
{
font-size: 0.8em;
line-height: 1.2em;
}

.page-menu {
margin-left: 10px;
border-left: 1px solid #3f3f3f;
}

.page-menu td {
padding: 4px;
border-bottom: 1px solid #3f3f3f;
}

.page-menu td td {
border: 0px;
}

.page-menu a {
font-size: 90%;
line-height: 130%;
font-weight: bold;
}



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 10;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: orange;
padding: 1px;
left: -1000px;
border: 1px #AAA;
visibility: hidden;
color: black;
text-decoration: strong;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -50px;
left: 60px; /*position where enlarged image should offset horizontally */

}


.notched-panel
  {
  border: 1px solid #BBB;
  position: relative;
  padding: 20px;
  text-align:center;
  }

.notch
  {
  position: absolute;
  top: -1px;
  right: -1px;
  width: 19px;
  height: 21px;
  background: url(/images/notch.gif) center top no-repeat;
  }

.welcome-banner { background-color: #3F3F3F; color: #FFCC00; padding: 4px; }

#voucher-reminder
{
 padding: 3px 10px;
 background-color: #EFF1E8;
 border: 1px solid black;
 font-weight: bold;
}



/* GRID MENU */

#gridmenu {float:left; padding: 3px 0 0 10px; margin-bottom:10px; background-color:#eff1e8; width:570px;}

.product-grid2		{width:99% !important; float:left; clear:both; border-collapse: collapse;}
.product-grid2 td		{height:60px; border-bottom: 1px solid #DDD;}
.product-grid2 thead td	{font-weight: bold; border-bottom: 3px solid #DDD; background-color: #F3F3F3; height: auto; color: #444;}
.product-grid2 tfoot td	{font-weight: bold; border-top: 2px solid #DDD; border-bottom: 0px; color: #444; height: auto; padding: 5px;}
.product-grid2 tfoot select	{font-size: x-small;}


.grid-item	{float:left; clear:none; padding:10px 5px 0px 5px; width:180px; text-align:center; border-bottom:1px solid #DDDDDD; min-height:215px;}


#home-page-banner
{
  padding-left: 7px;
}