/*

style.css

Shared stylesheet for WebEdit.

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

*/

.webeditText span.f1{
  color:rgb(0,0,0) !important;
}

.webeditText span.h1,
.webeditBackgroundColour1{
  background-color:rgb(0,0,0);
}

.webeditBorderColour1{
  border-color:rgb(0,0,0);
  border-style:solid;
}

.webeditText span.f2{
  color:rgb(255,255,255) !important;
}

.webeditText span.h2,
.webeditBackgroundColour2{
  background-color:rgb(255,255,255);
}

.webeditBorderColour2{
  border-color:rgb(255,255,255);
  border-style:solid;
}

.webeditText span.f3{
  color:rgb(51,51,51) !important;
}

.webeditText span.h3,
.webeditBackgroundColour3{
  background-color:rgb(51,51,51);
}

.webeditBorderColour3{
  border-color:rgb(51,51,51);
  border-style:solid;
}

.webeditText span.f4{
  color:rgb(102,102,102) !important;
}

.webeditText span.h4,
.webeditBackgroundColour4{
  background-color:rgb(102,102,102);
}

.webeditBorderColour4{
  border-color:rgb(102,102,102);
  border-style:solid;
}

.webeditText span.f5{
  color:rgb(153,153,153) !important;
}

.webeditText span.h5,
.webeditBackgroundColour5{
  background-color:rgb(153,153,153);
}

.webeditBorderColour5{
  border-color:rgb(153,153,153);
  border-style:solid;
}

.webeditText span.f6{
  color:rgb(204,204,204) !important;
}

.webeditText span.h6,
.webeditBackgroundColour6{
  background-color:rgb(204,204,204);
}

.webeditBorderColour6{
  border-color:rgb(204,204,204);
  border-style:solid;
}

.webeditText span.f7{
  color:rgb(57,45,91) !important;
}

.webeditText span.h7,
.webeditBackgroundColour7{
  background-color:rgb(57,45,91);
}

.webeditBorderColour7{
  border-color:rgb(57,45,91);
  border-style:solid;
}

.webeditText span.f8{
  color:rgb(85,68,136) !important;
}

.webeditText span.h8,
.webeditBackgroundColour8{
  background-color:rgb(85,68,136);
}

.webeditBorderColour8{
  border-color:rgb(85,68,136);
  border-style:solid;
}

.webeditText span.f9{
  color:rgb(136,119,187) !important;
}

.webeditText span.h9,
.webeditBackgroundColour9{
  background-color:rgb(136,119,187);
}

.webeditBorderColour9{
  border-color:rgb(136,119,187);
  border-style:solid;
}

.webeditText span.f10{
  color:rgb(195,187,221) !important;
}

.webeditText span.h10,
.webeditBackgroundColour10{
  background-color:rgb(195,187,221);
}

.webeditBorderColour10{
  border-color:rgb(195,187,221);
  border-style:solid;
}

.webeditText span.f11{
  color:rgb(45,23,113) !important;
}

.webeditText span.h11,
.webeditBackgroundColour11{
  background-color:rgb(45,23,113);
}

.webeditBorderColour11{
  border-color:rgb(45,23,113);
  border-style:solid;
}

.webeditText span.f12{
  color:rgb(68,34,170) !important;
}

.webeditText span.h12,
.webeditBackgroundColour12{
  background-color:rgb(68,34,170);
}

.webeditBorderColour12{
  border-color:rgb(68,34,170);
  border-style:solid;
}

.webeditText span.f13{
  color:rgb(119,85,221) !important;
}

.webeditText span.h13,
.webeditBackgroundColour13{
  background-color:rgb(119,85,221);
}

.webeditBorderColour13{
  border-color:rgb(119,85,221);
  border-style:solid;
}

.webeditText span.f14{
  color:rgb(187,170,238) !important;
}

.webeditText span.h14,
.webeditBackgroundColour14{
  background-color:rgb(187,170,238);
}

.webeditBorderColour14{
  border-color:rgb(187,170,238);
  border-style:solid;
}

.webeditText span.f15{
  color:rgb(34,0,136) !important;
}

.webeditText span.h15,
.webeditBackgroundColour15{
  background-color:rgb(34,0,136);
}

.webeditBorderColour15{
  border-color:rgb(34,0,136);
  border-style:solid;
}

.webeditText span.f16{
  color:rgb(51,0,204) !important;
}

.webeditText span.h16,
.webeditBackgroundColour16{
  background-color:rgb(51,0,204);
}

.webeditBorderColour16{
  border-color:rgb(51,0,204);
  border-style:solid;
}

.webeditText span.f17{
  color:rgb(102,51,255) !important;
}

.webeditText span.h17,
.webeditBackgroundColour17{
  background-color:rgb(102,51,255);
}

.webeditBorderColour17{
  border-color:rgb(102,51,255);
  border-style:solid;
}

.webeditText span.f18{
  color:rgb(179,153,255) !important;
}

