/* Corporate Fitness Products
Site Layout and Design Styles
by Dan Moriarty, www.danmoriarty.com
Copyright 2008, All Rights Reserved

Last Modified: 
 */


/*========================*/	
/* =    BASE RULES      = */
/*=======================*/	

* {
	margin:0;
	padding:0;
	}

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	text-align:center;
	background:#cee585 url(../images/bg-body.gif) repeat-x;
	color:#000;
	}

a:link {
	color:#0162cc;
	text-decoration:none;
	}

a:visited {
	color:#0162cc;
	text-decoration:none;
	}
	
a:hover {
	text-decoration:underline;
	color:#24abe4;
	}

img {
	border:none;
	}

/*========================*/	
/* =  CONTENT HOLDERS  = */
/*=======================*/	

#outerwrapper {
	}

#wrapper {
	text-align:left;
	margin:0px auto;
	width:78em;
	z-index:102;
	font-size:1.2em;
	}

#top {
	/*height:9.25em;*/
	/*equal to 111px*/
	height:116px;
	position:relative;
	width:78em;
	}

#logowrap {
	float:left;
	width:260px;
	}
	
#controlswrap {
	position:absolute;
	top:30px;
	right:0;
	width:56em;
	}

			
#content {
	width:78em;
	background:#fff;		
	}


#upper {
	width:78em;		
	background:#fff1ab;
	height:20em;/*equal to 240px*/
	}

.uppercontent {
	padding:.8em 20px;
	background:#fff1ab;
	}


/*940px equal 78em, 700px for maincol is 58em*/
	
#maincol {
	width:57em;
	float:right;
	margin-right:1em;
	}


#leftcol {
	float:left;
	width:200px;
	padding:0 0 10px 20px;
	margin:10px 0;
	position:relative;
	}	
	
	
#centercol {
	float:left;
	margin:20px 0 10px 0;
	/*border-bottom:10px solid #ccc;*/
	width:40em;

	}

#rightcol {
	float:right;
	width:160px;
	margin:20px 0 10px 0;
	padding:0 0 0 20px;
	border-left:1px dotted #ccc;


	}


#bottomcorners {
	background: url(../images/bg-bottomcorners.gif) no-repeat;
	width:78em;
	height:20px;
	margin-top:-5px;
	}	

	
#footer {
	margin:5px auto;
	text-align:center;
	padding-top:8px;
	clear:both;
	width:80em;		
	position:relative;
	}

/* ===== SPECIAL DIV HOLDERS ===== */
	
div.floatright_logo {
	float:right;
	width:160px;
	padding:20px 10px 0 20px;
	}

p.mainimage {
	float:right;
	margin:0 0 0 20px;
	padding:0;
	}

/* =====SIDENAV and FEATURED BOXES ===== */


#sidenav {
	background: #0069cd url(../images/bg-sidecol.gif) bottom no-repeat;
	width:200px;
	margin:0 0 20px 0;
	color: #fff;
	padding:0 0 20px 0;
	}

#sidenav-top {
	background: url(../images/bg-sidecol-top.gif) top left no-repeat;
	width:200px;
	height:16px;
	}


#sidenav-inner {
	padding:0 10px 20px 30px;
	}	


#sidenav a:link, #sidenav a:visited {
	color:#fff;
	}
	
	
h3.categoryhead {
	font-size:140%;
	margin:0 0 10px -15px;
	border-bottom:1px dotted #fff;
 	}
	



div.featured, div#whatsNew, #featuredProducts {
	width:40em;
	background: url(../images/bg-featured.gif) no-repeat;
	}

	
	
/* ===== PAGE SPECIFIC ======= */

body#indexHomeBody #leftcol {
		margin:-1.6em 0 5px 0;
	}
	
body#popupImage {
	background:#fff;
	}
	

body#productinfoBody #centercol {
	width:57em;
	}

body#productinfoBody #rightcol {
	display:none;	
	}




/* ===== MAIN TYPE RULES ===== */


h1 { font-size:280%; }
h2 { font-size:240%; }
h3 { font-size:180%; }
h4 { font-size:130%; }
h5 { font-size:110%; }
h6 { font-size:100%; }


h1, h2, h3, h4 {
	padding:0;
	}



