/*CONKERS HOES*/

#webeditCoreEditModePage{
  margin-top: 60px;
}

body {
background:url('background.png') repeat-x top left;
font-family:sans-serif;
}

body#webeditLayoutBlue {
background:url('background-marine.png') repeat-x top left;
}

.webeditText{
  color:#636466;
}

.webeditText a, .webeditText .lon {
text-decoration:none;
color:#82a055;
}
#webeditLayoutBlue .webeditText a, #webeditLayoutBlue .webeditText .lon {
color:#4872b4;
}

#webeditLayoutBlue .webeditText .dl {
color:#4872b4;
}

.webeditText a:hover {
color:#a4c96c;
}
#webeditLayoutBlue .webeditText a:hover {
color:#2f4f81;
}
#webeditLayoutBlue .webeditSuperoptionsDivider {
border-top:2px dashed #92b3e7;
/*margin:10px 0;*/
}

.divider {
border-bottom:1px solid #636466;
width:100%;
line-height:1px;
}

#content {
background:url('contentBG.png') repeat-y right;
}

#topFlash {
padding-bottom:5px;
}

.topCorners {
background:url('tcs.gif') no-repeat top;
margin-bottom:10px;
}

.bottomCorners {
background:url('bcs.gif') no-repeat bottom;
}

#topNav {
height:60px;
/*padding-top:100px;/*temporary*/
}

#topNav li{
display:inline;
list-style-type:none;
color:#82a055;
font-weight:bold;
padding-right:25px;
}

#topNav ul {
margin:0;
padding:7px 0 0 0;
}

#topNav a {
text-decoration:none;
color:white;
}
#webeditLayoutBlue #topNav a {
text-decoration:none;
color:white;
}

#topNav a:hover {
color:#82a055;
}
#webeditLayoutBlue #topNav a:hover {
color:#4872B4;
}

#sbtDiv {
background-color:#82a055;
height:32px;
}
#webeditLayoutBlue #sbtDiv {
background-color:#4872b4;
}

#sbttt {
color:white;
font-weight:bold;
padding:7px 0 0 4px;
}

#sbttt a {
color:white;
}
#sbttt a:hover {
color:black;
}

#webeditLayoutBlue #sbttt a {
color:white;
}
#webeditLayoutBlue #sbttt a:hover {
color:#ccc;
}

#conkyright, #copyright {
padding:10px 0 10px 0;
color:#a3a5a9;
}

#editButton {
padding:0 0 10px 0;
}

#conkyright .webeditText div {
white-space:pre;
} 

/*---------------------------------------------------------

"   #conkyright .webeditText div {white-space:pre;}   "

This groovy rule solves the lack of multiple spaces, but beware; 
the text will now ignore any width rules, so make sure the text
stays within the layout or it will break in IE.

---------------------------------------------------------*/


#copyright, #editButton {
text-align:center;
}

#footColin a {
color:#82a055;
text-decoration:none;
}

#footColin a:hover {
color:#a4c96c;
}

.tabHead .webeditText{
text-align:center;
color:white;
font-weight:bold;
}

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

.tableHeader {
background-color:#82a055;
}

/*sidenavigation styling*/

.leftList {
font-size:0.8em;
}

.pagebuilder li{
list-style-type:none;
}

.pagebuilder ul {
padding:0;
margin:0;
}

.pagebuilder .webeditNavigationItem {
font-size:0.8em;
}

.pagebuilder .webeditNavigationAncestorItem {
border-bottom:2px solid #ededee;
padding:0 0 4px 10px;
margin-right:10px;
}

.pagebuilder .webeditNavigationChildItem {
padding:4px 0 4px 10px;
}

.leafage {
background:url('leaf.gif') no-repeat top left;
}



.webeditFormLabel{
  width:120px;
}

.webeditChoiceChoices{
  width:210px;
}

.webeditChoiceChoices select{
  width:200px;
}

.webeditChoiceChoice{
  display:block;
}

.webeditFieldField{
  width:210px;
}

.webeditFieldField *{
  width:200px;
}

.webeditFormSubmitButton{
  text-align:center;
}