.webeditText span.h18,
.webeditBackgroundColour18{
  background-color:rgb(179,153,255);
}

.webeditBorderColour18{
  border-color:rgb(179,153,255);
  border-style:solid;
}

.webeditText span.f19{
  color:rgb(68,34,68) !important;
}

.webeditText span.h19,
.webeditBackgroundColour19{
  background-color:rgb(68,34,68);
}

.webeditBorderColour19{
  border-color:rgb(68,34,68);
  border-style:solid;
}

.webeditText span.f20{
  color:rgb(125,62,125) !important;
}

.webeditText span.h20,
.webeditBackgroundColour20{
  background-color:rgb(125,62,125);
}

.webeditBorderColour20{
  border-color:rgb(125,62,125);
  border-style:solid;
}

.webeditText span.f21{
  color:rgb(187,119,187) !important;
}

.webeditText span.h21,
.webeditBackgroundColour21{
  background-color:rgb(187,119,187);
}

.webeditBorderColour21{
  border-color:rgb(187,119,187);
  border-style:solid;
}

.webeditText span.f22{
  color:rgb(221,187,221) !important;
}

.webeditText span.h22,
.webeditBackgroundColour22{
  background-color:rgb(221,187,221);
}

.webeditBorderColour22{
  border-color:rgb(221,187,221);
  border-style:solid;
}

.webeditText span.f23{
  color:rgb(93,9,93) !important;
}

.webeditText span.h23,
.webeditBackgroundColour23{
  background-color:rgb(93,9,93);
}

.webeditBorderColour23{
  border-color:rgb(93,9,93);
  border-style:solid;
}

.webeditText span.f24{
  color:rgb(170,17,170) !important;
}

.webeditText span.h24,
.webeditBackgroundColour24{
  background-color:rgb(170,17,170);
}

.webeditBorderColour24{
  border-color:rgb(170,17,170);
  border-style:solid;
}

.webeditText span.f25{
  color:rgb(236,70,236) !important;
}

.webeditText span.h25,
.webeditBackgroundColour25{
  background-color:rgb(236,70,236);
}

.webeditBorderColour25{
  border-color:rgb(236,70,236);
  border-style:solid;
}

.webeditText span.f26{
  color:rgb(246,162,246) !important;
}

.webeditText span.h26,
.webeditBackgroundColour26{
  background-color:rgb(246,162,246);
}

.webeditBorderColour26{
  border-color:rgb(246,162,246);
  border-style:solid;
}

.webeditText span.f27{
  color:rgb(102,0,102) !important;
}

.webeditText span.h27,
.webeditBackgroundColour27{
  background-color:rgb(102,0,102);
}

.webeditBorderColour27{
  border-color:rgb(102,0,102);
  border-style:solid;
}

.webeditText span.f28{
  color:rgb(187,0,187) !important;
}

.webeditText span.h28,
.webeditBackgroundColour28{
  background-color:rgb(187,0,187);
}

.webeditBorderColour28{
  border-color:rgb(187,0,187);
  border-style:solid;
}

.webeditText span.f29{
  color:rgb(255,51,255) !important;
}

.webeditText span.h29,
.webeditBackgroundColour29{
  background-color:rgb(255,51,255);
}

.webeditBorderColour29{
  border-color:rgb(255,51,255);
  border-style:solid;
}

.webeditText span.f30{
  color:rgb(255,153,255) !important;
}

.webeditText span.h30,
.webeditBackgroundColour30{
  background-color:rgb(255,153,255);
}

.webeditBorderColour30{
  border-color:rgb(255,153,255);
  border-style:solid;
}

.webeditText span.f31{
  color:rgb(68,34,39) !important;
}

.webeditText span.h31,
.webeditBackgroundColour31{
  background-color:rgb(68,34,39);
}

.webeditBorderColour31{
  border-color:rgb(68,34,39);
  border-style:solid;
}

.webeditText span.f32{
  color:rgb(136,68,78) !important;
}

.webeditText span.h32,
.webeditBackgroundColour32{
  background-color:rgb(136,68,78);
}

.webeditBorderColour32{
  border-color:rgb(136,68,78);
  border-style:solid;
}

.webeditText span.f33{
  color:rgb(170,85,98) !important;
}

.webeditText span.h33,
.webeditBackgroundColour33{
  background-color:rgb(170,85,98);
}

.webeditBorderColour33{
  border-color:rgb(170,85,98);
  border-style:solid;
}

.webeditText span.f34{
  color:rgb(221,187,192) !important;
}

.webeditText span.h34,
.webeditBackgroundColour34{
  background-color:rgb(221,187,192);
}

.webeditBorderColour34{
  border-color:rgb(221,187,192);
  border-style:solid;
}

.webeditText span.f35{
  color:rgb(85,17,27) !important;
}

.webeditText span.h35,
.webeditBackgroundColour35{
  background-color:rgb(85,17,27);
}

