/*

style.css

Combined stylesheet

(C) 2011 Spoton.net Limited - http://spoton.net/
Created by Stephen Morley - http://stephenmorley.org/

*/

/* text colours */
.webeditText span.f0{ color:transparent !important; }
.webeditText span.f1{ color:rgb(  0,  0,  0) !important; }
.webeditText span.f2{ color:rgb(255,255,255) !important; }
.webeditText span.f3{ color:rgb( 51, 51, 51) !important; }
.webeditText span.f4{ color:rgb(102,102,102) !important; }
.webeditText span.f5{ color:rgb(153,153,153) !important; }
.webeditText span.f6{ color:rgb(204,204,204) !important; }
.webeditText span.f10{ color:rgb(221,187,187) !important; }
.webeditText span.f11{ color:rgb( 77, 25, 25) !important; }
.webeditText span.f12{ color:rgb(153, 51, 51) !important; }
.webeditText span.f13{ color:rgb(192, 64, 64) !important; }
.webeditText span.f14{ color:rgb(230,178,178) !important; }
.webeditText span.f15{ color:rgb(102,  0,  0) !important; }
.webeditText span.f16{ color:rgb(204,  0,  0) !important; }
.webeditText span.f19{ color:rgb(  0,176,180) !important; }
.webeditText span.f20{ color:rgb(  4,154,157) !important; }
.webeditText span.f21{ color:rgb(  0, 93,170) !important; }
.webeditText span.f22{ color:rgb(  6, 84,149) !important; }
.webeditText span.f23{ color:rgb(226,226,226) !important; }
.webeditText span.f24{ color:rgb(238,238,238) !important; }

/* background colours */
.webeditText span.h0, .webeditBackgroundColour0{ background-color:transparent; }
.webeditText span.h1, .webeditBackgroundColour1{ background-color:rgb(  0,  0,  0); }
.webeditText span.h2, .webeditBackgroundColour2{ background-color:rgb(255,255,255); }
.webeditText span.h3, .webeditBackgroundColour3{ background-color:rgb( 51, 51, 51); }
.webeditText span.h4, .webeditBackgroundColour4{ background-color:rgb(102,102,102); }
.webeditText span.h5, .webeditBackgroundColour5{ background-color:rgb(153,153,153); }
.webeditText span.h6, .webeditBackgroundColour6{ background-color:rgb(204,204,204); }
.webeditText span.h10, .webeditBackgroundColour10{ background-color:rgb(221,187,187); }
.webeditText span.h11, .webeditBackgroundColour11{ background-color:rgb( 77, 25, 25); }
.webeditText span.h12, .webeditBackgroundColour12{ background-color:rgb(153, 51, 51); }
.webeditText span.h13, .webeditBackgroundColour13{ background-color:rgb(192, 64, 64); }
.webeditText span.h14, .webeditBackgroundColour14{ background-color:rgb(230,178,178); }
.webeditText span.h15, .webeditBackgroundColour15{ background-color:rgb(102,  0,  0); }
.webeditText span.h16, .webeditBackgroundColour16{ background-color:rgb(204,  0,  0); }
.webeditText span.h19, .webeditBackgroundColour19{ background-color:rgb(  0,176,180); }
.webeditText span.h20, .webeditBackgroundColour20{ background-color:rgb(  4,154,157); }
.webeditText span.h21, .webeditBackgroundColour21{ background-color:rgb(  0, 93,170); }
.webeditText span.h22, .webeditBackgroundColour22{ background-color:rgb(  6, 84,149); }
.webeditText span.h23, .webeditBackgroundColour23{ background-color:rgb(226,226,226); }
.webeditText span.h24, .webeditBackgroundColour24{ background-color:rgb(238,238,238); }

