/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/topNav.css";
@import "lib/util.css";
@import "lib/thickbox.css";
@import "lib/webkit.css"; 

/* Site
-------------------------------------------------------------- */
  
/*
Styles written for Johnson Health Tech North America by Ashley Berg, 2008-2009
*/

html { margin:0 auto; padding:0px; background-image:url(../images/css_src/bg_grad.jpg); background-repeat:repeat-x; background-color: #B2B2B2; }
body { margin:0 auto; padding:0px; text-align:center; background-position: top center; background-image:url(../images/css_src/snowDrift.png); background-repeat: no-repeat; }

div#header { height: 100px; width: 780px; margin: 0 auto; padding-top: 3px; }
div#header div p, div#header div p a, div#header div a { color: #fff; font-size: 90%; }
div#header div.left { float: left; width: 200px; text-align: left; }
div#header div.left img { margin: 10px 0px 0px 20px; }
div#header div.center { float: left; width: 374px; }
div#header div.right { float: right; width: 200px; text-align: right; }

div#container { margin: auto; background-color:#FFFFFF; z-index:2; width: 770px; padding: 0px 5px; text-align:center; }

div#topNav { display: block; height: 40px; width: 770px; margin: 0px 0px 0px 0px; }
ul.sf-menu { width: 770px; background-image:url(../images/css_src/topNavGradBg.png); background-repeat: repeat-x; list-style-type: none; }

div#breadcrumbs { text-align: left; color: #666; font-size: 88%; background-image:url(../images/css_src/topNavGradBg.png); background-repeat: repeat-x; width: 770px; height: 24px; margin: 0px 0px -5px 0px; }
div#breadcrumbs ul { list-style-type: none; margin: 5px 0px 10px 32px; padding: 0px; }
div#breadcrumbs ul li { display: inline; margin: 0px; padding: 0px; }
div#breadcrumbs ul img { padding: 0px 10px; vertical-align: middle; }

div#banner { width: 770px; height: 280px; margin: 0px; }
div#banner div#infoBoxCtrls { padding: 260px 20px 0px 0px; text-align: right; font-weight: bold; font-size: 100%; }
div#banner div.leftMenu { padding-top: 6px; }
.homeHomepageBanner { background-image:url(../images/banners/banner_home.jpg); background-repeat: no-repeat; }
.commHomepageBanner { background-image:url(../images/banners/banner_comm.jpg); background-repeat: no-repeat; }
.bikeBanner { background-image:url(../images/banners/banner_bikes.jpg); background-repeat: no-repeat; }
.ellipBanner { background-image:url(../images/banners/banner_ellipticals.jpg); background-repeat: no-repeat; }
.suspEllipBanner { background-image:url(../images/banners/banner_suspEllipticals.jpg); background-repeat: no-repeat; }
.treadBanner { background-image:url(../images/banners/banner_treadmills.jpg); background-repeat: no-repeat; }
.strengthBanner { background-image:url(../images/banners/banner_strength.jpg); background-repeat: no-repeat; }
.cardioBanner { background-image:url(../images/banners/banner_cardio.jpg); background-repeat: no-repeat; }
.supportBanner { background-image:url(../images/banners/banner_support.jpg); background-repeat: no-repeat; }
.wellnessBanner { background-image:url(../images/banners/banner_wellness.jpg); background-repeat: no-repeat; }
.companyBanner { background-image:url(../images/banners/banner_company.jpg); background-repeat: no-repeat; }
.shopBanner { background-image:url(../images/banners/banner_shop.jpg); background-repeat: no-repeat; }

div#prodLinks { width: 385px; height: 100px; float: left; padding: 5px 0px 0px 0px; }
div#prodLinks a { color: #666; text-align: center; height: 100px; display: block; float: left; padding-top: 5px; margin-right: 5px; border: 1px solid #ccc; background-image:url(../images/css_src/topNavGradBg.png); background-position: bottom center; background-repeat: repeat-x; width: 120px; }
div#prodLinks a:hover { color: #0069AA; text-decoration: none; border: 1px solid #999; }

div#infoBox { height: 105px; margin-top: 5px; overflow: hidden; }
div#infoBox div { margin: 0px; text-align: left; width: 385px; }
div#infoBox div img { padding: 0px; margin: 0px; }

div.blueGrad { margin: -4px 0px -5px 0px; padding: 0px; }
div#featuredLinks { margin: 0px; padding-bottom: 5px; background-color: #08488C; color: #fff; }
div#featuredLinks div { float: left; width: 187px; height: 220px; margin-right: 0px; margin-left: 4px; background-color: #063A70; }
div#featuredLinks div h3 { padding: 5px; margin: 0px; font-size: 120%; text-align: left; }
div#featuredLinks div p { padding: 10px; font-size: 95%; text-align: left; }
div#featuredLinks a, div#featuredLinks a:hover { color: #fff; text-decoration: none; }

div#categoryFeatures { width: 770px; margin-bottom: 20px; }
div#categoryFeatures div.clickable { float: left; border: 1px solid #ccc; width: 250px; cursor: pointer; background-image:url(../images/css_src/topNavGradBg.png); background-position: bottom center; background-repeat: repeat-x; }
div#categoryFeatures div.keyword { padding: 10px; text-align: left; }

div#productBuilder { float: right; text-align: center; margin: 0px -25px 20px 20px; }
div#frames div, div#consoles div, div.selectorExtras div { float: left; margin: 0px 5px 10px 0px; padding: 5px 0px; text-align: center; cursor: pointer; background-image:url(../images/css_src/topNavGradBg.png); background-position: bottom center; background-repeat: repeat-x; border: 1px solid #f0f0f0; width: 125px; color: #0069AA; }
div#frames div label, div#consoles div label { display: block; }
div.chooseEllip { cursor: pointer; background-image:url(../images/css_src/topNavGradBg.png); background-position: bottom center; background-repeat: repeat-x; float: left; width: 265px; border: 1px solid #ccc; color: #0069AA; }

div.chooseConsBox { float: left; margin: 10px 10px 40px 10px; padding: 20px 0px; border: 1px solid #ccc; background-image:url(../images/css_src/topNavGradBg2.png); background-position: top center; background-repeat: repeat-x; }
div.chooseFrameBox { text-align: left; margin: 30px 200px 20px 50px; height: 200px; padding: 20px; border: 1px solid #ccc; background-image:url(../images/css_src/topNavGradBg2.png); background-position: top center; background-repeat: repeat-x; }

/* product pages */
div#prodContent1 { text-align: left; padding: 10px 5px 25px 5px; }
div#consoleSpecs h2, div#frameSpecs h2 { color: #0069AA; padding: 10px 0px; border-bottom: 1px solid #ccc; text-align:center; }
div#col1 { float: left; width: 260px; }
div#col2 { float: right; width: 500px; }
div.prodMenu { float: right; margin-top: 10px; }
div#prodText { width: 370px; }
div#prodText iframe { width: 350px; }
h1.prodHead { margin: 10px 0px -10px 0px; color: #0069AA; }
h5.prodSubHead { font-size: 11px; color: #999; margin: 8px 0px 10px 2px; font-weight: normal; padding: 0px; }

/* frame and console specs formatting */
* html body div#frameSpecs { width: 380px; }
div#frameSpecs { line-height:1.25em; width: 380px; margin-right: 5px; border: 1px solid #ccc; background-color: #fff; float: right; background-image:url(../images/css_src/topNavGradBg2.png); background-repeat:repeat-x; }
div#frameSpecs h2 { margin-bottom: 16px; color: #0069AA; }
* html body div#frameSpecs label { display: inline; color: #000; /* padding-left: 5px;letter-spacing: -1px; */ font-weight:bold; text-align:right; float:left; width:10.5em; }
div#frameSpecs label { display: inline; color: #000; /* padding-left: 5px;letter-spacing: -1px; */ font-weight:bold; text-align:right; float:left; width:11em; }
* html body div#frameSpecs div.multi_spec { margin-left: 10.5em; padding-left: 5px; width: 22em; /*font-size: .85em;*/ text-align:left; }
div#frameSpecs div.multi_spec { margin-left: 11.25em; padding-left: 5px; width: 21em; /*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/css_src/topNavGradBg2.png); background-repeat:repeat-x; }
* html body div#frameSpecsStrength h2 { margin-top: 16px; }
div#frameSpecsStrength h2 { margin-top: 16px; color: #0069AA; }
* 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: 350px; margin: 0px 5px 30px 10px; } 
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; }

/* product list page styles */
div.prodCol { background-image:url(../images/css_src/topNavGradBg2.png); background-position: top center; background-repeat: repeat-x; float: left; text-align: center; width: 188px; padding: 10px; margin: 0px 10px 10px 0px; border: 1px solid #ccc; }
div.prodCol div { text-decoration: none; cursor: pointer; }
div.prodCol a h2 { color: #0069AA; }

/* order parts list page */
/*div.partBox { background-image:url(../images/css_src/topNavGradBg.png); background-position: bottom center; background-repeat: repeat-x; padding: 20px; margin: 0px 10px 10px 0px; border: 1px solid #ccc; }*/
div.partBox { padding: 20px; margin: 0px 10px 10px 0px; border: 1px solid #ccc; }
div.partBox a h3 { color: #0069AA; }

/* cart screens */
p.notice { font-weight: bold; color: red; padding: 10px; }

/* intl. distributors styles */
div.dist { float: left; width: 200px; height: 200px; }

/* jquery tooltips */
#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; }

/* secure */
.videoBox p.btmDash { border-bottom: 1px dashed #ccc; line-height:20px; }
.videoBox .subBox { padding: 10px; border: 1px solid #ccc; margin-bottom: 20px; }
.videoBox .subBox p.h { background-color: #999; color: #fff; font-weight: bold; padding: 3px 3px 3px 10px; margin: 0px; }
.videoBox .subBox p { margin: 0px; padding: 10px 0px 0px 10px; }
.videoBox .subBox a { margin-left: 25px; color: #0069AA; }

/* sitemap */
div#sitemap { clear:both; padding: 20px 0px 50px 20px; font-size: 88%; height: 120px; width: 770px; }
div.col { width: 150px; float: left; padding: 0px 1px; text-align:left; }
div.col h3 { margin: 0px; padding: 0px 0px 2px 0px; font-size: 120%; color: #333; }
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: 16px; }

/* footer */
div#footer { clear: both; font-size: 85%; margin: 0px; height: 69px; text-align:center; background-position: center; background-image:url(../images/css_src/snowDrift_bottom.png); background-repeat:no-repeat; color: #666; }
div#footer div#wrapper { margin: 0 auto; width: 780px; padding: 15px 0px 0px 0px; }
div#footer p a { color: #666; }
div#footer a { color: #fff; }