.webeditBorderColour35{
  border-color:rgb(85,17,27);
  border-style:solid;
}

.webeditText span.f36{
  color:rgb(170,34,55) !important;
}

.webeditText span.h36,
.webeditBackgroundColour36{
  background-color:rgb(170,34,55);
}

.webeditBorderColour36{
  border-color:rgb(170,34,55);
  border-style:solid;
}

.webeditText span.f37{
  color:rgb(213,42,69) !important;
}

.webeditText span.h37,
.webeditBackgroundColour37{
  background-color:rgb(213,42,69);
}

.webeditBorderColour37{
  border-color:rgb(213,42,69);
  border-style:solid;
}

.webeditText span.f38{
  color:rgb(238,170,180) !important;
}

.webeditText span.h38,
.webeditBackgroundColour38{
  background-color:rgb(238,170,180);
}

.webeditBorderColour38{
  border-color:rgb(238,170,180);
  border-style:solid;
}

.webeditText span.f39{
  color:rgb(95,7,20) !important;
}

.webeditText span.h39,
.webeditBackgroundColour39{
  background-color:rgb(95,7,20);
}

.webeditBorderColour39{
  border-color:rgb(95,7,20);
  border-style:solid;
}

.webeditText span.f40{
  color:rgb(190,14,41) !important;
}

.webeditText span.h40,
.webeditBackgroundColour40{
  background-color:rgb(190,14,41);
}

.webeditBorderColour40{
  border-color:rgb(190,14,41);
  border-style:solid;
}

.webeditText span.f41{
  color:rgb(238,17,51) !important;
}

.webeditText span.h41,
.webeditBackgroundColour41{
  background-color:rgb(238,17,51);
}

.webeditBorderColour41{
  border-color:rgb(238,17,51);
  border-style:solid;
}

.webeditText span.f42{
  color:rgb(248,160,173) !important;
}

.webeditText span.h42,
.webeditBackgroundColour42{
  background-color:rgb(248,160,173);
}

.webeditBorderColour42{
  border-color:rgb(248,160,173);
  border-style:solid;
}

.webeditText span.f43{
  color:rgb(34,38,68) !important;
}

.webeditText span.h43,
.webeditBackgroundColour43{
  background-color:rgb(34,38,68);
}

.webeditBorderColour43{
  border-color:rgb(34,38,68);
  border-style:solid;
}

.webeditText span.f44{
  color:rgb(51,57,102) !important;
}

.webeditText span.h44,
.webeditBackgroundColour44{
  background-color:rgb(51,57,102);
}

.webeditBorderColour44{
  border-color:rgb(51,57,102);
  border-style:solid;
}

.webeditText span.f45{
  color:rgb(119,127,187) !important;
}

.webeditText span.h45,
.webeditBackgroundColour45{
  background-color:rgb(119,127,187);
}

.webeditBorderColour45{
  border-color:rgb(119,127,187);
  border-style:solid;
}

.webeditText span.f46{
  color:rgb(187,191,221) !important;
}

.webeditText span.h46,
.webeditBackgroundColour46{
  background-color:rgb(187,191,221);
}

.webeditBorderColour46{
  border-color:rgb(187,191,221);
  border-style:solid;
}

.webeditText span.f47{
  color:rgb(17,25,85) !important;
}

.webeditText span.h47,
.webeditBackgroundColour47{
  background-color:rgb(17,25,85);
}

.webeditBorderColour47{
  border-color:rgb(17,25,85);
  border-style:solid;
}

.webeditText span.f48{
  color:rgb(26,37,127) !important;
}

.webeditText span.h48,
.webeditBackgroundColour48{
  background-color:rgb(26,37,127);
}

.webeditBorderColour48{
  border-color:rgb(26,37,127);
  border-style:solid;
}

.webeditText span.f49{
  color:rgb(85,100,221) !important;
}

.webeditText span.h49,
.webeditBackgroundColour49{
  background-color:rgb(85,100,221);
}

.webeditBorderColour49{
  border-color:rgb(85,100,221);
  border-style:solid;
}

.webeditText span.f50{
  color:rgb(170,178,238) !important;
}

.webeditText span.h50,
.webeditBackgroundColour50{
  background-color:rgb(170,178,238);
}

.webeditBorderColour50{
  border-color:rgb(170,178,238);
  border-style:solid;
}

.webeditText span.f51{
  color:rgb(0,11,102) !important;
}

.webeditText span.h51,
.webeditBackgroundColour51{
  background-color:rgb(0,11,102);
}

.webeditBorderColour51{
  border-color:rgb(0,11,102);
  border-style:solid;
}

.webeditText span.f52{
  color:rgb(0,17,153) !important;
}

.webeditText span.h52,
.webeditBackgroundColour52{
  background-color:rgb(0,17,153);
}

.webeditBorderColour52{
  border-color:rgb(0,17,153);
  border-style:solid;
}

.webeditText span.f53{
  color:rgb(51,74,255) !important;
}

