/*

style.css

Combined stylesheet

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

*/

/* text colours */
.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.f20{ color:rgb(209,202,201) !important; }
.webeditText span.f21{ color:rgb(152,162,173) !important; }
.webeditText span.f22{ color:rgb( 22,204, 13) !important; }
.webeditText span.f23{ color:rgb( 98,236, 23) !important; }
.webeditText span.f24{ color:rgb(137,197, 51) !important; }
.webeditText span.f25{ color:rgb(183,225, 13) !important; }
.webeditText span.f26{ color:rgb(171,227, 20) !important; }
.webeditText span.f27{ color:rgb(248,239,  6) !important; }
.webeditText span.f28{ color:rgb( 64,127,127) !important; }
.webeditText span.f29{ color:rgb(186,212,  8) !important; }
.webeditText span.f30{ color:rgb(230,244,  9) !important; }
.webeditText span.f31{ color:rgb( 25,154, 50) !important; }
.webeditText span.f32{ color:rgb(231, 27,  5) !important; }
.webeditText span.f33{ color:rgb(247,135,  3) !important; }
.webeditText span.f34{ color:rgb(134,153,122) !important; }
.webeditText span.f35{ color:rgb(240, 78,  7) !important; }
.webeditText span.f36{ color:rgb( 77, 32,192) !important; }
.webeditText span.f37{ color:rgb(222, 83,207) !important; }
.webeditText span.f38{ color:rgb(130,234,241) !important; }
.webeditText span.f39{ color:rgb(112, 46,162) !important; }
.webeditText span.f40{ color:rgb(  1, 45,173) !important; }

/* background colours */
.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.h20, .webeditBackgroundColour20{ background-color:rgb(209,202,201); }
.webeditText span.h21, .webeditBackgroundColour21{ background-color:rgb(152,162,173); }
.webeditText span.h22, .webeditBackgroundColour22{ background-color:rgb( 22,204, 13); }
.webeditText span.h23, .webeditBackgroundColour23{ background-color:rgb( 98,236, 23); }
.webeditText span.h24, .webeditBackgroundColour24{ background-color:rgb(137,197, 51); }
.webeditText span.h25, .webeditBackgroundColour25{ background-color:rgb(183,225, 13); }
.webeditText span.h26, .webeditBackgroundColour26{ background-color:rgb(171,227, 20); }
.webeditText span.h27, .webeditBackgroundColour27{ background-color:rgb(248,239,  6); }
.webeditText span.h28, .webeditBackgroundColour28{ background-color:rgb( 64,127,127); }
.webeditText span.h29, .webeditBackgroundColour29{ background-color:rgb(186,212,  8); }
.webeditText span.h30, .webeditBackgroundColour30{ background-color:rgb(230,244,  9); }
.webeditText span.h31, .webeditBackgroundColour31{ background-color:rgb( 25,154, 50); }
.webeditText span.h32, .webeditBackgroundColour32{ background-color:rgb(231, 27,  5); }
.webeditText span.h33, .webeditBackgroundColour33{ background-color:rgb(247,135,  3); }
.webeditText span.h34, .webeditBackgroundColour34{ background-color:rgb(134,153,122); }
.webeditText span.h35, .webeditBackgroundColour35{ background-color:rgb(240, 78,  7); }
.webeditText span.h36, .webeditBackgroundColour36{ background-color:rgb( 77, 32,192); }
.webeditText span.h37, .webeditBackgroundColour37{ background-color:rgb(222, 83,207); }
.webeditText span.h38, .webeditBackgroundColour38{ background-color:rgb(130,234,241); }
.webeditText span.h39, .webeditBackgroundColour39{ background-color:rgb(112, 46,162); }
.webeditText span.h40, .webeditBackgroundColour40{ background-color:rgb(  1, 45,173); }

