body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {line-height:1.22em;}
#top {position: relative; height: 100px; font-size: 12px; font-family: georgia, serif}
#top, #top * {color: #A5A5A7}
#top a {font-weight: bold; text-decoration: none}
#logo {position: absolute; top: 14px; left: 10px}
#nav {position: absolute; top: 70px; left: 180px; margin-left: 10px; white-space: nowrap}
#nav li {display: inline; margin: 0 2px}
#main {margin: 0 10px; border-top: 1px solid #ccc; padding-top: 10px}
#footer {text-align: center; border-top: 1px solid #ccc; padding: 5px 0}
#footer, #footer * {font-family: helvetica, arial, sans-serif}
.splash {position: relative; width: 700px; height: 376px}
.splash img {position: absolute; top: 0; left: 0}
.splash_html {position: relative; font-family: helvetica, arial, sans-serif; color: #A5A5A7}
.splash_html h1, .splash_html h2, .splash_html h3, .splash_html h4, .splash_html h5, .splash_html h6 {font-weight: normal; margin: 0 0 0.5em 0; padding: 0; border: none; font-family: georgia, serif; color: black}
.splash_html h1 {font-size: 1.8em}
.splash_html h2 {font-size: 1.4em}
.splash_html h3 {font-size: 1.3em}
.splash_html h4 {font-size: 1.15em}
.splash_html h5 {font-size: 1.1em}
body, input, select, textarea {font-family: georgia, serif}
body {text-align: center; background: url(../images/polka.png) top center}
html, body {height: 100%}
#wrapper {width: 720px; margin: auto; text-align: left; min-height: 100%; background: #fff; color: #A5A5A7; position: relative}
* html #wrapper {height: 100%}
#footer {position: absolute; bottom: 0; left: 10px; width: 700px; height: 50px}
#main {padding-bottom: 70px}
#tm_footnotes_debug {position: absolute; top: 0; left: 0; width: 50px; height: 50px; background: #007; overflow: hidden; opacity: 0.25}
#tm_footnotes_debug:hover {opacity: 1; width: 50%; height: 50%; overflow: auto}
#box {position: absolute}
#box {top: 10px; right: 10px; width: 91px; height: 80px; padding-top: 61px; text-align: center; background: url(../images/box.png) top left no-repeat}
#content {position: relative; font-family: helvetica, arial, sans-serif}
h1,h2,h3,h4,h5,h6 {margin-bottom: 0.5em; font-family: georgia, serif; color: #666}
h2 {font-size: 1.4em}
h3 {font-size: 1.3em}
h4 {font-size: 1.15em}
h5 {font-size: 1.1em}
p {margin: 0.5em 0}
hr {border: none; border-top: 1px solid #ccc}
a {color: #888}
a:hover, a.current {color: #FFB82E !important}
#box_closed, #box_open {position: absolute}
#box_closed {top: 0; left: 0}
#box_open {top: 75px; right: 0}
#links {position: absolute; z-index: 1; top: 23px; left: 245px; width: 280px}
#links li {font-family: helvetica, arial, sans-serif; font-size: 12px; margin-bottom: 25px}
#links li a {font-family: georgia, serif; font-size: 24px; color: black; text-decoration: none}
#links li a:hover {color: #FFB82E}
#splash_image {width: 700px; height: 376px}
#splash_image img {display: block}
#splashes {margin-top: 8px; text-align: center}
#splashes a {text-decoration: none}
.products {margin-top: 10px; border: 1px solid #ccc; border-width: 1px 0 0 0; padding: 10px 0}
.products a {text-decoration: none}
.products li {float: left; text-align: center; width: 170px; margin-bottom: 10px}
.products li img {display: block; padding: 0 10px 10px 10px}
.product_image {float: left; position: relative; overflow: hidden}
.product_info {float: right; width: 350px; padding-bottom: 8px}
.product_extra {clear: both; border-top: 1px solid #ccc}
.product_options {margin: 0.5em 0 1em 0}
.product_options li, .product_recommendations li, .product_closeups li {display: inline}
.product_closeups {border-bottom: 1px solid #ccc; margin-bottom: 8px; padding-bottom: 4px}
.product_description {margin: 10px 0}
.product_width, .product_length {margin: 5px; float: left; text-align: center}
.shirt_collar_size {padding: 4px 0 8px 0}
.radio_buttons label {display: block; padding: 4px; cursor: pointer}
.radio_buttons label input {vertical-align: middle; position: relative; top: -2px}
.radio_buttons label.selected {background: #acf; color: black}
#product_order_initials_field {margin-top: 4px}
.product_price {text-align: right; font-family: georgia, serif; font-size: 1.75em; color: #666}
.product_recommendations {margin-top: 8px}
.product_recommendations ul {margin: 0.5em 0 1em 0}
.tie_sizing img {float: left; margin-right: 8px}
.tie_sizing label {display: block; margin-bottom: 4px}
.shirt_options input {vertical-align: middle}
.shirt_option {border-bottom: 1px solid #ccc; padding: 8px 0}
.shirt_option_image {float: left}
.shirt_option_info {float: right; width: 350px}
.product_buy {text-align: right; padding-top: 8px}
#order_items {width: 100%; margin-bottom: 20px}
.product_order_options {list-style-type: square}
.product_order_options li {margin-left: 1.5em}
.measurements_details {font-size: 0.9em}
.box_product_image {padding: 20px}
.order_subtotal td {font-weight: bold; border-top: 1px solid #ccc; padding-top: 4px}
.order_voucher {font-weight: bold; float: left}
.order_checkout {float: right; text-align: right}
.checkout_button, .place_order {font-size: 1.2em; font-weight: bold}
.order_totals {font-size: 1.2em}
.order_totals th {width: 150px}
.order_total * {font-weight: bold}
.place_order {width: auto !important; margin-left: 150px}
#measurements_form {margin-top: 8px}
.measurements_right {clear: none !important; width: 340px; float: right}
.measurements_left {clear: none !important; width: 340px; float: left; position: relative}
.measurements_left h2 {display: none}
.measurements_left .guideline {position: absolute; top: 0; left: 0; right: 0; padding: 10px}
* html .measurements_left .guideline {right: auto; width: 320px}
.measurements_left .guideline img {width: 283px; height: 300px; border: 1px solid #aaa}
.measurement {margin-bottom: 5px; padding: 5px; margin-left: -20px; padding-left: 20px; position: relative; z-index: 2}
.measurement label, .measurement .input {float: left}
.measurement label, .measurement p {clear: left}
.measurement label {display: block; width: 110px; margin-top: 1px}
.measurement p {margin: 0 0 0 110px; padding-top: 4px}
.measurement p input {position: relative; top: 2px}
.measurement p label {float: none; clear: none; display: inline; width: auto; margin: 0}
.measurements_left .guideline, .current_field {background: #eee}
.guess {margin: 20px 0 !important; padding: 10px 0 !important; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
.guess .help {clear: none !important; width: 340px; float: left; position: relative}
.guess .help_notice {color: #0a0}
.guess .help_error {color: #e00}
.guess p {margin: 0 !important}
.guess input {width: auto !important}
.guess label {width: 110px !important}
.guess .input {clear: none !important; width: 340px; float: right}
#measurements_guidelines {clear: both}
#save {clear: both; float: right; font-size: 1.3em; font-weight: bold}
.delivery_regions {border-spacing: 8px; border-collapse: separate}
.delivery_regions th {font-weight: bold}
.pretty {margin-left: 12%; margin-right: 12%}
.pretty p {margin: 0.5em 0}
.pretty label {width: 150px; float: left; padding-bottom: 1em}
.pretty input, .pretty textarea {width: 250px}
#flash, .errorExplanation {text-align: center; padding: 0.5em; font-size: 1.2em}
.flash_notice {color: #0a0}
.flash_error {color: #e00}
.errorExplanation, .field_with_errors, .field_with_errors input {color: #e00}
.errorExplanation h2 {display: none}
.error {white-space: nowrap}
#top:after, #splash:after, #content:after, .product:after, .products:after, .product_sizing:after, .shirt_option:after, .product_order:after, .measurement:after, .pretty p:after, .tie_sizing p:after, .guess:after {content: " "; display: block; height: 1px; visibility: hidden; clear: both}
#top, #splash, #content, .product, .products, .product_sizing, .shirt_option, .product_order, .measurement, .pretty p, .tie_sizing p, .guess {zoom: 1}