.webeditText span.h53,
.webeditBackgroundColour53{
  background-color:rgb(51,74,255);
}

.webeditBorderColour53{
  border-color:rgb(51,74,255);
  border-style:solid;
}

.webeditText span.f54{
  color:rgb(153,164,255) !important;
}

.webeditText span.h54,
.webeditBackgroundColour54{
  background-color:rgb(153,164,255);
}

.webeditBorderColour54{
  border-color:rgb(153,164,255);
  border-style:solid;
}

.webeditText span.f55{
  color:rgb(70,36,98) !important;
}

.webeditText span.h55,
.webeditBackgroundColour55{
  background-color:rgb(70,36,98);
}

.webeditBorderColour55{
  border-color:rgb(70,36,98);
  border-style:solid;
}

.webeditText span.f56{
  color:rgb(170,47,110) !important;
}

.webeditText span.h56,
.webeditBackgroundColour56{
  background-color:rgb(170,47,110);
}

.webeditBorderColour56{
  border-color:rgb(170,47,110);
  border-style:solid;
}

.webeditText span.f57{
  color:rgb(219,65,64) !important;
}

.webeditText span.h57,
.webeditBackgroundColour57{
  background-color:rgb(219,65,64);
}

.webeditBorderColour57{
  border-color:rgb(219,65,64);
  border-style:solid;
}

.webeditText span.f58{
  color:rgb(35,55,109) !important;
}

.webeditText span.h58,
.webeditBackgroundColour58{
  background-color:rgb(35,55,109);
}

.webeditBorderColour58{
  border-color:rgb(35,55,109);
  border-style:solid;
}

.webeditText span.f59{
  color:rgb(88,89,91) !important;
}

.webeditText span.h59,
.webeditBackgroundColour59{
  background-color:rgb(88,89,91);
}

.webeditBorderColour59{
  border-color:rgb(88,89,91);
  border-style:solid;
}

body{
  background:rgb(255,255,255);
}

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

.mainSolid{
  color:rgb(255,255,255);
  background-color:rgb(57,45,91);
}

.main a,
.main .webeditText .lon,
.mainSolid a,
.mainSolid .webeditText .lon{
  color:rgb(195,187,221);
}

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

.header a,
.header .webeditText .lon{
  color:rgb(57,45,91);
}

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

.content a,
.content .webeditText .lon{
  color:rgb(57,45,91);
}

.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(57,45,91);
}

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

/*

default-style.css

Default stylesheet for WebEdit.

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

*/

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

/* cover the page under the lightbox with a semi-transparent white */
#webeditCoreLightbox{
  background:url("../uploaded-files/../generator/images/semitransparent-black-block.png") repeat top right;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:100;
  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('../uploaded-files/../generator/images/missing-flash-plugin.png') no-repeat center center;
}

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

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

/* 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 Entertonement and Houndbite players */
.webeditEntertonementComponent,
.webeditHoundbiteComponent{
  text-align:center;
}

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

/* style navigation menu items with the 'display' parameter set to 'block' */
.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;
}

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

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

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

/* add the appropriate lines to formatted tables */
.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);
}

.webeditText .db, .webeditText{
  display:block;
}

.webeditText .dl{
  display:list-item;
  margin-left:18px;
}

.webeditText .al, .webeditText{
  text-align:left;
}

.webeditText .ar{
  text-align:right;
}

.webeditText .ac{
  text-align:center;
}

.webeditText .aj{
  text-align:justify;
}

.webeditText .i0, .webeditText{
  margin-left:0;
}

.webeditText .i18{
  margin-left:18px;
}

.webeditText .i36{
  margin-left:36px;
}

.webeditText .i54{
  margin-left:54px;
}

.webeditText .i72{
  margin-left:72px;
}

.webeditText .i90{
  margin-left:90px;
}

/* note: this must be applied to spans to avoid display issues */

.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 div.h150 span, .webeditText div.h150,
.webeditText span, .webeditText{
  line-height:1.50em;
}

.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 *{
  letter-spacing:-0.10em;
}

.webeditText .lm5 *{
  letter-spacing:-0.05em;
}

.webeditText .l0 *, .webeditText *{
  letter-spacing:0;
}

.webeditText .l5 *{
  letter-spacing:0.05em;
}

.webeditText .l10 *{
  letter-spacing:0.10em;
}

.webeditText .l15 *{
  letter-spacing:0.15em;
}

.webeditText .l20 *{
  letter-spacing:0.20em;
}

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

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

.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 .twss, .webeditText{
  font-family:Verdana,Geneva,sans-serif;
}

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

.webeditText .s10{
  font-size:0.833em;
}

.webeditText .s12, .webeditText{
  font-size:1.000em;
}

.webeditText .s14{
  font-size:1.166em;
}

.webeditText .s16{
  font-size:1.333em;
}

.webeditText .s18{
  font-size:1.500em;
}

