/*
----------------------------------------------------------------------------- 
GENERAL
-----------------------------------------------------------------------------*/

body {
	margin: 0;
	padding: 0;
	background: #9999FF url(../images/lau/bg_lau.gif) no-repeat;
	overflow: auto;

	scrollbar-face-color: #9999FF;
	scrollbar-highlight-color: #D6D6FF;
	scrollbar-darkshadow-color: #D6D6FF;
	scrollbar-shadow-color: #D6D6FF;
	scrollbar-track-color: #9999FF;
	scrollbar-base-color: #9999FF;
	scrollbar-arrow-color: #D6D6FF;
	scrollbar-3dlight-color: #D6D6FF;
}
body, td {
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
table, td {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	vertical-align: top;
}
p {
	margin: 0 0 10px 0;
}
form {
	margin: 0;
	padding: 0;
}
input, textarea, select {
	margin: 0 0 2px 0;
	padding: 1px 3px 1px 3px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #D6D6FF;
	background: #9999FF;
	vertical-align: middle;
}
select {
	padding: 0;
}
textarea {
	overflow: auto;
}
form#ContactForm {
	margin: 40px 0 0 0;
	text-align: right;
}
form#ContactForm input {
	width: 194px;
}
form#ContactForm input.button {
	width: 100px;
	margin: 0 0 2px 2px;
}
form#ContactForm select {
	width: 196px;
}
form#ContactForm textarea {
	width: 194px;
	height: 70px;
}

h1 {
	position: absolute;
	top: 50px;
	left: 385px;
	margin: 0;
	padding: 0;
	width: 200px;
	font: bold 26px Arial, Helvetica, sans-serif;
	color: #D6D6FF;
	overflow: hidden;
}
h2 {
	position: absolute;
	top: 85px;
	left: 385px;
	margin: 0;
	padding: 0;
	width: 250px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #D6D6FF;
	overflow: hidden;
}
h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #000000;
}
h4 {
	margin: 0 0 3px 0;
	padding: 0;
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
ul {
	margin: 0 0 10px 20px;
	padding: 0 0 0 0;
	list-style: circle;
}
ul li {
	margin: 5px 0 5px 0;
}

ol {
	margin: 0 0 10px 30px;
	padding: 0 0 0 0;
}
ol li {
	margin: 0 0 5px 0;
}

/*
----------------------------------------------------------------------------- 
LAYOUT
-----------------------------------------------------------------------------*/

#LAULogo {
	position: absolute;
	top: 10px;
	left: 670px;
}
#LeftPanel {
	position: absolute;
	top: 0;
	left: 0;
}
#SiteLogo img {
	margin: 20px 0 0 20px;
}
#Navigation {
	width: 140px;
	margin: 50px 0 0 20px;
}
ul.Nav {
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
}
ul.Nav li {
	margin: 0;
	padding: 0;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #000000;
}
ul.Nav a, ul.Nav a:visited {
	margin: 3px 0 0 0;
	padding: 0 0 1px 17px;
	background: url(../images/lau/bullet_nav_off.gif) 0 0 no-repeat;
	color: #000000;
	text-decoration: none;
	display: block;
	height: 1%;
}
ul.Nav a:hover, ul.Nav a#current {
	color: #E1E1FF;
}
ul.SubNav {
	margin: 0 0 5px 17px;
	padding: 0;
	list-style: none;
}
ul.SubNav li {
	margin: 0;
	padding: 0;
	font: bold 9px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}
ul.SubNav a, ul.SubNav a:visited {
	margin: 2px 0 0 0;
	padding: 0 0 0 14px;
	background: url(../images/lau/bullet_subnav_off.gif) 0 2px no-repeat;
	color: #000000;
	text-decoration: none;
	display: block;
	height: 1%;
}
ul.SubNav a:hover, ul.SubNav a#current {
	color: #E1E1FF;
}
#Logos {
	position: absolute;
	top: 120px;
	left: 275px;
	width: 90px;
	height: 400px;
	overflow:hidden;
}
#Copyright {
	position: absolute;
	top: 575px;
	left: 380px;
	width: 180px;
	height: 25px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #4C4C7F;
	text-align: center;
	overflow:hidden;
}
#Copyright a, #Copyright a:visited {
	color: #4C4C7F;
	text-decoration: none;
}
#Copyright a:hover {
	color: #000000;
}
#DT {
	position: absolute;
	top: 600px;
	left: 620px;
	width: 120px;
	height: 40px;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	color: #E1E1FF;
	text-align: right;
}
#DT a, #DT a:visited {
	color: #E1E1FF;
	text-decoration: none;
}
#DT a:hover {
	color: #000000;
}
table.ContentTable {
	width: 400px;
}
table.ContentTable td.ThumbsCell {
	width: 95px !important;
	width /**/: 115px;
	padding: 2px 20px 0 0;
	text-align: right;
}
table.ContentTable td.ContentCell {
	width: 285px;
}
table.ProdListTable {
	width: 400px;
}
table.ProdListTable td.ThumbsCell {
	width: 105px !important;
	width /**/: 115px;
	padding: 0 10px 0 0;
	text-align: right;
}
table.ProdListTable td.SummaryCell {
	width: 285px;
	padding: 10px 0 0 0;
}
table.ProdDetailTable {
	width: 400px;
}
table.ProdDetailTable td.OptionsCell {
	width: 220px;
	text-align: right;
}
table.ProdDetailTable td.PriceCell {
	text-align: right;
}
table.ProdDetailTable input {
	width: 160px;
}
table.ProdDetailTable input.price {
	border: none;
	font-size: 10px;
	font-weight: bold;
	width: auto !important;
	text-align: right;
}
table.ProdDetailTable select {
	width: 168px;
}
#Enlargement {
	margin: 0 0 10px 0;
	width: 402px;
	height: 252px;
	overflow: hidden;
}


/*
----------------------------------------------------------------------------- 
LINKS
-----------------------------------------------------------------------------*/

a, a:visited {
	color: #D6D6FF;
	text-decoration: none;
	cursor: pointer;
}
a:hover {
	color: #000000;
}
a:focus {
	-moz-outline: none;
}

img.Image, a.Image img, a.Image:visited img {
	margin: 2px 0 10px 0;
	border: 1px solid #D6D6FF;
}
a.Image:hover img {
	border: 1px solid #000000;
}
.Button a, .Button a:visited {
	padding: 1px 0 0 18px;
	background: url(../images/lau/arrow_right.gif) 0 50% no-repeat;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #D6D6FF;
	text-decoration: none;
	text-transform: uppercase;
}
.Button a:hover {
	color: #000000;
}