/* border colours */
.webeditBorderColour0{ border-color:transparent; border-style:solid; }
.webeditBorderColour1{ border-color:rgb(  0,  0,  0); border-style:solid; }
.webeditBorderColour2{ border-color:rgb(255,255,255); border-style:solid; }
.webeditBorderColour3{ border-color:rgb( 51, 51, 51); border-style:solid; }
.webeditBorderColour4{ border-color:rgb(102,102,102); border-style:solid; }
.webeditBorderColour5{ border-color:rgb(153,153,153); border-style:solid; }
.webeditBorderColour6{ border-color:rgb(204,204,204); border-style:solid; }
.webeditBorderColour10{ border-color:rgb(221,187,187); border-style:solid; }
.webeditBorderColour11{ border-color:rgb( 77, 25, 25); border-style:solid; }
.webeditBorderColour12{ border-color:rgb(153, 51, 51); border-style:solid; }
.webeditBorderColour13{ border-color:rgb(192, 64, 64); border-style:solid; }
.webeditBorderColour14{ border-color:rgb(230,178,178); border-style:solid; }
.webeditBorderColour15{ border-color:rgb(102,  0,  0); border-style:solid; }
.webeditBorderColour16{ border-color:rgb(204,  0,  0); border-style:solid; }
.webeditBorderColour19{ border-color:rgb(  0,176,180); border-style:solid; }
.webeditBorderColour20{ border-color:rgb(  4,154,157); border-style:solid; }
.webeditBorderColour21{ border-color:rgb(  0, 93,170); border-style:solid; }
.webeditBorderColour22{ border-color:rgb(  6, 84,149); border-style:solid; }
.webeditBorderColour23{ border-color:rgb(226,226,226); border-style:solid; }
.webeditBorderColour24{ border-color:rgb(238,238,238); border-style:solid; }

body{
  background:rgb(153,153,153) url('../uploaded-files/page-background.png') repeat-x top left;
}

.main{
  color:rgb(  0,  0,  0);
  background: url('../uploaded-files/column-background.png') repeat-y top left;
}

.mainSolid,
.mainSolid .webeditDropdownChildren ul{
  color:rgb(  0,  0,  0);
  background-color:transparent;
}

.mainSolid .webeditDropdownOtherAncestor .webeditDropdownParentLink a{
  color:rgb(  0,  0,  0);
}

.main a,
.main .webeditText .lon,
.mainSolid a,
.mainSolid .webeditText .lon,
.content .mainSolid a,
.content .mainSolid .webeditText .lon{
  color:rgb( 51, 51, 51);
}

.header{
  color:rgb(  0,  0,  0);
  background-color:transparent;
}

.header a,
.header .webeditText .lon{
  color:rgb(255,255,255);
}

.content{
  color:rgb(  0,  0,  0);
  background-color:rgb(255,255,255);
}

.content a,
.content .webeditText .lon{
  color:rgb( 51, 51, 51);
}

.footer{
  background-color:rgb(102,102,102);
}

.footer, .footerTransparent{
  color:rgb(  0,  0,  0);
}

.footer a,
.footer .webeditText .lon,
.footerTransparent a,
.footerTransparent .webeditText .lon{
  color:rgb( 51, 51, 51);
}

.itseezeFooter,
.itseezeFooter a{
  color:rgb( 51, 51, 51);
}

/* stretch the page wrapper to the height of the window */
html,
body,
* html #webeditCorePageWrapper{
  height:100%;
}
#webeditCorePageWrapper{
  float:left;
  width:100%;
  min-height:100%;
}

/* centre the page */
body{
  margin:0;
  padding:0;
  font-size:0.75em;
  text-align:center; /* for non-standards-compliant browsers */
}
#webeditCorePage,
#webeditCoreEditModePage{
  text-align:left; /* for non-standards-compliant browsers */
  margin:0 auto; /* for standards-compliant browsers */
}

/* style the outer div to wrap the whole page*/
#webeditCorePageOuter{
  float:left;
  width:100%;
}

/* position the lightbox cover over the page */
#webeditLightboxCover{
  font-family:Arial,Helvetica,sans-serif;
  position:absolute;
  top:0;
  left:0;
  min-width:100%;
  z-index:300;
  background:url('../generator/images/semitransparent-black-block.png');
}