.webeditText .s20{
  font-size:1.666em;
}

.webeditText .s22{
  font-size:1.833em;
}

.webeditText .s24{
  font-size:2.000em;
}

.webeditText .s26{
  font-size:2.166em;
}

.webeditText .s28{
  font-size:2.333em;
}

.webeditText .s30{
  font-size:2.500em;
}

.webeditText .s32{
  font-size:2.666em;
}

.webeditText .s34{
  font-size:2.833em;
}

.webeditText .s36{
  font-size:3.000em;
}

.webeditText .s48{
  font-size:4.000em;
}

.webeditText .s60{
  font-size:5.000em;
}

.webeditText .s72{
  font-size:6.000em;
}

.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;
}

/*

shop-style.css

Shop stylesheet for WebEdit.

(C) 2009 Spoton Corporation - http://www.spoton.net/
Created by Stephen Morley - http://safalra.com/

*/


/* styling shared between pages ***********************************************/

.webeditCategoryComponent h1,
.webeditProductComponent h1,
.webeditShopComponent h1{
  margin:0;
  line-height:1.5em;
  font-weight:normal;
  font-family:Verdana,Geneva,sans-serif;
  font-size:1.500em;
}

.webeditShopBreadcrumbs a{
  text-decoration:none;
}

.webeditShopError .webeditText div{
  color:red;
}

/* styling for the index page *************************************************/

.webeditShopCategoryDescription{
  margin-top:1.5em;
}

.webeditShopCategoryLink,
.webeditShopProductLink{
  float:left;
  padding:8px;
}

.webeditShopCategoryLinkImage,
.webeditShopProductLinkImage{
  text-align:center;
}

.webeditShopCategoryLinkTitle a,
.webeditShopProductLinkTitle a{
  text-decoration:none;
}

.webeditShopCategoryListTitle,
.webeditShopProductListTitle{
  margin-top:0.5em;
}

.webeditShopCategoryLinkTitle .webeditText{
  margin-top:0.75em;
  height:3em;
  overflow:auto;
}

.webeditShopProductLinkTitle .webeditText{
  margin-top:0.75em;
  height:4.5em;
  overflow:auto;
}

.webeditShopProductLinkPrice .webeditText{
  margin-top:0.75em;
}

.webeditShopEmptyCategory,
.webeditShopNoProduct{
  margin:0.5em 0;
}

.webeditShopProductDetailsAlsoPurchasedProductsTitle,
.webeditShopProductDetailsOtherProductsTitle{
  margin:1.5em 0 0.75em;
}

/* styling for the product details page ***************************************/

.webeditShopProductDetailsTitle{
  margin-top:0.5em;
}

.webeditShopProductDetailsContainer{
  position:relative;
}

.webeditShopProductImages{
  margin-top:0.75em;
  text-align:center;
}

.webeditShopProductImages img{
  margin:0.75em 0.375em;
  cursor:pointer;
}

.webeditShopProductImages .webeditText{
  font-size:0.833em;
}

.webeditShopProductDetailsPriceBreaks{
  clear:left;
  border-collapse:collapse;
}

.webeditShopProductDetailsPriceBreaksTypeBuy{
  margin:0 auto;
}

.webeditShopProductDetailsPriceBreaks th{
  font-weight:normal;
  margin:0;
  padding:0.75em 0 0;
}

.webeditShopProductDetailsPriceBreaks td{
  margin:0;
  padding:0;
}

.webeditShopProductDetailsDescription{
  padding:0.75em 0 0;
}

.webeditShopProductDetailsOptions,
.webeditShopProductDetailsQuantity{
  margin-top:0.75em;
}

.webeditShopProductDetailsAddToCart{
  margin-top:0.75em;
}

/* styling for the shopping cart page *****************************************/

#webeditShopShoppingCart{
  margin-top:0.75em;
}

#webeditShopShoppingCartUpdateButton{
  text-align:center;
  margin:0.75em 0;
}

#webeditShopShoppingCartTable table{
  width:100%;
  margin-bottom:1.5em;
}

#webeditShopShoppingCartTable td{
  vertical-align:top;
}

#webeditShopShoppingCartTable input{
  text-align:right;
}

.webeditShopShoppingCartRemove,
.webeditShopShoppingCartTotal{
  width:6em;
}

.webeditShopShoppingCartQuantity{
  width:9em;
}

#webeditShopShoppingCartCheckout{
  text-align:right;
}

#webeditShopEmptyCart{
  margin:0.75em 0;
}

#webeditShopEmptyCartContinue{
  text-align:right;
}

/* styling for the log-in page ************************************************/

#webeditShopLoginMessage{
  margin:0.75em 0;
}

#webeditShopLoginErrorMessage{
  margin-bottom:0.75em;
}

#webeditShopLoginForm table{
  margin:0 auto;
}

#webeditShopLoginButton{
  margin:0.75em 0;
  text-align:center;
}

#webeditShopLoginNewMessage{
  margin:0.75em 0;
}

