body
{
	background: url('page_bkg.gif');
	margin: 0px; 
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
}

.mainTBL
{
	width:950px;


}

.bg-left
{
	width:20px;
}

.bg-right
{
	width:20px;
}


					
table.TopMenu tr td
{
	text-align:center;
}


input{
	color:#000;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	background-color:#e1e1e1;
	border:1px solid;
	border-top-color:#000;
	border-left-color:#000;
	border-right-color:#000;
	border-bottom-color:#000;
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#e1e1e1');}

		
input.searchfld
{
	filter:progid:DXImageTransform.Microsoft.Gradient(
		GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffffff');}
}

body a{
text-decoration:none;
color:#000000;
}

body a:visited{
text-decoration:none;
color:#000000;
}

body a:link 
{
	text-decoration:none;
	color:#000000;
}
body a:hover{
text-decoration:none;
color: #696969;	
}

div#allcontent{
background-color: transparent;
margin-right: auto;
margin-left: auto;
width: 995px;	
}

div#header{
background-color: transparent;
height: 100px;
width: 100%;
font-size: 1.2em;
}

div#mainlogo{
background-color: transparent;
height: 100%;
width: 180px;
float: left;
}

img#logo{
margin-top: 10px;
	
}

div#headercontent{
background-color: transparent;
height: 100%;
width: 815px;
float: left;
text-align: right;
vertical-align: bottom;
}

img#cart{
margin-right: 20px;
margin-left: 15px;
vertical-align:text-top	
}

img#searcharrow{
margin-right: 20px;
margin-left: 5px;
vertical-align:text-top	
}

div#custsearchbox{
background-color: transparent;
height: 70px;
width: 800px;
float: right;
}

div#custinfo{
background-color: transparent;
height: 35px;
width: 400px;
float: right;
}

div#custserv{
text-align:center;
font-size:.8em;
background-color: transparent;
height: 40px;
width: 400px;
margin-top:5px;
float: left;
}
div#offers{
width:400px;
height:20px;
margin-top:10px;
float:left;
background-color: transparent;
color:#000000;
}



div#searchbox{
background-color: transparent;
height: 35px;
text-align:center
}

input#search{
margin-right: 0px;
}

div#go{
margin-right: 25px;
}

div#topnav{
background-color: transparent;
height:25px;
width: 800px;
position:relative;
z-index:400
}


div#footer{
background-color: transparent;
height: 50px;
width: 100%;
clear:both;
font-size: .9em;	
}
div#footermargin{

width:100%; 
}

div#footerlink {
float:left;
width:100%;

}

div#footerlink ul li{
display:inline;
}

div#footerlink ul li a{
color:White;
font-size:12px;
}


div#mwrapper{
width: 100%;	
}

div#subcontent{
background-color: transparent;
text-align:left;
width: 815px;	
float:right;
}


div#listheader{
height:	175px;
width: 800px;
background-color: transparent;
margin-bottom:10px;
}
div#listheader img{
border: medium solid #000000;
}

.galleryitem{
background-color: #696969;
height: 310px;
width: 200px;
margin: 3px 0 0 2px ;
float: left;	
}

.leftnav{
margin-top:2px;
margin-left:5px;
display: block;
background-color: transparent;
width: 140px;	
float:left;
text-align:left;
}

.mainleftnav{
margin-top:2px;
margin-left:10px;
display: block;
background-color: transparent;
width: 165px;	
float:right;
text-align:left;
}


.mainleftnav ul{

margin: 0;
padding: 0;
display: block;
list-style-type: none;
float: left;
width: 165px;
}
.mainleftnav ul li{
position: relative;
display: block;
float: left;
width: 165px;
}
.mainleftnav ul li ul li{

position: relative;
display: block;
float: left;
width: 165px;
}
.mainleftnav ul li a{
text-decoration:bold;
font-size:1.1em;
display: block;
width:165px;

}
.mainleftnav ul li ul li a{
font-size:.9em;
text-decoration:none;
display: block;
width:165px;
margin-left:15px;
margin-right:-15px;
}
.mainleftnav ul li a:hover{
font-size:1.1em;
width: 165px;
color:#696969;
}

.mainleftnav ul li ul li a:hover{
font-size:.9em;
text-decoration:none;
width: 165px;
color:#696969;
}

