/* general */
body		{ margin: 0; background: url(/img/background.jpg) repeat-y center; }
body,input	{ font: 9pt arial; color: #000; }
img			{ border: 0; }
a			{ color: #ff0000; }
a:hover		{ color: #da0404; }
a.red		{ color: #ff0000; text-decoration: none; }
a.red:hover { color: #da0404; text-decoration: underline; }
h2			{ font-size: 13pt; }


/* master page */
#content	{ position: relative; margin: auto; width: 800px; background: #fff; z-index: 1; margin-top: 6px; }
#menu		{ position: relative; width: 100%; background: url(/img/menu.jpg) repeat-x; height: 27px; z-index: 2; }
#menu div		{ position: relative; margin: auto; width: 800px; }
#stretch	{ position: relative; width: 100%; background: #fff; }
#top		{ height: 60px; width: 800px; position: relative; margin: auto; background: #fff; }
#top a			{ color: #6c6c6c; text-decoration: none; float: right; font-weight: bold; }
#top a:hover	{ text-decoration: underline; }
#top .right		{ float: right; margin: 4px; }
#top #signup	{ color: #6c6c6c; font-weight: bold; clear: both; float: right; margin-top: 10px; }
#top #signup input		{ border: solid 1px #666666; background: #eeeeee; font-size: 8pt; width: 140px; }
#top #signup .watermark { color: #999999; text-align: center; }
#top .left		{ float: left; width: 346px; }
#top .left a { float: left; }
#bottom		{ width: 790px; border-top: solid 2px #000; margin-top: 10px; padding: 5px; margin: auto; position: relative; margin-top: 20px; height: 80px; }
#bottom .left	{ width: 266px; float: left; border-right: solid 4px #ccc; height: 80px; }
#bottom .left p { margin: 0; }
#bottom .center { width: 236px; float: left; text-align: left; padding: 0 4px 0 4px; }
#bottom .center p { margin: 0; }
#bottom .right	{ width: 266px; float: left; border-left: solid 4px #ccc; padding-left: 5px; height: 80px; }
#bottom .right p { margin: 0; }
#copy { width: 782px; border-top: solid 1px #ccc; padding: 4px 0 4px 0; margin: auto; position: relative; font-size: 8pt; color: #aaa; font-weight: bold; height: 12px; }
#copy .left { float: left; }
#copy .right { float: right; }

/* classes */
.bold		{ font-weight: bold; }
.center		{ text-align: center; }
.clear		{ clear: both; height: 10px; }
.red		{ color: #ff0000; }
.button		{ background: #dddddd; color: #000; border: solid 1px #000; }

/* home page */
#home { padding: 0 30px 0 30px; }
    #fittip { float: left; margin-top: 10px; background: url(/img/fitnesstip.jpg) no-repeat top left; width: 310px; height: 290px; padding: 0 5px 0 5px; }
    #women { float: right; margin-top: 10px; width: 400px; height: 300px; }
		.womenimg { z-index: 998; position: absolute; max-width: 400px; max-height: 290px; }
		#womenbg { width: 400px; height: 300px; background: url(/img/womenbg.png) no-repeat top left; z-index: 999; position: absolute; }
    #workout { float: right; width: 208px; height: 375px; background: url(/img/workoutweek.jpg) no-repeat top left; padding: 0 5px 0 5px; }
    #slideshow { position: relative; height: 375px; }
        #galleryimg { display: none; z-index: 998; position: absolute; max-width: 500px; max-height: 375px; }
        #gallerybg { width: 500px; height: 375px; background: url(/img/gallery.png) no-repeat top left; z-index: 999; position: absolute; }
        
        
.subpage { border-right: solid 1px #ccc; width: 200px; float: left; margin-right: 10px; }



/* store */
.categories, .companies, .pager, .companyinfo { border: solid 1px #000; background: #eee; width: 98%; text-transform: uppercase; font-size: 11px; position: relative; margin: auto; }
.categories div.header, .companies div.header { font-weight: bold; text-align: left; }
.categories td, .companies td { width: 20%; padding: 5px; text-align: center; }

.pager { margin-bottom: 15px; margin-top: 15px; }
.pager select { font-size: 10px; text-transform: uppercase; }

.companies table.img td { width: 64px; height: 64px; background: #fff; border: solid 1px #000; }
.companies img { max-width: 64px; max-height: 64px; }

.companyinfo { padding: 5px; width: 98%; }
.companyinfo img { max-height: 64px; border: solid 1px #000; float: left; margin-right: 5px;  }

.items { width: 600px; margin: auto; }
.items a { text-transform: uppercase; font-size: 11px; }
.items td { width: 150px; padding: 0 25px 0 25px; }
.prodimg { vertical-align: middle; }

.bold { font-weight: bold; text-transform: uppercase; }
.center { text-align: center; }
.onsale { color: #ff0000; }

.related { width: 98%; margin-top: 15px; margin: auto; }
.related td { width: 33%; }
.related img { border: solid 1px #000; }

.small					{ font-size: 7pt; }
.strikethrough			{ text-decoration: line-through; }
.light					{ background: #eee; text-transform: uppercase; color: #000; border: solid 1px #5b5851; }	

/* global */
.valigntop { vertical-align: top; }