/* Custom CSS Document for Hats Unlimited
~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*~*/

/* GLOBAL STYLES
--------------------------------------------------------*/

/* Layout Styles */
body {margin: 0; padding: 0}
#chart {border: 1px solid #1640B6}
.charttop {background: #1640B6; color: #fff; font: bold 14px "Times New Roman", Times, serif} 
.chartleft {background: #6C8CE4; color: #fff; font: bold 14px "Times New Roman", Times, serif; border-right: 1px solid #1640B6; border-bottom: 1px solid #1640B6; vertical-align: top}
.chart_line {border-bottom: 1px solid #1640B6; border-right: 1px solid #1640B6}
.chart_line_last {border-bottom: 1px solid #1640B6}
.chart_tween {border-right: 1px solid #1640B6}

/* Text Styles */
h1 {font: 20px Arial, Helvetica, sans-serif; color: #000}
h2 {font: bold 16px Arial, Helvetica, sans-serif; color: #1B396B; border-bottom: 1px solid #BF3731}
h3 {font: 14px Arial, Helvetica, sans-serif; color: #000}
p {font: 11px Arial, Helvetica, sans-serif; color: #000}

/* Misc Styles */

/* TopSubBanner Styles
--------------------------------------------------------*/

/* Layout Styles */
#bntable {width: 100%}
.bnnav {background: #ccc; font: bold 12px "Times New Roman", Times, serif; color: #f00; text-align: center; padding: 3px 0}
.bnmid {vertical-align: bottom; text-align: center; font: 14px "Times New Roman", Times, serif; color: #1640B6; padding-bottom: 12px}
.bnright {vertical-align: bottom; text-align: right; font: 14px "Times New Roman", Times, serif; color: #1640B6; padding: 0 8px 12px 0}
.bncart {text-align: right}

/* Text Styles */
.bnright a:link,
.bnright a:visited {color: #1640B6; text-decoration: underline}
.bnright a:hover,
.bnright a:active {color: #1640B6; text-decoration: none}

.bnnav a:link,
.bnnav a:visited {color: #f00; text-decoration: none}
.bnnav a:hover,
.bnnav a:active {color: #f00; text-decoration: none}
.bnnavdivide {margin: 0 30px}

/* Misc Styles */

/* LeftColumnNav Styles
--------------------------------------------------------*/

/* Layout Styles */
#lctable {width: 150px; height: 100%}
.lctop {background: #f00; vertical-align: top; padding-bottom: 20px}
.lcbase {background: #1640B6; vertical-align: top}

/* Text Styles */
.lchead {margin-bottom: 15px}
.lcnavtext {font: 12px "Times New Roman", Times, serif; color: #fff; margin: 0 0 25px 15px}
.lcnavtext a:link,
.lcnavtext a:visited {color: #fff; text-decoration: none}
.lcnavtext a:hover,
.lcnavtext a:active {color: #fff; text-decoration: none}

/* Misc Styles */

/* RightColumnNav Styles
--------------------------------------------------------*/

/* Layout Styles */
#rctable {width: 100%}

/* Text Styles */
.rcnavtext {font: 11px Arial, Helvetica, sans-serif; color: #000}
.rcnavtext a:link,
.rcnavtext a:visited {color: #000; text-decoration: none}
.rcnavtext a:hover,
.rcnavtext a:active {color: #000; text-decoration: none}

/* Misc Styles */

/* Footer Styles
--------------------------------------------------------*/

/* Layout Styles */
#fttable {width: 100%; background: #ccc}
.fttop {height: 4px; background: #fff}
.ftleft {width: 145px; text-align: center; font: 14px "Times New Roman", Times, serif; color: #f00; font-weight:bold}
.ftright {width: 183px; text-align: center; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #f00; padding: 5px 0}
.ftmain {width: 184px; text-align: center; font: 11px Verdana, Arial, Helvetica, sans-serif; color: #f00; padding: 5px 0}
.ftmain a:link,
.ftmain a:visited{color: #f00; text-decoration: none}
.ftmain a:hover,
.ftmain a:active{color: #f00; text-decoration: none}
.ftright a:link,
.ftright a:visited{color: #f00; text-decoration: none}
.ftright a:hover,
.ftright a:active{color: #f00; text-decoration: none}
.ftbase {background: #fff; text-align: center; font: 11px "Times New Roman", Times, serif; color: #1640B6; padding: 5px 0}

/* Text Styles */
.ftbase a {color: #1640B6; text-decoration: none}
.ftnavtext {font: 11px Arial, Helvetica, sans-serif; color: #000}
.ftnavtext a:link,
.ftnavtext a:visited {color: #000; text-decoration: none}
.ftnavtext a:hover,
.ftnavtext a:active {color: #000; text-decoration: none}

/* Misc Styles */

/* Default Page Styles
--------------------------------------------------------*/

/* Layout Styles */
#deftable {width: 100%; margin-bottom: 5px}
.deftop {background: #f00; text-align: center; padding: 3px 0; font: 14px "Times New Roman", Times, serif; color: #fff}

/* Text Styles */

/* Misc Styles */
.defimg_top {margin: 5px 0}
.defimg_topleft {margin: 5px 0 5px 5px}
.defimg_left {margin: 0 0 0 5px}

/* Search & Cart Control Styles
--------------------------------------------------------*/

/* Search Styles */
#searchwrap {margin: 30px 0; padding: 0}

.searchtext {font: 12px "Times New Roman", Times, serif; color: #fff}
.searchtext a:link,
.searchtext a:visited {color: #fff; text-decoration: none}
.searchtext a:hover,
.searchtext a:active {color: #fff; text-decoration: none}

.searchbox {border: 1px solid #0C2C87; width: 80px; font: 11px Arial, Helvetica, sans-serif; color: #000}

/* Cart Styles */
#cartwrap {margin: 0; padding: 0; border: 1px solid #f00; width: 140px; padding: 7px 25px 7px 0}

.carttext {font: 14px "Times New Roman", Times, serif; color: #000}
.carttext a:link,
.carttext a:visited {color: #000; text-decoration: none}
.carttext a:hover,
.carttext a:active {color: #000; text-decoration: none}

/* Styles.css Custom
--------------------------------------------------------*/
#FooterCell {border-top: 1px solid #f00}

.LeftColumn	{height: 100%}
.RightColumn {height: 100%}

#Instruction1_InstructCell {padding: 7px; border: 1px solid #6787FF; background: #DBE2FF url(images/bkgd-instruct.gif) repeat-x; color: #000}

.Content a:link,
.Content a:visited {color: #000; text-decoration: underline}
.Content a:hover,
.Content a:active {color: #000;	text-decoration: none}