.mainleftnav ul li a
			{
				font:14px arial;
				font-weight:bold;
				margin-left: 0;
				color:#434343;
			} 
			
			.mainleftnav ul li a:hover
			{
				text-decoration:underline;
				font:14px arial;
				font-weight:bold;
				margin-left: 0;
				color:#434343;
			} 
			
			.mainleftnav ul li ul li a
			{
				font:12px arial;
				color:#838383;
				margin-left: 0;
			} 
			
			.mainleftnav ul li ul li a:hover
			{
				text-decoration:underline;
				font:12px arial;
				margin-left: 0;
			} 


.leftnav ul{

margin: 0;
padding: 0;
display: block;
list-style-type: none;
float: left;
width: 140px;
}
.leftnav ul li{
position: relative;
display: block;
float: left;
width: 165px;
}
.leftnav ul li ul li{

position: relative;
display: block;
float: left;
width: 165px;
}
.leftnav ul li a{
text-decoration:bold;
font-size:12px;
display: block;
width:165px;

}
.leftnav ul li ul li a{
font-size:12px;
text-decoration:none;
display: block;
width:165px;
margin-left:15px;
margin-right:-15px;
}
.leftnav ul li a:hover{
font-size:12px;
width: 165px;
color:#696969;
}

.leftnav ul li ul li a:hover{
font-size:12px;
text-decoration:none;
width: 165px;
color:#696969;
}



/* Drop Down Menu */
.suckertreemenu{
margin-left:5px;
width: 920px;
height: 22px;
z-index:1000;
padding: 4px 2px 4px 2px;
border: 0px;
text-align:center;
font-weight:bold;
}


ul.long{
	width:180px}
	
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index:1000;
font:14px arial;
font-weight:bold;
}



/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
margin: 0 13px 0px 13px;
float: left;
background-color: transparent; /*overall menu background color*/
z-index:1000;
font:14px arial;
font-weight:bold;
}


/*Top level menu link items style*/
.suckertreemenu ul li a{
display: inline;
height: 15px;
color: #000000;z-index:1000;
font:14px arial;
color:#696969;
padding-right:6px;
font-weight:bold;
}


/*1st sub level menu*/
.suckertreemenu ul li ul{
left: -18;
position: absolute;
top: auto; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
text-align:left;
background-color: white;
border-left: thin solid #D3D3D3;
border-right: thin solid #D3D3D3;
border-bottom:thin solid #D3D3D3;
z-index:1000;
font:12px arial;

}

.suckertreemenu ul li ul li{
z-index:1000;
font:12px arial;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
margin-left:10px;
margin-top:5px;
display: block;
color: #000000;
text-decoration: none;
background-color: white;z-index:1000;
font:12px arial;
height: 2em;
line-height: 1.5em;
border-bottom: 1px dotted #d1d1d1;
width:160px;
padding-left: 1.6em;
border-left: 0px;
border-top: 0px;
border-right: 0px;
}

.suckertreemenu ul li ul li a:hover, .suckertreemenu ul li ul li a:focus {
color: #000000;
background:#f4f4f4 url("https://www.barefeetshoes.com/menu_feet.jpg") no-repeat left;position: 0.1em ;
}
.suckertreemenu ul li ul li a:hover{
font:12px arial;
height: 2em;
line-height: 1.5em;
background:#f4f4f4 url("https://www.barefeetshoes.com/menu_feet.jpg") no-repeat left;position: 0.1em ;
border-left: 0px;
border-top: 0px;
border-right: 0px;
margin-top:5px;

}

.suckertreemenu ul li a:hover{
background-color: transparent;
color: #696969;
z-index:1000;
font:14px arial;
font-weight:bold;

}

/* Drop Down Menu */
.submenu{
width: 780px;
height: 100%;
float: right;
}

.submenu ul{
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}

/*Top level list items*/
.submenu ul li{
position: relative;
display: inline;
margin: 0 36px 0 0;
float: left;
background-color: transparent; /*overall menu background color*/
}


/*Top level menu link items style*/
.submenu ul li a{
display: inline;
height: 30px;
text-decoration: none;
color: #000000;

}


/*1st sub level menu*/
.submenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
text-align:left;
background-color: white;
border-left: thin solid #D3D3D3;
border-right: thin solid #D3D3D3;
border-bottom:thin solid #D3D3D3;
}

.submenu ul li ul li{
width:100%;
}

/* Sub level menu links style */
.submenu ul li ul li a{
	margin-left:10px;
display: block;
font-size: .8em;
color: #000000;
text-decoration: none;
background-color: white;
}

.submenu ul li a:hover{
background-color: transparent;
color: #696969;;
}




* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }

* html .submenu ul li { float: left; height: 1%; }
* html .submenu ul li a { height: 1%; }
/* End */

