body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	background-image: url(i/bg_body.gif);
	background-repeat: repeat;
}
a {
	font-style: normal;
	text-decoration: none;
	color: #006699;
}
a:hover {
	text-decoration: none;
	color: #F87914;
}

h1, h2, h3, h4 {
	color: #1A5184;
	line-height: 1.2em;
	
}
h1 {	
}
div#header {
	height: auto;
	margin-top: 0px;
	margin-bottom: 0;
	padding: 0px;
	text-align:left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8DB8D3;
	background-repeat: repeat-y;
	background-position: left center;
	background-image: url(i/util_mast_edge.gif);
}
div#page {
	padding-bottom: 20px;
	width: 798px;
	background-color: #FFFFFF;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 0px;
}
div#header img.logo {
	float: left;
	margin-top: 2px;
	margin-right: 20px;
	margin-left: 26px;
	margin-bottom: 2px;
}
div#header h1 {
	display:inline;
}
div#header div.nav {
	float: none;
	display:block;
	clear: both;
	text-align: left;
	width: 768px;
	height: 21px;
	font-weight: bold;
	color: #333333;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: #1A5184;
	background-image: url(i/nav_mast_edge.gif);
	background-repeat: repeat-y;
	background-position: left center;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding-left: 30px;
}
div#header div.admin {
	font-size: 1.2em;
	font-weight: bold;
	color: #F77610;
	letter-spacing: 0.2em;
	float: right;
	display: block;
	margin-top: 30px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 10px;
}
div#header  div.nav  ul    {
	list-style: none;
	margin:0;
	padding: 0;
	background-color: #FFFFFF;
}
div#header div.nav ul li {
	display:block;
	float:left;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: normal;
	font-size: 11px;
	padding-top: 4px;
	background-color: #FFFFFF;
}
div#header div.nav ul li.home {
border-left-style: none;
}
div#header div.nav ul li.search {
	display:block;
	width:240px;
	padding-right: 2px;
	text-align: left;
	border-left-style: none;
	padding-left: 40px;
	background-image: url(i/util_search_mast_edge.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: right;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #CED9C9;
	margin: 0px;
}
div#header div.nav ul li input{
	font-size: 10px;
	display: inline;
	margin-top: 2px;
	margin-right: 8px;
	margin-bottom: 0;
	margin-left: 0;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-top: 0;
	padding-right: 0.4em;
	padding-bottom: 0;
	padding-left: 0.4em;
}
div#header div.nav ul li form {
	padding: 0;
	margin: 0;
}
div#header div.nav ul li a {
	color: #666666;
	text-transform: uppercase;
	height: 22px;
	line-height: 14px;
	padding-top: 4px;
}
div#header div.nav ul li a:hover {
	text-decoration: none;
	color: #73a7c9;
	background-image: url(i/bg_nav-hover.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
#content         {
	line-height: 1.4em;
	text-align:left;
	margin-right: 20px;
	margin-left: 180px;
	position: relative;
	margin-top: 0em;
	margin-bottom: 0px;
	padding-top: 0.2em;
	padding-right: 1em;
	padding-bottom: 2em;
	padding-left: 2em;
	background-image: url(i/util_landing_text_edge.gif);
	background-repeat: no-repeat;
	background-position: 0px 60px;
}
#content  p, #content  ul, #content dl  {

font-size:.9em
}
#content dt {
font-weight: bold;
	background-image:url(i/arrow_dotted.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:20px;
}
#side div.nav {
	font-size: 14px;
	line-height: 1.6em;
	text-align: left;
	display: block;
	float: left;
	height: auto;
	width: 160px;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 0px;
}
#side div.nav ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-type: none;
}
#side div.nav ul ul{
	background-image:none;
	font-size:90%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#side div.nav ul li {
	font-size: 0.9em;
	padding-left:1em;
	padding-left: 0px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0em;
	margin-bottom: 0px;
	margin-left: 0em;
}
#side div.nav ul li.header {
	font-size: 1em;
	line-height: 1.6em;
	font-weight: bold;
	margin: 0;
	background-color; #fffff;
	padding-top:10px;
}
#side div.nav ul li.header a {
	border-bottom-width: 0px;
	border-bottom-style: none;
	color: #FFFFFF;
}
#side div.nav ul li.header a:hover {
	background-image: none;
}
#side div.nav ul li a {
	display: block;
	width: 140px;
	padding-left:10px;
	color: #1A5184;
}
#side div.nav ul ul li a {
	display: block;
	width: 140px;
	padding-left:10px;
}
#side div.nav ul li.nolink span {
padding-left: 1em;
}
#side div.nav ul li a:hover {
	color: #73a7c9;
	background-image: url(i/arrow_leftnav_up.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #DFDDDE;
}
#side div.nav ul li.current a, #side div.nav ul li.current a:hover, #side div.nav ul li.nolink span {
	cursor: default;
	color: #333333;
	background-color: white;
}
#side div.nav ul li.current ul a {
background-image: none;
}
.clear { float: none; clear: both; }
#content a.button       {
	color: #fff;
	font-size: 0.9em;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.6em;
	text-decoration: none;
	background-color: #1A5184;
	letter-spacing: 0.1em;
	cursor: pointer;
	position: relative;
	top: 4px;
	width: auto;
	height: 30px;
	border: 1px outset #003366;
	margin-top: auto;
	margin-right: 1em;
	margin-bottom: auto;
	margin-left: 1em;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
