﻿/* HTML */
html, body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 18px;
	font-style:normal;
	text-decoration:none;
	color:#000000;
	margin: 0; 
	padding: 0;
	text-align:center;
	background:#81ABC3 url(/images/nova-back-gradient.jpg) repeat-x fixed top center;

/*	background-color:#333333;
 	background-image: url(/images/nova-back1075.jpg);
	background-repeat: repeat-x; 
	background-attachment: fixed;*/
}
body a {
	color:#333333;
}
img {
    display: block;
    border: 0;
}
a { 
    text-decoration: underline;
	color: #000000;
}

/* ====================================================== */
/* Main Layout format */
/* ====================================================== */
#wrapperbg {
	margin: 0 auto; 
	padding: 0;
	background:transparent url(/images/nova-back1075.jpg) no-repeat fixed top center;
}
#wrapper {
/* the width has been adjusted to allow for rollover on far left nav instead of being just 993px */
	width:942px;
	margin: 0 auto; 
	padding: 0;
	overflow:auto; 
}
	#Frame_Top {
		float:left;
		width:942px;
		height:14px;
		background-image: url(/images/border-top.png); 
	}
	#Frame_Center {
		float:left;
		width:942px;
		margin:0; 
		padding:0;
	    background:#ffffff url(/images/center-back.jpg) repeat-y;
	}
/*	#Frame_Home_Center {
		float:left;
		width:942px;
		height:554px;
		margin:0; 
		padding:0;
	    background:transparent url(/images/home-border-back.png) no-repeat;
	}*/
	#Frame_Home_Bot {
		float:left;
		width:942px;
		height:14px;
		background-image: url(/images/home-border-bot.png); 
	}
	#Frame_Bot {
		float:left;
		width:942px;
/*		height:14px;
		background-image: url(/images/bordergradient-bot.png); */
		height:14px;
		background-image: url(/images/interior-border-bot.png); 
	}
	
	#Frame_Footer{
	    float:left;
        margin: 10px 0 60px 0;
        text-align:center;
        width: 942px;
	    font-size: 10px;
	    color: #ffffff;
	    line-height: 13px;
	}
	#Frame_Footer a { 
	    text-decoration: none;
		color: #ffffff;
	}
	#Frame_Footer a:hover { 
	    text-decoration: underline;
		color: #ffffff;
	}


/* ======================= #Frame_Center =============================== */
#headerContainer {
    float: left;
    width: 942px;
    height: 98px;
    }
#logo{
    float:left;
    margin: 32px 0 0 2px;
    }
*html #logo{margin: 16px 0 0 1px;}    

#topbtns {
    float: right;
    margin: 78px 10px 0 0;
    width: 366px;
    }
*html #topbtns{margin: 78px 5px 0 0;}    

#topbtns ul {
    float: right;
    display: inline;
	list-style: none;
    margin: 0;
    padding: 0;  
	}
#topbtns ul li {
	float: left;
/*	padding-right: 5px; */
	}
#topbtns ul li a {
	display: block;
	}
#topbtns ul li a#aboutus:hover, #topbtns ul li a#service:hover, #topbtns ul li a#comfit:hover, #topbtns ul li a#contactus:hover {
	background-position: bottom left;
	}
#topbtns ul li a#aboutus {
	width: 70px;
	height: 13px;
	background: url(/images/nav/top-aboutus.png) no-repeat top left;
	}
#topbtns ul li a#service {
	width: 70px;
	height: 13px;
	background: url(/images/nav/top-service.png) no-repeat top left;
	}
#topbtns ul li a#comfit {
	width: 137px;
	height: 13px;
	background: url(/images/nav/top-community-fitness.png) no-repeat top left;
	}
#topbtns ul li a#contactus {
	width: 81px;
	height: 13px;
	background: url(/images/nav/top-contactus.png) no-repeat top left;
	}
#mainnav{
    float:right;
    margin: 2px 18px 5px 0;
    width: 900px;
    }
*html #mainnav{margin: 2px 9px 5px 0;}    

#wrapperHomeContent {
	width:942px;
	margin: 0 auto; 
	padding: 0;
	overflow:auto; 
	background:transparent url(/images/home-graygradient-bot.jpg) no-repeat bottom center;
}