/* border colours */
.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; }
.webeditBorderColour20{ border-color:rgb(209,202,201); border-style:solid; }
.webeditBorderColour21{ border-color:rgb(152,162,173); border-style:solid; }
.webeditBorderColour22{ border-color:rgb( 22,204, 13); border-style:solid; }
.webeditBorderColour23{ border-color:rgb( 98,236, 23); border-style:solid; }
.webeditBorderColour24{ border-color:rgb(137,197, 51); border-style:solid; }
.webeditBorderColour25{ border-color:rgb(183,225, 13); border-style:solid; }
.webeditBorderColour26{ border-color:rgb(171,227, 20); border-style:solid; }
.webeditBorderColour27{ border-color:rgb(248,239,  6); border-style:solid; }
.webeditBorderColour28{ border-color:rgb( 64,127,127); border-style:solid; }
.webeditBorderColour29{ border-color:rgb(186,212,  8); border-style:solid; }
.webeditBorderColour30{ border-color:rgb(230,244,  9); border-style:solid; }
.webeditBorderColour31{ border-color:rgb( 25,154, 50); border-style:solid; }
.webeditBorderColour32{ border-color:rgb(231, 27,  5); border-style:solid; }
.webeditBorderColour33{ border-color:rgb(247,135,  3); border-style:solid; }
.webeditBorderColour34{ border-color:rgb(134,153,122); border-style:solid; }
.webeditBorderColour35{ border-color:rgb(240, 78,  7); border-style:solid; }
.webeditBorderColour36{ border-color:rgb( 77, 32,192); border-style:solid; }
.webeditBorderColour37{ border-color:rgb(222, 83,207); border-style:solid; }
.webeditBorderColour38{ border-color:rgb(130,234,241); border-style:solid; }
.webeditBorderColour39{ border-color:rgb(112, 46,162); border-style:solid; }
.webeditBorderColour40{ border-color:rgb(  1, 45,173); border-style:solid; }

body{
  background:rgb(209,202,201);
}

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

.mainSolid,
.mainSolid .webeditDropdownChildren ul{
  color:rgb( 51, 51, 51);
  background-color:rgb(152,162,173);
}

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

.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( 51, 51, 51);
}

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

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

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

.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( 22,204, 13);
}

/* 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 */
  line-height:1.5;
}
#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%;
}

/* sections to wrap their content */
.webeditSection{
  float:left;
  width:100%;
}

/* centre sections */
.webeditSectionContent{
  margin:0 auto;
}

/* 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:1.5; /* 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;
}

/* hide the spam trap field */
.webeditFormTrap{
  display:none;
}

/* 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;
}

/* 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;
}

/* 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,
.webeditShoptreeComponent 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,
.webeditShoptreeComponent 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;
}

/* 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%;
}

/* align pagination links and separate them from the comments */
.webeditCommentsPaginationLinksAbove{
  text-align:right !important;
}
.webeditCommentsPaginationLinksBelow{
  border-top:1px dashed rgb(128,128,128);
  text-align:right !important;
}

/* separate comments */
.webeditCommentsDivider,
.webeditCommentsComment{
  border-top:1px dashed rgb(128,128,128);
}
.webeditCommentsFirstComment{
  border-top:none;
}

/* display the comment author in bold */
.webeditCommentsAuthor{
  font-weight:bold;
}

/* display a pointer on the trigger for show/hide components */
#webeditCorePage .webeditShowhideTrigger{
  cursor:pointer;
}

/* 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;
}

/* iframes with a fixed height ************************************************/

.webeditFacebooklikeboxComponent iframe,
.webeditLinkedinComponent iframe{
  width : 100%;
}

/* iframes with a fixed aspect ratio ******************************************/

.webeditIframeComponent,
.webeditMapComponent,
.webeditSchooltubeComponent,
.webeditTwitterComponent,
.webeditYoutubeComponent{
  position : relative;
  height   : 0;
}

.webeditIframeComponent iframe,
.webeditMapComponent iframe,
.webeditSchooltubeComponent iframe,
.webeditTwitterComponent iframe,
.webeditYoutubeComponent iframe{
  position : absolute;
  top      : 0;
  left     : 0;
  width    : 100%;
  height   : 100%;
}

/* text on image **************************************************************/

.wTextonimage{
  position:relative;
}

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

