/***********************************************/
/* Barefoot07.css                              */
/* Use with Barefoot International.html pages  */
/***********************************************/
 
/***********************************************/
/* HTML tag styles                             */
/***********************************************/
 
html, body, ol, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset	{
margin:0px;
padding:0px;
border:0px;
}
 
 
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #000000;
	background-image: url(/images/barefoot/BI_Pattern4.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
}
 
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #1491D8;
	padding: 5px 0 5px 5px;
}
 
h1.push {
	padding-top: 50px;
}
 
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #1491D8;
	padding: 0 0 5px 5px;
}
 
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #1491D8;
	text-align: justify;
	padding-top: 15px;
	padding-bottom: 50px;
}
 
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #1515D9;
	padding: 10px 0 5px 0;
}
 
/***********************************************/
/* Classes                                     */
/***********************************************/
 
.color180 {
	color: #1515D9;
}
 
.color414 {
	color: #1491D8;
}
 
.down {
	margin-top: -30px;
}
 
.note {
	margin: 0 auto 30px;
}
 
.shade {
	background-color: #cccccc;
}
 
.signature {
	padding: 10px auto 0px;
}
 
.raise {
	margin-top: -10px;
}
 
.bars {
	color: #2e3664;
	padding-top: 10px;
	font-weight: bold;
	padding-bottom: 8px;
}
 
.state {
	color: #2e3664;
	font-weight: bolder;
	padding-top: 20px;
}
 
.uline {
	background-image: url(/images/FHdivider.gif);
	background-repeat: no-repeat;
}
 
.handle {
	font-weight: bold;
	display: block;
}
 
.head4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #2e3664;
	padding: 10px 0 5px 0;
	font-weight: bold;
}
 
/***********************************************/
/* Layout Divs                                 */
/***********************************************/
 
#wrapper {
	position: relative;
	width: 920px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}
 
/*******************************************************************
#header { background:url(header.png); }
 
img, #header { behavior: url(iepngfix.htc); }
**********************************************************************/
 
#masthead {
	position:fixed;
	background-image: url(/images/barefoot/Masthead3.png);
	background-position:bottom;
	margin-top: 0px;
	width:920px;
	height: 120px;
	z-index:10000;
}
 
#containerTop2 {
	background-image: url(/images/barefoot/ContainerTop3.png);
	background-repeat: no-repeat;
	width: 920px;
	height: 25px;
}
 
#containerTop {
	background-image: url(/images/barefoot/ContainerTop3.png);
	background-repeat: no-repeat;
	width: 920px;
	height: 25px;
	margin-top:100px;
}
 
#containerMain {
	background-image: url(/images/barefoot/ContainerBG3.png);
	background-repeat: repeat-y;
	width: 100%;
	min-height: 350px;
}
 
#containerFoot {
	background-image: url(/images/barefoot/ContainerBottom3.png);
	background-repeat: no-repeat;
	width: 100%;
	min-height: 40px;
	margin: 0;
	padding: 0 0 15px 0;
}
 
#containerBottom {
	margin: 0;
	width: 100%;
}
 
#containerBottom p {
	color: #666666;
	font-size: 80%;
	margin: 0 0 0 25px;
	padding-bottom: 10px;
}
 
#supportCompany {
	color: #1491D8;
	margin: 0 0 0 25px;
	padding-bottom: 10px;
	max-width: 300px;
	float: left;
}
 
#supportCompany p {
	font-size: 80%;
}
 
#supportCompany a {
	color: #1491D8;
	text-decoration: none;
}
 
#supportCompany a:hover, a:focus {
	color: #1515D9;
}
 
#AboutUs {
	min-height: 350px;
	margin-left: 300px;
	margin-right: 50px;
	width: auto;
	padding-top: 10px;
}
 
#AboutUs a {
	color: #1515D9;
	text-decoration: none;
}
 
#AboutUs a:hover, a:focus {
	text-decoration:underline;
}
 
#AboutUs p {
	color: #1515D9;
	padding-bottom: 15px;
	padding-top: 10px;
	font-size: 80%;
	color: #1491D8;
}
 
