/* main body stuff */

* {	
  margin: 0px; 
  padding: 0px; 
  border: none; 
  }

body {	
	 background: #ffffff url(../images/test_footprints_5.jpg) repeat  top center;

	 /*background: #ffffff url(../images/div_bg_fade.png) no-repeat fixed center top;*/
	 font: 65% Arial, Trebuchet MS, VErdana, sans-serif; }



/* wrapper - holds all the content for the page, sets the width of the central viewable page */

#wrapper { 
		 width: 910px; 
		 margin: 0 auto;
		
		 }



/* Header - holds top strip: logo, opening times, print and email icon*/

#header {
		background: transparent; /* url(../images/header_bg.jpg) repeat-x center top; */
		width: 900px; 
		height: 114px; 
		margin-left:5px;
		/*border-left: 1px solid #6f7784;
		border-right: 1px solid #6f7784;*/
		}

#hours {
		margin-top:60px;
		margin-right:25px;
		float:right;
		}
		
#buttons {
		margin-top:10px;
		margin-right:25px;
		float:right;
		}

#buttons img{
		padding-left:20px;
		}		

		
#hours p.hours {
		  font-size: 1.1em;
          }
		
#header #logo{
		position:relative;
		margin-top:0px;
		padding-left:30px;
		float:left;
		}
		
#header #comm {
		position:relative;
		margin-top:20px;
		padding-left:26px;
		float:right;
		}	  
		
#header p {
		font-size: 1.3em;
		/*font-weight: bold;*/
		color: #333333;
		margin-top:0px;
		padding-bottom:3px;
		}
		

		

/* navigation bar - under the header division */

#navigation { 
		background: #6f7784;
		width: 902px;
		height: 30px;
		margin-left:5px;

		}	

#navigation ul {
		padding-left: 22px;
		}

#navigation li {
		display: block;
		line-height: 100%;
		padding-left: 5px;
		padding-right: 30px;
		padding-top: 8px;
		font-size: 1.3em;
		font-weight: bold;
		float: left;
		}

#navigation li a {
		text-decoration: none;
		color: #ffffff;
		}

#navigation li a:hover {
		text-decoration: underline; 
		}





/* holders for homepage image or banners on product pages */

#topcontent {
			background: #fff ; 
			width: 900px; 
			margin-top:0px; 
			margin-left:5px;
			height:300px;
			border-left: 1px solid #6f7784;
			border-right: 1px solid #6f7784;
			}	
			
#bannerholder {
			background: #fff ; 
			width: 900px; 
			margin-top:0px; 
			margin-left:5px;
			padding-bottom:15px;
			padding-top:10px;
			height:60px;
			border-left: 1px solid #6f7784;
			border-right: 1px solid #6f7784;
			}	
			
#shoebanner {
			background: #fff ; 
			width: 850px; 
			margin-top:0px; 
			margin-left:5px;
			padding-left:25px;
			padding-right:25px;
			padding-bottom:25px;
			/*height:60px;*/
			border-left: 1px solid #6f7784;
			border-right: 1px solid #6f7784;
			}
			
#shoebanner img {
			margin-right:15px;
			margin-bottom: 15px;
			}	
			
#brandbanner { 
            /*background: #ffffff url(../images/div_bg.png) repeat-x center bottom;    */
			/*background: #fff ; */
			width: 850px; 
			margin-top:0px; 
			margin-left:5px;
			padding-left:25px;
			padding-right:25px;
			padding-bottom:25px;
			/*height:60px;*/
			/*border-left: 1px solid #6f7784;
			border-right: 1px solid #6f7784;*/
			}

			
#brandbanner img {
			margin-right:15px;
			margin-bottom: 5px;
			}			
			
#imgholder{	
			position: relative; 
			left:0px;
			float:left; 
			padding-top:0px;
			height:300px;
			border-bottom:1px solid #6f7784;
			}					



/* newspanel - holds either text or possible animated gif/flash content for sales or offers */

#newspanel { 
		   width: 345px;
		   /*background: #fff;	*/
		   margin-top:0px;
		   margin-left:0px;
		   padding-right: 10px;
		   padding-left: 10px;
		   padding-top: 10px;
		   float:left;
		   height:290px;
		   border-bottom:1px solid #6f7784;
		   }

#newspanel h1 {
		   font-size: 1.7em; 
		   color: #6f7784;
		   margin-bottom: 1.0em;
		   }

#newspanel h2 {
		   font-size: 1.4em;
		   color: #106261;
		   padding-bottom:10px;
		   }

#newspanel p {
		   font-size: 1.2em;
		   line-height: 1.6em;
		   margin-bottom: 1.0em;
		   color: #333333;
		   }

#newspanel a {
		   color: #666666;
		   }

#newspanel a:hover {
		   text-decoration: none; color: #666666
		   }  

#newspanel img {
		   margin-bottom: 20px;
		   }  



/* Main content */

#maincontent {
			 width: 900px;
			 background: transparent;
			 margin-left:5px;

			 /*border-left: 1px solid #6f7784;
			 border-right: 1px solid #6f7784;*/
			 } 


