@charset "utf-8";
/* CSS Document for British Lawnmower Museum */
/* This document is under copyright of Stanleys Group 2010 - ∞ */

/* mainStyle.css - This document is used for site-wide styling 
including headers, footers and content layout boxes */

/*---------- This area designates storage, layout and content div's -----------*/

body {
background-image:url(../styleImages/backgroundImage.jpg);
background-repeat:repeat-x;
font-family:Verdana, Geneva, sans-serif;	
font-size:14px;
}

p.cat {
color:#999;
font-size:10px;	
}

a {
color:#060;	
}

.pageContainer {
position:absolute;
top:0px;
left:0px;
height:100%;
width:100%;
}

.headerContainer {
top:0px;	
left:0px;
background-color:#FFF;
width:100%;
height:130px;
}
.familyBar {
	position:absolute;
top:0px;
left:0px;
width:100%;
height:24px;
background-image:url(../styleImages/familyBarLinkR.jpg);	
}

.familyBarContent {
margin:0px auto;
width:550px;
min-width:740px;
max-width:800px;
height:24px;
background-image:url(../styleImages/familyBarLinkR.jpg);
background-repeat:repeat-x;
	
}

.familyBarTitle
{
	float:left;
background-image:url(../styleImages/familyBarTitle.jpg);
background-repeat:no-repeat;	
margin-top: 1px;
margin-left: 2px;
width:122px;
}
.familyBarSpacer {
width:10px;
float:left;	
}

.familyBarLinkE {
background-image:url(../styleImages/familyBarLinkE.jpg);
background-repeat:none;
width:1px;	
float:left;
height:24px;
}

.familyBarLink {
	float:left;
	padding-top: 5px;
	font-size:10px;
	padding-left:15px;
	padding-right:15px;
width:auto;
height:19px;
background-image:url(../styleImages/familyBarLinkOff.jpg);
background-repeat:repeat-x;	
}

.familyBarLink:hover {
	padding-top: 5px;
	font-size:10px;
	padding-left:15px;
	padding-right:15px;
width:auto;
height:19px;
background-image:url(../styleImages/familyBarLinkOn.jpg);
background-repeat:repeat-x;	
float:left;
}


.headerContent {
margin: 0px auto;
width: 900px;
height: 130px; 
}

.floatImg {
	font-size:12px;
	width:300px;
padding-left: 0px;
padding-top: 10px;
float:left;
}

.midFloat {
float:left;
width:280px;
height:auto;
padding-top:10px;
padding-left:20px;
}

.footerLeft {
	font-size:12px;
	width:50%;
padding-top: 10px;
float:left;
text-align:left;
height:140px;
}

.footerLeft a {
color:#000;	
text-decoration:none;
}

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

.footerRight {
	text-align:right;
	font-size:12px;
	width:50%;
padding-top: 10px;
float:left;	
}

.footerRight a {
color:#000;	
text-decoration:none;
}

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

.floatText {
text-align:right;
float:left;
width:300px;	
padding-left: 0px;
padding-top: 0px;
}

.titleGreenFade {
height:auto;
width:auto;
background-image:url(../styleImages/titleGreenFade.gif);	
background-repeat:repeat-x;
}

.mainHolderLeft {
margin: 0px auto;
width:900px;
height:auto;
background-color:#FFF;
}

.mainHolderRight {
padding:10px;
text-align:right;
float:right;
width:200px;
height:100%;
background-color:#FFF;
}


.rightText {
text-align:right;
min-width:200px;
width:280px;
float:right;
height:auto;	
}

.mainContent{
	top:0px;
	left:0px;
background-color:#FFF;
width:auto;	
}


.rightContent {
height:100%;
background-color:#FFF;
float:left;
text-align:right;
width:300px;	
}

.footer {
margin:0px auto;
width:900px;
height:240px;
background-image:url(../styleImages/footerImage.jpg);
background-repeat:repeat-x;	
background-position: bottom;
}

.footerShop {
	float:left;
margin:0px auto;
width:900px;
height:240px;
background-image:url(../styleImages/footerImage.jpg);
background-repeat:repeat-x;	
background-position: bottom;
background-color:#ffffff;
border-top: 1px #00000030 solid;

}	


/*----- Start of nav section -----*/

.mainMenu {
height:auto;
margin:0px auto;
width:804px;
text-decoration:none;
border:none;
color:#FFF;
}

.mainMenu a {
color:#FFF	;
}

.mainMenu a:hover {
color:	#060;
}

.popUp {
	color:#000;
position:relative;
top:6px;
width:auto;
background-color:#FFC;
height:auto;
border:#000 thin;	
z-index:99999999;
text-decoration:none;
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:14px;
text-decoration:none;
text-align:left;
padding-left:4px;
padding-bottom:4px;
padding-right:4px;	
}


