* { margin: 0; padding: 0; }
html, body { height: 100%; }
body { margin: 0; padding: 0; font: 16px/1.4 Arial, Verdana, Helvetica, sans-serif; text-align: center; color: #000000; background-color: #ffd650; }
a { }
h1, h2, h3, h4, h5, h6 { }
img { border: 0 none; }
p, ul, ol, dt, dl { margin: 0 0 1em; font-size: 75%; line-height: 1.4; }
ul li, ol li, li ul, li ol, dl dt, dl dd { font-size: 100%; line-height: 1.4; }
ul { margin: 0 0 1em; padding: 0 0 0 2em; }
table {
margin: 1em 0 5px;
color: #000000;
font: 16px/1.4 Verdana, Arial, Helvetica, sans-serif;
text-align: left;
background-color: #fff;
border-collapse: collapse;
border-right: 2px solid #5e5e5e;
border-bottom: 2px solid #5e5e5e;
}
th, td { padding: 5px; font-size: 0.6875em; line-height: 1.4; border-top: 1px solid #757575; border-left: 1px solid #757575; }
th { text-align: center; }
caption { caption-side: bottom; margin: 0 0 1em; text-align: left; font-size: 0.6875em; line-height: 1.4; }
/* -----------------------------------------------------------------------------
COMMON PAGE ELEMENTS
----------------------------------------------------------------------------- */
#page-wrapper { margin: 0; height: 100%; width: 100%; background: url(../images/bg-fluke-nation.jpg) repeat-x 50.1% 0; }
#page-frame { position: relative; margin: 0 auto 0 auto; padding: 53px 0 0; width: 924px; height: 601px; text-align: left; background: transparent url(../images/frame.gif) no-repeat 0 53px; }
#content-wrapper { margin-left: 53px; }
/* Several pages have different start points from the top and differnet widths.
Apply the appropriate class to the #content-wrapper div. */
.pg-default { padding-top: 66px; width: 455px; }
.pg-gearup { padding-top: 133px; width: 425px; }
.pg-show-me-the-products { padding-top: 29px; width: 515px; }
h1#logo { position: relative; margin-top: 11px; margin-left: 26px; width: 305px; height: 205px; }
/* -----------------------------------------------------------------------------
NAVIGATION MENU
----------------------------------------------------------------------------- */
ul#navigation { position: absolute; margin: 0; padding: 0; left: 513px; top: 64px; width: 366px; list-style: none; }
/* apply common styles to the menu's elements. */
#navigation li { display: inline; margin: 0; padding: 0; list-style-type: none; height: 40px; background-color: transparent; }
#navigation li a { float: left; margin: 0; padding: 40px 0 0 0; overflow: hidden; height: 0px !important; height /**/:40px; /* for IE5/Win only */}
/* Tri-state buttons -
1. normal has black text.
2. hover active has white text and background gradient.
3. selected has white star, white text and background gradient. */
/* NAVIGATION - Join Us */
#navigation li#n-joinup a:hover,
#navigation li#n-joinup a:active { background-position: 0 -40px; }
#navigation li#n-joinup a.selected { background-position: 0 -80px; }
#navigation li#n-joinup a.selected:hover,
#navigation li#n-joinup a.selected:active { background-position: 0 -40px; }
/* NAVIGATION - Gear Up
#navigation li#n-gearup a:hover,
#navigation li#n-gearup a:active { background-position: -109px -40px; }
#navigation li#n-gearup a.selected { background-position: -109px -80px; }
#navigation li#n-gearup a.selected:hover,
#navigation li#n-gearup a.selected:active { background-position: -109px -40px; }*/
/* NAVIGATION - Archive */
#navigation li#n-archive a:hover,
#navigation li#n-archive a:active { background-position: -109px -40px; }
#navigation li#n-archive a.selected { background-position: -109px -80px; }
#navigation li#n-archive a.selected:hover,
#navigation li#n-archive a.selected:active { background-position: -109px -40px; }
/* NAVIGATION - Fluke; the Fluke logo on the menu has no rollover feature so pin it in place. */
#navigation li#n-fluke a:hover,
#navigation li#n-fluke a:active,
#navigation li#n-fluke a.selected,
#navigation li#n-fluke a.selected:hover,
#navigation li#n-fluke a.selected:active { background-position: -218px 0; }
/* Set backgrounds for each anchor. Fix IE flicker by adding backgrounds to the list items. */
#n-joinup, #n-joinup a { width: 109px; background: url(../images/navigation.jpg) no-repeat 0 0; }
/* #n-gearup, #n-gearup a { width: 109px; background: url(../images/navigation.jpg) no-repeat -109px 0; } */
#n-archive, #n-archive a { width: 109px; background: url(../images/navigation.jpg) no-repeat -109px 0; }
#n-fluke, #n-fluke a { width: 148px; background: url(../images/navigation.jpg) no-repeat -218px 0; }
/* -----------------------------------------------------------------------------
PAGES
----------------------------------------------------------------------------- */
/* Default page */
h2.welcome { margin: 0 0 1em; padding: 14px 0 0; width: 246px; overflow: hidden; height: 0px !important; height /**/:14px; /* for IE5/Win only */ background: url(../images/h2-welcome-to-the-nation.gif) no-repeat; }
.hero-image-pg-default { position: absolute; top: 152px; right: 13px; width: 409px; height: 439px; background: url(../images/hero-hand.gif) no-repeat 0 0; }
/* Gear Up page
h2.exclusive { margin: 0 0 1em; padding: 14px 0 0; width: 169px; overflow: hidden; height: 0px !important; height /*:14px; for IE5/Win only background: url(../images/h2-exclusive-offer.gif) no-repeat; }
.hero-image-pg-gearup { position: absolute; top: 262px; right: 27px; width: 398px; height: 258px; background: url(../images/fishing.gif) no-repeat 0 0; } */
/* Archive page */
h2.exclusive { margin: 0 0 1em; padding: 14px 0 0; width: 207px; overflow: hidden; height: 0px !important; height /**/:14px; /* for IE5/Win only */ background: url(../images/h2-News-Archive-offer.gif) no-repeat; }
.hero-image-pg-gearup { position: absolute; top: 262px; right: 27px; width: 398px; height: 258px; background: url(../images/fishing.gif) no-repeat 0 0; }
/* Show Me the Products page */
h2.show-me-the-products { margin: 0 0 1em; padding: 14px 0 0; width: 182px; overflow: hidden; height: 0px !important; height /**/:14px; /* for IE5/Win only */ background: url(../images/h2-a-genuine-legacy.gif) no-repeat; }
#menu-products { margin: 12px 0 15px 53px; padding: 0; width: 515px; list-style: none; font-size: 68.75%; }
#menu-products li { margin: 0; padding: 0; display: inline; text-align: center; }
#menu-products li a { float: left; text-decoration: none; }
#menu-products li a.tab-off { color: #0060ff; }
#menu-products li a.tab-on { color: #ffffff; }
#menu-products li a img { border: none; text-decoration: none; }
#menu-products li#prd-fluke62 a { margin-right: 35px; }
#menu-products li#prd-tpluspro a { margin-right: 35px; }
#menu-products li#prd-117dm a { margin-right: 35px; }
#menu-products li#prd-t51000 a { margin-right: 35px; }
#menu-products li#prd-fluke411 a { margin-right: 0px; }
#product-highlight { position: absolute; left: 579px; top: 133px; }
/* -----------------------------------------------------------------------------
BUTTON MENUS - Call To Actions
----------------------------------------------------------------------------- */
ul.buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
ul.buttons { display: inline-block; }
/* Hides from IE-mac \*/
* html ul.buttons { height: 1%; }
ul.buttons { display: block; margin: 0 0 0 53px; padding: 0; list-style: none; width: 500px; }
/* End hide from IE-mac */
ul.buttons li { display: inline; margin: 0; padding: 0; list-style-type: none; height: 19px; background-color: transparent; }
ul.buttons li a { float: left; margin: 0 12px 0 0; padding: 19px 0 0 0; overflow: hidden; height: 0px !important; height /**/:19px; /* for IE5/Win only */ background-image: url(../images/buttons.gif); background-repeat: no-repeat; }
/* First set of buttons in the button sprite image */
ul.buttons li.bt-join-up a:hover, ul.buttons li.bt-join-up a:active { background-position: 0px -19px; }
ul.buttons li.bt-product-data a:hover, ul.buttons li.bt-product-data a:active { background-position: -103px -19px; }
ul.buttons li.bt-where-to-buy a:hover, ul.buttons li.bt-where-to-buy a:active { background-position: -216px -19px; }
ul.buttons li.bt-buy-it-now a:hover, ul.buttons li.bt-buy-it-now a:active { background-position: -329px -19px; }
/* Second set of buttons in the button sprite image */
ul.buttons li.bt-show-me-the-products a:hover, ul.buttons li.bt-show-me-the-products a:active { background-position: 0px -57px; }
ul.buttons li.bt-redemption-form a:hover, ul.buttons li.bt-redemption-form a:active { background-position: -169px -57px; }
ul.buttons li.bt-terms-and-conditions a:hover, ul.buttons li.bt-terms-and-conditions a:active { background-position: -307px -57px; }
.bt-join-up, .bt-join-up a { width: 103px; background-position: 0px 0px; }
.bt-product-data, .bt-product-data a { width: 113px; background-position: -103px 0px; }
.bt-where-to-buy, .bt-where-to-buy a { width: 113px; background-position: -216px 0px; }
.bt-buy-it-now, .bt-buy-it-now a { width: 93px; background-position: -329px 0px; }
.bt-show-me-the-products, .bt-show-me-the-products a { width: 169px; background-position: 0px -38px; }
.bt-redemption-form, .bt-redemption-form a { width: 138px; background-position: -169px -38px; }
.bt-terms-and-conditions, .bt-terms-and-conditions a { width: 168px; background-position: -307px -38px; }
/* Remove the margin-right on the last item in the set. */
ul.buttons li.bt-buy-it-now a { margin-right: 0; }
ul.buttons li.bt-terms-and-conditions a { margin-right: 0; }
/* MISCELLANEOUS
------------------------------------------------------------------------------- */
.clearfix:after, form p:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix, form p { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix, * html form p { height: 1%; }
.clearfix, form p { display: block; }
/* End hide from IE-mac */