/*
	base.css
	public

	Created by Stephen Chai on 2009-11-09.
	Copyright 2009 stephen.chai.name. All rights reserved.

*/
/* 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: #2D4D96; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
body { }
em, .em { font-style: italic; }
h1 { color: #A37D4F; font-size: 3em; }
h2, h3, h4, h5, h6 { color: #613B39; }
h2, .h2 { font-size: 1.5em; font-weight: normal; line-height: 1em; padding-bottom: .3em; padding-top: .2em; }
p { line-height: 1.8em; }
strong, .strong { font-weight: bold; }
table.basic { margin: 1em 0; width: 100%; }
	table.basic thead th, table.basic thead td { background: url(/img/layout/table_basic_thead.jpg) center top no-repeat; color: #613B39; height: 30px; padding: 10px 5px 0 5px; text-align: left; vertical-align: top; }
	table.basic thead th.first, table.basic thead td.first { background-position: left top; min-width: 60px; padding-left: 10px; }
	table.basic thead th.last, table.basic thead td.last { background-position: right top; min-width: 60px; padding-right: 10px; }
	table.basic tbody td, table.basic tbody td { border-bottom: 1px solid #D2C8AD; padding: .5em; text-align: left; vertical-align: middle; }
ul.basic { line-height: 1.8em; margin: 1em 0 1em .5em; }
	ul.basic li { list-style: disc outside; margin: 0 0 0 1em; }
ul.nav { line-height: 1.5em; margin: 0 0 2em 0; }
	ul.nav .selected { font-weight: bold; }
ul.pagination { line-height: 1.8em; text-align: right; }
	ul.pagination li { display: inline; }
		ul.pagination li a { background: #EBE8DE; padding: .4em .5em; }
		ul.pagination li.selected a { background: #D2C8AD; }
ul.title_desc_list { line-height: 1.8; margin: 1.5em 0; }
	ul.title_desc_list li { margin: 0 0 1.5em 0; }
		ul.title_desc_list li .title { display: block; font-size: 1.5em; font-style: italic; line-height: 1em; }
.admin_for_sale th, .admin_for_sale td { background: #F5F3EE; }
.admin_notice { display: none; }
.align_center { text-align: center !important; }
.align_left { text-align: left !important; }
.align_right { text-align: right !important; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.disabled { opacity: .5; }
.margin_right { margin-right: 1em; }
.pad_bottom { padding-bottom: 1em; }
.pad_top { padding-top: 1em; }
.radio_label { margin-right: 1.5em; }
.type_dark { color: #422435; }
.type_large { font-size: 1.2em; }
.type_serif { font-family: Palatino, Georgia, 'Times New Roman', serif; }
.type_sans { font-family: Helvetica, Arial, sans-serif; }
/* invoices */
#template_transaction_invoice p { line-height: 1.4em; }
#template_transaction_invoice strong { color: #422435; }
#template_transaction_invoice .col { float: left; line-height: 1.4em; margin-right: 2%; width: 30%; }
#template_transaction_invoice .products { margin: 1em 0; }
	#template_transaction_invoice .products li { display: block; float: left; height: 250px; margin: 0; padding: 10px 5px; text-align: center; width: 225px; ;}
