html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 120%;
    color: black;
    background: white;
}
form { display:inline;}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/* end reset */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
}
h1 {
	font-size:24px;
	margin-top:25px;
	margin-bottom:15px;
}
h2 {
	font-size:16px;
	margin-top:10px;
	margin-bottom:5px;
}

/* products */
.masthead {
	width:1000px;
	height:79px;
	overflow:hidden;
}
.content {
	width:1000px;
	border:0px solid #ccc;
	background-color:#fff;
}
.menu {
	width:972px;
	margin-left:11px;
        margin-bottom:2px;
}
.thecontent {
	width:1000px;
	background:#fff;
	float:left;
	background-image:url(../images/templates/hat/hat-ui-01_03.jpg);
	background-position:right;
	background-repeat:repeat-y;
}
.left {
	width:200px;
	float:left;
	margin-left:11px;
	display:block;
    margin-bottom:5px;
    padding-left:3px;
}
.leftinfo {
	width:194px;
	float:left;
	display:block;
    margin-bottom:5px;
    padding-left:6px;
}
.main {
	width:760px;
	float:left;
	display:block;
    padding-left:4px;
    margin-bottom:5px;
	vertical-align:top;
	min-height:300px;
}
.maininfo {
	width:580px;
	float:left;
	display:block;
    padding-left:4px;
    margin-bottom:5px;
	vertical-align:top;
}
.footer {
	clear:both;
	width:1000px;
	height:50px;
	vertical-align:middle;
	display:block;
	background-color:#FFFFFF;
	color:#fff;
	background-image:url(../images/templates/hat/hat-ui-01_05.jpg);
	background-repeat:no-repeat;
	padding-top:8px;
}
.footercontent {
	margin:5px 0 0 20px;
	width:450px;
        padding:4px;
}
.divspacer {
        clear:both;
        width:1000px;
        display:block;
        margin-top:6px;
}
p,ol,li
{
	margin-bottom:9px;
	line-height:140%;
}
ol
{
	padding-left:20px;
}
li 
{
	list-style-type:decimal;
}
strong
{
	font-weight:bold;
}
/* products */

/* normal ws stuff */
.menutitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; text-decoration: none; line-height:1.8;}
.menutitle:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; text-decoration: none;font-weight: bold; line-height:1.8}
.login {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-decoration: none; color: #0A1E5A}
.CataBlack { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: bold}
.CataSdesc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; font-weight: normal; text-decoration: none;}
.CataFdesc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; font-weight: normal; text-decoration: none;}
.CataPrice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; font-weight: bold}
.CataPriceSmall { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: bold }
.CataSSdesc { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333; font-weight: normal }
.CataMessage{ border:0px solid #f1f1f1;color:Red;}
.normalText, body p, main p,body li,.footercontent { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #333333; font-weight: normal}
.normalTextLarge { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; font-weight: bold}
.dialogTitle {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF}
.CataBlackLarge { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #333333; font-weight: bold ; text-decoration: none}
.btbNormal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; font-weight: normal; LINE-HEIGHT: 19.2pt; TEXT-ALIGN: justify}
.btbCompact {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #666666; font-weight: normal; TEXT-ALIGN: justify}
.cartlink {text-decoration:underline;color: #0A1E5A;}

.highText { text-decoration: none; color: #666666; font: bold 14px Verdana, Arial, Helvetica }
.lowText { text-decoration: none; color: #777777; font: bold 14px Verdana, Arial, Helvetica }
.itemBorder { border: 0px solid #CCCCCC}  
.itemBorderBlank { border: 1px solid #222222}

.xmenu { margin:0px 0 5px 0; }
.xmenu a { text-decoration: none; font: bold 16px Arial, Helvetica; color:#999; }
.xmenu a:hover { text-decoration: none; font: bold 16px Arial, Helvetica; color:#000; }

.xmenuitems p { text-decoration: none; font: bold 16px Arial, Helvetica; color:#999; }
.xmenuitems a { text-decoration: none; font: bold 16px Arial, Helvetica; color:#999; }
.xmenuitems a:hover { text-decoration: none; font: bold 16px Arial, Helvetica; color:#000; }

.cartbutton {
	color: #000000;
	background-color: #f1f1f1;
	border: 2px solid #cccccc;
	padding: 3px;
	font-weight: bold;
	text-decoration: none;
	height: 16px;
}
.cartbutton:hover {
	color: #000000;
	background-color: #cccccc;
	border: 2px solid #000000;
}