.thumbnail2{
float: left;
display: block;
width: 180px;
height:360px;
padding: 0;
margin: 10px;
font-weight: bold;
color:#a9a9a9;
border-bottom: 1px solid #D3D3D3;
}

.thumbnail2 img{
border: 1px solid #FFFFFF;
}
.thumbnail2 a:link{
color:#696969;
font-size:14px;
}
.thumbnail2 a:visited{
color:#696969;
text-decoration:none;
font-size:14px;
}

.thumbnail{
float: left;
display: block;
width: 220px;
height:300px;
padding: 0;
margin: 10px;
font-weight: bold;
color:#a9a9a9;
border-bottom: 1px solid #D3D3D3;
}

.thumbnail img{
border: 1px solid #FFFFFF;
}
.thumbnail a:link{
color:#696969;
font-size:14px;
}
.thumbnail a:visited{
color:#696969;
text-decoration:none;
font-size:14px;
}

.thumbnail3{
float: left;
width: 190px;
height:350px;
padding: 0;
margin: 1px;
font-weight: bold;
color:#a9a9a9;
border-bottom: 1px solid #D3D3D3;
}

.thumbnail3 img{
border: 1px solid #FFFFFF;
vertical-align: middle;
text-align:center;
margin-top: auto;
margin-bottom: 0px;
}

.img_dv
{
	border:1px solid black;
	height:218px;
	width:230px;
	margin:0px;
	padding:0px;
	display: block;
	line-height:100%;
	text-align:center;
}



.thumbnail3 a:link{
color:#696969;
font-size:14px;
}
.thumbnail3 a:visited{
color:#696969;
text-decoration:none;
font-size:14px;
}


#th_gallery{
float:left;
width:100%;
}

.sthumbnail{
float: left;
display: block;
width: 176px;
height:270px;
padding: 0;
margin: 1px;
font-weight: bold;
color:#a9a9a9;
border: 1px solid #e8e8e8;
text-align:center;
}

.searchwords{
float: left;
display: block;
padding: 0;
margin: 10px;
font-weight: bold;
color:#a9a9a9;
border-bottom: 1px solid #D3D3D3;
}

.sthumbnail img{
border: 1px solid #FFFFFF;

}

img#sthumbnailLOGO{
width:110px;
}

.sthumbnail a:link{
color:#696969;
}
.sthumbnail a:visited{
color:#696969;
text-decoration:none;
}

IMG.displayed {
display: block;
margin-left: auto;
margin-right: auto; 
}

#th_gallery div:hover img{
border: 1px solid #FFFFFF;
}

#th_gallery div:hover {
color:#808080;
}

#th_gallery div:hover a{
color:#000000;
}

#th_gallery div:visited a{
color:#696969;
text-decoration:none;
}
.smallimg{

float:left;

margin-left:5px;

}

.smallimg img{

height:65px;

	}
#details{

margin:20px 40px;
margin-top:0px;

}

#details img{

border: 1px solid #FFFFFF;	

}

/* Sample PopBox CSS Classes */
/* PopBox.js, Copyright (c) 2007, C6 Software, Inc. (http://www.c6software.com/)*/

.PopBoxImageSmall
{
	border: none 0px #ffffff;
	cursor: url("/image/magplus.cur"), pointer;
}
.PopBoxImageLarge
{
	border: solid 1px #999999;
	cursor: url("/image/magminus.cur"), pointer;
	z-index:10002000;
}
.PopBoxImageShrink
{
	cursor: url("/image/magminus.cur"), pointer;
}
.PopBoxImageLink
{
	cursor: pointer;
}
.PopBoxImageMove
{
	border: none 0px #ffffff;
	cursor: pointer;
}


.navon
{
	cursor:pointer;
	background-color:#d1d1f1;
}

.navoff
{
	cursor:pointer;
	color:black;
}


.leftnav ul li a
			{
				font:12px arial;
				font-weight:bold;
				margin-left: 0px;
				color:#434343;
			} 
			
			.leftnav ul li a:hover
			{
				text-decoration:underline;
				font:12px arial;
				font-weight:bold;
				margin-left: 0px;
				color:#434343;
			} 
			
			.leftnav ul li ul li a
			{
				font:12px arial;
				color:#838383;
				margin-left: 0px;
			} 
			
			.leftnav ul li ul li a:hover
			{
				text-decoration:underline;
				font:12px arial;
				margin-left: 0px;
			} 

hr
{
	width:90%;
}