/*
New Balance Monitors - Main Styles

author: Cory Duncan of Substance, Inc / findsubstance.com

colors:
	red - #e5402c
	blue - #038ec9
	yellow - #fdb813
	green - #adb537
*/

/* -- reset (http://meyerweb.com/eric/tools/css/reset) -- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	}
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table {	border-collapse: collapse; border-spacing: 0; }


/* -- defaults -- */
body { 
	background: #f2f2ec;
	color: #333;
	font: 12px/1.25 Arial, Helvetica, Sans-serif;
	margin: 10px 0;
	}
a { text-decoration: underline; }
a:link, a:visited { color: #000; }
a:hover { color: #e5402c; text-decoration: none; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.0; }
h1 { font-size: 36px; }
h2 { font-size: 20px; font-weight: normal; line-height: 1.2em; margin: 0 0 0.2em; }
h3 { font-size: 15px; margin: 0 0 0.2em; }
h4 { font-size: 14px; }
h5 { font-size: 13px; }
h6 { font-size: 12px; }
p { margin: 0 0 1em; }


/* -- structure -- */
#wrap { 
	margin: 0 auto;
	overflow: hidden;
	width: 880px;
	}
.wrap { overflow: hidden; width: 100%; }
#header { 
	background: url(/img/bg-top.png) no-repeat 0 100%;
	float: left;
	padding: 0 0 12px;
	position: relative;
	width: 100%;
	}
#main { 
	color: #666;
	float: right;
	width: 480px;
	}
#main a:link, #main a:visited { color: #666; }
#sub { 
	float: left;
	padding: 95px 5px 0;
	text-align: center;
	width: 340px;
	}


/* -- main content -- */ 
h1 {
	background: no-repeat 0 0;
	height: 250px;
	margin: 0 0 5px;
	overflow: hidden;
	text-indent: -9999px;
	width: 720px;	
	}
#logo {
	bottom: -84px;
	height: 94px;
	left: 26px;
	position: absolute;
	width: 98px;
	}
#logo img {
	background: url(/img/logo-shadow.png) no-repeat 0 0;
	display: block;
	padding: 0 4px 4px;
	}
#content {
	background: #fff url(/img/bg.png) repeat-y 0 0;
	float: left;
	padding: 0 20px 20px 140px;
	width: 720px;
	}
.flash img { display: block; }
.cms ul { margin: 0 0 1em 20px; }
.cms ul li { list-style: disc; }
a.pdf { background: url(/img/icons/pdf.png) no-repeat 0 0; padding: 3px 0 3px 28px; }
.disclaimer {
	color: #666;
	font-size: 11px;
	line-height: 1.3636em;
	margin: 0 0 1.0909em;
	}

/* intro */
#intro {
	border-bottom: 2px solid #e5402c;
	margin: 0 0 10px;
	padding: 0 0 4px;
	}
#intro p { 
	font-size: 20px;
	line-height: 1.1em;
	margin: 0;
	}
	
/* detailed listing */
ul.detail li {
	color: #666;
	padding: 0 10px;
	vertical-align: top;
	width: 220px;
	}
ul.detail li div { width: 220px; }
ul.detail > li { display: -moz-inline-box; display: inline-block; }
ul.detail img { display: block; margin: 0 auto; }
ul.detail p { font-size: 13px; line-height: 1.1538em; }

/* thumb listing */
ul.thumb { 
	margin: 0 0 18px;
	overflow: hidden;
	width: 100%;
	}
ul.thumb li { float: left; margin: 0 3px 3px 0; }
ul.thumb img, ul.thumb a { display: block; }
ul.thumb a { background: #fff no-repeat 0 0; padding: 4px 4px 20px; }
ul.thumb a:hover { background-image: url(/img/icons/indicator.png); }


/* -- footer -- */
#footer {
	background: url(/img/bg-btm.png) no-repeat 0 0;
	float: left;
	font-size: 11px;
	line-height: 1.1818em;
	padding: 20px 0 0;
	width: 100%;
	}
#footer a { padding: 2px; text-decoration: none; }
#footer a:before { content: "+ "; }
#footer a:link, #footer a:visited { color: #999; }
#footer a:hover { color: #e5402c; }
#footer dl { float: right; margin: 0 20px 0 30px; }
#footer dt {
	color: #777;
	font-size: 12px; font-weight: bold;
	line-height: 1em;
	margin: 0 0 0.25em;
	}