.wTextonimageCover a{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:1;
  background:url('../generator/images/transparent-block.gif');
}

.wTextonimageText{
  position:absolute;
}

/* basket summary *************************************************************/

#webeditBasketLoggedOut,
#webeditBasketLoggedIn{
  margin-bottom : 4px;
}

#webeditBasketLoggedIn{
  display:none;
}

#webeditBasketItems{
  float        : left;
  overflow     : hidden;
  width        : 36px;
  height       : 36px;
  margin-right : 8px;
  background   : url('../generator/images/basket.png') no-repeat center center;
  color        : black;
  line-height  : 46px;
  text-align   : center;
  text-shadow  : 0 0 2px white;
}

/* lightbox *******************************************************************/

#wLightboxCover{
  position   : absolute;
  top        : 0;
  left       : 0;
  z-index    : 300;
  width      : 100%;
  background : black;
  background : rgba(0,0,0,0);
  transition : background 0.25s;
}

#wLightboxCover.active{
  background : rgba(0,0,0,0.75);
}

#wLightbox{
  position   : fixed;
  top        : 32px;
  right      : 50%;
  z-index    : 301;
  opacity    : 0;
  transition : opacity 0.25s;
}

#wLightbox.active{
  opacity : 1;
}

#wLightboxFrame{
  position      : relative;
  right         : -50%;
  border        : 4px solid white;
  border-radius : 6px;
  background    : white;
}

#wLightboxToolbar{
  padding     : 0 4px 2px;
  font-family : Arial,Helvetica,sans-serif;
  font-size   : 16px;
  text-align  : left;
  font-size   : 12px;
  line-height : 22px;
}

#wLightboxToolbar div{
  float        : right;
  padding-left : 4px;
  font-size    : 24px;
  font-weight  : bold;
  line-height  : 22px;
  cursor       : pointer;
}

#wLightboxToolbar span{
  float        : right;
  padding-left : 4px;
}

#wLightbox img{
  border-radius : 4px;
}

/* legacy lightbox ************************************************************/

/* 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;
}

/* buttons ********************************************************************/

.wButtonLeft,
.webeditButtonLeft{
  text-align : left;
}

.wButtonCentre,
.webeditButtonCentre{
  text-align : center;
}

.wButtonRight,
.webeditButtonRight{
  text-align : right;
}

.wButton,
.webeditButton{
  background : transparent;
  border     : 0;
  margin     : 0;
  padding    : 0;
  font-size  : 1em;
  cursor     : pointer;
}

.wButton::-moz-focus-inner,
.webeditButton::-moz-focus-inner{
  padding : 0;
  border  : 0;
}

.wButton span,
.webeditButton span{
  display          : block;
  padding          : 0.166em 0.666em;
  border           : 1px solid rgb(192,192,192);
  border-radius    : 0.333em;
  background       : rgb(224,224,224);
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  color            : rgb(64,64,64);
  text-shadow      : 0 0 0.166em white;
  font-family      : Arial,Helvetica,sans-serif;
  line-height      : 1.5em;
}

.wButton span span,
.webeditButton span span{
  padding       : 0;
  border        : none;
  border-radius : 0;
  background    : transparent;
}

/* form labels ****************************************************************/

.webeditFormLabel{
  padding-top : 0.25em;
}

/* form fields ****************************************************************/

.webeditFieldField input,
.webeditFieldField textarea,
.webeditChoiceChoices select{
  margin           : 0;
  padding          : 0.166em 0.333em;
  border           : 1px solid rgb(224,224,224);
  border-radius    : 0.25em;
  outline          : none;
  font-family      : Arial,Helvetica,sans-serif;
  font-size        : 1em;
  line-height      : 1.5em;
  box-shadow       : inset 0 0.125em 0.125em rgba(0,0,0,0.03125),0 0.0625em 0 rgba(255,255,255,0.5);
}

.webeditFieldField input{
  height : 1.5em;
}

.webeditFieldField textarea{
  resize : vertical;
}

.webeditChoiceChoices select{
  padding : 0.25em;
}

/* spin boxes *****************************************************************/