.menu {
color:#FFF;
text-align:center;
height:23px;
width:100px;
background-image:url(../styleImages/navOff.jpg);
background-repeat:no-repeat;
float:left;
padding-top: 4px;
}




.menu:hover{
	color:#FFF;
text-align:center;
height:23px;
width:100px;
background-image:url(../styleImages/navOn.jpg);
background-repeat:no-repeat;
}

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

.mainMenu .menu a {
color:#FFF;
text-decoration:none;
}
.mainMenu .menu a:hover {
color:#FFF;
text-decoration:underline;
}

.mainMenu .menu .popUp a {
color:#000;
text-decoration:none;
}

.mainMenu .menu .popUp a:hover {
color:#090;
text-decoration:underline;
}

.menu .popUp {
height:auto;
width: auto;
background-image:url(../styleImages/menuBg.jpg);
background-repeat:repeat-x;
display:none;	
color:#000;
border:#000 thin;
text-decoration:none;
}

.menu:hover .popUp {
border:#000 thin solid;
width: 290px;
height:auto;
display:block;
background-image:url(../styleImages/menuBg.jpg);
background-repeat:repeat-x;
color:#000;
text-decoration:none;
text-wrap:none;
-moz-box-shadow: 0px 2px 5px #CCC;
-webkit-box-shadow: 0px 2px 5px #CCC;
box-shadow: 0px 2px 5px #CCC;
}

.menuLeft { 
color:#000;
vertical-align:middle;
height:100%;
width:50%;
background-image:url(../styleImages/menuBg.jpg);
background-repeat:repeat-x;
float:left;
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
text-decoration:none;
text-align:left;	
}

.menuLeft a
{
text-decoration:none;
color:#000;	
}
.menuRight a
{
text-decoration:none;
color:#000;		
}

.menuLeft p{ 
color:#000;
	
text-decoration:none;
}
.menuRight {
	color:#000;
vertical-align:middle;
width:50%;
height:100%;
background-image:url(../styleImages/menuBg.jpg);
background-repeat:repeat-x;
float:left;
font-size:10px;
text-align:right;	
text-decoration:none;
}

.menuRight p { 
color:#000;
text-decoration:none;

}

.bodyText {
	text-align:justify;
width:100% -20px;
height:auto;
background-color:#FFF;
padding-left:20px;
padding-right:20px;
padding-bottom:10px;
}

.shopHolder {
	float:left;
	text-align:justify;
width:100%;
height:100%;
background-color:#FFF;
}

.bodyTextShop {
text-align:justify;
width:100%;
height:auto;
background-color:#FFF;
}


.pod {
padding-top:15px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0px;
width:250px;
height:auto;	
}

.podTitleLeft {
z-index:0;
float:left;
background-image:url(../styleImages/podTitleLeft.jpg);
background-repeat:no-repeat;
width:22px;
height:32px;	
}

.podTitleMiddle {
z-index:2;
color:#FFF;
padding-top:2px;
text-align:right;
float:left;
background-image:url(../styleImages/podTitleMid.jpg);
background-repeat:repeat-x;
width:206px;
height:32px;
font-size:13px;	
}

.podTitleMiddle a:link, .podTitleMiddle a:visited{
color:#FFF;
text-decoration:none
}

.podTitleMiddle a:hover, .podTitleMiddle a:active {
color:#FFF;
text-decoration:underline;	
}

.podTitleRight {
	float:left;
background-image:url(../styleImages/podTitleRight.jpg);
background-repeat:no-repeat;
width:22px;
height:32px;	
}

.podMain {
	margin:0px auto;
	padding-left:8px;
	padding-top:36px;
	padding-right:8px;
	padding-bottom:5px;
	text-align:center;
	color:#000;
background-image:url(../styleImages/podMain.jpg);
background-repeat:repeat-y;
width:234px;	
}


.podBottom {
background-image:url(../styleImages/podBottom.jpg);
background-repeat:no-repeat;
width:250px;
height:18px;	
}


.title {
	padding-top:10px;
padding-left:5px;
width:auto;
font-weight:bold;
color:#060;
font-size:16px;
padding-bottom:6px;	
}

.title a:link, .title a:visited {
	text-decoration:none;
}
.title a:hover, .title a:visited {
	text-decoration:none;
}

.pad {
height:100%;
font-size:12px;
padding-left:15px;	
padding-right:25px;
}

.padRight {
	font-size:12px;
padding-right:25px;	
}


