/*
Theme Name: bodylastics 2
Theme URI: http://bodylastics.com/
Description: Rebuild
Version: 1.0
Author: GMD
Author URI: http://www.globalmediadesign.com/

*/

/* CSS Reset */
 body {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align:baseline;
	position:relative;
}
:focus{outline:0}
ol, ul{list-style:none}

strong{font-weight:bold}
em{font-style:normal}
a{text-decoration:none; cursor:pointer}
.underline {text-decoration:underline;}
.highlight {background-color: yellow;}
.redcolor {color:red;}
.whitecolor {color:white;}
.bluecolor {color:blue;}
.ltbluecolor {color: #3366CC;}
.smaller {font-size: small;}
.large {font-size: x-large;}
.larger {font-size: xx-large;}
.typewriter {font-family:"Courier New", Courier, monospace;}
body{	color: #000;	font-family: Arial, Tahoma;	font-size: 100%;	}

#container { width:964px;margin:0 auto;	}
#content{	float: left;	width:964px;}
#content .post{width: 844px;margin: 15px auto;}
#top {width:864px;margin:0 40px;height:267px;position:relative;}
#ordernowbar {display:block;width:884px;margin-top:-15px;height:72px;z-index:1000;position:relative;float:left;}
a{	color: #0000fff;	text-decoration: underline;}
a:visited{	color: #0000ff;}	
a:hover{	color: #000;}
#header{ background:url(../images/skin/header_nav.jpg) top center no-repeat;position:relative;width:966px;margin: 0 auto;height:133px;z-index:100;}
#header .wrapper {padding-top:89px;}
#header .linkhome {display:block;position:absolute;top:0;left:0; width: 325px;height:80px;outline:0;}
#header .bblink {display:block;position:absolute;top:0;right:0; width: 60px;height:80px;outline:0;}
ul.navigation {width:964px;height:44px;text-align:left; }
#header ul.navigation {width: 100%;padding: 0 0 0 0;margin: 0;font-size: 11px;	}
#header ul.navigation li,
#header ul.navigation li a{display: block;float: left;height:44px;line-height:44px;}
#header ul.navigation li{padding: 0 5px;}
#header ul.navigation li ul li,#header ul.navigation li ul li  a {height:24px;line-height:24px;text-align:left;}
#header ul.navigation li a{font-weight: bold;font-size:13px;padding: 0 5px;color: #fff;text-decoration: none;}	
#header ul.navigation li a:hover{color: #000;}
.entry { padding: 0 60px;}
#logo {margin: 0;}
#mid {float:left;width:100%;}
#mid #video {float:right;}

#frame{	}

	
#footer{background:url() #3366cc top center repeat-y ;	text-align:center;font-size: x-small;width:1044px;margin:0 auto;position:relative;height:400px;clear:both;z-index:0;}
#footbar {float:center; width:964px;margin:0 41px;clear:both;padding:0;height:86px;background: transparent url() 0  0  repeat-x;}
#footbar img {float:left;}
#footer a {color:white;}	

#slides {position:relative;width:554px;height:267px;overflow:hidden;z-index:0;}
.infiniteCarousel {  width: 554px;  position: relative;z-index:0;}

.infiniteCarousel .wrapper {
	width: 554px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: hidden;
	height: 267px;
	position: absolute;
	top:30;
	left:0;
}
.infiniteCarousel ul a img { border:none; }
.infiniteCarousel .wrapper ul {  width: 100%; /* single item * n */  list-style-type:none;  margin:0;  padding:0;  position: absolute;  top: 0;left:0;}
.infiniteCarousel ul li {  display:block; margin:0;float:left; position:relative; padding: 0;  height: 267px;  width: 554px;overflow:hidden;}
.infiniteCarousel ul li img {border:none;}
.infiniteCarousel ul:hover li img {  border:none;}
.infiniteCarousel ul:hover li:hover img {  border:none;}
.infiniteCarousel ul li a { boreder:none;}
.infiniteCarousel ul li a img {  display:block;border:none;}
.infiniteCarousel .arrow { display:none;}
.infiniteCarousel .forward {  }
.infiniteCarousel .back {  }
.infiniteCarousel .forward:hover { }
.infiniteCarousel .back:hover {  }

#boxto {height:267px;background: url(../images/skin/boxbg_to.png) bottom right no-repeat;text-align:left;}

#col2 ul {width:210px;display:block;float:left;margin:0;padding:0;}
#col1 strong {color: #3266cc;font-size:12px;display:block;float:left;width:100%;margin-bottom:10px;}
#col1 ul li a {text-decoration:none;color: #3266cc;}
#col2 ul li {font-size:14px;display:block;height:50px;padding-right:40px;margin:0;background:url(../images/skin/bluearrow.jpg) top right no-repeat;text-align:right;}
#col2 ul li a {text-decoration:none;color: #3266cc;}
#col2 strong {color: #3266cc;font-size:12px;display:block;float:left;width:100%;text-indent:30px;margin-bottom:10px;}
#col3 strong {display:block;margin-bottom:5px;font-size:12px !Important;font-weight:bold !Important;color: #3266cc;text-transform:uppercase;}
#col3 p {font-size:11px;font-weight:bold;}
#col3 input {height:10px;width:122px;padding:5px;font-size:10px;font-weight:bold;font-family:Arial, Helvetica, sans-serif;border: 1px solid #666;}
#col3 form {display:block;margin-bottom:10px;}
#newslettersubmit{width:20px !Important;height:20px !Important;border:none !Important;}
.sf-menu { }
.sf-menu li { float: left; margin-right:1px;}
.sf-menu li a {display: block;height:18px;text-decoration:none;}
.sf-menu li ul li a {	padding:0;margin:0;:		block;	position:		relative; float:none;width:140px;}
.sf-menu li ul li { 	padding:0 !Important;border-bottom:1px solid #999;float:			left;	height:18px;	position:	relative;text-indent: 0;width:140px;}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
/*	padding:		0; */
	list-style:		none;
}
.sf-menu {
	line-height:	16px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			8px;
	top:			40px; /* match top ul list item height */
	margin:0;padding:0;
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			140px; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			140px; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
}
.sf-menu a {
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/


}
.sf-menu li a {

}

.sf-menu li ul li a {
background: #000;
padding: 0 10px;
height:16px;
line-height:16px;
border-left: 1px solid #999;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
	color:#fff !Important;
	font-size: 13px;
letter-spacing: 0px;

font-family: Arial, Helvetica, sans-serif;
}
.sf-menu li ul li a:hover {
	color:#fff !Important;
	background: #3266cc !Important;

}
.sf-menu li li li {

}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color: #fff !Important;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {

	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			2px;
	top:			22px; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('..http://www.bodylastics.net/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			22px;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('..http://www.bodylastics.net/images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}