#wrapperContent {
	width:942px;
	margin: 0 auto; 
	padding: 0;
	overflow:auto; 
	background:transparent url(/images/red-gradient2.jpg) no-repeat bottom center;
}

#contentContainer {
    float: left;
    width: 899px;   /*899 + 22 + 20 + 1(vspacer) = 942 */
    text-align: left;
    margin: 0 22px 0 20px;
    }
*html #contentContainer {margin: 0 11px 0 10px;}    

/* ======================= #Home Page =============================== */
#homeleft{
    float: left;
    width: 590px;
}
#homeright{
    float: right;
    width: 309px;
border:solid 0px green;
}
#homeflash{
    margin: 2px 0 0 4px;
    width: 586px;
    height: 262px;
}
*html #homeflash{margin: 2px 0 0 0px;}

#locations{
    margin: 0 0 0 4px;
    width: 586px;
    height: 108px;    
}
*html #locations{margin: 0 0 0 0px;}

#homeFacebookLike {border: 1px solid #4F4B4A; width: 250px; height: 62px; position:absolute; top: 565px; margin-left: 315px; background-color: #EDF3F6; z-index: 1000; }

#homecoupon{
	background:transparent url(/images/coupon-home.png) no-repeat top left;
    margin: 0;
    width: 292px;
    height: 99px;
    margin: 2px 0px 0px 14px;
    padding: 8px 0px 0px 8px;    
}
*html #homecoupon{
    width: 300px;
    margin: 2px 0 0 7px;
    padding: 8px 0 0 0px;
}

#homecoupon table{
    margin: 0px auto;
}
#homeblob{
	background:transparent url(/images/blob-home.png) no-repeat top left;
    margin: 0 0 0 0;
    width: 295px;
    height: 106px;    
    margin: 6px 0px 0px 12px;    
    padding: 8px 0px 0px 10px;   
}
*html #homeblob{
    width: 302px;
    margin: 6px 0 0 6px;
    padding: 8px 0 0 0px;
}
#homeblob table{
    margin: 0px auto;
}
#homenews{
	background:transparent url(/images/news-home.png) no-repeat top left;
    margin: 0 0 0 0;
    width: 293px;
    height: 117px;    
    margin: 0px 0px 0px 12px;    
    padding: 32px 0px 0px 20px;    
}
*html #homenews{
    margin: 0 0 0 6px;
    padding: 32px 0 0 10px;
}
/* ======================= #Internal =============================== */
#internalheader{
    float: left;
	width: 900px;
	height: 210px; 
	margin: 0 0 0 24px; 
	padding: 0;
	background: url(/images/interiorheader.jpg) no-repeat top left;
}
*html #internalheader{
	margin: 0 0 0 12px; 
}

#internalcontent{
    margin: 0 30px 20px 30px;
    width: 839px;
}
*html #internalcontent{margin: 0 15px 20px 15px;}

#internalwidecontent{
    margin: 0;
    width: 899px;
}
#storenav{
    float: right;
    margin: 0 50px 10px 0;
    visibility: hidden;
}
#storenav a {
        font-size:13px;
        font-weight: bold;
	    text-decoration: underline;
		color: #000000;
    visibility: hidden;
}

#storecats{
    margin: 0;
    text-align: center;
}
#internalcoupon{
    margin: 30px auto;
    padding:8px 0 0 8px;
    width: 476px;
    height: 84px;
	background: url(/images/coupon-interior.png) no-repeat top left;
	text-align: center;
}
#internalcoupon table{
    margin: 0px auto;
}
#featureditems{
    width: 700px;
    margin: 30px auto;
    border: solid 0px red;
}

/* ======================= #Callout =============================== */
#calloutbox {
	width: 253px;
	height: 250px;
	margin: 12px 0 0 0; 
	padding: 0;
    border: solid 0px #ff0000;
}

#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolderInternal_store_details1_lblQuantity {visibility:hidden;}
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolderInternal_store_details1_cmbQuantity {visibility:hidden;}
#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceHolderInternal_store_details1_btnAdd {visibility:hidden;}


/* ======================= #Utility Classes =============================== */
.left {float:left;}
.right {float:right;}
.clear {clear:both}
.none {display: none;}
.error 
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: Red;
	line-height: 15px;
	border: dashed 1px red;
	padding: 10px;
}
.vspacer {
    float: right;
    height:400px;
    width: 1px;
}

