/*
USAT Store stylesheet

USAT colors:
blue		#00285B

*/

/*----- Body Style -----------------------------------*/

body
{
	background: #00285B url(http://www.usatstore.com/USATImages/USATBG.png) repeat-y;
	margin: 0;
}

/*----- Generic Styles -----------------------------------*/

p.main
{
	color: black;
	background: white;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12x;
	font-weight: normal;
}

img.regimg
{
	text-align: left;
	vertical-align: center;
	background: #00285B;
	border: 0px;
}

img.imgonwhite
{
	text-align: left;
	vertical-align: center;
	background: white;
	border: 0px;
}

a.main
{
	color: black;
	background: white;
	text-align: center;
	vertical-align: center;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	border: 0px;
	padding: 2px 5px 2px 5px;
}

a.main:hover
{
	color: red;
}

input.main
{
	width: 160px;
	background-color: #CCC;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	color: black;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}

td.leftcenter
{
	text-align: left;
	vertical-align: center;
	background: #00285B;
	border: 0px;
	padding: 0px;
}

td.centercenter
{
	width: 100%;
	color: white;
	background: #00285B;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
}

div.special
{
	width: 150px;
	background: #ddd;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 1px solid black;
	padding: 3px;
}

/*----- Top Logo/Menu Bar -----------------------------------*/

table.logomenu /* Area with logo and top menu */
{
	border: 0px;
	margin: 10px 0px 0px 0px;
	cellpadding: 0px;
	cellspacing: 0px;
	border-collapse: collapse;
}

table.topmenu
{
	width: 680px;
	border: 0px;
	padding: 0px;
	spacing: 0px;
	border-collapse: collapse;
}

tr.topmenu
{
	background: #00285B;
}

td.topmenu
{
	width: 132px;
	color: white;
	background: #00285B;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 1px solid white;
	padding: 2px 0px 2px 0px;
}

td.topmenuON
{
	width: 132px;
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 1px solid white;
	padding: 2px 0px 2px 0px;
}

td.topmenuOFF
{
	width: 132px;
	color: gray;
	background: #00285B;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 1px solid white;
	padding: 2px 5px 2px 5px;
}

td.topmenu a.topmenu
{
	color: #bbb;
/*	color: white; */
	background: #00285B;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 0px;
	padding: 2px 5px 2px 5px;
}

td.topmenu a.topmenu:visited
{
	color: #bbb;
/*	color: white; */
	background: #00285B;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 0px;
	padding: 2px 5px 2px 5px;
}

td.topmenuON a.topmenuON
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 1px solid white;
	padding: 2px 5px 2px 5px;
}

td.topmenu a.topmenuOFF
{
	color: gray;
	background: #00285B;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 0px;
	padding: 2px 5px 2px 5px;
}

td.topmenu a.topmenuOFF:visited
{
	color: gray;
	background: #00285B;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 0px;
	padding: 2px 5px 2px 5px;
}

td.topmenu a.topmenu:hover
{
/*
	background: white;
	color: black;
*/
	color: white;
}

td.topmenuON a.topmenuON:hover
{
	background: white;
	color: gray;
}

td.topmenu a.topmenuOFF:hover
{
	background: #00285B;
	color: gray;
}

input.searchbox
{
	width: 160px;
	background-color: #00285B;
	border-style: solid;
	border-width: 1px;
	border-color: #455c79;
	color: white;
}

input.searchimg
{
	background-color: #00285B;
	vertical-align: middle;
	border-width: 0px;
}

td.topmenulink
{
	color: white;
	background: #00285B;
	vertical-align: center;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 5px 5px 5px 5px;
}

a.toplink
{
	color: white;
	background: #00285B;
	vertical-align: center;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
}

a.toplink:visited
{
	color: white;
	background: #00285B;
	vertical-align: center;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
}

a.toplink:hover
{
	color: red;
}

/*

td.topmenulink a.toplink
{
	color: white;
	background: #00285B;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
}

td.topmenulink a.toplink:visited
{
	color: white;
	background: #00285B;
	vertical-align: middle;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
}

td.topmenulink a.toplink:hover
{
	color: red;
}
*/

/*----- Left Side Info/Menu Bar -----------------------------------*/

table.leftmenu
{
	width: 129px;
	text-align: center;
	border: 0px;
	margin: 10px 20px;
	border-collapse: collapse;
}

tr.leftmenu
{
	background: #00285B;
}

td.leftmenu
{
	color: white;
	background: #00285B;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 1px solid white;
	padding: 5px 5px 5px 5px;
}

td.lefthead
{
	color: white;
	background: #2866C4;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 1px solid white;
	padding: 5px 5px 5px 5px;
}

td.powered
{
	color: white;
	background: #00285B;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9;
	font-weight: normal;
	border: 1px solid white;
	padding: 5px 5px 5px 5px;
}

td.leftmenuON
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 1px solid white;
	padding: 5px 5px 5px 5px;
}

td.leftmenu a.leftmenu
{
	color: white;
	background: #00285B;
	text-align: center;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	border: 0px;
	padding: 2px 5px 2px 5px;
}

td.leftmenu a.leftmenu:visited
{
	color: white;
	background: #00285B;
	text-align: center;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	border: 0px;
	padding: 2px 5px 2px 5px;
}

td.leftmenuON a.leftmenuON
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 1px solid white;
	padding: 2px 5px 2px 5px;
}