#webeditShopLoginCreateAccount{
  text-align:right;
}

/* styling for the create account page ****************************************/

#webeditShopCreateAccountIntroduction,
#webeditShopCreateAccountErrorMessage{
  margin-top:0.75em;
}

#webeditShopCreateAccountForm table{
  margin:0 auto 0.75em;
}

.webeditShopCreateAccountFormSection{
  padding:0.75em 0;
}

.webeditShopCreateAccountFormField input{
  width:100%;
}

.webeditShopCreateAccountFormNotes{
  padding-left:0.75em;
}

#webeditShopCreateAccountContinue{
  text-align:right;
}

/* styling for the create account success page ********************************/

#webeditShopCreateAccountSuccessMessage{
  margin:0.75em 0;
}

#webeditShopCreateAccountSuccessContinue{
  text-align:right;
}

/* styling for the password forgotten page ************************************/

#webeditShopPasswordForgottenHelp{
  margin:0.75em 0;
}

#webeditShopPasswordForgottenErrorMessage{
  margin-bottom:0.75em;
}

#webeditShopPasswordForgottenForm{
  margin:0.75em 0;
}

#webeditShopPasswordForgottenContinue{
  text-align:right;
}

/* styling for the cookie usage page ******************************************/

#webeditShopCookieUsageMessage{
  margin:0.75em 0;
}

/* styling for the checkout and payment shipping address pages ****************/

#webeditShopCheckoutShippingAddressSelectedHeading,
#webeditShopCheckoutPaymentAddressSelectedHeading{
  margin:0.75em 0;
}

#webeditShopCheckoutShippingAddressSelectedAddress .webeditText,
#webeditShopCheckoutPaymentAddressSelectedAddress .webeditText{
  margin:0.75em 1.5em 3em;
}

#webeditShopCheckoutShippingAddressBookHelp,
#webeditShopCheckoutPaymentAddressBookHelp{
  margin:0.75em 0;
}

#webeditShopCheckoutShippingAddressBookAddresses,
#webeditShopCheckoutPaymentAddressBookAddresses{
  margin:0 0.75em;
}

#webeditShopCheckoutShippingAddressNewHelp,
#webeditShopCheckoutPaymentAddressNewHelp{
  margin:0.75em 0;
}

#webeditShopCheckoutShippingAddressErrorMessage,
#webeditShopCheckoutPaymentAddressErrorMessage{
  margin-bottom:0.75em;
}

.webeditShopCheckoutShippingAddressContinue,
.webeditShopCheckoutPaymentAddressContinue{
  margin-top:0.75em;
  text-align:right;
}

#webeditShopCheckoutShippingAddressForm table,
#webeditShopCheckoutPaymentAddressForm table{
  margin:0 auto;
}

/* styling for the checkout shipping and payment pages ************************/

#webeditShopCheckoutShippingDeliveryAddressHeading,
#webeditShopCheckoutPaymentPaymentAddressHeading{
  margin:0.75em 0;
}

#webeditShopCheckoutShippingDeliveryAddress .webeditText,
#webeditShopCheckoutPaymentPaymentAddress .webeditText{
  margin:0.75em 1.5em 0.75em;
}

#webeditShopCheckoutShippingChangeAddress,
#webeditShopCheckoutPaymentChangeAddress{
  margin-bottom:3em;
}

#webeditShopCheckoutShippingMethods,
#webeditShopCheckoutPaymentMethods{
  margin-bottom:3em;
}

.webeditShopCheckoutShippingMethod,
.webeditShopCheckoutPaymentMethod{
  margin-top:0.75em;
}

#webeditShopCheckoutShippingMethodMessage,
#webeditShopCheckoutPaymentMethodMessage{
  margin-top:0.75em;
}

#webeditShopCheckoutPaymentCouponHeading{
  margin-bottom:0.75em;
}

#webeditShopCheckoutPaymentCouponMessage{
  margin-bottom:3em;
}

#webeditShopCheckoutShippingCommentsHeading,
#webeditShopCheckoutPaymentCommentsHeading{
  margin-bottom:0.75em;
}

#webeditShopCheckoutShippingComments,
#webeditShopCheckoutPaymentComments{
  margin:0.75em 0 3em;
  text-align:center;
}

#webeditShopCheckoutShippingComments textarea,
#webeditShopCheckoutPaymentComments textarea{
  width:95%;
}

#webeditShopCheckoutShippingContinue,
#webeditShopCheckoutPaymentContinue{
  text-align:right;
}

/* styling for the checkout confirmation page *********************************/

.webeditShopCheckoutConfirmationAddressHeading{
  margin-top:0.75em;
}

.webeditShopCheckoutConfirmationAddress,
.webeditShopCheckoutConfirmationMethod,
.webeditShopCheckoutConfirmationItems,
.webeditShopCheckoutField{
  padding:0.75em 0 3em;
}