#content a.button:hover  { color: #c8c8c8; background-color: #393939; border: inset 1px #5a8592; }
#content div.items     {
	display: block;
	margin: 10px auto;
	position: relative;
	width: auto;
}
#content div.items a        {
	font-weight: normal;
	text-align: center;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.1em;
	text-decoration: none;
	display: block;
	margin: 0px;
	padding: 4px;
	width: 8em;
	height: 14em;
	float: left;
}
#content div.items a:hover {
	cursor: pointer;
	color: #73a7c9;
}
#content div.items a span       {
	text-align: left;
	font-size: 0.7em;
	line-height: 1em;
	display: block;
	padding: 4px;
	overflow: visible
}
#content div.items a span.title {
	font-weight: bold;
	background-repeat: no-repeat;
	text-transform: uppercase;
	height: 3.4em;
	overflow: hidden;
	text-align: center;
}
#content div.items a:hover span.title {
}
#content div.items a span.price {
	font-weight: bold;
	height: 2.4em;
	letter-spacing: 0.2em;
}
#content div.items a:hover span.price { background-image: url(i/bg-items.gif); background-repeat: no-repeat; background-position: right bottom; }
#content div.items a img   { margin: auto; padding: 0; float: none; clear: both; border: none }
* html #content div.items { text-align: center; height: 1% }
div#content.detail div.main {
	text-align: left;
	margin-left: 310px;
	color: #333333;
}
div#content.detail  div.photo  {
	position: relative;
	width: 300px;
	height: auto;
	float: left;
	display: block;
	line-height: 1.2;
}
form.info div.row label, form div.row span.label {
	font-size: 90%;
	color: #696969;
	text-align: right;
	display: block;
	position: relative;
	width: 160px;
	float: left;
	margin-right: 0.2em;
	padding: 0.2em;
}

form.info div.row input { padding: .3em; margin-right: 1em; border-color: #9eb5cc   }
form div.row  .labeltext  {
	color: #696969;
	margin-right: 0.4em;
	margin-left: 1em;
	font-size: .8em;
	font-style: italic;
	width: 8em;
}
div#content.cart table .item   { text-align: left; text-transform: uppercase; padding: 2px; vertical-align: middle ; width: 200px; }

div#content.cart table th.item { text-align: center; text-transform: none }

form div.row {
	text-align: left;
	margin-top: .4em;
	margin-bottom: 0.4em;
	display: block;
}
form fieldset legend { color: #313131; font-weight: bold; letter-spacing: 0.1em; }
form fieldset fieldset legend { font-weight: normal; }
form div.row label em { color: #696969; margin-right: 0.4em; margin-left: 0.4em; }
div.qty { text-align: center; margin: auto; display: block; padding: 4px       }
div.qty label, div.qty .label    { color: #696969; font-weight: normal; text-align: right; padding-right: 0.4em; padding-left: 0.2em; width: 4em; float: left; display: block; }
div.qty .labeltext {
	color: #696969;
	font-weight: normal;
	position: relative;
	font-size: 0.8em;
	white-space: nowrap;
}
#content form.info { width: auto; margin: auto; padding: 1em; }
fieldset {
	background-color: white;
	margin: auto;
	padding: 0.4em;
	position: relative;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#content form {
	margin-right: 0.4em;
	margin-left: 0.4em;
	position: relative;
	font-size: .9em;
}
fieldset * { overflow: hidden; }
div#content table	{
	width: auto;
	border-collapse: collapse;
	margin-top: 10px;
}
div#content div.qty table td {
font-size: 90%;
}
padding-left:.4em; padding-right: .4em;
}
div#content.history table	{width: auto;
font-size: 80%;
}
div#content table tbody tr td { margin-top: 2px; margin-bottom: 4px ; border-top: 1px solid #d6dde3; }
div#content table tbody tr.odd td { background-color:#D3DDDA; }
div#content.history table td {
padding-left: .4em;
padding-right: .4em;
}
div#content.cart table, div#content.history table      {
	font-size: 12px;
	line-height: 1.4em;
	text-align: left;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	position: relative;
	border: 0 #fff;
	width: auto;
	overflow: visible;
}
div#content.cart table td {
	padding-right: 1em;
	border: 1px solid #CCCCCC;
}
div#content.cart table.summary  {
	color: black;
}
div#content.cart table *  { padding-right: 4px; padding-left: 4px }
div#content.cart table tfoot {  }
div#content.cart table tfoot td { border-style: none; }
div#content  table  thead th  {
	color: #fff;
	line-height: 1.4em;
	background-color: #1A5184;
}
div#content.cart table tbody tr { margin-bottom: 4px }
div#content.cart table tbody { }
div#content.cart table .qty  {
	text-align: right;
	padding-right: 8px;
	padding-left: 4px
}
div#content.cart table .qty * { text-align: right }
div#content.cart table .item   {
	text-align: center;
	text-transform: uppercase;
	padding: 2px;
	vertical-align: middle;
	width: auto;
}
div#content.cart table th.item {
	text-align: center;
	text-transform: none;
}
div#content.cart table .desc  {
	text-align: center;
}
div#content.cart table .price { text-align: right; padding-top: 4px; padding-bottom: 4px; width: 4em ; border-right-style: none; }
div#content.cart table .unit  { }
div#content.cart table tbody .total, div#content.cart table tfoot .total  {
	font-weight: bold;
	background-color: #E1F0F5;
}
div#content.cart table .remove { margin-left: 1px }
div#content.cart table .remove a { color: #000; background-color: #c8c8c8; margin: 4px; padding: 4px }
div#content.cart table .remove a:hover { color: #c8c8c8; background-color: #000 }
div#content.cart table td img   {
	text-align: center;
	margin: 2px;
	width: 50px;
	height: 50px;
	vertical-align: middle
}



#footer {
	text-align: center;
	margin: 10px;
	font-size: .8em;
	display: block;
	clear: both;
}
#footer div.nav {
color: #FF0000;
}
#footer div.nav a {
color: #006699;
}