#footer dd { margin: 0 0 1px; }
.pedos #footer .pedos a, .chronos #footer .chronos a, .hrm #footer .hrm a, .about #footer .about a, .press #footer .press a, .contact #footer .contact a, .buy #footer .buy a, .online-retailers #footer .online-retailers a, .international-distributors #footer .international-distributors a { background: #e5402c; color: #fff; }

	
/* -- nav -- */
#nav {
	float: right;
	height: 24px;
	margin: 0 10px 0 0;
	width: 390px;
	}
#nav li { float: left; }
#nav a {
	background: url(/img/nav/global.png) no-repeat 0 0;
	display: block;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
	}
#nav-pedos a { width: 79px; }
#nav-chronos a { background-position: -79px 0; width: 93px; }
#nav-hrm a { background-position: -172px 0; width: 127px; }
#nav-buy a { background-position: -299px 0; width: 91px; }

/* nav: hover - */
#nav #nav-pedos a:hover { background-position: 0 -24px; }
#nav #nav-chronos a:hover { background-position: -79px -24px; }
#nav #nav-hrm a:hover { background-position: -172px -24px; }
#nav #nav-buy a:hover { background-position: -299px -24px; }

/* nav: active */
.pedos #nav-pedos a, .home #nav-pedos a { background-position: 0 -48px; }
.chronos #nav-chronos a, .home #nav-chronos a { background-position: -79px -48px; }
.hrm #nav-hrm a, .home #nav-hrm a { background-position: -172px -48px; }
.buy #nav-buy a, .home #nav-buy a { background-position: -299px -48px; }

/* -- forms -- */
input.text, select {
	background: #fff;
	border: 1px solid #ccc;
	font: 12px/normal Arial, Helvetica, Sans-serif;
	margin: 0;
	padding: 2px;
	}
select { padding: 1px 0; }
button {
	background: no-repeat 0 0;
	cursor: pointer;
	height: 23px;
	overflow: hidden;
	text-indent: -9999px;
	} 
button:hover { background-position: 0 -23px; }
	
	
/* -- section & page specific -- */

/* - product detail - */
#wrap .product {
	padding-left: 30px;
	width: 830px;
	}
.product h1 { 
	height: auto;
	margin: 0 0 0.2222em;
	text-indent: 0;
	width: auto;
	}
.product h2 { font-size: 12px; font-weight: bold; line-height: 1.25em; }
.product .intro {
	border-bottom: 2px solid;
	color: #000;
	font-size: 13px;
	line-height: 1.2307em;
	margin: 10px 0;
	padding: 0 0 10px;
	}
.product .intro p { margin: 0; }
#buyit {
	border: 2px solid; border-left: none; border-right: none;
	overflow: hidden;
	padding: 4px 0;
	width: 100%;
	}
#buyit dl { float: left; }
#buyit dt {
	color: #333;
	float: left;
	font-size: 30px; font-weight: normal;
	line-height: 1em;
	margin: 4px 6px 0 0;
	}
#buyit dd a {
	background: no-repeat 0 0;
	display: block;
	height: 38px;
	overflow: hidden;
	text-indent: -9999px;
	width: 159px;
	}
#buyit dd a:hover { background-position: 0 -38px; }
#buyit p {
	float: right;
	font-family: "Lucida Grande", Verdana, Sans-serif; font-size: 9px;
	line-height: 1.2222em;
	margin: 1px 0 0;
	text-align: right;
	width: 218px;
	}
#buyit p a:link, #buyit p a:visited { color: #666; }
#photo { display: block; margin: 0 auto; }
#views {
	background: url(/img/headers/alternate-views.png) no-repeat 50% 4px;
	border: 1px solid #d3d3d3;
	display: -moz-inline-box;
	display: inline-block;
	padding: 15px 5px 3px;
	}
#views dl { border-top: 1px solid #9a9a9a; padding: 2px 0 0; }
#views dt { display: none; }
#views dd { float: left; margin: 0 0 0 3px; }
#views dd.default { margin: 0; }
#views dd a {
	background: no-repeat 0 0;
	display: block;
	padding: 4px 4px 13px;
	}