.webeditShopCheckoutConfirmationItems table{
  margin-right:2.25em;
}

.webeditShopCheckoutConfirmationItems td{
  padding:0 0.75em 0 0;
  vertical-align:top;
}

#webeditShopCheckoutConfirmationContinue{
  text-align:right;
}

/* styling for the checkout success page **************************************/

#webeditShopCheckoutSuccessMessage{
  margin:0.75em 0;
}

#webeditShopCheckoutSuccessContinue{
  text-align:right;
}

/* styling for the account page ***********************************************/

#webeditShopAccountLogOut{
  text-align:right;
}

#webeditShopAccountDetailsTitle,
#webeditShopAccountOrdersTitle{
  margin:0.75em 0;
}

#webeditShopAccountOrders table{
  margin:0 auto;
}

#webeditShopAccountOrders th,
#webeditShopAccountOrders td{
  padding:0 0.75em;
  vertical-align:top;
}

/* styling for the log off page ***********************************************/

#webeditShopLogOffMessage{
  margin:0.75em 0;
}

/* styling for the account history info page **********************************/

.webeditShopAccountHistoryInfoAddressHeading{
  margin-top:0.75em;
}

.webeditShopAccountHistoryInfoAddress,
.webeditShopAccountHistoryInfoMethod,
.webeditShopAccountHistoryInfoItems{
  padding:0.75em 0 3em;
}

.webeditShopAccountHistoryInfoItems table{
  margin-right:2.25em;
}

.webeditShopAccountHistoryInfoItems td{
  padding:0 0.75em 0 0;
  vertical-align:top;
}

#webeditShopAccountHistoryInfoStatus table{
  margin:0.75em auto 0;
}

#webeditShopAccountHistoryInfoStatus th,
#webeditShopAccountHistoryInfoStatus td{
  padding:0 0.75em;
}

#webeditShopAccountHistoryInfoBack{
  margin-top:3em;
  text-align:center;
}

/* styling for the account password page **************************************/

#webeditShopAccountPasswordHelp,
#webeditShopAccountPasswordErrorMessage{
  margin-top:0.75em;
}

#webeditShopAccountPasswordForm table{
  margin:0.75em auto;
}

#webeditShopAccountPasswordContinue{
  text-align:right;
}

/* styling for the account edit page ******************************************/

#webeditShopEditAccountHelp,
#webeditShopEditAccountErrorMessage{
  margin-top:0.75em;
}

#webeditShopEditAccountForm table{
  margin:0.75em auto;
}

#webeditShopEditAccountContinue{
  text-align:right;
}

/* styling for the address book page ******************************************/

#webeditShopAddressBookMainAddressHeading{
  margin:0.75em 0;
}

#webeditShopAddressBookMainAddress{
  margin:0.75em 0;
}

#webeditShopAddressBookAddresses table{
  margin:0.75em auto;
}

#webeditShopAddressBookAddresses th,
#webeditShopAddressBookAddresses td{
  padding:0 0.75em;
  vertical-align:top;
}

#webeditShopAddressBookBack{
  text-align:center;
}

/* styling for the address book process page **********************************/

#webeditShopAddressBookProcessIntroduction,
#webeditShopAddressBookProcessErrorMessage{
  margin-top:0.75em;
}

#webeditShopAddressBookProcessForm table{
  margin:0.75em auto;
}

.webeditShopAddressBookProcessFormField input{
  width:100%;
}

.webeditShopAddressBookProcessFormNotes{
  padding-left:0.75em;
}

#webeditShopAddressBookProcessContinue{
  text-align:right;
}

/*

generated-style.css

Site-specific stylesheet.

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

*/



/*

style.css

Site-specific stylesheet.

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

*/

/*##### core styling #####*/

#webeditCoreEditModePage{
  margin-top:64px;
}

.webeditEditComponent {
text-align:center;
padding:0 0 5px 0;
}

.webeditItseezeComponent {
padding:5px 0 0 0;
}

.webeditCopyrightComponent .webeditText {
  font-family:arial,helvetica,sans-serif;
}

.webeditNavigationList ul {
margin:0;
padding:20px 0 0 0;

}

.webeditNavigationItem {
list-style-type:none;
padding:5px;
  font-family:arial,helvetica,sans-serif;
}

.webeditNavigationChildItem { margin:0;
list-style-type:none; 
padding:5px 5px 5px 10px;
}

.webeditText a, .webeditText .lon {
text-decoration:none;
}

.webeditText a:hover {
text-decoration:underline;
}

.divider  {
border-bottom:2px solid #808080;
}

#page {
/*  border:1px solid #808080;  */
margin:16px 1px 1px 1px;
}

.elementPadding {
padding:0 0 10px 0;
}

.elementMargin {
margin:0 0 10px 0;
}
/*##### /core styling #####*/

/*##### unique styling #####*/

.categoryNavigation {
padding:30px 5px 30px 10px;
}

.categoryNavigation .webeditText {

}