td.leftmenu a.leftmenu:hover
{
	color: red;
}

td.leftmenuON a.leftmenuON:hover
{
	color: gray;
}


/*----- Main Area -----------------------------------*/

table.mainarea
{
	width: 660;
	border: 1px solid white;
	margin: 10px 0px 0px 0px;
	border-collapse: collapse;
}

tr.mainarea
{
	background: white;
}

td.mainarea
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	border: 1px solid white;
	padding: 0px;
}

td.mainareahead
{
	color: white;
	background: #2866C4;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: normal;
	border: 1px solid white;
	padding: 5px;
}

td.mainarealeft
{
	color: black;
	background: white;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}


td.mainarealefthead
{
	color: black;
	background: white;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px;
	font-weight: bold;
	border: 0px;
	padding: 0px;
	width: 33%;
}


/*----- Main Area - Products Page -----------------------------------*/

table.productarea
{
	/* Product area on Products page */
	width: 100%;
	border: 1px solid black;
	padding: 0px;
	spacing: 0px;
	border-collapse: collapse;
}

tr.productarea
{
	width: 100%;
}

td.productarea
{
	/* Product area on Products page */
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 5px;
}

td.productarea a
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.productarea a:visited
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.productarea a:hover
{
	color: red;
}


/*----- Main Area - Details Page -----------------------------------*/

table.detailarea
{
	/* Product area on Details page */
	width: 100%;
	border: 1px solid black;
	padding: 0px;
	spacing: 0px;
	border-collapse: collapse;
}

tr.detailarea
{
	width: 100%;
}

td.detailimg
{
	/* Image area on Details page */
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 5px;
}

td.detailimg a
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.detailimg a:visited
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.detailimg a:hover
{
	color: red;
}

td.detaildescr
{
	/* Description area on Details page */
	color: black;
	background: white;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	border: 0px;
	padding: 5px;
}

td.detailprice
{
	/* Price area on Details page */
	color: black;
	background: white;
	text-align: center;
	vertical-align: top;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 17px;
	font-weight: bold;
	border: 0px;
	padding: 5px;
}

td.detailorder
{
	/* Order area on Details page */
	color: black;
	background: white;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
	border: 0px;
	padding: 5px;
}

td.detailorder a
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.detailorder a:visited
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.detailorder a:hover
{
	color: red;
}

td.detailorder a.colorback
{
	color: black;
	background: #DDD;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.detailorder a.colorback:visited
{
	color: black;
	background: #DDD;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.detailorder a.colorback:hover
{
	color: red;
}

select.optionlist
{
	/* Size/Color selection box on Details page */
	color: black;
	background: white;
	text-align: left;
	vertical-align: bottom;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}

option.optionlist
{
	/* Size/Color selection box on Details page */
	color: black;
	background: white;
	text-align: left;
	vertical-align: bottom;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}

input.qtybox
{
	color: black;
	background: white;
	text-align: right;
	vertical-align: bottom;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}

input.checkbox
{
	color: black;
	background: white;
	text-align: left;
	vertical-align: middle;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}

input.addbutton
{
	color: black;
	background: white;
	text-align: left;
	vertical-align: bottom;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}

input.addbuttonbg
{
	color: black;
	background: #DDD;
	text-align: left;
	vertical-align: bottom;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}

input.submitbutton
{
	color: black;
	background: #CCC;
	text-align: center;
	vertical-align: bottom;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}

span.true
{
	color: black;
	background-color: #8DFC8D;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
}

/*----- Main Area - Cart Page -----------------------------------*/

table.showcart
{
	/* Order Display area on Shopping Cart page */
	width: 100%;
	border: 1px solid black;
	padding: 0px;
	spacing: 0px;
	border-collapse: collapse;
}

tr.showcart
{
	width: 100%;
}

td.showcartheader
{
	color: white;
	background: #888;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 1px solid black;
	padding: 5px;
}

td.showcart
{
	color: black;
	background: white;
	text-align: left;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 1px solid black;
	padding: 3px;
}

td.showcartright
{
	color: black;
	background: white;
	text-align: right;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 1px solid black;
	padding: 3px;
}

td.showcartcenter
{
	color: black;
	background: white;
	text-align: center;
	vertical-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 1px solid black;
	padding: 3px;
}

td.showcartimg
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 1px solid black;
	padding: 3px;
}

td.showcart a
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.showcart a:visited
{
	color: black;
	background: white;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.showcart a:hover
{
	color: red;
}

input.showcart
{
	width: 3em;
	color: black;
	background: white;
	text-align: right;
	vertical-align: bottom;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: normal;
}

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

table.footer
{
	width: 660;
	background: #00285B;
	border: 0px;
	margin: 10px 0px 0px 0px;
	border-collapse: collapse;
}

tr.footer
{
	background: #00285B;
}

td.footer
{
	width: 33%;
	background: #00285B;
	text-align: center;
	color: white;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.footer a
{
	color: white;
	background: #00285B;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.footer a:visited
{
	color: white;
	background: #00285B;
	text-align: center;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	border: 0px;
	padding: 0px;
}

td.footer a:hover
{
	color: red;
}

td.copyright
{
	background: #00285B;
	text-align: center;
	color: #2866C4;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: normal;
	border: 0px;
	padding: 10px 0px 0px 0px;
}