/* style the lightbox toolbar */
#webeditLightboxToolbar{
  float:left;
  position:fixed;
  left:50%;
  top:16px;
  border:1px solid rgb(175,175,175);
  border-radius:5px;
  background:rgb(236,236,236);
  background-image:        linear-gradient(rgb(240,240,240),rgb(233,233,233));
  background-image:   -moz-linear-gradient(rgb(240,240,240),rgb(233,233,233));
  background-image:-webkit-linear-gradient(rgb(240,240,240),rgb(233,233,233));
  background-image:     -o-linear-gradient(rgb(240,240,240),rgb(233,233,233));
}
* html #webeditLightboxToolbar{
  position:absolute;
}
#webeditLightboxToolbar div{
  float:left;
  border:1px solid rgb(244,244,244);
  border-radius:4px;
}
#webeditLightboxToolbar span{
  display:block;
  float:left;
  width:54px;
  font-size:30px;
  line-height:36px;
  font-weight:bold;
  text-shadow:white 0 0 3px;
  color:rgb(104,104,104);
  border-right:1px solid rgb(224,224,224);
  border-left:1px solid rgb(240,240,240);
  cursor:pointer;
}
#webeditLightboxToolbar span:first-child{
  border-left:none;
}
#webeditLightboxToolbar span:last-child{
  border-right:none;
}

/* style the lightbox frame, image, and caption */
#webeditLightboxFrame{
  position:fixed;
  left:50%;
  border:1px solid rgb(175,175,175);
  background:rgb(236,236,236);
  background-image:        linear-gradient(rgb(240,240,240),rgb(233,233,233));
  background-image:   -moz-linear-gradient(rgb(240,240,240),rgb(233,233,233));
  background-image:-webkit-linear-gradient(rgb(240,240,240),rgb(233,233,233));
  background-image:     -o-linear-gradient(rgb(240,240,240),rgb(233,233,233));
}
* html #webeditLightboxFrame{
  position:absolute;
}
#webeditLightboxFrame div{
  border:1px solid rgb(244,244,244);
  padding:8px;
  text-align:center;
}
#webeditLightboxFrame span{
  display:block;
  font-size:12px;
  line-height:16px;
  height:16px;
  overflow:hidden;
  padding-top:8px;
}

/* cover the page under the lightbox with a semi-transparent black */
#webeditCoreLightbox{
  background:url("../generator/images/semitransparent-black-block.png") repeat top right;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:300;
  cursor:pointer;
}
* html #webeditCoreLightbox{
  position:absolute; /* for Internet Explorer 6 */
}

/* style the lightbox to have a fixed position and a black and white border */
#webeditCoreLightbox div{
  position:fixed;
  padding:10px;
  background-color:white;
  border:1px solid black;
}
* html #webeditCoreLightbox div{
  position:absolute; /* for Internet Explorer 6 */
}

/* style the lightbox image to have a black border */
#webeditCoreLightbox img{
  border:1px solid black;
  margin-bottom:10px;
}

/* style the lightbox text */
#webeditCoreLightbox span{
  font-family:Verdana,Geneva,sans-serif;
  line-height:18px;
}

/* turn off borders on linked images */
a img{
  border:none;
}

/* position images and objects at the bottom of their containers */
img, object{
  vertical-align:bottom;
}

/* turn off margins and padding on forms */
form{
  margin:0;
  padding:0;
}

/* set column positioning */
.webeditCoreColumn{
  float:left;
  min-height:1px;
  width:100%;
}
* html .webeditCoreColumn{
  height:1px;
}

/* set row positioning */
.webeditCoreRow{
  float:left;
  clear:left;
  width:100%;
  line-height:normal; /* resets the value inherited from options components */
}

/* do not show the outline on active Flash objects */
.webeditFlashComponent object{
  outline:none;
}

/* formatting for the anchor displayed if the Flash plug-in is missing */
.webeditFlashMissingPlugin{
  display:block;
  background:white url('../generator/images/missing-flash-plugin.png') no-repeat center center;
}

/* do not enforce the minimum column height on options components */
.webeditCoreColumn.webeditOptionsComponent{
  min-height:0;
}

/* correct the display of an empty options component - this affects IE < 8 */
.webeditOptionsComponent{
  line-height:1px;
}

/* correct for browsers' incorrect positioning of the search button */
.webeditSearchQueryBox input{
  margin:1px 0 0;
}

/* normalise the display of the input box so that its size can be set */
.webeditSearchQueryBoxSizeSet{
  padding:2px;
  border:1px solid rgb(170,170,170);
}

