@charset "utf-8";
body {
	background: White;
	margin: 0;
	padding: 0;
}
a { color: Black; }
#Container { position: relative; width: 950px; height: 480px; background-color: White; margin: 20px auto 0px auto; border: 1px solid White; text-align: left; z-index: 10; }
#ContainerShadow { display: none; position: relative; width: 950px; height: 480px; top: -475px; left: 5px; background-color: #404040; margin: 0px auto 0px auto; z-index: 0; }

ul#Menu {
	position: absolute;
	top: -5px;
	right: 10px;
	width: 150px;
	line-height: 20px;
	text-transform: lowercase;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
ul#Menu li a:hover { text-decoration: none; color: #ABABAB; }
ul#Menu li a.Selected { color: #ABABAB; }
#Brand { position: absolute; bottom: 0px; right: 10px; width: 150px; height: 150px; background-color: #FFFFFF; background-image: url(../../images/interface/logo_main_color.jpg); }

#Content { position: relative; width: 780px; height: 480px; background-color: transparent; display: none; }
#Preload_BackDrop { position: absolute; left: 380px; top: 230px; width: 24px; height: 24px; background-image: url(../../images/interface/loading.gif); z-index: 8; }
#Content #BackDrop { position: absolute; left: 0px; top: 0px; width: 780px; height: 480px; z-index: 9; }

#ContentHeader { position: relative; width: 100%; z-index: 10; }
#ContentHeader h1 { height: 60px; /* plus 10 padding = 70px*/ padding-right: 10px; padding-top: 10px; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 27px; font-weight: normal; color: White; text-align: right; text-transform: lowercase; letter-spacing: 0.05em; visibility: hidden; }
#ContentHeader h1 .ColorA { color: #DAA520; }
#ContentHeader h1 .ColorB { color: White; }
#ContentHeader h2 { height: 30px; padding-right: 20px; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: White; text-align: right; text-transform: lowercase; }
#ContentHeader h2 span { margin-left: 10px;  border-left: 1px none White; }
#ContentHeader h2 span a { color: #000000; }
#ContentHeader h2 span a:hover { color: #ABABAB; text-decoration: none; }
#ContentHeader h2 span a.Selected { color: #ABABAB; }

#ContentBody { position: relative; height: 380px; z-index: 10; }
#BodyItem { float: right; width: 277px }
#BodyItem h3 {
	margin-bottom: 10px;
	padding: 10px 20px 0px 10px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#BodyItem p {
	padding: 0px 20px 10px 10px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 21px;
}
#BodyItem p em { font-size: 11px; }
#BodyItem em { color: #ABABAB; }
#BodyDetail {
	width: 450px;
	height: 100%;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#BodyDetail ul { width: 90%; height: 30px; margin-left: auto; margin-right: auto; }
#BodyDetail ul a { color: Gray; }
#BodyDetail ul a:hover { text-decoration: none; }
#BodyDetail ul li { padding: 5px;}
#BodyDetail div { padding-top: 10px; padding-bottom: 3px; color: Gray; text-align: center; }
#BodyDetail table { width: 402px; /* to accomodate for cell border*/ height: 322px; margin-left: auto; margin-right: auto; text-align: center; }
#BodyDetail table td { border: 1px solid #ABABAB; background-color: White; }
#BodyDetail table td div#Preload_Image { position: absolute; left: 210px; top: 170px; width: 24px; height: 24px; background-image: url(../../images/interface/loading.gif); }
#BodyDetail table td img#Image { display: none; }

/* #Content classes (Linear, Catalog)*/
.Linear #ContentHeader { background-color: transparent; }
.Linear .Dark h3,.Linear .Dark p { color: Black; }
.Linear .Light h3, .Linear .Light p { color: White; }
.Linear #BodyItem h3 { text-align: right; }
.Linear #BodyItem p { text-align: right; }
.Linear ul#PageNav { position: absolute; bottom: 0px; right: 0px; }
.Linear ul#PageNav li { float: left; }
.Linear ul#PageNav li a { display: block; width: 90px; height: 150px; padding: 0px; border-style: none; }
.Linear ul#PageNav li a:hover { background-color: transparent; }
.Linear ul#PageNav li a#Previous { background-image: url(../../images/interface/nav_arrows.gif); }
.Linear ul#PageNav li a#Next { background-image: url(../../images/interface/nav_arrows.gif); background-position: -90px; margin-left: 30px; }

.Catalog #ContentHeader { }
.Catalog #ContentBody { background-color: White; }
.Catalog ul#ItemsNav { height: auto; margin-top: 27px; margin-left: 10px; }
.Catalog ul#ItemsNav li { float: left;}
.Catalog ul#ItemsNav li a { display: block; width: 17px; height: 17px; margin-right: 3px; margin-bottom: 3px; text-align: center; background-color: Black; color: White; border: 1px solid Black; font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; }
.Catalog ul#ItemsNav li a:hover, .Catalog ul#ItemsNav li a.Selected { color: Black; text-decoration: none; background-color: transparent; }
.Catalog #BodyDetail { background-color: White; }

form label, form input, form textarea { display: block; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; }
form label { margin-top: 10px; }
form input, form textarea {
	border: 1px solid #000000;
	width: 250px;
	padding: 2px;
}
form input.FButton { width: 80px; margin-top: 10px; background-color: #000000; color: #FFFFFF; border: 0px #ABABAB solid; padding: 0px; cursor: pointer; }