/* -------------------------------------------------- */
/* Bruce101 CSS                                       */
/* Designed by Bruce Etzcorn                          */
/* www.pmtadvertising.com                             */
/* info@pmtads.com                                    */
/* -------------------------------------------------- */

body { background-color: #8FA4D3; background-image: url('../images/background.jpg'); background-repeat: repeat-x; padding: 0px; margin: 0 auto; text-align: left; }

.clearer { height: 0; line-height: 0px; clear:both;}

/* -------------------------------------------------- */
/* Links                                              */
/* -------------------------------------------------- */

a  { color: #cc6600; text-decoration: none; }

a:hover { color: #999; }

.disclaimer a { color: #ccc; }

.disclaimer a:hover { color: #e0e000; }

body#wholesale dl dd a { color: blue; }

body#wholesale dl { border: 1px solid #d3d7e4; padding: 1px 0 9px 20px; background-color: #fafbfe; }

body#wholesale dl dd { padding: 8px 0; }


/* -------------------------------------------------- */
/* Navigation (drop down)                             */
/* -------------------------------------------------- */

/*	=navigation
---------------------------------------------------------------- */

.navigation { float: left; width: 100%; text-align: left; height: 35px; background-color: #212121; margin: 0 auto; _margin: 0; }

/* Dropdown */
.navigation ul { list-style-type: none; margin: 0; padding: 0; list-style: none; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size: 13px; }

.navigation ul li { position: relative; float: left; }

.navigation li ul {
	/* this width is needed for IE6 and should match with selector - div.navigation li ul li a (Sub Menu Styles) */
	width: 80px;
	position: absolute;
	top: 30px;
	left: 7px;
	display: none;
}

/* Styles for Menu Items */
.navigation ul li a {
	height: 100%;	/* The dropdown disapears when you try to mouse-over it in IE7 - this fixes that issue. */
	color: #222222;
	display: block;
	font-weight: bold;
	padding: 5px 7px;
	line-height: 15px;
	margin-top: 5px;
	margin-left: 7px;
	background-color: #fff;	/* IE6 Bug */
}

div#navigation ul #t-buyNow a { color: #cc0000; font-weight: bold; }


/* Fix IE. Hide from IE Mac \*/
* html .navigation ul li { float: left; height: 1%; }
* html .navigation ul li a { height: 1%; }

* html .navigation ul li a { float: left; margin-left: 4px; padding: 5px; }
/* The selector below prevents the over links from appearing to display inline. */
* html .navigation li ul li { clear: both; }
/* End Fix IE*/

.navigation ul li ul li { margin: 0px; padding: 0px; }

.navigation ul li a:hover, 
.navigation li ul li a:hover {
	color: #cc0000;
}
.navigation li ul li a:hover { /* background-image: none; */ background-color: #ccc; }

.navigation li ul li a {
	/* Sub Menu Styles */
	width: 80px;
	line-height: 15px;
	margin: 0px;
	background-color: #fff;
}

.navigation li ul li { border: 1px solid #abb7c4; border-top: none; }
.navigation li:hover ul, .navigation li.over ul { display: block; }		/* The magic */

/* End Dropdown */


/* -------------------------------------------------- */
/* Site Elements                                      */
/* -------------------------------------------------- */

h1 { font-family: "Verdana", Airal, Helvetica, sans-serif; font-size: 1.00em; line-height: 1.85em; color: #2F4574; border-bottom: 1px solid #999; padding: 5px; }

h2 { font-family: "Verdana", Airal, Helvetica, sans-serif; font-size: 1.70em; }

.constraint { width: 820px; margin: 0 auto; }

.fullWidth { width: 98%; margin: 0 auto; }

.leftRail { background-image: url('../images/borderLeft.png'); background-repeat: repeat-y; background-position: top left; padding-left: 15px; }

.rightRail { background-image: url('../images/borderRight.png'); background-repeat: repeat-y; background-position: top right; padding-right: 15px; }

.header { height: 148px; background-color: #FFFFFF; }

.logo { float: left; width: 300px; height: 83px; padding: 0; }

body#wholesale .header p, .provides p, body#consumer .header p { text-align: center; font-family: "Verdana", Arial, Helvetica, sans-serif; float: left; width: 530px; font-size: 11px; color: #fff;  margin: 0; padding: 5px; padding-top: 0; background-color: #4278ae; }

body#consumer .header p span.giftTitle { font-size: 16px; font-weight: bold; text-decoration: underline; }
body#consumer .header p span.giftDescription { text-decoration: underline; }

body#products .header p, body#aboutUs .header p, body#review .header p, body#contactUs .header p { text-align: center; font-family: "Verdana", Arial, Helvetica, sans-serif; float: left; width: 450px; font-size: 11px; color: #fff;  margin: 0; padding: 5px; padding-top: 0; background-color: #4278ae; }
body#products .adjustmentInstructions { float: left; margin: 5px 0 0 30px; }

body#wholesale a span.linkSmall, body#providers a span.linkSmall { font-size: 10px; }

.slideshow{ font-size: 80%; font-family: verdana; text-align: center; }

.flashArea { height: 400px; background-color: #CCCCCC; }

.contentArea { border: 1px solid #FFFFFF; background-color: #F1F3F9; }

.left { float: left; }

.right { float: right; }

.small, .medium, .large { padding: 10px; }

.small { width: 220px; _width: 215px; }

.email { font-size: 14px; }

.medium { width: 520px; }

.footer { border: 1px solid #CCCCCC; background-color: #5878BB; margin: 0 auto; text-align: center; padding-top: 5px; padding-bottom: 5px; color: #333333; }

.sideBar { background-image: url('../images/sideBar.jpg'); background-repeat: repeat-y; background-position: top right; height: 600px; }

.photoHolderVid { padding: 15px; }

.headerContent { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 1.00em; line-height: 1.85em; color: #2F4574; float: right; padding: 10px 10px 0 0; _padding: -20px 10px -10px 0; width: 375px; }

/* -------------------------------------------------- */
/* Navigation                                         */
/* -------------------------------------------------- */

.navigation { height: 35px; background-color: #212121; border-top: 1px solid #999999; border-bottom: 1px solid #999999; margin: 0 auto; _margin: 0; }

.navigation .subHeadline {
font-family: "Helvetica Neue", Airal, Helvetica, sans-serif;
font-weight: normal;
line-height: 5px;
}

.button{
margin: 4px 0 0 8px;
_margin: 4px 0 0 6px;
float: left;
height: 10px;
width: 58px;
background-image: url('../images/btn_bg.jpg');
padding: 12px 7px 2px 7px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #999;
border-top: 1px solid #999;
}

.buttonSml {
margin: 4px 0 0 8px;
_margin: 4px 0 0 6px;
float: left;
height: 10px;
width: 42px;
background-image: url('../images/btn_bg.jpg');
padding: 12px 8px 2px 8px;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-left: 1px solid #999;
border-top: 1px solid #999;
}

.button a, .buttonSml a { color: #5A677C; font-size: 11px; }

.button a:hover, .buttonSml a:hover{ color: #660000; }

a img {border: 0;}

.consumerSalesButton a, .consumerSalesButton a:hover { display: block; height: 60px; background: url('../images/consumerSalesBtn.jpg') no-repeat top left; margin: 10px 0 0 0; }

.consumerSalesButton a { background: url('../images/consumerSalesBtn.jpg') no-repeat top left; }

.consumerSalesButton a:hover { background: url('../images/consumerSalesBtnHover.jpg') no-repeat top left; }

/*
.navigation .L-buyNow { font-weight: bold; }
.navigation .L-buyNow a { color: #990000; }
.navigation .L-buyNow a:hover { color: #660000; }
*/

/* -------------------------------------------------- */
/* Text Elements                                      */
/* -------------------------------------------------- */

.siteText, .disclaimer, .headline, .subHeadline { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }

.siteText { font-size: .85em; line-height: 1.6em; color: #2F4574; }

#reviews .siteText { width: 100%; }

.headerText { font-size: .75em; line-height: 1.65em; color: #2F4574; padding: 0px 0 0 0; }

.header .headerText { font-size: 12px; line-height: 1.5em; color: #2F4574; padding: 0px 0 0 0; }

body#products .header a, body#aboutUs .header a, body#review .header a, body#contactUs .header a { color: #ffdf07; }
body#products .header a:hover, body#aboutUs .header a:hover, body#review .header a:hover, body#contactUs .header a:hover { color: #000; }

.visitUs { width: 360px;  background-color: #cc0000; color: #fff; padding: 2px 0; padding-right: 20px; font-size: 9px; text-align: center; margin: 5px 0 0 0; }
.visitUs b { float: left; display: block; width: 360px; font-size: 11px; font-weight: normal; text-align: left; padding: 5px 0 5px 10px; }
.visitUs img { float: left; display: block; width: 108px; margin-top: 9px; }
.visitUs a, .qvcLink { color: #fff500; }
.visitUs .est { font-size: 9px; }
img.hmeLogoSmall { float: left; }

a.hmeLink { font-size: 12px; }
.headerText a.hmeLink { font-family: "Palatino Linotype", Book Antiqua, Palatino, serif; color: #3b7e70; }
.headerText a.hmeLink:hover { text-decoration: underline; }

.disclaimer { font-size: .65em; }

.headline { font-size: .75em; font-weight: bold; color: #2F4574; }

.flashCane #contactSlides { width: 200px; float: right; }

.subHeadline { font-size: .75em; font-weight: bold; }

.highlight { color: #C11016; }

li { padding-bottom: 5px; }

.textImage { float: left; padding: 5px; }

/* -------------------------------------------------- */
/* Table Elements                                     */
/* -------------------------------------------------- */

.content table { width: 100%; }

.smallTable, .largeTable { margin: 0; }

.smallTable { width: 275px; }

body#providers .largeProviders h1 { font-size: 19px; }

.tableHeaders { border-bottom: 0; text-transform: uppercase;  margin: 0; padding: 0; font-size: 32px; font-weight: normal; }

body#overview table { font-family: "Verdana", Airal, Helvetica, sans-serif; width: 100%; margin-top: 5px; border-collapse: collapse; text-align: left; background-color: #faf6ee; font-size: 14px; }

body#overview .productTableRowAlt { background-color: #ede5cc; }

body#overview thead th { padding: 5px; border: 1px solid #CCCCCC; text-transform: uppercase; text-align: center; font-weight: bold; color: #cc0000; background-color: #ede5cc; }

body#overview tfoot { padding: 5px; text-align: left; border: 1px solid #CCCCCC; }

body#overview td { padding: 10px; border: 1px solid #CCCCCC; width: 50%; }

/* -------------------------------------------------- */
/* Features                                           */
/* -------------------------------------------------- */

.featuresContent { position: relative; padding: 0px; margin: 0 auto; text-align: center; background-color: #F1F3F9; }

.featuresContent .headline { border-bottom: 0px; }

.foreArmBracing { text-align: left; position: absolute; width: 225px; top: 45px; right: 60px; }

.ergonomicGrip  { text-align: left; position: absolute; width: 250px; top: 260px; right: 110px; }

.offsetBend  { text-align: left; position: absolute; width: 240px; top: 370px; right: 460px; }

.series  { text-align: left; position: absolute; width: 315px; top: 590px; right: 5px; }

.contactNow  { text-align: left; position: absolute; width: 315px; top: 700px; right: 5px; }

.floorTip  { text-align: left; position: absolute; width: 325px; top: 640px; right: 410px; }

.nutLobes  { text-align: left; position: absolute; width: 200px; top: 460px; right: 125px;}

.foamGrip  { text-align: left; position: absolute; width: 255px; top: 120px; right: 500px; }

.headerImages { position: relative; }

.leaf { z-index: 10; position: absolute; height: 180px; width: 200px; top: -15px; right: 12px; background-image: url('../images/leaf.png'); background-repeat: no-repeat; }

.compass { z-index: 10; position: absolute; height: 160px; width: 250px; top: -10px; right: 15px; background-image: url('../images/compass.png'); background-repeat: no-repeat; }

.wholesale { z-index: 10; position: absolute; height: 160px; width: 250px; top: 2px; right: -21px; }

.providerImg { z-index: 10; position: absolute; height: 160px; width: 250px; top: 12px; right: -1px; background-image: url('../images/about_txt-02.jpg'); background-repeat: no-repeat; }

.couple { z-index: 10; position: absolute; height: 160px; width: 250px; top: 2px; right: -70px; background-image: url('../images/canecloseup.jpg'); background-repeat: no-repeat; }

.people { z-index: 10; position: absolute; height: 137px; width: 305px; top: 30px; right: 30px; background-image: url('../images/about_header.jpg'); background-repeat: no-repeat; }

.leaf { z-index: 10; position: absolute; height: 180px; width: 200px; top: -15px; right: 12px; background-image: url('../images/leaf.png'); background-repeat: no-repeat; }

.clipboard { z-index: 10; position: absolute; height: 135px; width: 165px; top: 10px; right: 15px; background-image: url('../images/couple.jpg'); background-repeat: no-repeat; }

.binocular { z-index: 10; position: absolute; height: 125px; width: 165px; top: 10px; right: 15px; background-image: url('../images/binocular.png'); background-repeat: no-repeat; }

/* -------------------------------------------------- */
/* Press Release                                      */
/* -------------------------------------------------- */

.prContent { padding: 10px; }
.prContent .hmeLogo { float: left; }
.prContent h1 { float: left; width: 525px; margin-left: 15px; }

/* -------------------------------------------------- */
/* Home                                          */
/* -------------------------------------------------- */
.largeHome { background-image: url('../images/home_bg.jpg'); background-position: right; background-repeat: no-repeat; padding: 10px 10px 0 10px; }

.homeImages { text-align: center; }

.homeImages img { margin: 4px 2px 4px 2px; border: 1px solid #fff; }

.homeImages a:hover img { border: 1px solid #666; }

.topImage { margin: 0 auto; padding: 0 0 0 15px; }

/* -------------------------------------------------- */
/* Thank You                                   */
/* -------------------------------------------------- */

.thankYouContent { font-size: 25px; font-weight: bold; text-align: center; padding: 50px 20px 60px 20px; margin-top: 60px; border-bottom: none; line-height: 35px; }

/* -------------------------------------------------- */
/* About                                          */
/* -------------------------------------------------- */
.largeAbout, .largeProviders { background-image: url('../images/content_bg.jpg'); background-repeat: no-repeat; padding: 10px; }

div.quote { float: right; font-size: 14px; margin: 10px 60px 0 0; color: #990000; font-family: "Arial", Helvetica, sans-serif; line-height: 16px; }

.tradeShowImage { float: right; margin: 0 0 0 10px; }

/* -------------------------------------------------- */
/* Reviews                                       */
/* -------------------------------------------------- */
.largeReviews { background: url('../images/reviews_bg.jpg') no-repeat center top; padding: 10px; }

.videoNav { text-align: center; margin: 0 20px 0 0; }

.videoNav a { margin: 0 0 0 20px; }

.topReview img { float: left; padding: 5px; cursor: pointer; }

.letter{ margin: 20px; }

/* -------------------------------------------------- */
/* Providers                                          */
/* -------------------------------------------------- */

.providersHmeLink { border: 1px solid #ccc; }
.providersHmeLink, .providersHme { float: left; margin-right: 15px; }
.providersHme { font-family: "Palatino Linotype", Book Antiqua, Palatino, serif; width: 640px; margin-top: 0; color: #3b7e70; }

body#providers .addProviders { padding: 12px; background-color: #fff; border: 1px solid #5878bb; }

/* -------------------------------------------------- */
/* Contact                                            */
/* -------------------------------------------------- */

#contactInfo { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; color: #2F4574; }

#contactInfo dd { margin: 7px 0; padding: 0; font-weight: bold; font-size: 155%; }

#contactInfo dd a { text-decoration: underline;}

.reimbursement { font-family: "Verdana", Arial, Helvetica, sans-serif; font-size: 12px; color: #2F4574; }


body#wholesale .header p a, body#providers .header p a { color: #ffea00; text-decoration: underline; }
body#wholesale .header p a:hover, body#providers .header p a:hover { color: #001c77; }

body#wholesale .header p, body#providers .header p { font-size: 12px; }