/* style the search submit button so that only the image shows */
.webeditSearchSubmitButton button{
  width:auto;
  overflow:visible;
  border:0;
  padding:0;
  margin:0;
  background:transparent;
  vertical-align:bottom;
}
.webeditMobile .webeditSearchSubmitButton button{
  width:100%;
}

/* float left the elements of left-aligned search forms */
.webeditSearchFormLeft .webeditSearchQueryBox,
.webeditSearchFormLeft .webeditSearchSubmitButton{
  float:left;
  margin-right:5px;
}

/* float right the elements of right-aligned search forms */
.webeditSearchFormRight .webeditSearchQueryBox,
.webeditSearchFormRight .webeditSearchSubmitButton{
  float:right;
  margin-left:5px;
}

/* clear and add padding to the search results */
.webeditSearchResult{
  clear:left;
  padding-top:1.5em;
}

/* float and centre search result images */
.webeditSearchResultImage{
  float:left;
  text-align:center;
  margin-right:1.5em;
}

/* pad and centre the search footer */
.webeditSearchResultsFooter{
  padding-top:1.5em;
  text-align:center;
}

/* remove the extra space around small images */
.webeditImageComponent{
  line-height:1px;
}

/* display the required field asterisk in bold red text */
.webeditFormRequiredField{
  color:red;
  font-weight:bold;
}

/* display form error messages in bold red text */
.webeditFormError{
  color:red;
  font-weight:bold;
}

/* centre the form submit button */
.webeditFormSubmitButton{
  text-align:center;
}

/* display form radio buttons or checkboxes vertically */
.webeditChoiceChoice{
  display:block;
}

/* set the font for the copyright message */
.webeditCopyrightComponent .webeditText{
  font-family:Arial,Helevetica,sans-serif;
}

/* show the copyright link in the colour of the surrounding text */
.webeditCopyrightComponent a,
.webeditItseezeComponent a{
  color:inherit;
  text-decoration:none;
}

/* centre the edit button */
.webeditEditComponent{
  text-align:center;
}

/* set the default text colour in the map component to be black */
.webeditMapComponent .webeditText{
  color:black;
}

/* display table cell contents at the top of the cell */
.webeditTableComponent td{
  vertical-align:top;
}

/* centre the Hark, Entertonement, and Houndbite players */
.webeditHarkComponent,
.webeditEntertonementComponent,
.webeditHoundbiteComponent{
  text-align:center;
}

/* style navigation menus with the 'display' parameter not set to 'list' */
.webeditTreeComponent ul,
.webeditNavigationBlock ul,
.webeditNavigationFloat ul,
.webeditNavigationInline ul{
  display:block;
  margin:0;
  padding:0;
}

/* style navigation menu items with the 'display' parameter set to 'block' */
.webeditTreeComponent li,
.webeditNavigationBlock li{
  display:block;
}

/* style navigation menu items with the 'display' parameter set to 'float' */
.webeditNavigationFloat li{
  display:block;
  float:left;
}

/* style navigation menu items with the 'display' parameter set to 'inline' */
.webeditNavigationInline li{
  display:inline;
}

/* allow the text within text-on-image components to be positioned absolutely */
.webeditTextonimageComponent{
  position:relative;
}

/* fix an Internet Explorer 6 positioning bug */
.webeditTextonimageComponent .webeditImageComponent{
  float:none;
}

/* position the text-on-image cover to be displayed above the image */
.webeditTextonimageCover a{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
}

/* absolutely position the text within text-on-image components */
.webeditTextonimageText{
  position:absolute;
}

/* fix the height of the translate drop-down in Firefox */
.webeditTranslateComponent select{
  height:1.5em;
}

/* reset heading styling inside the heading component */
.webeditHeadingComponent h1,
.webeditHeadingComponent h2,
.webeditHeadingComponent h3,
.webeditHeadingComponent h4,
.webeditHeadingComponent h5,
.webeditHeadingComponent h6{
  font-size:1em;
  font-weight:normal;
  padding:0;
  margin:0;
}

/* disable list formatting within drop-downs */
.webeditDropdownComponent ul{
  display:block;
  float:left;
  margin:0;
  padding:0;
}
.webeditDropdownComponent li{
  display:block;
  list-style-type:none;
}