#maincontent h1 {
			 font-size: 2.4em;
			 font-weight: 900;
			 line-height: 1.7em;
			 margin-bottom: 0.4em;
			 color: #000000;
			 padding-top:35px;
			 padding-right: 25px;
			 padding-left: 25px;
			 }
			 
#maincontent h2 {
			 font-size: 1.4em;
			 line-height: 1.6em;
			 margin-bottom: 0.4em;
			 color: #0775cd;
			 padding-top:25px;
			 padding-right: 25px;
			 padding-left: 25px;
			 }

#maincontent p {
			 font-size: 1.3em;
			 line-height: 1.4em;
			 color: #000000;
			 padding-right: 25px;
			 padding-left: 25px;
			 padding-bottom: 15px;
			 }
			 
#maincontent p.strong {
			 font-weight: 900;
			 padding-bottom: 35px;
			 padding-top: 25px;
			 }
			 
#maincontent p.click {
			 font-size: 1.1em;
			 line-height: 1.4em;
			 color: #666666;
			 padding-right: 25px;
			 padding-left: 10px;
			 padding-bottom: 10px;
			 }
			 
#maincontent p.italic {
			 font-size: 1.2em;
			 line-height: 1.4em;
			 color: #0775cd;
			 padding-right: 25px;
			 padding-left: 25px;
			 padding-bottom: 15px;
			 }
			 
#maincontent p.italic2 {
			 font-size: 1.2em;
			 line-height: 1.4em;
			 color: #0775cd;
			 padding-right: 25px;
			 padding-left: 25px;
			 padding-bottom: 25px;
			 font-style:italic;
			 }
			 
#maincontent p.brands {
			 font-size: 1.2em;
			 line-height: 1.4em;
			 color: #333333;
			 padding-right: 25px;
			 padding-left: 25px;
			 padding-bottom: 15px;
			 padding-top: 40px;
			 }

#maincontent a {
			 color: #0775cd;
			 text-decoration: underline;
			 font-weight:bold;
			 }

#maincontent a:hover {
			 text-decoration: none;
			 }	

#maincontent img {
			 float:right;
			 padding-left: 0px;
			 margin-left:10px;
			 background-color:transparent;
			 }
			 
#maincontent img.blobrow {
             width: 900px; 
			 padding-right: 0px;
			 background-color:#b0dcf9;
			 }
			 
#maincontent i {
			 font-size: 0.9em;
			 }
			 
#maincontent ul {
			 padding-bottom: 20px;
			 }
			 
			 		 
#maincontent li {
			 font-size: 1.1em;
			 line-height: 1.1em;
			 color: #666666;
			 padding-right: 25px;
			 margin-left: 45px;
			 padding-bottom: 0px;
			 }


			 
#brands {
			 position:relative;
			 padding-left:0px;
			 padding-bottom:10px;
			 width:180px;
			 float:left;
			 background:transparent;
			 }
			 
#maincontent #brandsbig {
			 position:relative;
			 padding-left:0px;
			 padding-bottom:10px;
			 width:360px;
			 float:left;
			 background:transparent;
			 }			 

			 
/* Main content - dropped banner and new top margin*/

#maincontent_nobanner {
			 width: 900px;
			 background: #fff;
			 margin-left:5px;
			 margin-top:10px;
			 } 


#maincontent_nobanner h1 {
			 font-size: 1.6em;
			 line-height: 1.6em;
			 margin-bottom: 0.4em;
			 color: #666666;
			 padding-top:15px;
			 padding-right: 25px;
			 padding-left: 25px;
			 }

#maincontent_nobanner p {
			 font-size: 1.3em;
			 line-height: 1.4em;
			 color: #666666;
			 padding-right: 25px;
			 padding-left: 25px;
			 padding-bottom: 15px;
			 }
			 
#maincontent_nobanner p.click {
			 font-size: 1.1em;
			 line-height: 1.4em;
			 color: #666666;
			 padding-right: 25px;
			 padding-left: 10px;
			 padding-bottom: 10px;
			 }

#maincontent_nobanner a {
			 color: #4f434d;
			 }

#maincontent_nobanner a:hover {
			 text-decoration: none;
			 }	

#maincontent_nobanner img {
			 float:right;
			 padding-right: 0px;
			 margin-right:15px;
			 }
			 
#maincontent_nobanner ul {
			 padding-bottom: 20px;
			 }
			 
			 		 
#maincontent_nobanner li {
			 font-size: 1.1em;
			 line-height: 1.1em;
			 color: #666666;
			 padding-right: 25px;
			 margin-left: 45px;
			 padding-bottom: 0px;
			 }

#maincontent_nobanner #brands {
			 position:relative;
			 padding-left:0px;
			 padding-bottom:10px;
			 width:180px;
			 float:left;
			 background:#ffffff;
			 border-left: 1px solid #6f7784;
			 border-right: 1px solid #6f7784;
			 }
			 
.mixedcontent_noheight {
		   position: relative;
		   }
			 
.mixedcontent {
		   position: relative;
		   height:480px;
		   }
		   
.tableimageholder {
			float: right;
			width: 280px;
			background-color: transparent;
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: center center;
			padding-left:30px;
			padding-right:25px;
			}
			
