/*
   base.css
   public
   
   Created by Stephen Chai on 2009-09-09.
   Copyright 2009 stephen.chai.name. All rights reserved.

   Palette
   #DFE7F2 blue light (body bg)
   #3371B8 blue link
   #002D05 brown dark (body copy)
   #AEA29E grey light
   #817876 grey medium
   #387F5E green medium
   #AC9F06 orange
   #564F03 orange dark
   white   white
*/
/* reset eric meyers style */
a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
blockquote, q { quotes: none; }
body { line-height: 1; }
del { text-decoration: line-through; }
ins { text-decoration: none; } /* remember to highlight inserts somehow! */
ol, ul { list-style: none; }
q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
:focus { outline: 0; } /* remember to define focus styles! */
/* base styles */
a { color: #3371B8; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
body { font-size: 76%; }
em, .em { font-style: italic; }
h1, .h1 { font-size: 4em; margin: 0 0 .124998em 0; } /* 48px type, 0px top, 6px bot = 54px */
h2, .h2 { font-size: 2em; margin: 1.125009em 0 .125001em 0; } /* 24px type, 27px top, 3px bot = 54px */
h3, .h3 { font-size: 1.5em; margin: .833340em 0 .166668em 0; } /* 18px type, 15px top, 3px bot = 36px */
h4, .h4 { font-size: 1.166667em; margin: 1.357151em 0 .214287em 0; } /* 14px type, 20px top, 3px bot = 36px */
h5, .h5 { font-size: 1em; margin: 1.75em 0 .25em 0; } /* 12px type, 21px top, 3 px bot = 36px */
h6, .h6 { font-size: 1em; margin: 1.75em 0 .25em 0; text-transform: uppercase; } /* 12px type, 21px top, 3 px bot = 36px */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #2D72B9; font-weight: bold; line-height: 1; }
label { color: #002D05; }
p { line-height: 1.5em; max-width: 60em; }
p.pad_bottom { padding-bottom: 1em; }
p.pad_top { padding-top: 1em; }
strong, .strong { font-weight: bold; }
ul.block { display: block; }
	ul.block li { display: block; list-style: none outside; }
/* align helpers */
.align_left { text-align: left; }
.align_center { text-align: center; }
.align_right { text-align: right; }
/* display helpers */
.display_block { display: block; }
.display_inline_block { display: inline-block; }
.display_none { display: none !important; }
/* margin helpers */
.margin_b { margin-bottom: 1em; }
.margin_l { margin-left: 1em; }
.margin_none { margin: 0; }
.margin_r { margin-right: 1em; }
.margin_t { margin-top: 1em; }
/* padding helpers */
.padding_b { padding-bottom: 1em; }
.padding_l { padding-left: 1em; }
.paddint_none { padding: 0; }
.padding_r { padding-right: 1em; }
.padding_t { padding-top: 1em; }
/* typography */
.type_larger { font-size: 1.166667em; }
.type_largerer { font-size: 1.5em; }
.type_lowercase { text-transform: lowercase; }
.type_sans { font-family: Helvetica, Arial, sans-serif; }
.type_serif { font-family: 'Minion Pro', Didot, 'Times New Roman', Times, serif; }
.type_uppercase { text-transform: uppercase; }
/* screen */
@media screen {
	/* tag level */
	body { background: #DFE7F2 url(/img/layout/body.gif) 0 0 repeat-x; color: #002D05; height: 100%; }
	html { height: 100%; }
	/* about page */
	#about {}
		#about p { margin-left: 115px; padding-bottom: 1em; text-align: justify; }
	/* cart controls */
	#cart_controls { position: fixed; right: 20px; top: 20px; }
	#cart_controls.view_pad { right: 35px !important; top: 35px !important; }
	/* contact page */
	#contact { background: url(/img/layout/contact.png) 0 0 no-repeat; height: 500px; position: relative; width: 500px; }
		#contact p { font-size: 1.5em; padding-left: 50px; position: absolute; width: 200px; }
		#contact strong { display: none; }
		#contact .address { top: 150px; }
		#contact .email { left: 250px; top: 150px; }
		#contact .blog { top: 275px; }
	/* footer */
	#footer { background: url(/img/layout/footer.gif) 0 0 repeat-x; bottom: 0; height: 100px; position: fixed; width: 100%; z-index: 99; }
	/* header */
	#header { height: 76px; left: 10px; position: fixed; top: 12px; width: 510px; z-index: 102; }
	#header.view_pad { left: 25px !important; top: 27px !important; }
		#header a { display: block; height: 100%; width: 100%; }
	/* ownership */
	#ownership { bottom: 15px; color: #7B7C6C; font-size: 1em; font-style: italic; left: 20px; line-height: 1.5em; position: fixed; z-index: 100; }
	#ownership.view_pad { bottom: 30px !important; left: 35px !important; }
		#ownership a:link, #ownership a:visited { color: #484736; }
		#ownership a:hover, #ownership a:active { color: #2D72B9; }
	/* product colors */
	#product_colors { color: #817876; top: -25px; width: 650px; }
	/* product features */
	#product_features { width: 625px; }
		#product_features h2 { margin-top: 85px; }
	.pouch #product_features { background: url(/img/layout/blocky_list.jpg) right 90px no-repeat; }
		.pouch #product_features h2.tir_pouch_features_a { margin-top: 37px; }
		.pouch #product_features h2.tir_pouch_features_b { margin-top: 0; }
		.pouch #product_features ul.blocky_list { height: auto; margin-right: 0; padding-bottom: 15px; padding-top: 30px; }
	/* product overview */
	#product_overview { color: #002D05; }
		#product_overview h1 { left: 98px; position: absolute; top: 332px; }
		#product_overview p { height: 50px; left: 102px; position: absolute; top: 377px; width: 465px; }
	/* product sizes */
	#product_sizes { margin-top: 50px; width: 325px; }
		.backpack #product_sizes { margin-top: 25px; }
		.messenger #product_sizes { margin-top: -15px; }
		.pouch #product_sizes { margin-top: 80px; width: 375px; }
	/* product styles */
	#product_styles { margin-top: 45px; width: 380px; }
	/* product summary */
	#product_summary { background-position: -370px 70px; color: #817876; }
		#product_summary h2 { left: 40px; position: absolute; top: 323px; }
		#product_summary h3 { color: #817876; font-size: 3em; line-height: 60px; text-indent: 5px; }
			#product_summary h3 .price { color: #002D05; }
		#product_summary h4 { color: #002D05; font-size: 1.8em; font-weight: bold; margin: 0 0 .2em; }
		#product_summary div.summary div.wrapper { padding: 20px; }
		#product_summary div.colors { left: 50%; position: absolute; top: 105px; width: 40%; }
		.pouch #product_summary div.colors { left: 40px; width: 400px; }
		#product_summary div.upgrades { position: absolute; top: 105px; width: 40%; }
		.pouch #product_summary div.upgrades { display: none; }
			#product_summary div.summary p.js_no { font-style: italic; margin-top: 100px; text-align: center; }
		#product_summary div.timeline { font-size: 1.2em; position: absolute; top: 280px; }
		#product_summary ul.product_summary_controls { left: 150px; top: 340px; }
		#product_summary .icon { margin: 0; }
	/* product upgrades */
	#product_upgrades { width: 620px; }
		#product_upgrades h2 { left: 30px; top: 55px; position: absolute; }
	/* scroll controls */
	#scroll_controls { bottom: 20px; position: fixed; right: 20px; z-index: 103; }
	#scroll_controls.view_pad { bottom: 35px !important; right: 35px !important; }
	/* template_base specific */
	#template_base {}
		#template_base #vcenter { float: left; height: 50%; margin-bottom: -200px; width: 1px; }
		#template_base #content { clear: left; height: 445px; margin: 0 auto; padding-left: 75px; position: relative; width: 500px; }
	/* template_gallery specific */
	#template_gallery {}
		#template_gallery #vcenter { float: left; height: 50%; margin-bottom: -200px; width: 1px; }
		#template_gallery #vcenter.view_pad { margin-bottom: -250px;}
		#template_gallery #content { background: url(/img/layout/gallery.gif) 0 0 no-repeat; clear: left; height: 300px; margin: 0 auto; padding: 25px; position: relative; width: 450px; }
		#template_gallery #content.view_pad { background-image: url(/img/layout/gallery_large.gif); height: 450px; padding: 25px; width: 675px; }
	/* template_home specific */
	#template_home {}
		#template_home #vcenter { float: left; height: 50%; margin-bottom: -235px; width: 1px; }
		#template_home #content { clear: left; height: 445px; position: relative; z-index: 101; }
			#template_home #content .wrapper { margin: 0 auto; width: 820px; }
	/* template_error specific */
	#template_error { overflow: hidden; }
		#template_error #content { margin: 0 auto; text-align: center; width: 400px; }
			#template_error #content h1 { margin-top: 1em; }
		#template_error #ownership { left: 0 !important; width: 400px; margin: 0 auto; position: relative; text-align: center; top: 0 !important; }
		#template_error .error_message { font-size: 2em; font-style: italic; }
	/* template_store specific */
	#template_store {}
		#template_store #vcenter { float: left; height: 50%; margin-bottom: -225px; width: 1px; }
		#template_store #content { clear: left; height: 495px; left: 52%; margin-left: -300px; overflow: hidden; position: relative; width: 10000px; z-index: 101; }
		#template_store #content_cover { background: #DFE7F2; height: 495px; position: absolute; left: 0; overflow: hidden; width: 10000px; z-index: 110; }
		#template_store div.section { float: left; height: 495px; margin-right: 50px; position: relative; z-index: 103; }
	/* vcb_modal styles */
	#vcb_modal_wrapper { left: 0; height: 100%; position: fixed; top: 0; width: 100%; z-index: 1001; }
		#vcb_modal_wrapper .bg { background: white; left: 0; height: 100%; overflow: hidden; opacity: .8; position: absolute; top: 0; width: 100%; z-index: 1000; }
		#vcb_modal_wrapper .caption { bottom: 12px; color: #817876; font-size: 1.5em; left: 15px; letter-spacing: -.05em; padding: 12px; position: absolute; width: 726px; }
		#vcb_modal_wrapper .content { background: url(/img/layout/modal_content.png) 0 0 no-repeat; clear: left; height: 500px; margin: 0 auto; padding: 15px; position: relative; width: 750px; z-index: 1001; }
		#vcb_modal_wrapper .gallery_controls { position: absolute; right: 25px; top: 25px; }
		#vcb_modal_wrapper .gallery { background: white; display: block; height: 500px; width: 750px; }
		#vcb_modal_wrapper .modal_controls { left: 25px; position: absolute; top: 25px; }
		#vcb_modal_wrapper .product_share { font-size: 2em; padding: 3em 75px; text-align: center; }
			#vcb_modal_wrapper .product_share .instructions { color: #817876; }
			#vcb_modal_wrapper .product_share .link { font-size: 2em; margin: .75em 0; }
	/* block controls */
	ul.block_controls li { float: left; height: 60px; width: 60px; }
		ul.block_controls li.cart a:link, ul.block_controls li.cart a:visited { background: url(/img/layout/block_controls.gif) 0 0; }
		ul.block_controls li.cart a:hover, ul.block_controls li.cart a:active, ul.block_controls li.cart a.js_nav { background: url(/img/layout/block_controls.gif) 0 -60px; }
		ul.block_controls li.previous a:link, ul.block_controls li.previous a:visited { background: url(/img/layout/block_controls.gif) -60px 0; }
		ul.block_controls li.previous a:hover, ul.block_controls li.previous a:active, ul.block_controls li.previous a.js_nav { background: url(/img/layout/block_controls.gif) -60px -60px; }
		ul.block_controls li.next a:link, ul.block_controls li.next a:visited { background: url(/img/layout/block_controls.gif) -120px 0; }
		ul.block_controls li.next a:hover, ul.block_controls li.next a:active, ul.block_controls li.next a.js_nav { background: url(/img/layout/block_controls.gif) -120px -60px; }
	ul.block_controls_left li { margin-right: 6px; }
	ul.block_controls_right li { margin-left: 6px; }
	ul.block_controls_small li { float: left; height: 25px; width: 25px; }
	ul.block_controls_small_left li { margin-right: 2px; }
	ul.block_controls_small_right li { margin-left: 2px; }
		ul.block_controls_small li.close a:link, ul.block_controls_small li.close a:visited { background: url(/img/layout/block_controls_small.gif) -50px 0; }
		ul.block_controls_small li.close a:hover, ul.block_controls_small li.close a:active, ul.block_controls_small li.close a.js_nav { background: url(/img/layout/block_controls_small.gif) -50px -25px; }
		ul.block_controls_small li.previous a:link, ul.block_controls_small li.previous a:visited { background: url(/img/layout/block_controls_small.gif) 0 0; }
		ul.block_controls_small li.previous a:hover, ul.block_controls_small li.previous a:active, ul.block_controls_small li.previous a.js_nav { background: url(/img/layout/block_controls_small.gif) 0 -25px; }
		ul.block_controls_small li.next a:link, ul.block_controls_small li.next a:visited { background: url(/img/layout/block_controls_small.gif) -25px 0; }
		ul.block_controls_small li.next a:hover, ul.block_controls_small li.next a:active, ul.block_controls_small li.next a.js_nav { background: url(/img/layout/block_controls_small.gif) -25px -25px; }
	/* blocky list */
	ul.blocky_list { background: url(/img/layout/blocky_list.jpg) right bottom no-repeat; font-size: 1.25em; height: 150px; margin: 0 .5em .5em; padding: 30px 10px 70px 10px; text-align: right; }
		ul.blocky_list li { background: url(/img/layout/blue_box.jpg) 0 -25px no-repeat; color: white; display: inline-block; line-height: 1.2; list-style: none outside; margin-bottom: .2em; padding: .5em; box-shadow: 0 0 2px #666; -webkit-box-shadow: 0 0 2px #666; }
	/* gallery */
	ul.gallery { height: 300px; overflow: hidden; position: relative; width: 450px; }
		ul.gallery li { display: none; height: 100%; left: 0; list-style: none outside; position: absolute; top: 0; width: 100%; }
		ul.gallery li.loading { background: url(/img/layout/loading_a.gif) center center no-repeat; }
			ul.gallery li.loading img { display: none; }
		ul.gallery li.selected { display: block; }
	/* gallery controls */
	ul.gallery_controls { position: absolute; right: 25px; top: 25px; width: 54px; }
	/* home controls */
	ul.home_controls { background: url(/img/layout/home_controls.png) 0 0 no-repeat; height: 40px; margin: 0 auto; position: relative; top: 1.2em; width: 750px; }
		ul.home_controls li { height: 40px; position: absolute; top: 0; }
			ul.home_controls li a { background-image: url(/img/layout/home_controls.png); }
		ul.home_controls li.messenger { left: 0; width: 155px; }
			ul.home_controls li.messenger a { background-position: 0 0; }
			ul.home_controls li.messenger a:hover, ul.home_controls li.messenger a:active, ul.home_controls li.messenger a.js_nav { background-position: 0 -40px !important; }
		ul.home_controls li.backpack { left: 164px; width: 131px; }
			ul.home_controls li.backpack a { background-position: -164px 0; }
			ul.home_controls li.backpack a:hover, ul.home_controls li.backpack a:active, ul.home_controls li.backpack a.js_nav { background-position: -164px -40px !important; }
		ul.home_controls li.pouch { left: 304px; width: 90px; }
			ul.home_controls li.pouch a { background-position: -304px 0; }
			ul.home_controls li.pouch a:hover, ul.home_controls li.pouch a:active, ul.home_controls li.pouch a.js_nav { background-position: -304px -40px !important; }
		ul.home_controls li.gallery { left: 404px; width: 110px; }
			ul.home_controls li.gallery a { background-position: -404px 0; }
			ul.home_controls li.gallery a:hover, ul.home_controls li.gallery a:active, ul.home_controls li.gallery a.js_nav { background-position: -404px -40px !important; }
		ul.home_controls li.about { left: 523px; width: 90px; }
			ul.home_controls li.about a { background-position: -523px 0; }
			ul.home_controls li.about a:hover, ul.home_controls li.about a:active, ul.home_controls li.about a.js_nav { background-position: -523px -40px !important; }
		ul.home_controls li.contact { left: 623px; width: 127px; }
			ul.home_controls li.contact a { background-position: -623px 0; }
			ul.home_controls li.contact a:hover, ul.home_controls li.contact a:active, ul.home_controls li.contact a.js_nav { background-position: -623px -40px !important; }
	/* icons */
	.icon { background-image: url(/img/layout/icons.png); float: left; height: 60px; margin-right: 10px; text-align: center; width: 60px; }
	.icon_xs { background-position: 0 0; }
	.icon_s { background-position: 0 -60px; }
	.icon_m { background-position: 0 -120px; }
	.icon_l { background-position: 0 -180px; }
	.icon_ulock { background-position: 0 -600px; }
	.icon_xl { background-position: 0 -240px; }
	.icon_none { background-position: 0 -300px; }
	.icon_cyclist_righty { background-position: 0 -360px; }
	.icon_cyclist_lefty { background-position: 0 -420px; }
	.icon_pedestrian_righty { background-position: 0 -480px; }
	.icon_pedestrian_lefty { background-position: 0 -540px; }
	.icon_mplus { background-position: 0 -660px; }
	.icon_xxl { background-position: 0 -720px; }
	.icon_h { background-position: 0 -780px; }
	/* javascript req'd */
	.js_req { display: none; }
	/* main controls */
	ul.main_controls { background: url(/img/layout/main_controls.png) 0 0 no-repeat; height: 336px; padding-top: 8px; top: 115px; position: absolute; width: 225px; z-index: 105; }
		ul.main_controls li { height: 56px; left: 0; position: absolute; width: 225px; }
			ul.main_controls li.messenger { top: 8px; }
				ul.main_controls li.messenger a:link, ul.main_controls li.messenger a:visited { background: url(/img/layout/main_controls.png) 0 -8px; }
				ul.main_controls li.messenger a:hover, ul.main_controls li.messenger a:active, ul.main_controls li.messenger a.js_nav { background: url(/img/layout/main_controls.png) 0 -352px; }
				ul.main_controls li.messenger a.selected { background: url(/img/layout/main_controls.png) 0 -696px !important; }
			ul.main_controls li.backpack { top: 64px; }
				ul.main_controls li.backpack a:link, ul.main_controls li.backpack a:visited { background: url(/img/layout/main_controls.png) 0 -64px; }
				ul.main_controls li.backpack a:hover, ul.main_controls li.backpack a:active, ul.main_controls li.backpack a.js_nav { background: url(/img/layout/main_controls.png) 0 -408px; }
				ul.main_controls li.backpack a.selected { background: url(/img/layout/main_controls.png) 0 -752px !important; }
			ul.main_controls li.pouch { top: 120px; }
				ul.main_controls li.pouch a:link, ul.main_controls li.pouch a:visited { background: url(/img/layout/main_controls.png) 0 -120px; }
				ul.main_controls li.pouch a:hover, ul.main_controls li.pouch a:active, ul.main_controls li.pouch a.js_nav { background: url(/img/layout/main_controls.png) 0 -464px; }
				ul.main_controls li.pouch a.selected { background: url(/img/layout/main_controls.png) 0 -808px !important; }
			ul.main_controls li.gallery { top: 176px; }
				ul.main_controls li.gallery a:link, ul.main_controls li.gallery a:visited { background: url(/img/layout/main_controls.png) 0 -176px; }
				ul.main_controls li.gallery a:hover, ul.main_controls li.gallery a:active, ul.main_controls li.gallery a.js_nav { background: url(/img/layout/main_controls.png) 0 -520px; }
				ul.main_controls li.gallery a.selected { background: url(/img/layout/main_controls.png) 0 -864px !important; }
			ul.main_controls li.about { top: 232px; }
				ul.main_controls li.about a:link, ul.main_controls li.about a:visited { background: url(/img/layout/main_controls.png) 0 -232px; }
				ul.main_controls li.about a:hover, ul.main_controls li.about a:active, ul.main_controls li.about a.js_nav { background: url(/img/layout/main_controls.png) 0 -576px; }
				ul.main_controls li.about a.selected { background: url(/img/layout/main_controls.png) 0 -920px !important; }
			ul.main_controls li.contact { top: 288px; }
				ul.main_controls li.contact a:link, ul.main_controls li.contact a:visited { background: url(/img/layout/main_controls.png) 0 -288px; }
				ul.main_controls li.contact a:hover, ul.main_controls li.contact a:active, ul.main_controls li.contact a.js_nav { background: url(/img/layout/main_controls.png) 0 -632px; }
				ul.main_controls li.contact a.selected { background: url(/img/layout/main_controls.png) 0 -976px !important; }
	/* navigation lists */
	ul.nav li a { background-repeat: no-repeat; display: block; height: 100%; width: 100%; }
	ul.nav li.disabled { opacity: .5; }
		ul.nav li.disabled a:hover, ul.nav li.disabled a:active { background: inherit; }
	/* nav headers, don't display */
	.nav_header { display: none; }
	/* print only */
	.print_only { display: none; }
	/* product color preview */
	div.product_color_preview { background: url(/img/layout/white_box.png) 0 0; height: 300px; left: 165px; padding: 15px; position: absolute; top: 85px; width: 450px; }
		div.product_color_preview p { font-style: italic; margin: 135px auto 0; text-align: center; width: 75%; }
	/* product color selector */
	div.product_color_selector { background: url(/img/layout/blue_box.jpg) 0 0 no-repeat; left: 0px; min-height: 350px; padding: 15px; position: absolute; top: 70px; width: 200px; }
		div.product_color_selector label { color: #F7F8F7; display: block; font-style: italic; font-weight: bold; text-transform: uppercase; }
		div.product_color_selector select { margin: .2em 0 1em 0; width: 150px; }
	/* product summary controls */
	ul.product_summary_controls { height: 50px; position: absolute; width: 420px; }
		ul.product_summary_controls li { height: 50px; position: absolute; top: 0; }
			ul.product_summary_controls li a { background-image: url(/img/layout/product_summary_controls.png); background-repeat: no-repeat; }
		ul.product_summary_controls li.cart { left: 5px; width: 199px; }
			ul.product_summary_controls li.cart a { background-position: -5px 0; }
			ul.product_summary_controls li.cart a:hover, ul.product_summary_controls li.cart a:active, ul.product_summary_controls li.cart a.js_nav { background-position: -5px -50px !important; }
		ul.product_summary_controls li.share { left: 204px; width: 111px; }
			ul.product_summary_controls li.share a { background-position: -204px 0; }
			ul.product_summary_controls li.share a:hover, ul.product_summary_controls li.share a:active, ul.product_summary_controls li.share a.js_nav { background-position: -204px -50px !important; }
		ul.product_summary_controls li.print { left: 315px; width: 101px; }
			ul.product_summary_controls li.print a { background-position: -315px 0; }
			ul.product_summary_controls li.print a:hover, ul.product_summary_controls li.print a:active, ul.product_summary_controls li.print a.js_nav { background-position: -315px -50px !important; }
	/* radio controls */
	ul.radio_icons { margin-top: 5px; }
		ul.radio_icons li { background-image: url(/img/layout/radio_icons_selected.jpg); background-position: 30px -60px; background-repeat: no-repeat; display: block; height: 60px; list-style: none outside; position: relative; width: 100%; }
			ul.radio_icons li input { display: none; }
			ul.radio_icons li label { color: #AEA29E; cursor: pointer; display: block; font-size: 3em; line-height: 1em; margin-bottom: .15em; margin-top: 10px; text-transform: lowercase; }
			ul.radio_icons li .strong { color: #387F5E; }
		ul.radio_icons li.selected { background-position: 30px 0; }
			ul.radio_icons li.selected label { color: white; }
			ul.radio_icons li.selected .strong { color: #002D05; }
	/* sections */
	div.section_outer_a { background: url(/img/layout/orange_box_a.jpg) 0 80px no-repeat; width: 600px; z-index: 104; }
	div.section_outer_b { background: url(/img/layout/orange_box_b.jpg) 0 20px no-repeat; width: 600px; z-index: 104; }
	div.section_inner_a { background: url(/img/layout/white_box.png) 0 0; height: 300px; left: 35px; padding: 15px; position: absolute; top: 5px; width: 450px; z-index: 105; }
	div.section_inner_b { background: url(/img/layout/white_box.png) 0 0; height: 300px; left: 85px; padding: 15px; position: absolute; top: 115px; width: 450px; z-index: 105; }
	/* section controls */
	ul.section_controls { bottom: 0; clear: both; position: absolute; right: 5px; width: 100px; }
		ul.section_controls li { height: 50px; }
		ul.section_controls li.next a { background: url(/img/layout/section_controls.gif) 0 0 no-repeat; }
		ul.section_controls li.next a:hover, ul.section_controls li.next a:active, ul.section_controls li.next a.js_nav { background: url(/img/layout/section_controls.gif) 0 -50px; }
	/* next section link */
	a.section_next { bottom: 0; height: 30px; position: absolute; right: 0; width: 110px; z-index: 1; }
	/* slide list */
	ul.slide_list { height: 300px; overflow: hidden; position: relative; width: 450px; }
		ul.slide_list li { display: none; height: 100%; left: 0; list-style: none outside; position: absolute; top: 0; width: 100%; }
		ul.slide_list li.selected { display: block; }
	/* slide list position e.g., 1 of 3 */
	.slide_list_position { color: #AEA29E; line-height: 1; left: 25px; margin: 0; padding: 0; position: absolute; top: 25px; }
	/* text image-replacement */
	.tir { text-indent: -9999px; }
	.tir_about { background: url(/img/layout/tir_about.gif) 0 0 no-repeat; height: 120px; }
	.tir_backpack { background-image: url(/img/layout/tir_backpack.gif); }
	.tir_colorize { background-image: url(/img/layout/tir_colorize.gif); }
	.tir_colors { background-image: url(/img/layout/tir_colors.gif); }
	.tir_contact { background-image: url(/img/layout/tir_contact.gif); height: 400px; }
		.tir_contact p { display: none; }
	.tir_customize { background-image: url(/img/layout/tir_customize.gif); }
	.tir_error { background: url(/img/layout/tir_error.gif) center top no-repeat; height: 90px; }
	.tir_features { background-image: url(/img/layout/tir_features.gif); }
	.tir_finalize { background-image: url(/img/layout/tir_finalize.gif); }
	.tir_gallery { background-image: url(/img/layout/tir_gallery.gif); }
	.tir_header { background-position: 0 0; background-repeat: no-repeat; height: 40px; width: 400px; }
	.tir_home { background: url(/img/layout/tir_home.png) center center no-repeat; height: 250px; margin: 1em auto; max-width: 685px; width: 685px; }
	.tir_masthead { background: url(/img/layout/tir_masthead.png) center center no-repeat; height: 110px; margin: 0 auto; width: 740px; }
	.tir_masthead_small { background: url(/img/layout/tir_masthead_small.png) center center no-repeat; height: 76px; margin: 0 auto; width: 510px; }
	.tir_messenger { background-image: url(/img/layout/tir_messenger.gif); }
	.tir_pouch { background-image: url(/img/layout/tir_pouch.gif); }
	.tir_pouch_features_a { background-image: url(/img/layout/tir_pouch_features_a.gif); width: 600px; }
	.tir_pouch_features_b { background-image: url(/img/layout/tir_pouch_features_b.gif); width: 600px; }
	.tir_size { background-image: url(/img/layout/tir_size.gif); }
	.tir_style { background-image: url(/img/layout/tir_style.gif); }
	.tir_upgrades { background-image: url(/img/layout/tir_upgrades.gif); }
	.tir_your_bag { background-image: url(/img/layout/tir_your_bag.gif); }
	.tir_your_share_link { background-image: url(/img/layout/tir_your_share_link.gif); }
	/* upgrades */
	ul.upgrades li img { left: 0; position: absolute; top: 0; }
	ul.upgrades li input { margin: 0 .25em 0 0; position: relative; top: -2px; }
	ul.upgrades li label { margin: 0; }
		ul.upgrades li label .name { color: #817876; font-weight: normal; }
		ul.upgrades li label .price { color: #002D05; font-weight: bold; margin-left: .25em; }
		ul.upgrades li .size_note { color: #AAAAAA; font-weight: normal; margin-left: .25em; }
		ul.upgrades li .upgrade { margin-right: .75em; }
	ul.upgrades li p { height: 18px; line-height: 18px; left: 0; padding: 11px 1em; position: absolute; top: 260px; }
}
/* print */
@media print {
	body { overflow: visible !important; } /* JS turns it off so no scrol bars, FF req's it to show more than one page when printing */
	h1 { font-size: 2em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1em; }
	h4 { font-size: 1em; }
	#cart_controls { display: none; }
	#header { margin: 0 0 2em 0; }
		#header img { height: 55px; width: 370px; }
		#header p { display: none; }
	#main_navigation { display: none; }
	#ownership { clear: both; padding-top: 3em; }
	#product_summary { margin: 1em 0; }
		#product_summary acronym { font-weight: bold; }
		#product_summary .icon { display: none; }
		#product_summary div.timeline { margin: 1em 0; }
		#product_summary .price { color: #002D05; }
		#product_summary .wrapper { margin: 1em 0; }
	#scroll_controls { display: none; }
	ul.blocky_list { line-height: 1.5em; }
	ul.gallery { margin: 0 0 1em 0; }
		ul.gallery li { display: block; float: left; margin: 0 1em 2em 0; list-style: none outside; }
			ul.gallery li img { height: 150px; width: 225px; }
	.gallery_controls { display: none; }
	ul.nav { display: none; }
	.nav_header { display: none; }
	.no_print { display: none; }
	.product_color_selector { margin: 1em 0; }
		.product_color_selector label { display: block; font-weight: bold; text-transform: uppercase; }
		.product_color_selector select { display: block; margin: 0 0 .5em 0; width: 20em; }
	.product_summary_controls { display: none; }
	ul.radio_icons { line-height: 1.5em; list-style: none outside; margin: 1em 0; }
		ul.radio_icons acronym { font-weight: bold; }
		ul.radio_icons li { display: block; }
	div.section { clear: both; }
	.slide_list_position { display: none; }
	.tir_header { font-family: Helvetica, Arial, sans-serif; }
	ul.upgrades { margin: 0 0 1em 0; }
		ul.upgrades li { display: block; float: left; height: 200px; margin: 0 1em 2em 0; list-style: none outside; width: 225px; }
			ul.upgrades li img { height: 150px; width: 225px; }
			ul.upgrades li input[type="checkbox"]:after { content: "\A"; }
			ul.upgrades li .h3 { font-size: 1em; }
			ul.upgrades li .name { color: #666666; font-weight: normal; }
			ul.upgrades li .price { color: #002D05; font-weight: bold; margin-left: .25em; }
			ul.upgrades li .upgrade { display: block; }
}