/* prevent items in drop-downs from wrapping */
.webeditDropdownComponent a,
.webeditDropdownComponent span{
  white-space:pre;
}

/* display drop-down parent items in a row */
.webeditDropdownAncestor,
.webeditDropdownParent{
  float:left;
}

/* position drop-down children under their parents and hide them */
.webeditDropdownChildren{
  position:relative;
}
.webeditDropdownChildren ul{
  position:absolute;
  top:0;
  left:0;
  z-index:201;
  display:none;
}

/* position the drop-down cover over the page */
#webeditDropDownCover{
  background:url('../generator/images/transparent-block.gif');
  position:absolute;
  top:0;
  left:0;
  z-index:200;
}

/* position the drop-down navigation above the cover */
.webeditDropdownContainer{
  float:left; /* fixes an IE 6 bug */
  position:relative;
  z-index:201;
}

/* do not style field grid headings bold */
.webeditFieldgridComponent th{
  font-weight:normal;
}

/* hide labels in field grids */
.webeditFieldgridComponent label{
  display:none;
}

/* scale input boxes in field grids */
.webeditFieldgridComponent input{
  width:95%;
}

/* add the appropriate lines to formatted tables */
.webeditSuperoptionsTableFormatted table{
  border-collapse:collapse;
}
.webeditSuperoptionsTableFormatted .webeditTableFirstRow td{
  border-top:1px solid rgb(128,128,128);
  border-bottom:1px solid rgb(128,128,128);
}
.webeditSuperoptionsTableFormatted .webeditTableLastRow td{
  border-bottom:1px solid rgb(128,128,128);
}
.webeditSuperoptionsTableFormatted .webeditTableFirstColumn{
  border-left:1px solid rgb(128,128,128);
}
.webeditSuperoptionsTableFormatted .webeditTableLastColumn{
  border-right:1px solid rgb(128,128,128);
}

/* add a line above the divider option */
.webeditSuperoptionsDivider{
  border-top:1px solid rgb(128,128,128);
}

/* style drop down menus of countries */
.webeditCountrySelect option{
  background:url('../shared/images/flags.png') no-repeat top left;
  padding-left:20px;
}

/* set the default light text colour to be white */
.webeditLightText{
  color:white;
}

/* set the default dark text colour to be black */
.webeditDarkText{
  color:black;
}

.webeditText,
.webeditText .db{ display:block; }
.webeditText .dl{ display:list-item; }

.webeditText,
.webeditText .al{ text-align:left;    }
.webeditText .ar{ text-align:right;   }
.webeditText .ac{ text-align:center;  }
.webeditText .aj{ text-align:justify; }

.webeditText,
.webeditText .i0                       { margin-left:  0px; }
.webeditText .dl,
.webeditText .i18, .webeditText .dl.i0 { margin-left: 18px; }
.webeditText .i36, .webeditText .dl.i18{ margin-left: 36px; }
.webeditText .i54, .webeditText .dl.i36{ margin-left: 54px; }
.webeditText .i72, .webeditText .dl.i54{ margin-left: 72px; }
.webeditText .i90, .webeditText .dl.i72{ margin-left: 90px; }
                   .webeditText .dl.i90{ margin-left:108px; }

.webeditText div.h75  span, .webeditText div.h75 { line-height:0.75em; }
.webeditText div.h100 span, .webeditText div.h100{ line-height:1.00em; }
.webeditText div.h125 span, .webeditText div.h125{ line-height:1.25em; }
.webeditText,
.webeditText span,
.webeditText div.h150 span, .webeditText div.h150{ line-height:1.50em; }
.webeditText div.h175 span, .webeditText div.h175{ line-height:1.75em; }
.webeditText div.h200 span, .webeditText div.h200{ line-height:2.00em; }
.webeditText div.h250 span, .webeditText div.h250{ line-height:2.50em; }
.webeditText div.h300 span, .webeditText div.h300{ line-height:3.00em; }