/* screen */
@media screen {
	body { background: url(/img/layout/body.jpg) 0 0 repeat; color: #7E566B; font-size: 76%; height: 100%; }
	html { height: 100%; }
	/* mini cart fc */
	#cart_mini_top { height: 70px; position: absolute; top: 0; right: 5%; width: 215px; }
		#cart_mini_top a { background-image: url(/img/layout/header_controls.png); background-repeat: no-repeat; display: block; font-style: italic; height: 100%; line-height: 1.5em; text-align: right; width: 100%; }
			#cart_mini_top a strong { display: none; }
			#cart_mini_top a .cart_contents { margin-right: 58px; position: relative; top: 17px; }
		#cart_mini_top a:link, #cart_mini_top a:visited { background-position: right 0; color: #9A947E; }
		#cart_mini_top a:hover, #cart_mini_top a:active { background-position: right -70px; color: #5B543E; text-decoration: none; }
	/* footer controls */
	#controls_footer { background: url(/img/layout/footer_controls.png) 0 0 no-repeat; height: 70px; position: relative; width: 350px; }
		#controls_footer li { display: block; height: 70px; position: absolute; top: 0; }
			#controls_footer li a { background-image: url(/img/layout/footer_controls.png); background-repeat: no-repeat; display: block; height: 100%; width: 100%; }
		#controls_footer li.about { left: 0; width: 44px; }
			#controls_footer li.about a:link, #controls_footer li.about a:visited { background-position: 0 0; }
			#controls_footer li.about a.selected, #controls_footer li.about a:hover, #controls_footer li.about a:active { background-position: 0 -70px !important; }
		#controls_footer li.contact { left: 54px; width: 52px; }
			#controls_footer li.contact a:link, #controls_footer li.contact a:visited { background-position: -54px 0; }
			#controls_footer li.contact a.selected, #controls_footer li.contact a:hover, #controls_footer li.contact a:active { background-position: -54px -70px !important; }
		#controls_footer li.policy { left: 117px; width: 74px; }
			#controls_footer li.policy a:link, #controls_footer li.policy a:visited { background-position: -117px 0; }
			#controls_footer li.policy a.selected, #controls_footer li.policy a:hover, #controls_footer li.policy a:active { background-position: -117px -70px !important; }
		#controls_footer li.retail { left: 201px; width: 99px; }
			#controls_footer li.retail a:link, #controls_footer li.retail a:visited { background-position: -201px 0; }
			#controls_footer li.retail a.selected, #controls_footer li.retail a:hover, #controls_footer li.retail a:active { background-position: -201px -70px !important; }
		#controls_footer li.links { left: 311px; width: 39px; }
			#controls_footer li.links a:link, #controls_footer li.links a:visited { background-position: -311px 0; }
			#controls_footer li.links a.selected, #controls_footer li.links a:hover, #controls_footer li.links a:active { background-position: -311px -70px !important; }
	/* main controls */
	#controls_main { height: 70px; position: relative; width: 570px; }
		#controls_main li { display: block; height: 70px; position: absolute; top: 0; }
			#controls_main li a { background-image: url(/img/layout/header_controls.png); background-repeat: no-repeat; display: block; height: 100%; width: 100%; }
		#controls_main li.tie_fold_wallet { left: 0; width: 89px; }
			#controls_main li.tie_fold_wallet a:link, #controls_main li.tie_fold_wallet a:visited { background-position: 0 0; }
			#controls_main li.tie_fold_wallet a.selected, #controls_main li.tie_fold_wallet a:hover, #controls_main li.tie_fold_wallet a:active { background-position: 0 -70px !important; }
		#controls_main li.wheeler_dealer { left: 114px; width: 102px; }
			#controls_main li.wheeler_dealer a:link, #controls_main li.wheeler_dealer a:visited { background-position: -114px 0; }
			#controls_main li.wheeler_dealer a.selected, #controls_main li.wheeler_dealer a:hover, #controls_main li.wheeler_dealer a:active { background-position: -114px -70px !important; }
		#controls_main li.sattley_slim { left: 241px; width: 86px; }
			#controls_main li.sattley_slim a:link, #controls_main li.sattley_slim a:visited { background-position: -241px 0; }
			#controls_main li.sattley_slim a.selected, #controls_main li.sattley_slim a:hover, #controls_main li.sattley_slim a:active { background-position: -241px -70px !important; }
		#controls_main li.passport_cover { left: 352px; width: 99px; }
			#controls_main li.passport_cover a:link, #controls_main li.passport_cover a:visited { background-position: -352px 0; }
			#controls_main li.passport_cover a.selected, #controls_main li.passport_cover a:hover, #controls_main li.passport_cover a:active { background-position: -352px -70px !important; }
		#controls_main li.wrist_wear { left: 470px; width: 88px; }
			#controls_main li.wrist_wear a:link, #controls_main li.wrist_wear a:visited { background-position: -476px 0; }
			#controls_main li.wrist_wear a.selected, #controls_main li.wrist_wear a:hover, #controls_main li.wrist_wear a:active { background-position: -476px -70px !important; }
	/* nc_modal styles */
	#nc_modal_wrapper { left: 0; height: 100%; position: fixed; top: 0; width: 100%; z-index: 1001; }
		#nc_modal_wrapper .bg { background: black; left: 0; height: 100%; overflow: hidden; opacity: .8; position: absolute; top: 0; width: 100%; z-index: 1000; }
		#nc_modal_wrapper .caption { bottom: 25px; color: #817876; font-size: 1.2em; font-style: italic; left: 15px; padding: 12px; position: absolute; }
		#nc_modal_wrapper .content { background: url(/img/layout/modal_content.png) 0 0 no-repeat; clear: left; height: 525px; margin: 0 auto; overflow: hidden; padding: 15px; position: relative; width: 420px; z-index: 1001; }
		#nc_modal_wrapper .prev_next_controls { bottom: 25px; position: absolute; right: 25px; }
		#nc_modal_wrapper .gallery { padding-bottom: 50px; padding-top: 35px; }
			#nc_modal_wrapper .gallery li { top: 25px; }
		#nc_modal_wrapper .inline_html { background: white; height: 450px; padding: 35px 25px 25px 25px; width: 370px; }
		#nc_modal_wrapper .modal_controls { position: absolute; right: 25px; top: 25px; z-index: 1; }
	/* product gallery */
	#product_gallery { height: 300px; margin: 1em 0 2em 0; overflow: hidden; position: relative; }
		#product_gallery li { display: none; height: 300px; position: absolute; top: 0; width: 215px; }
		#product_gallery li.shown { display: block; }
		#product_gallery li.pos_1 { left: 0; }
		#product_gallery li.pos_2 { left: 215px; }
		#product_gallery li.pos_3 { left: 430px; }
		#product_gallery li.pos_4 { left: 645px; }
	/* product stuffs */
	#product_description { padding-bottom: 5em; }
	#product_styles_header { padding-bottom: 2em; position: relative; }
		#product_styles_header .meta { top: 8px; height: 23px; position: absolute; right: 0; text-align: right; }
	#product_styles { height: 480px; overflow: hidden; position: relative; }
	.product_style { line-height: 1.2em; padding-bottom: 3em; text-align: center; }
		.product_style img { height: 150px; margin-bottom: .5em; width: 140px; }
		.product_style .add_to_cart { display: block; font-weight: bold; margin-top: .5em; }
	.product_styles_group { display: none; position: absolute; width: 100%; }
		.product_styles_group.selected { display: block; }
	/* template_main layout */
	#template_main #header { background: url(/img/layout/header.png) 0 0 repeat-x; height: 170px; position: relative; }
		#template_main #header .masthead { height: 50px; position: relative; top: 50px; }
			#template_main #header .masthead .tir_masthead_logo { left: 5%; position: relative; }
			#template_main #header .masthead .tir_masthead_tagline { position: absolute; top: 0; right: 5%; }
		#template_main #header .controls { height: 70px; position: relative; top: 50px; }
			#template_main #header .controls #controls_main { left: 5%; position: relative; }
	#template_main #content { background: white; padding: 4em 0 6em 0; }
	#template_main #footer { background: url(/img/layout/footer.png) 0 0 repeat-x; height: 300px; position: relative; }
		#template_main #footer a { color: #28903B; }
		#template_main #footer .controls { height: 70px; left: 5%; position: relative; }
		#template_main #footer .payment { background: url(/img/layout/footer_controls.png) right top no-repeat; height: 70px; right: 5%; position: absolute; top: 0; width: 250px; }
		#template_main #footer .ownership { color: #5FB46F; font-style: italic; position: relative; }
			#template_main #footer .ownership .rights { left: 5%; padding-top: 19px; position: relative; top: 0; width: 40em; }
			#template_main #footer .ownership .cred { right: 5%; top: 0; padding-top: 19px; position: absolute; }
	/* store message*/
	#template_store_message { background: white; height: auto; padding-top: 5em; }
	/* transaction invoice */
	#template_transaction_invoice { background: white; height: auto; margin: 2em auto; padding: 0; width: 800px; }
	/* form stuffs */
	.form_pad { padding: 1em 0; }
	.form_controls { padding: 1em 0 0 0; text-align: center; }
	/* base layout grid system cred to http://960.gs  */
	.grid_main .container_12 { margin-left: auto; margin-right: auto; width: 900px; }
	.grid_main .grid_1, .grid_main .grid_2, .grid_main .grid_3, .grid_main .grid_4, .grid_main .grid_5, .grid_main .grid_6, .grid_main .grid_7, .grid_main .grid_8, .grid_main .grid_9, .grid_main .grid_10, .grid_main .grid_11, .grid_main .grid_12 { display: inline; float: left; position: relative; margin-left: 5px; margin-right: 5px; }
	.grid_main .grid_alpha { margin-left: 0; }
	.grid_main .grid_omega { margin-right: 0; }
	.grid_main .container_12 .grid_1 { width: 65px; }
	.grid_main .container_12 .grid_2 { width: 140px; }
	.grid_main .container_12 .grid_3 { width: 215px; }
	.grid_main .container_12 .grid_4 { width: 290px; }
	.grid_main .container_12 .grid_5 { width: 365px; }
	.grid_main .container_12 .grid_6 { width: 440px; }
	.grid_main .container_12 .grid_7 { width: 515px; }
	.grid_main .container_12 .grid_8 { width: 590px; }
	.grid_main .container_12 .grid_9 { width: 665px; }
	.grid_main .container_12 .grid_10 { width: 740px; }
	.grid_main .container_12 .grid_11 { width: 815px; }
	.grid_main .container_12 .grid_12 { width: 890px; }
	.grid_main .container_12 .prefix_1 { padding-left: 75px; }
	.grid_main .container_12 .prefix_2 { padding-left: 150px; }
	.grid_main .container_12 .prefix_3 { padding-left: 225px; }
	.grid_main .container_12 .prefix_4 { padding-left: 300px; }
	.grid_main .container_12 .prefix_5 { padding-left: 375px; }
	.grid_main .container_12 .prefix_6 { padding-left: 450px; }
	.grid_main .container_12 .prefix_7 { padding-left: 525px; }
	.grid_main .container_12 .prefix_8 { padding-left: 600px; }
	.grid_main .container_12 .prefix_9 { padding-left: 675px; }
	.grid_main .container_12 .prefix_10 { padding-left: 750px; }
	.grid_main .container_12 .prefix_11 { padding-left: 825px; }
	.grid_main .container_12 .suffix_1 { padding-right: 75px; }
	.grid_main .container_12 .suffix_2 { padding-right: 150px; }
	.grid_main .container_12 .suffix_3 { padding-right: 225px; }
	.grid_main .container_12 .suffix_4 { padding-right: 300px; }
	.grid_main .container_12 .suffix_5 { padding-right: 375px; }
	.grid_main .container_12 .suffix_6 { padding-right: 450px; }
	.grid_main .container_12 .suffix_7 { padding-right: 525px; }
	.grid_main .container_12 .suffix_8 { padding-right: 600px; }
	.grid_main .container_12 .suffix_9 { padding-right: 675px; }
	.grid_main .container_12 .suffix_10 { padding-right: 750px; }
	.grid_main .container_12 .suffix_11 { padding-right: 825px; }
	/* gallery */
	ul.gallery { background: white; height: 391px; overflow: hidden; position: relative; width: 365px; }
		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_white.gif) center center no-repeat; }
			ul.gallery li.loading img { display: none; }
		ul.gallery li.selected { background: white; display: block; }
	/* large gallery */
	ul.gallery_large { height: 450px; width: 420px; }
	/* landscape gallery */
	ul.gallery_landscape { height: 300px; width: 365px; }
	/* form inputs */
	.input_text { background: transparent; border: 0; color: #847B50; font-family: Palatino, Georgia, 'Times New Roman', serif; font-size: 14px; font-style: italic; line-height: 14px; margin: 0; padding: 7px 0; width: 100%; }
	textarea.input_text { line-height: 1.5em; }
	.input_text_wrapper { background-position: 0 0; background-repeat: no-repeat; display: block; height: 40px; padding: 0 5px; }
	.input_textarea_wrapper { background-position: 0 0; background-repeat: no-repeat; display: block; height: 200px; padding: 0 5px; }
	.grid_main .container_12 .grid_8 .input_text_wrapper { background-image: url(/img/layout/input_text_grid_8.jpg); width: 580px; }
	.grid_main .container_12 .grid_8 .input_textarea_wrapper { background-image: url(/img/layout/input_textarea_grid_8.jpg); width: 580px; }
		.grid_main .container_12 .grid_8 .input_textarea_wrapper textarea { height: 170px; }
	.grid_main .container_12 .grid_4 .input_text_wrapper { background-image: url(/img/layout/input_text_grid_4.jpg); width: 280px; }
	/* google map */
	.map_wrapper { background: url(/img/layout/map.jpg) 0 0 no-repeat; height: 400px; margin: 1em 0; }
		.map { border: 10px solid transparent; height: 370px; }
	/* notice (goes into .grid_12 )*/
	.grid_12 .notice { background: url(/img/layout/notice_grid_12.png) left bottom no-repeat; margin: 0 0 2em 0; padding: 1em 1em 2em 1em; }
	/* modal controls */
	ul.modal_controls { height: 35px; position: relative; width: 25px; }
		ul.modal_controls li { display: block; height: 35px; width: 25px; }
			ul.modal_controls li a { background-image: url(/img/layout/modal_controls.png); background-repeat: no-repeat; height: 35px; width: 25px; }
			ul.modal_controls li.close {}
				ul.modal_controls li.close a:link, ul.modal_controls li.close a:visited { background-position: 0 0; }
				ul.modal_controls li.close a:hover, ul.modal_controls li.close a:active { background-position: 0 -35px; }
	/* modal html, hide until needed */
	.modal_html { display: none; }
	/* prev_next_controls */
	ul.prev_next_controls { height: 35px; position: relative; }
		ul.prev_next_controls li { display: block; float: right; height: 35px; width: 25px; }
			ul.prev_next_controls li a { background-image: url(/img/layout/prev_next_controls.png); background-repeat: no-repeat; height: 35px; width: 25px; }
			ul.prev_next_controls li.previous {}
				ul.prev_next_controls li.previous a:link, ul.prev_next_controls li.previous a:visited { background-position: 0 0; }
				ul.prev_next_controls li.previous a:hover, ul.prev_next_controls li.previous a:active { background-position: 0 -35px; }
			ul.prev_next_controls li.next {}
				ul.prev_next_controls li.next a:link, ul.prev_next_controls li.next a:visited { background-position: -25px 0; }
				ul.prev_next_controls li.next a:hover, ul.prev_next_controls li.next a:active { background-position: -25px -35px; }
	/* text-image replacement */
	.tir { background-repeat: no-repeat; display: block; line-height: 0; margin: 0; padding: 0; text-indent: -9999px; }
	.tir_home { background: url(/img/layout/tir_home.png) center top no-repeat; height: 30px; }
	.tir_h1 { background-image: url(/img/layout/tir_h1.png); height: 50px; margin: 0 0 .3em 0; }
	.tir_h1_tie_fold { background-position: 0 0; }
	.tir_h1_wheeler_dealer { background-position: 0 -50px; }
	.tir_h1_sattley_slim { background-position: 0 -100px; }
	.tir_h1_passport_cover { background-position: 0 -150px; }
	.tir_h1_wrist_wear { background-position: 0 -200px; }
	.tir_h1_about { background-position: 0 -250px; }
	.tir_h1_contact { background-position: 0 -300px; }
	.tir_h1_policy { background-position: 0 -350px; }
	.tir_h1_retail { background-position: 0 -400px; }
	.tir_h1_links { background-position: 0 -450px; }
	.tir_h1_thanks { background-position: 0 -500px; }
	.tir_h1_error { background-position: 0 -550px; }
	.tir_h1_admin { background-position: 0 -600px; }
	.tir_h2 { background-image: url(/img/layout/tir_h2.png); height: 25px; margin: 0 0 .4em 0; }
	.tir_h2_available_styles { background-position: 0 0; }
	.tir_h2_error { background-position: 0 -25px; }
	.tir_h2_products { background-position: 0 -50px; }
	.tir_h2_links { background-position: 0 -75px; }
	.tir_h2_transactions { background-position: 0 -100px; }
	.tir_h2_welcome { background-position: 0 -125px; }
	.tir_h2_new { background-position: 0 -150px; }
	.tir_h2_edit { background-position: 0 -175px; }
	.tir_h2_warning { background-position: 0 -200px; }
	.tir_h2_sold_out { background-position: 0 -225px; }
	.tir_h2_vintage_neckties { background-position: 0 -250px; }
	.tir_h2_one_of_a_kind { background-position: 0 -275px; }
	.tir_h2_how_to_use { background-position: 0 -300px; }
	.tir_h2_sizing { background-position: 0 -325px; }
	.tir_label { background-image: url(/img/layout/tir_label.png); height: 15px; margin: 0 0 .3em 0; }
	.tir_label_email { background-position: 0 0; }
	.tir_label_subject { background-position: 0 -15px; }
	.tir_label_message { background-position: 0 -30px; }
	.tir_label_username { background-position: 0 -45px; }
	.tir_label_password { background-position: 0 -60px; }
	.tir_label_name { background-position: 0 -75px; }
	.tir_label_type { background-position: 0 -90px; }
	.tir_label_price { background-position: 0 -105px; }
	.tir_label_image { background-position: 0 -120px; }
	.tir_label_image_new { background-position: 0 -135px; }
	.tir_label_size { background-position: 0 -150px; }
	.tir_masthead_logo { background: url(/img/layout/tir_masthead.png) 0 0 no-repeat; height: 50px; width: 400px; }
		.tir_masthead_logo a { display: block; height: 100%; width: 100%; }
	.tir_masthead_tagline { background: url(/img/layout/tir_masthead.png) right 0 no-repeat; height: 50px; width: 200px; }
}
@media print {
	#template_transaction_invoice { font-size: 9pt; margin: 0; padding: 0; }
}