/*
Styles written for Vision Fitness by Ashley Berg, 2008
*/

div#master { /*border: 1px solid #ccc;*/ background-color:#FFFFFF; margin:0 auto; z-index:2; padding: 0px; font: normal normal 11px "trebuchet ms", verdana, sans-serif; width: 780px; text-align:center; }

/* standard site utility styles */
.imgfloatR { float: right; margin-left: 10px; }
.imgfloatL { float: left; margin-right: 10px; }
.contentText { padding: 0px 50px 30px 160px; text-align: left; background-color: #ffffff;}
.contentText p { line-height: 2.0em; }
.contentMenu { padding: 20px 50px 30px 150px; text-align: left; }
.contentBlocks { padding: 20px 20px 20px 0px; margin: 0px 0px 0px 50px; text-align: left; }
.contentForm { padding: 0px 20px 30px 100px; margin: 0px 0px 0px 60px; text-align: left; }
.contentThickboxIframe { font: normal normal 11px "trebuchet ms", verdana, sans-serif; margin: 30px; width: 540px; text-align: left; background-color: #ffffff; }
a img { border: none; }

/* sitewide text styles */
h1 { font-size: 24px;}
h2 { font-size: 18px; }
h3 { font-size: 14px;}
.small { font-size: 10px; color: #666; }
.subhead { font-size: 11px; color: #666; }
.blueHead { color: #5E94D0;}
.quote { font-size: 24px; padding: 0px; margin: 0px; color: #CCC; }
.bodylist ul li, .bodylist li { padding-bottom: 20px; }
dl dt { font-size: 18px; font-weight: bold; color: #666; padding: 13px 0px; border-top: 0px solid #ccc; }
dl dd { margin: 0px 0px 15px 0px; font-size: 12px; }
dl dd.learnMore { border: 1px solid #ccc; background-color: #ffc; width: 240px; padding: 10px; margin-left: -10px; line-height: 16px; }
dd.learnMore div.prodButtons { float: right; }

/* topBar styles */
div#siteLink a, div#cartLink a, div#phoneEmail a { color: #fff; text-decoration: none; }
div#siteLink a:hover, div#cartLink a:hover, div#phoneEmail a:hover { text-decoration: underline; }
div#cartLink { float: right; background-image:url(../images/cart.gif); background-repeat:no-repeat; background-position:right; padding-right: 35px; }
div#siteLink { float: left; }
div#logoBar { text-align: left; height: 80px; vertical-align: middle; }
div#phoneEmail { text-align: center; margin-right: 50px; }
div#locatorBox { color: #fff; float: right; text-align: right; width: 200px; height: 40px; background-image:url(../images/locator_topbgHome2.gif); background-repeat: no-repeat; padding: 0px; margin: 0px 5px 0px 0px; }
div#locatorBox img { float: left; }
div#locatorBox form { margin: 0px; padding: 0px; margin-top: 3px; }
div#locatorBox form label { font-weight: bold; }
div#locatorBox form input { font-size: 0.85em; line-height: 12px; }

/* navBar styles */
div#navBar { height: 30px; }
div#navBar a { font-size: 13px; font-weight: bold; color: #333; text-decoration: none; margin: 0px; padding: 3px 18px; display: inline;}

/* flash banner styles */
div#flashBannerBike { background-image: url(../images/banners/home_bike_1a.jpg); width: 770px; height: 280px; margin-left: 5px; }
div#flashBannerEllip { background-image: url(../images/banners/home_ellip_3.jpg); width: 770px; height: 280px; margin-left: 5px; }
div#flashBannerSuspEllip { background-image: url(../images/banners/home_susp_ellip_1b.jpg); width: 770px; height: 280px; margin-left: 5px; }
div#flashBannerTread { background-image: url(../images/banners/home_tread_1b.jpg); width: 770px; height: 280px; margin-left: 5px; }
div#flashBannerStrength { background-image: url(../images/banners/comm_strength_1b.jpg); width: 770px; height: 280px; margin-left: 5px; }
div#flashBannerCardio { background-image: url(../images/banners/comm_cardio_1b.jpg); width: 770px; height: 280px; margin-left:  5px; }
div.categoryMenu {  float: left; margin: 15px 0px 0px 20px; width: 150px; }

/* homepage content scroller styles */
div#infoBoxCtrls { height: 20px; width: 120px; margin: 0px; padding: 0px; padding: 10px 5px 0px 650px; }
div#infoBoxCtrls a { display: inline; margin: 0px; padding: 0px; font-weight: bold; }
div#infoBox { /*background-color: yellow;*/ margin-top: 5px; height: 100px; overflow: hidden; }
div#infoBox div { margin: 5px 0px 0px 5px; text-align: left; width: 340px; height: 100px; }
div#infoBox div img { padding: 0px; margin: 0px; }

/* inner content styles */
div#content1Home { background-image:url(../images/homepage/home_banner_bottom.jpg); background-repeat: no-repeat; width: 770px; height: 135px; margin-left: 5px; }
div#content1Comm { background-image:url(../images/prodLinks_bgComm2_135px.jpg); background-repeat: no-repeat; width: 770px; height: 135px; margin-left: 5px; }
div#prodLinks { width: 420px; }
div#prodLinks div a { display: block; text-align: center; width: 105px; padding: 0px 10px 0px 10px; color: #5E94D0; text-decoration:none; font-weight: bold; }
div#prodLinks div a img { padding-bottom: 6px; }
div#infoBox { width: 350px; height: 110px; /*border-left: 1px solid #ccc;*/ float:right; }
div.floatL { float: left; margin:0px; padding:0px; padding-top: 20px; }
div#featuredLinks { margin: 15px 0px 0px 0px; padding: 0px; }
div#featuredLinks div.clear { clear: both; }
div.fLink { width: 150px; text-align:center; margin:0px; padding:5px 22px 0px 23px; background-color:#FFFFFF; }
div.fLink p { text-align: left; }
div.fLink p.subHead { font-size: 15px; font-weight: bold; color:#555; padding: 0px 0px 5px 0px; margin: 0px; }
div.fLink a { color: #333333; font-size: 11px; line-height: 15px; }
a img { border: none; }
a:hover img { border: none; }

/* category content */
div#contentCategory { text-align: left; width: 720px; margin: 0px 25px 0px 25px; }
div#contentCategory ul { margin: 0px 0px 20px 20px; }
div#contentCategory ul li { margin-top: 10px; }
div#categoryFeatures { background-image:url(../images/prodLinks_bg.gif); background-repeat:repeat-x; width: 770px; height: 120px; margin: 10px 0px 0px 5px;}
div#categoryFeatures div.floatL { float: left; margin: 0px; padding: 5px; width: 246px; text-align:left; }
div#categoryFeatures div.floatL div a { color: #666; }
div#categoryFeatures div.floatL div a img { float: left; padding-right: 5px; }
div#categoryFeatures div.floatL div a p { line-height: 12px; /*padding: 0px; margin: 0px;*/ }
div#productBuilder div.floatL2 { float: left; margin: 0px 0px 0px 12px; padding: 5px; text-align: center; }
.catFeature { margin: 0px; padding: 0px; margin-bottom: -8px; }
.nonLink { padding-top: 0px;}

/* product page specific styles here */
div#prodContent1 { text-align: left; padding: 10px 5px 25px 5px; }
div#prodContent1 h1 { color: #999; }
div#prodContent1 h5 { padding: 0px; margin: 5px 0px -5px 2px; color: #999; font-weight: normal; }
div#consoleSpecs h2, div#frameSpecs h2 { color: #999; padding: 10px 0px; border-bottom: 1px solid #ccc; text-align:center; }

div#col1 { float: left; width: 260px; }
div#col2 { float: right; width: 500px; }
div.leftMenu { float: left; width: 100px; margin: 20px 0px 0px 20px; }
div.prodMenu { float: right; margin-top: 10px; }
div.prodButtons a { display: block; width: 100px; color: #999; border: 1px solid #ccc; padding: 5px; margin-bottom: 5px; text-align:center; font-weight: bold; text-decoration: none; background-image: url(../images/menu_bg_grad.jpg); background-repeat:repeat-x; background-color:#FFF; }
div.prodButtons a:hover { border: 1px solid #999; color: #5E94D0; }
div#prodText { width: 370px; }
div#prodText iframe { width: 350px; }
h1.prodHead { margin: 5px 0px -10px 0px; }
h5.prodSubHead { line-height: 16px; margin-bottom: 5px; font-size: 11px; }

div#changeLinks table tr td p { font-size: 11px; }
div#changeLinks table tr td p a { color: #5E94D0; text-decoration:none; font-size: 11px; }
div#changeLinks table tr td p a:hover { color: #5E94D0; text-decoration: underline; font-size: 11px; }

/* frame and console specs formatting */
* html body div#frameSpecs { width: 335px; }
div#frameSpecs { line-height:1.25em; width: 335px; margin-right: 0px; border: 1px solid #ccc; background-color: #fff; float: right; background-image:url(../images/specs_bg_grad.jpg); background-repeat:repeat-x; } 
div#frameSpecs h2 { margin-bottom: 16px; }
* html body div#frameSpecs label { display: inline; color: #000; /* padding-left: 5px;letter-spacing: -1px; */ font-weight:bold; text-align:right; float:left; width:11.5em; }
div#frameSpecs label { display: inline; color: #000; /* padding-left: 5px;letter-spacing: -1px; */ font-weight:bold; text-align:right; float:left; width:12em; }
* html body div#frameSpecs div.multi_spec { margin-left: 11.5em; padding-left: 5px; width: 23em; /*font-size: .85em;*/ text-align:left; }
div#frameSpecs div.multi_spec { margin-left: 12.25em; padding-left: 5px; width: 22em; /*font-size: .85em;*/ text-align:left; }
* html body div_frameSpecsStrength { margin-left: -80px; }
div#frameSpecsStrength { line-height:1.5em; width: 550px; margin-left: 80px; margin-right: 5px; border: 1px solid #ccc; background-color: #fff; background-image:url(../images/specs_bg_grad.jpg); background-repeat:repeat-x; } 
* html body div#frameSpecsStrength h2 { margin-top: 16px; }
div#frameSpecsStrength h2 { margin-bottom: 16px; }
* html body div#frameSpecsStrength label { display: inline; color: #000; /* padding-left: 5px;letter-spacing: -1px; */ font-weight:bold; text-align:right; float:left; width:14.5em; }
div#frameSpecsStrength label { display: inline; color: #000; /* padding-left: 5px;letter-spacing: -1px; */ font-weight:bold; text-align:right; float:left; width:15em; }
* html body div#frameSpecsStrength div.multi_spec { margin-left: 10.75em; padding-left: 5px; width: 34em; /*font-size: .85em;*/ text-align:left; }
div#frameSpecsStrength div.multi_spec { margin-left: 15.25em; padding-left: 5px; width: 30em; /*font-size: .85em;*/ text-align:left; }
div#consoleSpecs { text-align: left; line-height:1.25em; width: 330px; margin: 0px 5px 30px 25px; } 
div#consoleSpecs label { display: inline; color: #000; /* padding-left: 5px;letter-spacing: -1px; */ font-weight:bold; text-align:right; float:left; width:10em; }
* html body div#consoleSpecs div.multi_spec { margin-left: 10.25em; padding-left: 5px; width: 18em; /*font-size: .85em;*/ text-align:left; }
div#consoleSpecs div.multi_spec { margin-left: 10.25em; padding-left: 5px; width: 19em; /*font-size: .85em;*/ text-align:left; }
p.feature a:hover { color: #ccc; }
#largeImg { border: 1px solid #ccc; }
* html body div#frameSpecsWide { width: 670px; }
div#frameSpecsWide { line-height:1.25em; width: 670px; margin-right: 20px; border: 1px solid #ccc; background-color: #fff; float: right; background-image:url(../images/specs_bg_grad.jpg); background-repeat:repeat-x; } 
div#frameSpecsWide h2 { margin-bottom: 16px; }

/* product list page styles */
div.prodCol { float: left; text-align: center; width: 140px; padding: 15px 10px; margin: 0px 10px 20px 0px; }

/* tooltip styles */
#tooltip{ font: normal normal 11px "trebuchet ms", verdana, sans-serif; text-align: left; position:absolute; border:1px solid #ccc; background:#f0f0f0; padding:2px 5px; color:#333; display:none; }

/* sprint 8 page styles */
div#floatBox { width:250px; float: right; margin-left:10px; margin-right:-20px; }
div#philBox { padding:10px; margin-top: 20px; border: 1px solid #ccc; }
ul.head { margin: 0px; padding: 0px; padding-left: 15px;}
ul.head li { padding-bottom: 20px; }
div#s8_testimonial { padding: 10px; background-color:#ffc; border: 1px solid #ccc; }
h4 { font-size: 1.2em; margin: 0px 0px 10px 0px; }
.pTmarg { margin: 0px 0px 0px 0px; }
ul.videoList { list-style-type: none; margin: 0px; padding: 0px; padding-top: 20px; }
ul.videoList li { padding: 0px; margin: 0px 0px 30px 0px; }

/* model comparison styles */
div#contentCompare { background-color: #fff; }
div#contentCompare form {  width: 400px; }
div#contentCompare ul li { list-style-type: none; }

/* form styles */
form.formStyle { padding: 20px 0px;}
form.formStyle fieldset { border: 0px solid #666; padding: 30px; margin-bottom: 40px; background-color: #f0f0f0; }
form.formStyle fieldset p { color: #666; }
form.formStyle legend { padding: 10px; font-size: 14px; background-color: #f0f0f0; }
form.formStyle p { padding: 10px 0px; }
form.formStyle label { font-size: 12px; color: #666; }
form.formStyle p label { font-size: 12px; color: #666; float: left; width: 140px; margin: 0px; text-align: right; }
form.formStyle p input, form.formStyle p select, form.formStyle p textarea { margin: 0px 0px 0px 10px; text-align: left; }
form.formStyle input#submit { margin: 30px 0px 10px 250px; }
form.formStyle ul.errorlist { color: #f00; margin-left: 110px; padding: 5px; list-style-type: none; }
div.formSentThanks { padding: 50px; }
div.formSentThanks h3 { color: #f00; }

/* mini sitemap styles */
div#sitemap { clear:both; padding: 30px 0px 50px 20px; border-top: 1px solid #ccc; }
div.col { width: 150px; float: left; padding: 0px 1px; text-align:left; }
div.col h3 { margin: 0px; padding: 0px 0px 2px 0px;}
div.col ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type: none; }
div.col ul li { margin: 0px; padding: 0px;}
div.col ul li a { line-height: 18px; }

/* footer styles */
div#footer { clear: both; background-color: #b2b2b2; }
div#footer p { color: #666; }
div#footer p a { text-decoration: none; color: #666; }
div#footer p a:hover { text-decoration: underline; color: #666; }
div#footer div.bottomLinks a { color: #fff; text-decoration:none; }
div#footer div.bottomLinks a:hover { color: #fff; text-decoration:underline; }