#FAQ {
	min-height: 850px;
	margin-left: 300px;
	margin-right: 50px;
	width: auto;
	padding-top: 10px;
}
 
#FAQ a {
	color: #1515D9;
	text-decoration: none;
}
 
#FAQ a:hover, a:focus {
	text-decoration:underline;
}
 
#FAQ p.question {
	color: #1515D9;
	padding-bottom: 5px;
	padding-top: 20px;
	display: block;
	font-size: 90%;	
}
 
#FAQ p.answer {
	padding-bottom: 15px;
	padding-top: 10px;
	font-size: 80%;
	color: #1491D8;
}
 
#FAQ table p {
	color: #1491D8;
	font-size: 80%;
}
 
#open td {
	padding-top: 15px;
}
 
#quickNav td {
	text-align: center;
	}
 
#quickNav a {
	font-size: 80%;
	color: #1491D8;
}
 
#quickNav a:hover, a:focus, {
	color: #1515D9;
	text-decoration: none;
}
 
#instructions {
	color: #1491D8;
	font-size: 80%;
	font-weight: bolder;
}
 
/*#subnavCont {
	background-color: #bbbbbb;
	width: 250px;
	float: left;
	margin: 15px 0 0 25px;
}*/
 
#mainContent {
	background-color:#bbbbbb;
	min-height: 100px;
	margin: 0 50px 0 50px;
	width: auto;
	padding: 15px 0 15px 0;
}
 
#mainContent img.noborder {
	border: none;
	padding: 20px 0 10px 0;
}
 
#mainContent img.colors {
	border: none;
	float: right;
}
 
div.space {
	padding-bottom: 10px;
}
 
#mainContent p {
	text-align: justify;
	font-size: 80%;
	color: #1515D9;
	padding: 20px 0 0 0;
}
 
div.title {
	background-image: url(/images/barefoot/titleBG.jpg);
	background-repeat: no-repeat;
	width: 548px;
	height: 50px;
	border: 1px solid #999;
}
 
div.gradient {
	width: 550px;
	min-height: 300px;
	background-image: url(/images/barefoot/productBG.jpg);
	background-repeat: no-repeat;
	position:relative;
	z-index:1;
}
 
#sizes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #1515D9;
	margin-bottom: -10px;
	display: block;
	border: 1px #1515D9 solid;
}
 
#sizes caption {
	font-size: 150%;
	font-weight: bold;
	color: #bbbbbb;
	background-color: #1491D8;
	padding: 5px 0 5px;
}
 
#sizes thead, td.bodySize {
	font-weight: bolder;
}
 
#sizes td {
	padding: 5px auto 7px;
}
 
/***********************************************/
/* Operational Divs                            */
/***********************************************/
 
#logo {
	padding-top: 5px;
	padding-left: 25px;
	width: 1px;
	float: left;
}
 
#QuickSearch {
	position:absolute;
	padding-top:80px;
	padding-left:20px;
}

#QuickSearch a{
	style="font-size: 90%;
	color: #1515D9;
	text-decoration: none;
}
#QuickSearch input{
	color:#1515D9;
	background-color:#bbbbbb;
}
#QuickSearchResultTable {
	background:#bbbbbb;
}
#QuickSearchResultTable tr td a{
	 font-size: 90%;
	 color: #1515D9;
	 text-decoration: none;
}

#nav {
	/*float: right;
	width: 670px;*/
	position:relative;
	padding-left:350px;
	/*position:static;*/
	padding-top: 60px;
	z-index:10000;
}
 
#nav.homepage{
	/*float: left;*/
	/*margin-left: 54px;*/
}
 
#nav ul{
	color: #1515D9;
	padding: 0;
	font-weight: bold;
	/* top margin determins vertical position of menu */
	margin: 0 0 0 5px;
	font-size: 11px;
	font-weight:normal;
	list-style:none;
	z-index:999;
}
 
#nav a{
	display: block;
	text-decoration:none;	
	color: #1515D9;
}
 
