/* GENERAL
-------------------------------------------------------------------------------- */
body, div, h1, h2, h3, h4, h5, p {
	margin:0;
	padding:0;
}
img {
	border:0;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
/* GLOBAL SETTINGS
----------------------------------------------- */

html {
	padding: 0;
	margin: 0;
	border: 0;
	height: 100%;
}
body {
	background: #1a1a1a url(../images/bg.jpg) top center fixed repeat-y;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
	color: #cccccc;
	margin: 0;
	height: 100%;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.push {
	height: 75px;
}
.clearfloat {
	display: inline-block;
}
.clearfloat:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfloat {
	height: 1%;
}
.clearfloat {
	display: block;
}
/* PAGE STRUCTURE
----------------------------------------------- */

#container {
	width: 770px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px;
	padding: 0;
	background: #111111;
}
#container-bleed {
	width: 770px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -75px;
	padding: 0;
	background: #111111 url(../images/vaporskin-bg.jpg) 0 200px no-repeat;
}
#header {
	width: 770px;
	height: 80px;
	margin: 0 auto;
	position: relative;
	display: block;
	background: #262626 url(../images/header.gif) no-repeat;
	border-top: 5px solid #333;
}
#content {
	width: 750px;
	margin: 10px;
}
#contenttop {
	background-color: #0a0a0a;
	display: block;
	float: left;
	margin: 10px 0;
}
#footer {
	padding: 0;
	margin: 0 auto;
	width: 770px;
	height: 105px;
	font-size: 10px;
	text-align: left;
	background: #212121 url(../images/footer.gif) no-repeat;
}
#footer ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 25px 0 0 10px;
	display: block;
}
#footer li {
	list-style: none;
	margin: 0;
	padding: 0;
	font: 9px "Trebuchet MS", Helvetica, Arial, sans-serif;
	background: url(../images/footer_hash.gif) right no-repeat;
	float: left;
	font-size: 10px;
	line-height: 10px;
	text-decoration: none;
	padding: 10px 20px 10px 19px;
	color: #FFFFFF;
}
#footer li.copyright {
	color: #666666;
	background: none;
}
#footer li.first {
	padding-left: 10px;
}
#footer li.last {
	background: none;
}
#footer p {
	clear: both;
	float: left;
	display: block;
	padding: 15px 0 0 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #6F6F6F;
	width: 730px;
}
#footer span {
	color: #3f3f3f;
}
/* NAVIGATION
----------------------------------------------- */

#navContainer {
	width: 750px;
	height: 100px;
	margin: 0 auto 0 auto;
	padding: 0 10px;
	background: transparent url(../images/nav_container_bg.gif) no-repeat;
	clear:right;  /* Required for everything except IE Win. */
}
div#navigation {
	height:60px;
	width:750px;
	margin:0;
	padding:0;
	border:0;
	float:left;
}
div#navigation ul#menu {
	height:60px;
	width:750px;
	background:transparent url(../images/nav.gif) top left no-repeat;
	margin:0;
	padding:0;
	position:relative;
	overflow: hidden;
}
div#navigation ul#menu li {
	margin:0;
	padding:0;
	list-style:none;
	position: absolute;
	text-align: center;
	top:0;
}
ul#menu li, ul#menu a {
	height:60px;
	display:block;
}
div#navigation ul#menu li a {
	text-decoration: none;
	color: #dddddd;
	padding-top: 22px;
	text-align: center;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	line-height: 16px;
	text-align: center!important;
	letter-spacing: 0.1em;
}
div#navigation ul#menu li.current {
	text-decoration: none;
	color: #fbb000;
	padding-top: 22px;
	text-align: center;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	line-height: 16px;
	text-align: center!important;
	letter-spacing: 0.1em;
}
div#navigation ul#menu a:hover {
	color: #fbb000;
	padding-top: 20px;
}
li#nav_home {
	left: 0;
	width: 107px;
	text-indent: -3000px;
}
li#nav_surf {
	left: 107px;
	width: 107px;
}
li#nav_dive {
	left: 214px;
	width: 107px;
}
li#nav_wake {
	left: 321px;
	width: 107px;
}
li#nav_girl {
	left: 428px;
	width: 107px;
}
li#nav_mobile {
	left: 535px;
	width: 107px;
}
li#nav_products {
	left: 642px;
	width: 108px;
}
#nav_home a:hover, body#nav_homeon #nav_home {
	background:transparent url(../images/nav.gif) 0 -60px no-repeat;
	text-indent: -3000px;
}
#nav_surf a:hover, body#nav_surfon #nav_surf {
	background:transparent url(../images/nav.gif) -107px -60px no-repeat;
}
#nav_dive a:hover, body#nav_diveon #nav_dive {
	background:transparent url(../images/nav.gif) -214px -60px no-repeat;
}
#nav_wake a:hover, body#nav_wakeon #nav_wake {
	background:transparent url(../images/nav.gif) -321px -60px no-repeat;
}
#nav_girl a:hover, body#nav_girlon #nav_girl {
	background:transparent url(../images/nav.gif) -428px -60px no-repeat;
}
#nav_mobile a:hover, body#nav_mobileon #nav_mobile {
	background:transparent url(../images/nav.gif) -535px -60px no-repeat;
}
#nav_products a:hover, body#nav_productson #nav_products {
	background:transparent url(../images/nav.gif) -642px -60px no-repeat;
}
.skip {
	position:absolute;
	left:-200em;
	width:19em
}
/* YOU ARE HERE */
body#home #nav_home {
	background: transparent url(../images/nav.gif) 0px -120px no-repeat;
	text-indent: -3000px;
}
body#surf #nav_surf {
	background: transparent url(../images/nav.gif) -107px -120px no-repeat;
}
body#dive #nav_dive {
	background: transparent url(../images/nav.gif) -214px -120px no-repeat;
}
body#wake #nav_wake {
	background: transparent url(../images/nav.gif) -321px -120px no-repeat;
}
body#girl #nav_girl {
	background: transparent url(../images/nav.gif) -428px -120px no-repeat;
}
body#mobile #nav_mobile {
	background: transparent url(../images/nav.gif) -535px -120px no-repeat;
}
body#products #nav_products {
	background: transparent url(../images/nav.gif) -642px -120px no-repeat;
}
/* SUB NAVIGATION
----------------------------------------------- */

