/*
 * js_layout.css
 * Copyright 2009 Jonny Sport LLC
 * all rights reserved
 */

/* override values from jquery theme */
.ui-tabs { padding: 0px; }
.ui-tabs .ui-tabs-panel { padding: 0; margin: 1px; margin-top: 0px; border: 1px #aaaaaa solid; border-top: none; }
.ui-tabs .ui-tabs-nav { padding: 0; }
.ui-tabs .ui-tabs-nav li a { font-weight: 500; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { font-weight: 600; }

.ui-widget-header { border: none; background: #ffffff; color: #222222; font-weight: bold; }
.ui-widget-header { border-bottom: 1px solid #aaaaaa; }
.ui-widget-header a { color: #222222; }
.ui-widget-content { border: 1px solid #ffffff; background: #ffffff; color: #222222; }
.ui-widget-content a { color: #222222; }

/* allow jQuery to do size calculations off-screen */
.ui-tabs .ui-tabs-hide { position: absolute; left: -10000px; }

body { width: 725px; margin-left: auto; margin-right: auto; background-color: #F5EDDE; }

#hd { width: 725px; border: solid black 8px; background-color: white; margin: 3px; }
#hd a img { border: 0px; }
#hd #free_shipping { position: absolute; top: 13px; margin-left: -125px; z-index: 1; }
/* 
 * #hd #blog_link { position: relative; float: right; z-index: 1; margin: -25px 10px 0 0; font-family: verdana; }
 */
#hd #blog_link { position: absolute; top: 150px; margin-left: -100px; z-index: 1; font-family: verdana; text-align: center; }
#hd #blog_link a { text-decoration: none; color: black; }
#hd #blog_link a:hover { text-decoration: underline; }

#md { width: 725px; border: solid black 8px; background-color: white; margin: 3px; }
#ft { width: 725px; text-align: center; font-size: 0.8em; border: none; background-color: #F5EDDE; margin: 3px; }

#tabs { height: 570px; width: 717px; margin: 0px; padding: 3px; padding-bottom: 0px; background-color: white; }
#tabs > div { width: 715px; height: 522px; margin: 0px; background-color: white; position: relative; }

#home img { margin: 5px; }
#home #news_item { position: absolute; z-index: 1; top: 20px; right: 20px; background: orange; color: black; padding: 4px; border: solid black 4px; text-align: center; }

#products-tabs { margin: 5px; margin-top: 0px; padding-top: 5px; border: 0px; border-top: none; }
#products-tabs > div { height: 458px; margin: 0px; padding: 5px; padding-top: 0px; border: 1px #aaaaaa solid; border-top: none; }
#products-tabs > div > div { padding: 5px 5px 5px 0; }
#products-tabs .left { float: left; width: 410px; }
#products-tabs .left img { border: 1px solid black; height: 400px; width: 400px; }
#products-tabs .bag_img { float: left; margin-top: 0.3em; font-size: 0.6em; text-align: center; border: 1px solid black; margin: 2px; height: 1.4em; width: 1.4em; }
#products-tabs .bag_img:hover { cursor: pointer; }
#products-tabs .bag_img_selected { border: 2px solid black; margin: 1px; }
#products-tabs .left div { text-align: right; margin-top: 5px; margin-right: 2.0em; font-size: 1.5em; font-weight: 600; }
#products-tabs .right > div { margin-left: 415px; font-size: 0.8em; }
#products-tabs .right > div:first-child p { margin: 7px 0 7px 0; }
#products-tabs .dimensions { margin: 7px 0 7px 0; }
#products-tabs .dimensions div:first-child { font-size: 0.8em; text-decoration: underline; }
#products-tabs .dimensions .english { font-size: 0.8em; }
#products-tabs .dimensions .metric { font-size: 0.8em; }
#products-tabs .dimensions .volume { font-size: 0.8em; }

#shop > form { margin: 5px; margin-top: 0; }
#shop table { width: 670px; padding: 20px 0 0 30px; }
#shop th { padding: 10px 0 10px 0; text-align: center; border-bottom: 1px solid black; font-weight: 500; font-size: 0.9em; }
#shop th:first-child { width: 80px; border-bottom: 0px; }
#shop th:first-child + th { width: 220px; }
#shop th:first-child + th + th { width: 120px; }
#shop th:first-child + th + th + th { width: 120px; }
#shop th:first-child + th + th + th + th { width: 100px; }
#shop th + th + th,
#shop th + th + th + th + th,
#shop .price,
#shop .row_total,
#shop .free_shipping,
#shop .shipping_total,
#shop .shop_total { text-align: right; }
#shop .shipping_total { border-top: 1px solid black; padding-top: 0.5em; }
#shop .shop_total { border-top: 3px double black; padding-top: 0.5em; }
#shop td { padding: 0 0 0 0; }
#shop td:first-child + td { padding-left: 1.1em; font-size: 1.1em; }
#shop img { border: 1px solid black; width: 64px; }
#shop .quantity { text-align: center; padding-left: 1.0em; }
#shop .quantity input { width: 1.2em; }
#shop input[name=preview] { position: absolute; bottom: 0px; right: 0px; }
#shop #buttons { font-size: 0.8em; padding-top: 0.6em; text-align:right; }
#shop #buttons a:hover { text-decoration: underline; }
#shop #google_checkout { height: 46px; width: 180px; float: right; padding: 20px; }
#shop #shipping_note { float: left; width: 420px; margin: -70px 0 0 10px; font-size: 0.7em; }

#contact div { padding: 1.5em 0 0 1.5em; }
#contact img { height: 360px; width: 480px; margin: 12px 0px 0px 120px; }

#about > div { margin: 0 0 0 10px; margin-top: 0; background-color: white; }
#about > div > div { float: left; padding-top: 2px; padding-right: 10px; }
#about p { margin: 0px; padding: 0.5em 0 0.5em 0; }
#about img { border: solid black 1px; margin-top: 0.5em; }
#about .jon-beckel { font-size: 0.75em; position: absolute; left: 10px; bottom: 10px; }

#news div:first-child { font-size: 1.4em; margin-left: 0.5em; padding-top: 0.5em; }
#news #photo { position: absolute; bottom: 0px; right: 0.5em; }
#news #photo img { height: 320px; }
#news #photo div { text-align: right; font-size: 0.6em; }
#news ul { margin-left: 1.0em; padding: 0.5em; list-style: none; }
#news li { padding: 0.2em; }