/*##### /unique styling #####*/

/*##### form styling #####*/


.webeditFormLabel{
  width:90px;
}

.webeditFormLabel .webeditText{
  font-family:arial,helvetica,sans-serif;
}

.webeditChoiceChoices{
  width:150px;
    margin-bottom:5px;
}

.webeditChoiceChoices select{
  width:150px;
}

.webeditChoiceChoice{
  display:block;
}

.webeditFieldField{
  width:150px;
    margin-bottom:5px;
}

.webeditFieldField *{
  width:150px;
}

.webeditFormSubmitButton{
  text-align:center;
}

.webeditFormSubmitButton div{
  display:none;
}

.webeditFormSubmitButton button{
  width:98px;
  height:22px;
  padding:0;
  border-width:0;
  background:url('../uploaded-files/submit-button.png') no-repeat top left;
    cursor:pointer;
} 

/*form 390 styling*/

.cF390 .webeditFormLabel{
  width:140px;
}

.cF390 .webeditFormLabel .webeditText{
  font-family:arial,helvetica,sans-serif;
}

.cF390 .webeditChoiceChoices{
  width:230px;
  margin-bottom:5px;
}

.cF390 .webeditChoiceChoices select{
  width:230px;
}

.cF390 .webeditFieldField{
  width:230px;
  margin-bottom:5px;
}

.cF390 .webeditFieldField *{
  width:230px;
}

/**/

/*form 240 styling*/

.cF250 .webeditFormLabel{
  width:110px;
}

.cF250 .webeditFormLabel .webeditText{
  font-family:arial,helvetica,sans-serif;
}

.cF250  .webeditChoiceChoices{
  width:130px;
  margin-bottom:5px;
}

.cF250  .webeditChoiceChoices select{
  width:130px;
}

.cF250  .webeditFieldField{
  width:130px;
  margin-bottom:5px;
}

.cF250  .webeditFieldField *{
  width:130px;
}

/**/

/*custom form*/

.customForm .webeditFormLabel{
  width:246px;
}

.customForm .webeditFormLabel .webeditText{
  font-family:arial,helvetica,sans-serif;
  font-weight:bold;
}

.customForm .webeditFormLabel .webeditText {
text-align:center;
}

.customForm  .webeditChoiceChoices{
  width:246px;
  margin-bottom:5px;
}

.customForm  .webeditChoiceChoices select{
  width:246px;
}

.customForm  .webeditFieldField{
  width:246px;
  margin-bottom:5px;
}

.customForm  .webeditFieldField * {
width:246px;
}

/*
.customForm  .webeditFieldField {
  width:248px;
  border:1px solid #6F6F6F;
 background-color:#AFAFAF; 
}

.customForm  .webeditFieldField textarea{
  width:200px;
    margin:25px;
    border:0;
}
*/

/*##### /form styling #####*/

/*##### text-over-image styling #####*/

.webeditNavigationFirstAncestorItem {
display:none;
} .overlayContainer{
  position: relative;
}

.overlayImageT0L0{
  position: relative;
  top:0;
  left:0;
}

.overlayBoxT20L20{
  position: absolute;
  top: 10px;
  left: 10px;
  background: url('../uploaded-files/transpix.png') repeat;
}

.overlayBoxB20L20{
  position: absolute;
  bottom: 20px; /* allow for bottom padding of 10px */
  left: 10px;
  background: url('../uploaded-files/transpix.png') repeat;
}

/*##### /text-over-image styling #####*/

/*###########################################################*/
/*search styling*/

.webeditSearchComponent {
position:relative;
height:20px;
}


.webeditSearchQueryBox input{
position:absolute;
right:5px;
top:0;
width:160px;
} 

.webeditSearchSubmitButton button{
position:absolute;
top:0;
right:175px;
cursor:pointer;
}

* html .webeditSearchSubmitButton button {
top:3px;
}

.searchResults .webeditSearchComponent form {
display:none;
}

.searchResults .webeditSearchComponent {
background-image:none;
height:auto;
}

.webeditSearchResultsHeader {
font-weight:bold;
margin-bottom:20px;
text-align:center;
}

.webeditSearchResultsFooter {
font-weight:bold;
margin-top:20px;
text-align:center;
}

.webeditSearchResult a {
font-weight:bold;
}

.webeditSearchResult {
margin:1.5em 0.5em 1.5em 0.5em;
}

.webeditSearchResultDescription {
padding-left:15px;
}

/*####################~~~#####################

.header {
background-color:#eec2cb; 
}

.footer {
background-color:#cceec2;
}

.main {
background-color:#c2e2ee;
}

.content {
background-color:#e2c2ee;
}
*/

.webeditNavigationFirstAncestorItem{
  display:none;
}

/* table style */

.table2 .webeditTableComponent td{
  padding:3px;
}

.table2 .webeditTableComponent .webeditTableFirstRow td{
  border-bottom:1px solid #808080;
}

/* end table style */