.webeditSpinBox{
  position       : relative;
  display        : inline-block;
  padding-right  : 0.875em;
  vertical-align : bottom;
}

.webeditSpinBox input{
  display                   : block;
  height                    : 1.8333em;
  padding                   : 0 0.5em;
  border                    : 0.0833em solid rgb(192,192,192);
  border-right              : none;
  border-top-left-radius    : 0.333em;
  border-bottom-left-radius : 0.333em;
  background                : rgb(255,255,255);
  background-image          : -webkit-linear-gradient(rgb(248,248,248),rgb(255,255,255));
  background-image          :         linear-gradient(rgb(248,248,248),rgb(255,255,255));
  font-family               : inherit;
  font-size                 : 1em;
  text-align                : right;
}

.webeditSpinBoxUp,
.webeditSpinBoxDown{
  position         : absolute;
  right            : 0;
  display          : block;
  width            : 1em;
  height           : 0.875em;
  border           : 0.0833em solid rgb(192,192,192);
  background       : rgb(224,224,224);
  background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image :         linear-gradient(rgb(240,240,240),rgb(224,224,224));
  cursor           : pointer;
}

.webeditSpinBoxUp span,
.webeditSpinBoxDown span{
  display : block;
  width   : 1em;
  height  : 0.875em;
}

.webeditSpinBoxUp{
  top                     : 0;
  border-top-right-radius : 0.333em;
}

.webeditSpinBoxUp span{
  background : url('../generator/images/spin-box-arrow-up.png') no-repeat center center;
}

.webeditSpinBoxDown{
  bottom                     : 0;
  border-bottom-right-radius : 0.333em;
}

.webeditSpinBoxDown span{
  background : url('../generator/images/spin-box-arrow-down.png') no-repeat center center;
}

/* share button ***************************************************************/

.webeditShareComponent{
  position:relative;
}

.webeditSharePanel{
  position:absolute;
  bottom:40px; /* prevents button from being covered */
  left:50%;
  z-index:100;
  margin-right:-1000px; /* prevents wrapping */
}

.webeditSharePanel div{
  position:relative;
  top:100px;
  left:-50%;
  padding:8px 4px;
  border:1px solid rgb(192,192,192);
  border-radius:4px;
  background:rgb(224,224,224);
  background-image:-webkit-linear-gradient(rgb(240,240,240),rgb(224,224,224));
  background-image:        linear-gradient(rgb(240,240,240),rgb(224,224,224));
  box-shadow:0 0 4px rgba(0,0,0,0.25);
}

.webeditSharePanel img{
  margin:0 4px;
  cursor:pointer;
}

/* text styling ***************************************************************/

.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 .s15{ font-size:1.25em; }
.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 .s42{ font-size:3.50em; }
.webeditText .s48{ font-size:4.00em; }
.webeditText .s54{ font-size:4.50em; }
.webeditText .s60{ font-size:5.00em; }
.webeditText .s66{ font-size:5.50em; }
.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;
}

body,
.webeditText{
  font-family:Arial,Helvetica,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;
}

/* pad pages in navigation menus */
.webeditShopnavigationComponent a,
.webeditNavigationItem{
  margin-right:10px;
}

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

/* add arrows to ancestors in the secondary navigation */
.secondaryNavigation .webeditNavigationAncestorItem{
  background:url('../uploaded-files/arrow.png') no-repeat right;
  padding-right:15px;
}

.mainSolid{
	background: url("../uploaded-files/nav-bg.png") no-repeat top;
}

.footer{
  background: url("../uploaded-files/nav-bg.png") no-repeat top;
}

#webeditCorePage #images{
  position:relative;
  width:620px;
  height:340px;
}

#webeditCorePage #image1,
#webeditCorePage #image2,
#webeditCorePage #image3,
#webeditCorePage #image4,
#webeditCorePage #image5{
  position:absolute;
  top:0;
  left:0;
}

#webeditCorePage #image2,
#webeditCorePage #image3,
#webeditCorePage #image4,
#webeditCorePage #image5{
  display:none;
}

.webeditDropdownSelected{
	font-weight: bold;
}