.divlineleft {
background-color:#ededee;
line-height:2px;
}

#checkoutMenu .checkoutMenuUpperRow{
  padding: 25px 0 25px;
}
#checkoutMenu .checkoutMenuUpperColumn{
  width: 180px;
}
#checkoutMenu a{
  display: block; 
  background-image: url('transparent.gif');
  background-position: top left;
  background-repeat: repeat;
  text-decoration: none;
}
#checkoutMenu a span,
#checkoutMenu span span{
  display: block; 
  padding: 6px 0; 
  text-align: center;
}

#checkoutMenu .checkoutMenuUpperColumn a span,
#checkoutMenu .checkoutMenuUpperColumn span span{
  font-size: 16px;
  letter-spacing: 3px;
}


#checkoutMenu .checkoutMenuBoots a span{
  background: transparent;
  color: #72351a;
}
#checkoutMenu .checkoutMenuBoots span span,
#checkoutMenu .checkoutMenuBoots a:hover span {
  background: #72351a;
  color: white;
}

#checkoutMenu .checkoutMenuShoes a span{
  background: transparent;
  color: #c92332;
}
#checkoutMenu .checkoutMenuShoes span span,
#checkoutMenu .checkoutMenuShoes a:hover span {
  background: #c92332;
  color: white;
}

#checkoutMenu .checkoutMenuSandals a span{
  background: transparent;
  color: #7d3e50;
}
#checkoutMenu .checkoutMenuSandals span span,
#checkoutMenu .checkoutMenuSandals a:hover span {
  background: #7d3e50;
  color: white;
}

#checkoutMenu .checkoutMenuChildrens a span{
  background: transparent;
  color: #39899b;
}
#checkoutMenu .checkoutMenuChildrens span span,
#checkoutMenu .checkoutMenuChildrens a:hover span {
  background: #39899b;
  color: white;
}

#checkoutMenu .checkoutMenuLowerRow{
  padding: 5px 0 5px;
}
#checkoutMenu .checkoutMenuLowerColumn{
  width: 120px;
}

#checkoutMenu .checkoutMenuLowerColumn a span,
#checkoutMenu .checkoutMenuLowerColumn span span{
  font-size: 10px;
  letter-spacing: 2px;
}


#checkoutMenu .checkoutMenuSolesAndColours a span,
#checkoutMenu .checkoutMenuSolesAndColours span span{
  background: transparent;
  color: #82a155;
}
#checkoutMenu .checkoutMenuSolesAndColours a:hover span {
  background: transparent;
  color: #ff7697;
}

#checkoutMenu .checkoutMenuAccessories a span,
#checkoutMenu .checkoutMenuAccessories span span{
  background: transparent;
  color: #82a155;
}
#checkoutMenu .checkoutMenuAccessories a:hover span {
  background: transparent;
  color: #ff7697;
}

#checkoutMenu .checkoutMenuFootCare a span,
#checkoutMenu .checkoutMenuFootCare span span{
  background: transparent;
  color: #82a155;
}
#checkoutMenu .checkoutMenuFootCare a:hover span {
  background: transparent;
  color: #ff7697;
}

#checkoutMenu .checkoutMenuResoleAndRepair a span,
#checkoutMenu .checkoutMenuResoleAndRepair span span{
  background: transparent;
  color: #82a155;
}
#checkoutMenu .checkoutMenuResoleAndRepair a:hover span {
  background: transparent;
  color: #ff7697;
}

#checkoutMenu .checkoutMenuModifiedFit a span,
#checkoutMenu .checkoutMenuModifiedFit span span{
  background: transparent;
  color: #82a155;
}
#checkoutMenu .checkoutMenuModifiedFit a:hover span {
  background: transparent;
  color: #ff7697;
}

#checkoutMenu .checkoutMenuShoeCare a span,
#checkoutMenu .checkoutMenuShoeCare span span{
  background: transparent;
  color: #82a155;
}
#checkoutMenu .checkoutMenuShoeCare a:hover span {
  background: transparent;
  color: #ff7697;
}

#topFlash {
  position:relative;
}

#shopLinks {
  position:absolute;
  left:620px;
  top:-10px;
}