@charset "UTF-8";
/* CSS Document */

body {
 font-family: Helvetica, Arial, sans-serif;
 font-size: 12px;
 line-height: 14px;
 color: #796554;
 background-color:#B9A999;
 margin-top:0;
 text-align: left;
}

a:link {
 color: #796554;
 text-decoration:none
}
a:visited {
 color: #796554;
 text-decoration:none
}
a:hover {
 color: #796554;
 text-align: center;
}

img {
 border: 0;
}

p {
 margin-right: 10px;
 margin-left: 10px;
}

h1 {
 font-size: 15px;
 font-weight: bold;
 font-style: italic;
 text-align: center;
 margin: 15px 10px;
}

h2 {
 font-size: 15px;
 font-weight: bold;
 font-style:italic;
 text-align: center;
 margin: 15px 10px;
}

h3 {
 font-size: 15px;
 font-weight: bold;
 font-style:italic;
 text-align: left;
 margin: 15px 10px;
}

h4 {
 font-size: 15px;
 font-weight: bold;
 font-style:italic;
 text-align: center;
 margin: 0px 10px;
 color: #000;
}

.divider {
 width: 550px;
 height: 25px;
 background: transparent url(../images/divider.gif) no-repeat;
}

/* Main Containers*/

.wrapper {
 width: 800px;
 margin: 0 auto;
 background-color: #fff;
 border: 0;
 border-collapse: collapse;
 overflow: hidden;
}

.logo {
 float: left;
 width: 300px;
 margin: 0;
 padding:0;
 text-align: left;
}

.dvd {
 float: left;
 margin: 0 0 0 270px;
 padding: 15px 0 0 0;
 width: 200px;
}

.tagline {
 width: 800px;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 12px;
 color: #DAD5CE;
 font-weight: bold;
 background: #8B7867;
}

.left-tagline {
 float: left;
 width: 305px;
 text-align: left;
 margin: 0 0 0 10px;
 padding: 8px 0 8px 75px;
}

.right-tagline {
 float: left;
 width: 390px;
 text-align: right;
 margin: 0 10px 0 0;
 padding: 2px 0;
}

.sa-pin {
 position: absolute;
 margin: 0;
 padding: 0;
 z-index: 999;
}

.content-container {
 width: 800px;
 margin: 0;
 padding: 0;
 background: #fff;
 text-align: left;
}

.menu {
 width: 250px;
 margin: 0;
 padding: 0;
 text-align: left;
}

.womens-health {
 margin-top: 10px
}

.content {
 width: 550px;
}

.footer {
 width: 800px;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 11px;
 color: #8b7867;
 margin: 0;
 padding: 0;
 text-align: right;
}

.footer-inner {
 padding: 5px 10px 12px 0; 
}

/* Barefoot Science ID's */

#bfs-home {
 background: #fff url(../images/bfs_home_bg.jpg) no-repeat;
}

#bfs-shoes {
 background: #fff url(../images/bfs_why_bg.jpg) no-repeat;
}

#bfs-advantages {
 background: #fff url(../images/bfs_advantages_bg.jpg) no-repeat;
}

#bfs-styles {
 background: #fff url(../images/bfs_styles_bg.jpg) no-repeat;
}

#bfs-approval {
 background: #fff url(../images/bfs_approval_bg.jpg) no-repeat;
}

.bfs-home {
 margin-top: 320px;
 margin-left: 160px; 
 padding-left: 40px;
}

.bfs-shoes {
 margin-left: 25px; 
 padding-left: 25px;
}

.bfs-advantages {
 margin-left: 190px; 
 margin-bottom: 20px;
 padding-left: 25px;
}

.bfs-style {
 margin-top: 10px;
 margin-left: 160px; 
 padding-left: 40px;
}

.bfs-approval {
 margin-top: 10px;
 margin-left: 160px; 
 padding-left: 40px;
}

.did-you-know {
 margin-top: 160px; 
 font-size: 15px; 
 line-height: 20px; 
 color: #000; 
 text-align: center;
}

.did-you-know-styles {
 margin-top: 10px; 
 text-align: center;
}

.did-you-know-red {
 font-size: 20px;
 color: #c1262d;
}

.bfs-red {
 color: rgb(193, 38, 45);
}

#bfs {
 list-style-image: url(../images/star_red.jpg);
 line-height: 30px;
 color: #C1262D;
 letter-spacing: 1px; 
 font-weight: bold;
}