.webeditText .lm10 .webeditText .lm10 *{ letter-spacing:-0.10em; }
.webeditText .lm5, .webeditText .lm5  *{ letter-spacing:-0.05em; }
.webeditText,      .webeditText       *,
.webeditText .l0,  .webeditText .l0   *{ letter-spacing:    0em; }
.webeditText .l5,  .webeditText .l5   *{ letter-spacing: 0.05em; }
.webeditText .l10, .webeditText .l10  *{ letter-spacing: 0.10em; }
.webeditText .l15, .webeditText .l15  *{ letter-spacing: 0.15em; }
.webeditText .l20, .webeditText .l20  *{ letter-spacing: 0.20em; }

.webeditText .lon{
  text-decoration:underline;
  color:#00f;
}

.webeditText .bon{ font-weight:bold; }

.webeditText .ion{ font-style:italic; }

.webeditText .du{ text-decoration:underline;    }
.webeditText .ds{ text-decoration:line-through; }
.webeditText .do{ text-decoration:overline;     }

.webeditText .con{ font-variant:small-caps; }

.webeditText .s10{ font-size:0.83em; }
.webeditText .s11{ font-size:0.92em; }
.webeditText .s12{ font-size:1.00em; }
.webeditText .s13{ font-size:1.08em; }
.webeditText .s14{ font-size:1.17em; }
.webeditText .s16{ font-size:1.33em; }
.webeditText .s18{ font-size:1.50em; }
.webeditText .s20{ font-size:1.67em; }
.webeditText .s22{ font-size:1.83em; }
.webeditText .s24{ font-size:2.00em; }
.webeditText .s26{ font-size:2.17em; }
.webeditText .s28{ font-size:2.33em; }
.webeditText .s30{ font-size:2.50em; }
.webeditText .s32{ font-size:2.67em; }
.webeditText .s34{ font-size:2.83em; }
.webeditText .s36{ font-size:3.00em; }
.webeditText .s48{ font-size:4.00em; }
.webeditText .s60{ font-size:5.00em; }
.webeditText .s72{ font-size:6.00em; }

.webeditText .twss{
  font-family:Verdana,Geneva,sans-serif;
}

.webeditText .tnss{
  font-family:Arial,Helvetica,sans-serif;
}

.webeditText .tws{
  font-family:'Palatino Linotype',Palatino,'Zapf Calligraphic','URW Palladio L','Book Antiqua',serif;
}

.webeditText .tns{
  font-family:'Times New Roman',Times,serif;
}

.webeditText .tm{
  font-family:'Courier New',Courier,monospace;
}

.webeditText{
  font-family:Verdana,Geneva,sans-serif;
}


/* pad the top of the page in edit mode in order to avoid the toolbar */
#webeditCoreEditModePage{
  padding-top:64px;
}

/* underline links only when the mouse hovers over them */
a{
  text-decoration:none;
}
a:hover{
  text-decoration:underline;
}

/* remove one-pixel gap if the site does not use a page-specific header */
.header{
  margin-bottom:-1px;
}

/* pad navigation items */
.header .webeditNavigationItem{
  padding-right:10px;
}

/* pad navigation items in the left nmenu */
#leftNavigation .webeditNavigationItem,
.secondaryNavigation .webeditNavigationItem{
  padding-bottom:6px;
}

/* display the shop menu vertically */
.webeditShopnavigationComponent a{
  display:block;
  padding-bottom:6px;
}

/* hide the first two ancestors from the secondary navigation */
.secondaryNavigation .webeditNavigationAncestorItem1,
.secondaryNavigation .webeditNavigationAncestorItem2{
  display:none;
}

/* add a space below the ancestors in the secondary navigation */
.secondaryNavigation .webeditNavigationLastAncestorItem{
  padding-bottom:30px;
}

/* add a space below the secondary navigation when it is present */
.secondaryNavigation .webeditNavigationLastItem{
  padding-bottom:24px;
}

.webeditText{
font-family: Arial,Helvetica,Sans-serif !important;
}

body{
background: #e7e7e7 url("../uploaded-files/background.png") repeat-x top;
}

#leftNavigation .webeditNavigationItem{
padding-bottom: 6px;
padding-top: 3px;
border-bottom: 1px solid grey;
}

#leftNavigation .webeditNavigationLastItem{
padding-bottom: none;
padding-top: 3px;
border-bottom: 0px solid grey;
}

.webeditSuperoptionsDivider{
border-top: double 3px #cccccc;
}