/* - product: pedometers - */
.pedos h1, .pedos #intro,
.pedos ul.detail a:link, .pedos ul.detail a:visited { color: #038ec9; }
.pedos #intro, .pedos .product .intro, .pedos #buyit { border-color: #038ec9; }
.pedos .products h1 { background-image: url(/img/headers/pedometers.jpg); }
.pedos ul.thumb .on a { background-image: url(/img/icons/pedos-indicator.png); }
.pedos #views a.on { background-image: url(/img/icons/pedos-indicator-sm.png); }
.pedos #buyit dd a { background-image: url(/img/buttons/purchase-pedos.png); }

/* - product: chronographs - */
.chronos h1, .chronos #intro, 
.chronos ul.detail a:link, .chronos ul.detail a:visited { color: #fdb813; }
.chronos #intro, .chronos .product .intro, .chronos #buyit { border-color: #fdb813; }
.chronos .products h1 { background-image: url(/img/headers/chronographs.jpg); }
.chronos ul.thumb .on a { background-image: url(/img/icons/chronos-indicator.png); }
.chronos #views a.on { background-image: url(/img/icons/chronos-indicator-sm.png); }
.chronos #buyit dd a { background-image: url(/img/buttons/purchase-chronos.png); }

/* - product: heart rate monitors - */
.hrm h1, .hrm #intro, 
.hrm ul.detail a:link, .hrm ul.detail a:visited { color: #adb537; }
.hrm #intro, .hrm .product .intro, .hrm #buyit { border-color: #adb537; }
.hrm .products h1 { background-image: url(/img/headers/heart-rate-monitors.jpg); }
.hrm ul.thumb .on a { background-image: url(/img/icons/hrm-indicator.png); }
.hrm #views a.on { background-image: url(/img/icons/hrm-indicator-sm.png); }
.hrm #buyit dd a { background-image: url(/img/buttons/purchase-hrm.png); }

/* - store finder - */
#store-finder { overflow: hidden; }
#store-finder form {
	background: #eee;
	border: 1px solid #ddd;
	margin: 1em 0;
	overflow: hidden;
	position: relative;
	width: 718px;
	}
#store-finder form h3 {
	background: #eee;
	border: 2px solid #ddd;
	color: #666;
	font-size: 12px;
	left: 278px;
	margin: -1.125em 0 0;
	padding: 6px;
	position: absolute;
	text-transform: uppercase;
	top: 50%;
	}
#store-finder fieldset {
	border-right: 2px solid #ddd;
	float: left;
	padding: 18px 12px 12px;
	width: 270px;
	}
#store-finder fieldset:hover { background: #fcfcfc; }
#store-finder label { 
	float: left;
	font-size: 13px;
	margin: 1px 6px 0 0;
	text-align: right;
	width: 60px;
	}
#store-finder input.text, #store-finder select { float: left; width: 160px; }
#store-finder select { width: 166px; }
#store-finder button {
	background-image: url(/img/buttons/search.png);
	margin: -11px 0 0;
	position: absolute;
	top: 50%;
	right: 43px;
	width: 79px;
	}
#store-finder .field {
	margin: 0 0 6px;
	overflow: hidden;
	width: 100%;
	}
#store-finder .zip-proximity { width: 230px; }
#store-finder .zip-proximity label { width: 90px; }
#store-finder .zip-proximity input.text { width: 90px; }
#store-finder .zip-proximity select { width: 96px; }
#store-finder ol {
	border-top: 1px solid #999;
	margin: 1.55em 0 0;
	overflow: hidden;
	padding: 1.25em 0 0;
	width: 738px;
	}
#store-finder ol li {
	font-size: 11px;
	line-height: 1.3636em;
	margin: 0 24px 21px 0;
	vertical-align: top;
	width: 222px;
	}
#store-finder ol li div { width: 222px; }
#store-finder ol > li { display: -moz-inline-box; display: inline-block; }

/* - content pages - */
.buy h1 { background-image: url(/img/headers/where-to-buy.jpg); }
.about h1 { background-image: url(/img/headers/about.jpg); }
.press h1 { background-image: url(/img/headers/press.jpg); }
.contact h1 { background-image: url(/img/headers/contact.jpg); }
.online-retailers h1 { background-image: url(/img/headers/online-retailers.jpg); }
.international-distributors h1 { background-image: url(/img/headers/intl-distributors.jpg); }

/* - homepage - */
.home #logo { bottom: -94px; }
.home #header { background: none; padding: 0 0 2px; }
.home #content { background: none; height: 500px; padding: 0; width: 100%; }
.home #footer { background: none; padding: 10px 0 0; }
	
	
/* -- sIFR -- */
.sIFR-flash { visibility: visible; margin: 0; padding: 0; }
.sIFR-replaced, .sIFR-ignore { visibility: visible; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
.sIFR-replaced div.sIFR-fixfocus { margin: 0; padding: 0; overflow: auto; letter-spacing: 0; float: none; }
.sIFR-active object { display: block; }

/* sIFR headers */
.sIFR-active .product h1, .sIFR-active #intro p, .sIFR-active ul.detail h2 {
	font-family: Verdana;
	line-height: 1.0;
	margin: 0;
	overflow: hidden;
	visibility: hidden;
	}
.sIFR-active #intro p { font-size: 22px; }
.sIFR-active ul.detail h2 { font-size: 24px; }