.tableimageholder_small {
			float: right;
			width: 140px;
			background-color: transparent;
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: center center;
			padding-left:30px;
			padding-right:25px;
			}
			
.tableimageholder_small img.small {
           float:right;
		   margin-bottom:10px;
		   margin-left:10px;
		   /*padding-left:10px;
		   padding-bottom:10px;*/
		   border: 1px solid #6f7784;
		   }
			
.tableimageholder img {
           float:left; 	 
		   border: 1px solid #6f7784;
		   }
		   
.tableimageholder img.small {
           float:right;
		   margin-bottom:10px;
		   padding-left:10px;
		   padding-bottom:10px;
		   border: 1px solid #6f7784;
		   }
		   
.tableimageholder_large {
			float: right;
			width: 450px;
			background-color: transparent;
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: center center;
			padding-left:30px;
			padding-right:25px;
			}
		   
.tableimageholder_bg {
			background: #ffffff url(../images/table_bg.png);
			float: right;
			width: 460px;
			height:380px;
			
			background-color: transparent;
			background-repeat: no-repeat;
			background-attachment: scroll;
			
			background-position: center center;
			
			padding-left:0px;
			padding-right:0px;
			margin-right:10px;
			}
			
.tableimageholder_bg img {
           float:left; 	   
		   /*border: 1px solid #ff0000;*/
		   margin-right:15px;
		   margin-top:15px;
		   }
		   
.tableimageholder_bg p {
           float:left; 	   
		   /*border: 1px solid #ff0000;*/
		   font-size: 0.9em;
		   margin-left:-10px;
		   margin-right:15px;
		   margin-top:15px;
		   
		   }
		   
.tableimageholder_large img {
           float:left; 	   
		   /*border: 1px solid #6f7784;*/
		   margin-bottom:10px;
		   }
		   
.tableimageholder_large img.small {
           float:left;
		   margin-bottom:10px;
		   margin-left:10px;
		   /*padding-bottom:10px;*/
		   border: 1px solid #6f7784;
		   }
		   
.tableimageholder_med {
			float: right;
			width: 400px;
			background-color: transparent;
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: center center;
			padding-left:30px;
			padding-right:25px;
			}
		   
.tableimageholder_med img {
           float:left; 	   
		   /*border: 1px solid #6f7784;*/
		   margin-bottom:10px;
		   }
		   
.tableimageholder_med img.small {
           float:left;
		   margin-bottom:10px;
		   margin-left:10px;
		   /*padding-bottom:10px;*/
		   border: 1px solid #6f7784;
		   }

/* Footer */

#footer {
		width: 900px;
		float: left;
		background: #6f7784;
		/*background: url(../images/footer_bg.png) no-repeat left top;*/
		height:30px;
		margin-bottom:0px;
		margin-left:5px;
		/*border-left: 1px solid #6f7784;
		border-right: 1px solid #6f7784;  
		border-bottom: 1px solid #758aa0;*/
		}

#footer p {
		color: #333333;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight:bold;
		line-height: 1.4em;
		padding-left:30px;
		padding-top:15x;
		margin-top:8px;}

#footer li {
		float: left;
		font: 1.1em Arial, Helvetica, sans-serif;
		padding-right: 0.5em;
		color: #c1e4e4;
		}

#footer a { 
		color: #ffffff;
		padding-right: 0.5em;
		text-decoration: none;
		}

#footer a:hover {
		text-decoration: underline; 
		}

#copyrighter {
		width: 900px;
		background: #dddbdc url; /*(../images/div_bg_reversed.png) repeat-x center top; */
		float: left;
		height:20px;
		Margin-left:5px;
		padding-bottom:20px;
		/*border-left: 1px solid #6f7784;
		border-right: 1px solid #6f7784;  
		border-bottom: 1px solid #6f7784;*/
		}

#copyrighter p {
		color: #333333;
		font-family:Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		font-weight:normal;
		line-height: 1.4em;
		padding-left:30px;
		padding-top:10px;
		margin-top:0px;}

#copyrighter li {
		float: left;
		font: 1.1em Arial, Helvetica, sans-serif;
		padding-right: 0.5em;
		color: #c1e4e4;
		}

#copyrighter a { 
		color: #ffffff;
		padding-right: 0.5em;
		text-decoration: underline;
		}

#copyrighter a:hover {
		text-decoration: none; 
		}

/* maintable */

table#maintable {

	border-collapse: collapse;
	width: 840px;
	font-size: 85%; 
	margin-bottom: 1em;
	margin-left:25px;
	}



table#maintable caption {
	font-weight: normal;
	color: rgb(70,70,70);	
	font-size: 130%;
	padding: 1.5em 0 1em 0;
	text-align: left;

	}



table#maintable th, table#maintable td {
	padding: 0.5em 1.3em;
	border: 1px solid #fff;
	text-align: left;
	}


table#maintable thead {
	background: #99b0af;
	color: #fff;
}



/*table#maintable tbody tr {
	background: rgb(230,230,230);
}		*/



/*table#maintable tbody tr:hover, table#maintable tbody tr.sffocus {
	background: rgb(220,220,220);*/