#bfsfooter {
 color:#FFFFFF;
 background-color:#C1262D;
 text-align: center;
 line-height:20px
}

.bfsfooter {
 color:#DB5660;
 font-size: 9px;
 margin-left: 20px;
 text-align: left;
}

.bfs-style-image {
 float: left; 
 margin-right: 25px;
 border: 0;
}

.bfs-style-text {
 color: #000; 
 padding-top: 50px;
 float: left
}

/* Main Navigation */

.menu_item {
 font-style:italic;
 margin: 4px 10px;
 font-weight: bold;
 padding: 1px 0;
}

.menu_item_homepage {
 font-style:italic;
 margin: 15px 0 17px 80px;
 font-weight: bold;
 padding: 2px 0;
}

.menu_item_contactus {
 font-style:italic;
 margin: 10px 0 10px 10px;
 font-weight: bold;
 padding: 2px 0;
}

.menu_block {
 background-color:#DAD5CE
}

.menu_subitem {
 font-size: 11px;
 margin: 5px 10px 5px 20px;
}

/* Product Containers*/

.product-container {
 width: 550px;
}

.product-l {
 width: 180px; 
 float: left; 
 margin: 10px 5px 10px 0; 
 padding: 10px 0;
 text-align: center;
}

.product-m {
 width: 180px; 
 float: left; 
 margin: 10px 5px 10px 0; 
 padding: 10px 0;
 text-align: center;
}

.product-r {
 width: 180px; 
 float: left; 
 margin: 10px 0 10px 0; 
 padding: 10px 0;
 text-align: center;
}

.product-s {
 width: 125px; 
 float: left; 
 margin: 0 0 10px 10px; 
 text-align: left;
 overflow: hidden;
}

.clear {
 clear: both; 
 height:1px;
}

/* Locations Containers*/

.location-container {
 width: 550px;
}

.location-container li {
 list-style: none;
 line-height: 20px;
 margin-left: -25px;
}

.location-l {
 width: 180px; 
 float: left; 
 margin: 0 5px 10px 0; 
 text-align: left;
}

.location-m {
 width: 180px; 
 float: left; 
 margin: 0 5px 10px 0; 
 text-align: left;
}

.location-r {
 width: 180px; 
 float: left; 
 margin: 0 0 10px 0; 
 text-align: left;
}

.description {
 margin-top: 10px; 
 text-align: center
}

.clear {
 clear: both; 
 height:1px;
}

/* Other Classes*/

.centre {
 text-align: center;
}

.find-froggie {
 margin: 10px 0;
}

.red {
 color: #C1262D
}

.soa-border {
 width: 240px;
 height: 130px;
 color: #ffffff; 
 margin: 15px 0 0 140px;
 padding: 15px 0 0 0;
 background: transparent url(../images/soa_border.jpg) no-repeat;
}

/**/

.stock {
 font-size: 10px;
 line-height:15px;
 padding-bottom:15px;
 padding-left:15px
}

.stockist {
 border-bottom-color:#614935;
 border-bottom-style:dashed;
 border-bottom-width:thin;
}

.location {
 text-align:left;
 font-size:11px;
 line-height:20px
}
p.link a:hover {
	background-color: #B9A999;
	color:#614935;
}
p.link a:link span{
	display: none;
}
p.link a:visited span{
	display: none;
}
p.link a:hover span {
  position: absolute;
  margin: 10px 10px 10px 10px;
  background-color: #614935;
  max-width:220;
  padding: 10px 10px 10px 10px;
  font: normal 10px/12px verdana;
  color: #fff;
  text-align:left;
  display: block;
}
.banner {
	font-size:20px;
	line-height:30px;
	padding-right:25px;
	letter-spacing:2px
}
.headline {
	font-size:20px;
	line-height:25px;
	letter-spacing:1px
}
.blurb {
	text-align:left;
	font-size:11px;
	padding-right:25px
}
li {
	list-style-image: url(../images/star.jpg);
	line-height: 20px;
	margin-left: 0;
}

.letterspacing {
	letter-spacing:1px; 
	font-weight:bold; 
	font-style:italic
}
.factblurb {
	text-align:left;
	font-size:12px;
	padding-right:25px
}
.fact {
	text-align:left;
	font-size:12px;
	padding-right:25px;
	padding-left:15px
}