h1, h2 {
	margin:.8em 0 .2em 0;
	letter-spacing:-1px;
	}
	

h2 {
	 color:#014794;
	 font-weight:normal;
	 }
	 
	
h3 {
	margin:.4em 0 .8em 0;
	}
	
h4 {
	color:#000;
		line-height:140%;
	margin:.4em 0;
	}
	
p {
	line-height:170%;
	margin:.2em 0 .6em 0;
	}



/* ===== SPECIAL TYPE RULES ===== */

h1.siteheader { /*this is top type header*/
	margin: 0;
	padding:0;	
	text-indent:-5000px;
	}
	

h1.siteheader a:link, h1.siteheader a:visited, h1.siteheader a:hover	{
	text-decoration:none;
	width:230px;
	height:116px;
	display:block;
	background: url(../images/logo.png) no-repeat 0 28px;
	}


#upper p {
	line-height:150%;
	}

	
h3.featured, h2.centerBoxHeading {
	padding:12px 10px 6px 40px;
	margin:0;
	color:#333;
	background: url(../images/icon-arrow.gif) no-repeat 15px 12px;
	border-bottom:10px solid #ccc;
	font-size:160%;
	text-align:left;
	}
	
h3.catalog {
	border-bottom:1px dotted #fff;
	font-size:140%;
	background: url(../images/icon-catalog.gif) no-repeat;
	padding-left:21px;
	
	}	

h3#bestsellersHeading, h3#specialsHeading, h3#newsletterHeading, h3#blogHeading, h3#shopHeading,
#rightcol h3 {
	font-size:140%;
	padding-left:21px;
	padding-bottom:3px;
	border-bottom:1px dotted #333;
	text-align:left;
	margin-top:.5em;
	}

h3#bestsellersHeading {
	background: url(../images/icon-heart.gif) no-repeat 0 2px;
	}
		
h3#newsletterHeading {
	background: url(../images/icon-doc.gif) no-repeat 0 2px;
	}
	
h3#specialsHeading, h3#editablesideboxHeading {
	background: url(../images/icon-checkmark.gif) no-repeat 0 2px;
	}

h3#blogHeading {
	background: url(../images/icon-news.gif) no-repeat 0 2px;
	}

h3#shopHeading {
	background: url(../images/icon-cart.png) no-repeat 0 2px;
	}

p.greeting {
	text-align:right;
	}
	
h1#productName {
	font-size:200%;
	margin:.3em 0;
	padding:0;
	}

h2#productPrices {
	font-size:160%;
	margin:0;
	}

#leftcol p { 
	line-height:140%;
	}


		
/* ===== TABLES, LISTS, and FORMS ===== */

		
table {
	border:none;
	}



td {
	padding:5px;
	vertical-align:top;
	}

		
ul, ol {
	margin:.6em 0;
	padding:0 0 0 10px;
	}
		

li {
	margin:.4em 0;
	line-height:150%;
	}

ul li {
	padding-left:20px;
	list-style:none;
	background: url(../images/bg_bullet.gif) no-repeat 0 3px;
	}
	

dl {
	margin:.6em 0 1em 0;
	padding:5px 0;
	}

dt {
	font-weight:bold;
	font-size:110%;
	margin:.6em 0;
	}

dd {
	margin:0 0 0 20px;
	padding:0;
	line-height:120%;
	}




#bestsellersContent	ol {
	font-size:90%;
	margin:.2em 0 .2em 1em;

	}
	
#bestsellersContent li {
	margin:.2em 0;
	}
	

/* ===== MISC CLASSES ===== */



.bigger {
	font-size:110%;
	}

.smaller {
	font-size:90%;
	}

.clearout {
	clear:both;
	margin:0;
	padding:0;
	height:1px;
	line-height:0;
	}

.floatleft {
	float:left;
	padding:0 20px 20px 0;
	}
	
.floatright {
	float:right;
	padding:0 20px 20px 0;
	}	


div.halfleft {
	float:left;
	width:49%;
	}

div.halfright {
	float:right;
	width:49%;
	}

.biggerText {
	font-size:1.1em;
	}


.important {
	font-weight:bold;
	}
	

div.AuthorizeNetSeal {
margin:2em 0 1em 0 !important;
/*position:absolute;*/
/*right:-30px;*/
/*top:10px;*/
}