/* 

	Theme Name: Barefoot and Healthy

	Author: Infused Systems - Hillary Summerton

	Author URI: http://www.infusedsystems.com

*/

* {margin:0; padding:0;}

body {background: #01276e;width: 100%;margin: 0;padding: 0px; font-family:Arial, Helvetica, sans-serif;}

h1 {font: normal 32px/38px Georgia, "Times New Roman", Times, serif; color:#01276e; background:transparent; padding: 0 10px 5px 0; margin:0;}

h2 {font: normal 26px/32px Georgia, "Times New Roman", Times, serif; color:#00286F; background:transparent;padding: 5px 10px; margin:0;}

h3 {font: bold 20px/26px Arial, Helvetica, sans-serif; background:transparent; font-variant:small-caps; font-style:italic;padding: 5px 10px; margin:0;}

h4 {font: normal 16px/22px Arial, Helvetica, sans-serif;padding: 5px 10px; margin:0;}

h5 {font: bold 14px/20px Arial, Helvetica, sans-serif;padding: 5px 10px; margin:0;}

p {font: normal 14px/18px Arial, Helvetica, sans-serif;padding: 5px 10px; margin:0;}

blockquote p {font: normal 14px/18px Arial, Helvetica, sans-serif;padding: 5px 10px; margin:0;}

li, li li, li li li {font: normal 14px Arial, Helvetica, sans-serif;}

strong {}

em {}

a img {border: none;}	

a:focus, a:hover, a:active {outline: none }

a:link {color: #0064AF;text-decoration: none;}

a:visited {color: #0064AF;text-decoration: none;}

a:hover {color: #00497F;text-decoration: none;border-bottom:1px dotted #0089EF}

a:active {color: #0064AF;text-decoration: none;}



.clear {clear:both;}

	

#container {width:964px; margin: 10px auto 0px auto; padding:0px; background: url(images/bg.gif) repeat-y; position:relative;}

#main {width:964px; margin: auto; padding:0px; background: transparent url(images/bottom.png) no-repeat 50% 100% !important; position:relative;}

#header {width:964px; margin:0; padding:0; background: #01276e url(images/header.png) 0 0 no-repeat; height:212px; position:relative;}



/****** [NAVIGATION] ******/

#navigation {width: 962px; margin:0; padding:0; background: #00225F url(images/nav_bg.gif) 0 0 repeat-x; height:36px;font-size: 14px; position:relative; border-right:1px solid #0081a1;border-left:1px solid #0081a1; z-index:1}

#navbar ul { list-style-type: none; list-style-image: none; padding: 0px; margin: 0px; }

#navbar ul li { float: left; display: block; height: 34px; padding: 0px; margin: 1px 0; }

#navbar ul li a:link, #navbar ul li a:visited, #navbar ul li a:active { float: left; color: #fff; display: block; font-size: 14px; padding: 9px 10px 9px 10px; margin: 0px; border:none; font-weight:bold;font-family: Arial, Helvetica, sans-serif; text-decoration:none;border-right:1px solid #0038a1;}

#navbar ul li.homepage_link {background-color: #001845 !important;}

#navbar ul li a:hover {background:#0058AF;padding:9px 10px 9px 10px; margin: 0px;}

		/******[DROPDOWN MENU]******/

		.nav, .nav * { margin:0; padding:0; list-style:none; }

		.nav ul { position:absolute; top:-999em; }

		.nav ul li li { margin: 0; }

		.nav li { float:left; position:relative; z-index:2;}

		.nav li.current_page_item {background-color: #001845 !important;}

		.nav a { display:block; text-decoration:none;}

		.nav ul li { width: 100%;}

		.nav li:hover ul, ul.nav li.sfHover ul { left:0px; top:34px;}

		.nav li:hover li ul, .nav li.sfHover li ul { top:-999em; }

		.nav li li:hover ul, ul.nav li li.sfHover ul { left:240px; top:0px; }

		.nav li:hover ul, .nav li li:hover ul { top: -999em; border:none;}

		.nav li li { display: block; padding: 0px; height: auto !important; border:none;}

		.nav li:hover { background-color: #1F90FF !important; border:none;}

		.nav li li a:link, .nav li li a:visited { width: 220px; display: block; background-color: #135A9F; height: auto !important; }

		.nav li li a:hover { background-color: #1975CF !important; }

#navbar ul ul li {margin:0;border-bottom:1px solid #0081a1;}

		

/****** [MAIN FULL CONTENT] ******/

#content {width:964px;padding:0; margin:0; background:transparent;color:#000B1F; z-index:10}

#content_full {margin:0 20px; padding:0; position:relative; clear:both;}

#content_full .tp {background: url(images/white_box_long_top.png) 0 0 no-repeat; width:925px; height:14px;overflow:hidden;}

#content_full .md {background: url(images/white_box_long_bg.png) 0 0 repeat-y; width:925px;}

#content_full .md h1, #content_full .md h2, #content_full .md h3, #content_full .md h4, #content_full .md p {padding:0 10px; margin:0;}

#content_full .bt {background: url(images/white_box_long_bottom.png) 0 0 no-repeat; width:925px; height:14px;}

#content_full ul { list-style-type:none; padding: 5px 0px;}

#content_full ul li {background: url(images/sgl_arr.png) 0 2px no-repeat;padding: 0px 10px 8px 14px;margin: 0px 0px 0px 20px; font-size: 12px;}



/******* [HOME PAGE - LEFT CONTENT] ******/



#content_left {margin:10px 0 0 20px; padding:0; position:relative; float:left; display:inline;}

#content_left .tp {background: url(images/white_box_short_top.png) 0 0 no-repeat; width:597px; height:14px;overflow:hidden;}

#content_left .md {background: url(images/white_box_short_bg.png) 0 0 repeat-y; width:597px;}

#content_left .bt {background: url(images/white_box_short_bottom.png) 0 0 no-repeat; width:597px; height:11px;}

#content_left .md h2 {font: normal 26px Georgia, "Times New Roman", Times, serif; color:#01276e; background:transparent; }
#content_left .md h1 {font: normal 32px Georgia, "Times New Roman", Times, serif; color:#01276e; background:transparent;padding: 0 10px;}

#content_left ul li { list-style-type:none;}

#content_left ul li li {background: url(images/sgl_arr.png) 0 2px no-repeat;padding: 0px 10px 8px 14px;margin: 0px 0px 0px 20px; font-size: 12px;} 

/* home page inner right column */

#home_inner_right {width:309px;float:right; position:relative; margin-right:20px; display:inline;}

.home_inner_right {width:309px; margin:10px 0 40px 0; padding:0; position:relative; float:left; color:#fff; background:transparent;}

.home_inner_right .top {background: url(images/home_box_top.png) 0 0 no-repeat; width:309px; height:13px;overflow:hidden;}

.home_inner_right .mid {background: url(images/home_box_bg.png) 0 0 repeat-y; width:309px;}

.home_inner_right .bot {background: url(images/home_box_bottom.png) 0 0 no-repeat; width:309px; height:13px;}

.home_inner_right .more {display:block; text-align:right; padding:0 10px; font-weight:bold; font-style:italic; font-size:14px;}

.home_inner_right ul, .home_inner_right ul ul { list-style-type:none; margin-left:0; padding-left:0px;}

.home_inner_right ul li, .home_inner_right ul ul li {background: url(images/sgl_arr.png) 0 4px no-repeat;padding: 0px 0px 0px 14px;margin: 0px 0px 8px 10px; font-size: 12px;}

.home_inner_right .mid h2, .home_inner_right .mid .widgettitle {margin:0; padding: 0 10px 8px 10px; color:#fff;font: bold 18px Arial, Helvetica, sans-serif; background:transparent; font-variant:small-caps; font-style:italic;}

.home_inner_right .mid h1, .home_inner_right .mid .widgettitle {margin:0; padding: 0 10px 8px 10px; color:#fff;font: bold 26px Arial, Helvetica, sans-serif; background:transparent;;}

.home_inner_right .widget a:link, .home_inner_right .widget a:visited, .home_inner_right .widget a:active, .home_inner_right .widget a:hover {color: #AFEAFF;}

.home_inner_right .widget {padding-top:0; margin-top:0;}
.home_inner_right .mid ul.sidebarwidgeted, .home_inner_right .mid ul.sidebarwidgeted2 {padding-top:0; margin-top:0;}


/******* [INNER PAGES - LEFT CONTENT] ******/



#inner_left {margin:10px 0 0 20px; padding:0; position:relative; float:left; display:inline;}

#inner_left .tp {background: url(images/inner_top.png) 0 0 no-repeat; width:612px; height:14px;overflow:hidden;}

#inner_left .md {background: url(images/inner_bg.png) 0 0 repeat-y; width:612px;}

#inner_left .md h1, #inner_left .md h2, #inner_left .md h3, #inner_left .md h4, #inner_left .md p {padding:5px 10px; margin:0;}

#inner_left .bt {background: url(images/inner_bottom.png) 0 0 no-repeat; width:612px; height:14px;}

#inner_left ul li { list-style-type:none;}

#inner_left ul li li {background: url(images/sgl_arr.png) 0 2px no-repeat;padding: 0px 10px 8px 14px;margin: 0px 0px 0px 20px; font-size: 12px;} 

#inner_left ul ul {padding-top:10px;}





/******* [INNER PAGES - RIGHT BOX] ******/

#inner_right {width:302px;float:right; position:relative; margin-right:20px; display:inline;}

.inner_right {width:302px; margin:10px 0 40px 0; padding:0; position:relative; float:left; color:#fff; background:transparent;}

.inner_right .top {background: url(images/box_top.png) 0 0 no-repeat; width:302px; height:12px;overflow:hidden;}

.inner_right .mid {background: url(images/box_bg.png) 0 0 repeat-y; width:302px;}

.inner_right .mid h3 {margin:0; padding: 0 10px 8px 10px;}

.inner_right .mid p {padding:0 10px 8px 10px; margin:0; font-size:12px}

.inner_right .bot {background: url(images/box_bottom.png) 0 0 no-repeat; width:302px; height:13px;}

.inner_right .more {display:block; text-align:right; padding:0 10px; font-weight:bold; font-style:italic; font-size:14px;}

.inner_right .more a:link, .bottom_box .more a:visited, .bottom_box .more a:active, .bottom_box .more a:hover {color:#fff; text-decoration:none;}

.inner_right ul, .inner_right ul ul { list-style-type:none; margin-left:0; padding-left:0px;}

.inner_right ul li, .inner_right ul ul li {background: url(images/sgl_arr.png) 0 4px no-repeat;padding: 0px 0px 0px 14px;margin: 0px 0px 8px 10px; font-size: 12px;}

.bottom_widget .widget a:link, .bottom_widget .widget a:visited, .bottom_widget .widget a:active, .bottom_widget .widget a:hover {color: #AFEAFF;}



/****** [PRODUCTS FULL CONTENT] ******/

#product {}

#product blockquote {background:#ffffff; margin:0 16px; padding-bottom:0;}

#product blockquote img {float:left; margin-right:10px;}

#product p {margin:0; padding:5px 0;}

#product .sociable ul {

	display: inline;

	margin: 0 !important;

	padding: 0 !important;

}

#product .sociable ul li {

	background: none;

	display: inline !important;

	list-style-type: none;

	margin: 0;

	padding: 1px;

}

#product .sociable ul li:before { content: ""; }



.details .detailsDescription {width:420px; position:relative; float:left; background:#ffffff;}

.details .detailsPrice {width:450px; float:right; position:relative; background:#ffffff;}

.detailsPrice .price {float:left; padding-top:5px; width:320px; font:normal 14px/ Arial, Helvetica, sans-serif; text-align:right; background:#ffffff;}

.details .detailsPrice img {float:none;margin-left:10px;border:none; margin-bottom:4px; margin-right:0;}

.detailsPrice .amount {font: bold 16px Arial, Helvetica, sans-serif; color:#C00;}



.productsMain {width: 140px; height:200px; background:#ffffff; border:1px solid #CFCFCF; padding:10px; margin:0 10px 10px 0; position:relative; float:left; display:inline;}

.productsMain h4 { text-align:center; color:#63F; font: normal 14px/18px "Times New Roman", Times, serif; margin:0; padding:0;}

.productsMain h4 a {margin:0; padding:0;}

.productsMain img { text-align:center; border:none; margin-left: auto;margin-right: auto; margin-bottom:6px; display:block;}

.productsMain .priceMulti {font-weight:bold; color:#C00;}



.postarea ul { list-style-type:none;}

.postarea ul li {background: url(images/sgl_arr.png) 0 2px no-repeat;padding: 0px 10px 8px 14px;margin: 0px 0px 0px 20px; font-size: 12px;} 



/****** [HOME PAGE FORM BOX] ******/

#form_box {background: transparent url(images/form_box.png) 0 0 no-repeat; float:right; position:relative; width:334px; height:283px; margin:0 0 10px 0; padding:0; display:inline;}

#form_box h2 {color:#fff; padding:40px 20px 10px 20px; margin:0; background:transparent; font-size:26px;}

#form_box .form {margin: 0;padding: 0;width: 300px; color: #fff; font-size:14px; font-variant:small-caps;}

#form_box .form label { display: block;float: left; width: 300px; padding: 0; margin: 5px 0 0;text-align: right; }

#form_box .form label.short { display: block;float: left; width: 104px; padding: 0; margin: 5px 0 0;text-align: right; }

#form_box .form input, #form_box .form textarea,  #form_box .form select {width:auto;margin:5px 0 0 10px; font-size:100%; padding:2px; width: 160px;}

#form_box .form .check {width:10px;}	

#form_box .form input#reset {margin-left:0px;}

#form_box .form textarea { overflow: auto; }

#form_box .form small {display: block;margin: 0 0 5px 260px;padding: 1px 3px;font-size: 88%;}

#form_box .form .required{font-weight:bold;}

#form_box .form br {clear:left;}

#form_box .form p {margin:0; padding:0;}



/****** [BOTTOM 3 BOXES] ******/

#bottom {width:964px;padding:0; margin:0; clear:both; position:relative;}

.bottom_box {width:302px; margin:10px 0 40px 0; padding:0; position:relative; float:left; color:#fff; background:transparent; display:inline;}

.bottom_box .top {background: url(images/box_top.png) 0 0 no-repeat; width:302px; height:12px; margin:0; padding:0;overflow:hidden;}

.bottom_box .mid {background: url(images/box_bg.png) 0 0 repeat-y; width:302px;}

.bottom_box .mid h2, .bottom_box .mid .widgettitle {margin:0; padding: 0 10px 8px 10px; color:#fff;font: bold 18px Arial, Helvetica, sans-serif; background:transparent; font-variant:small-caps; font-style:italic;}

.bottom_box .mid p {padding:0 10px 8px 10px; margin:0; font-size:12px; line-height:16px}

.bottom_box .bot {background: url(images/box_bottom.png) 0 0 no-repeat; width:302px; height:13px; margin:0; padding:0;}

.bottom_box .more {display:block; text-align:right; padding:0 10px; font-weight:bold; font-style:italic; font-size:14px;}

.bottom_box .more a:link, .bottom_box .more a:visited, .bottom_box .more a:active, .bottom_box .more a:hover {color:#fff; text-decoration:none;}

.bottom_box ul li { list-style-type:none;}

.bottom_box ul li li {background: url(images/sgl_arr.png) 0 4px no-repeat;padding: 0px 10px 8px 14px;margin: 0px 0px 0 14px; font-size: 12px; line-height:16px}

li.widget_tag_cloud {padding:0 10px;}

#footer {width:964px; margin:0 auto 0; padding:0; color:#fff; background:transparent; position:relative;}

#footer ul.nav_foot {float:right; position:relative;}

#footer ul {list-style-type: none; padding:0;margin:6px 0 0 0; padding:0;}

#footer li {border-left: 1px solid #fff;display:inline;margin: 0; padding: 0px 10px;}

#footer li a:link, #footer li a:visited, #footer li a:active {color:#fff; background:#01276e; font-size:12px;}

#footer li a:hover {background:#01276e;} 

#footer p {text-align:right; padding:6px 10px 10px 0; margin:0;font: normal 11px Arial, Helvetica, sans-serif; clear:both;}

#footer a {color:#fff;}