#subnavigation {
	height:30px;
	width:750px;
	margin-top:0;
	padding:0;
	float:left;
	position:relative;
	overflow: hidden;
}
#subnavigation ul {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 2px;
	background: url(../images/subnav_hash.gif) left no-repeat;
}
#subnavigation li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	font: 10px "Trebuchet MS", Helvetica, Arial, sans-serif;
}
#subnavigation a {
	background: url(../images/subnav_hash.gif) right no-repeat;
	float: left;
	font-size: 10px;
	line-height: 10px;
	text-decoration: none;
	padding: 10px 20px 10px 19px;
	color: #fbb000;
}
#subnavigation a:hover {
	color: #efefef;
	background: #262626 url(../images/subnav_hash.gif) right no-repeat;
}
#subnavigation .current a {
	color: #efefef;
	background: #161616 url(../images/subnav_hash.gif) right no-repeat;
}
#subnavigation span {
	float: left;
	background: url(../images/subnav_hash.gif) no-repeat;
	width: 1px;
	height: 30px;
}
/* HEADER ASSETS
----------------------------------------------- */

#searchbox {
	position:absolute;
	top: 6px;
	right: 280px;
	width: 180px;
	margin: 0;
	padding: 0;
}
#searchFeature {
	margin: 0;
	padding: 0;
}
#searchFeature #search {
	position: absolute;
	margin: 0 0 0 0;
	padding: 0;
}
#searchFeature input#searchBox {
	border:1px solid #3f3f3f;
	background:#262626;
	margin: 0px !important;
	width: 116px;
	font-size: 9px;
	color: #6F6F6F;
	padding: 4px 5px 4px 5px;
}
.signup {
	font: 11px "Trebuchet MS", Helvetica, Arial, sans-serif;
	position:absolute;
	right: 10px;
	top: 40px;
	width: 200px;
	padding: 8px 10px 8px;
}
.signup a:hover {
	color: #eeeeee;
	text-decoration: none;
}
.mcafee {
	margin: 20px 20px 0 10px;
	float: right;
}
.header_right {
	float: left;
	position:absolute;
	right: 0;
}
.fb_like {
	margin: 4px 0 0 0;
	position:absolute;
	right: 10px;
	top: 40px;
}
#shopping_frame {
	float: left;
}
#mwrc_shopping_cart {
	font: 11px "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color:#333;
	color:#999;
	float:right;
	text-align:left;
	height:32px;
	width:260px;
	padding: 0;
	float: left;
	text-shadow:0 1px 0 #000;
	position:absolute;
	top: 0px;
	right: 10px;
}
#mwrc_shopping_cart ul {
	list-style-type:none;
	display:inline;
	margin: 0;
	padding: 0;
	display:block;
}
#mwrc_shopping_cart ul li {
	float: left;
}
#mwrc_shopping_cart ul li.items {
	margin-right: 10px;
}
#mwrc_cart_checkout {
	margin: 0;
	padding: 0;
	float: right;
	background: url(http://www.bodyglove.com/images/checkout-icon.png) 0 0 no-repeat;
	padding: 0 0 0 20px;
	min-height: 15px;
}
a#mwrc_cart_checkout {
	color: #eea602;
}
a:hover#mwrc_cart_checkout {
	color: #97b9cf;
	text-decoration: none;
}
.item_value, .subtotal_value {
	color:#fff;
	font-size:1.2em;
}
.social_toolbox {
	float: left;
	margin: 25px 0 0 19px;
}
.social_toolbox .custom_images a {
	width: 32px;
	height: 32px;
	margin: 0 5px 0 0;
	padding: 0;
}
.social_toolbox .custom_images a img {
	opacity: 1.0;
}
.social_toolbox .custom_images a:hover img {
	opacity: 0.75;
}