#nav a:hover{
	text-decoration:underline;	
	color: #1515D9;
}
 
/* spacing for IE is controlled in navhacks.css */
#nav li{
	float: left;
	padding:3px 10px 3px 10px; /*determines the spacing between the top level menu items*/
	border-right: 1px solid #1491D8;
}
 
#nav li:hover, #nav li:hover{
	position: static;
}
 
#nav li.last{
	float: left;
	padding:3px 0 3px 10px; /*determines the spacing between the top level menu items*/
	border-right: 0;
}
 
#nav li ul{
	color: #1515D9;	
	position: absolute;
	top: 78px;
	left: -999em;
	height:auto;
	margin-top: 0; /*this has to be set to 0 for IE 7 to work*/
	margin-left: -140px;
	padding: 1px 3px 1px 3px;
	border: 1px solid #1491D8;
}
 
#nav li:hover ul{
	left: auto;
}
 
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}
 
#nav li a{
	display: block;
	text-decoration:none;	
	color: #1515D9;
}
 
#nav li a:hover{
	text-decoration:underline;
	color: #1515D9;
}
 
/* spacing for IE is controlled in navhacks.css */
#nav li li{
	float: left;
	padding:5px 10px 5px 10px; /*determines the spacing between the top level menu items*/
	border-right: 1px solid #1491D8;
}
 
#nav li li:hover, #nav li:hover{
	position: static;
}
 
#nav li li.last{
	float: left;
	padding:5px 10px 5px 10px; /*determines the spacing between the top level menu items*/
	border-right: 0;
}
/*#nav {
	min-height: 10px;
	padding: 0;
	margin-left: 400px;
	padding-top: 100px;
}
 
#nav li {
	display: inline;
	margin-right: 0.5em;
	padding: 0 25px 0 25px;
	border-right: 1px solid #1491D8;
	text-align: center;
	font-size: 80%;
}
 
#nav li a {
	color: #1491D8;
	color: #0D547D;
	text-decoration: none;
}
 
#nav li a:hover, li a:focus {
	color: #1515D9;
}
 
#nav li.last {
	border-right: 0;
}*/
 
#switcher {
	position:absolute;
	top:15px;
	left:400px;
	float:right;
	z-index:10000;
	/*position:absolute;
	margin-left: 20px;
	top:30px;
	left:350px;*/
}
 
#subnav li {
	text-align: left;
	font-size: 80%;
	padding-bottom: .5em;
	list-style-type: none;
	display: block;
}
 
#subnav li a {
	color: #1491D8;
	text-decoration: none;
	display: block;
	background: #bbbbbb;
}
 
#subnav li a:hover, li a:focus {
	color: #bbbbbb;
	padding-left: 5px;
	background: #2e3664;
}
 
#returnNav {
	padding-bottom: 50px;
}
 
#returnNav li {
	display: inline;
	border-right: 1px solid #1491D8;
	padding-right: 10px;
	padding-left: 10px;
}
 
#returnNav li.first {
	margin-left: -50px;
}
 
#returnNav li.last {
	border-right: 0;
}
 
#returnNav a {
	color: #1491D8;
	text-decoration: none;
	font-size: 80%;
	text-align: left;
}
 
#returnNav a:hover, a:focus {
	color: #1515D9;
}
 
#dealers li {
	text-align: left;
	font-size: 80%;
	list-style-type: none;
	padding-bottom: .5em;
	display: block;
}
 
#dealers li a {
	color: #1491D8;
	text-decoration: none;
	display: block;
	background: #bbbbbb;
}
 
#dealers li a:hover, li a:focus {
	color: #bbbbbb;
	padding-left: 5px;
	background: #2e3664;
}

#dealers2 li {
	text-align: right;
	font-size: 80%;
	list-style-type: none;
	padding-bottom: .5em;
	display: block;
}

#dealers2 li a {
	color: #1491D8;
	text-decoration: none;
	display: block;
	background: #bbbbbb;
}

#dealers2 li a:hover, li a:focus {
	color: #bbbbbb;
	padding-left: 5px;
	background: #2e3664;
}