.bg {
float:left;
width:100%;
height:100%;
background-color:#FFF;	
}
.searchHolder
{
height:auto;
width:75%;	
display:block;
z-index:999999;	
margin:0px auto;
padding-bottom: 10px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.searchInfo {
margin:0px auto;
position:absolute;
height:60%;
left:35%;
top:160px;
bottom:15%;
right:35%;
width:30%;	
display:none;
background:#FFF;
z-index:9999999;
padding:15px 15px 15px 15px;
border-style:solid;
border-color:#060;
border: 1px 1px 1px 1px;
overflow:auto;
text-align:center;
}

.searchTitle {
font-size:16px;
color:#060;
padding-bottom:10px;
width:100%;

}

.searchClose {
height:18px;
width:18px;
float:right;
background-image:url(../styleImages/searchCloseOff.gif);
background-repeat:no-repeat;
}

.searchClose:hover {
height:18px;
width:18px;
float:right;
background-image:url(../styleImages/searchCloseOn.gif);
background-repeat:no-repeat;
}

.searchCount {
width:5%;
height:auto;
}
.searchSubTitle {
float:left;
width:100%;
height:auto;
padding-bottom:10px;
}

.searchImageHolder {
width:25%;
float:left;	
padding-bottom: 10px;
}

.searchKeyWords {
float:right;
width:50%;	
color:#999999;
text-align:right;
}

.searchString {
float:left;
width:100%;	
padding-bottom:10px;
}

.searchNav {
float:left;
width:100%	
}

.searchLeft {
float:left;
width:25%;	
padding-left:25%;
}

.searchRight {
float:right;
width:25%;
text-align:right;
padding-right:25%;
}

#key {
display:none;	
}

.tag {
float:left;
padding-top:5px;
padding-bottom:5px;
color:#FFF;
width:100%;
font-size:8px;
text-align:center;
background-image:url(../styleImages/searchBg.png);
background-repeat:repeat;
}

.tblInputRow
{
width:100%;
float:left;
height:auto;
background-color:#FFF;
}

.tblInputItem
{
	float:left;
width:50%;
height:auto;	
}

#personalInfo {
display:block;	
}

#machineInfo {
display:none;	
}

#otherInfo {
display:none;	
}
.override #googlecart-widget {
z-index:0;	
}

.override #googlecart-widget-head {
    height:22px;
	padding:5px 0px 0px 0px;
	background-image:url(../styleImages/navOffMid.jpg);
	border-left:1px solid #060;
	border-top-style:hidden;
	border-right:1px solid #060;
	border-bottom-style:hidden;
	z-index:0;

  }
  .override #googlecart-widget-head:hover {
	  	background-image:url(../styleImages/navOnMid.jpg);
  }
    .override #googlecart-widget-head:hover #googlecart-title  {
	 	text-decoration:underline;

  }
   .override #googlecart-title {
    color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:0;
	
  }
     .override #googlecart-title:hover {
    color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:0;
  }
  .override #googlecart-summary {
    
	color:#333
  }

  .override #googlecart-widget-list:hover {
    background-color:#FFC; color:#000;
  }
  .override #googlecart-widget-list {
    background-color:#FFC; color:#060;
  }
  .override .googlecart-widget-title {
    color:#000;
  }
   .override #googlecart-widget-emptymessage {
    background-color:#FFC; color:#060;
  }
  
  .googlecart-add-button {
	  margin:0px auto;
	  text-align:center;
	  width:100px;
  }
  
  .trial {
	width:50px; 
	height:50px;
	background-color:#060;  
  }


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

.searchSubTitle {
width:100%;	
}

.director {
width:100%;
float:left;	
height:60px;
}

.directorLeft {
	padding-left:15px;
width:15px;
height:60px;
background-image:url(../styleImages/directorLeft.jpg);
background-repeat:no-repeat;
background-position:right;
float:left;
z-index:0;
}
.directorMid {
width:840px;
height:53px;
background-image:url(../styleImages/directorMid.jpg);
background-repeat:repeat-x;
float:left;
padding-top:7px;
z-index:0;
}

.directorRight {
	padding-right:15px;
width:15px;
height:60px;
background-image:url(../styleImages/directorRight.jpg);
background-repeat:no-repeat;
background-position:left;
float:left;
z-index:0;
}

.cookie-confirm
	{
	position:fixed;
	width:100%;
	height:auto%;
	bottom:0%;
	left:0%;
	z-index:9999999999;
	background: rgb(255,255,255); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* IE10 preview */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-8 */
	-webkit-box-shadow: 0px 10px 56px -13px rgba(0,0,0,1);
	-moz-box-shadow: 0px 10px 56px -13px rgba(0,0,0,1);
	box-shadow: 0px 5px 56px -13px rgba(0,0,0,1);
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	}