html, body 
{
	position: absolute;
	width: 100%; 
	height: 100%;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	background-color: #000000;
	
	font-family: Tahoma;
	font-size: 12px;
}

input[type=text],
input[type=password]
{
	border: solid 0px #cccccc;
	padding-left: 2px;
	padding-right: 2px;
	-moz-user-select: text;
}

input[type=button]
{
	border: solid 0px #cccccc;
	background-color: #E3C9B1;
	height: 18px;
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	font-family: Tahoma;
}

#mainPanel
{
	position: absolute;
	width: 700px;
	height: 600px;
	visibility: hidden;
	z-index: 1;
}

.move-back-button-up,
.move-back-button-hover,
.move-back-button-down,
.move-forward-button-up,
.move-forward-button-hover,
.move-forward-button-down
{
	position: absolute;
	width: 20px;
	height: 20px;
	background-image: url(images/move-button.png);
}

.move-back-button-up { background-position: 0px 0px; }
.move-back-button-hover { background-position: -20px 0px; }
.move-back-button-down { background-position: -40px 0px; }

.move-forward-button-up { background-position: -60px 0px; }
.move-forward-button-hover { background-position: -80px 0px; }
.move-forward-button-down { background-position: -100px 0px; }

/* Use to manage layout of input area. */

.input-area
{
	width: 100%;
	height: 100%;
}

.input-area h1
{
	color: #CB7248;
	text-align: left;
	font-size: 12px;
	height: 16px;
	font-weight: bold;
	border-bottom: solid 1px #CB7248;
	margin-bottom: 10px;
}

.input-area h2
{
	color: #CB7248;
	text-align: left;
	font-size: 12px;
	height: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}


.input-area label, 
.input-area input,
.input-area textarea,
.input-area select
{
	float: left;
	margin-bottom: 5px; /* Firefox */
}

.input-area label,
.input-area span
{
	padding-top: 5px;
	height: 12px;
}

.input-area .field
{
	width: 100%;
	clear: left;
	
	/* '/' is CSS hack to prevent firefox, do not remove it */
	/margin-bottom: 5px; /* IE */
}

.input-area .space
{
	width: 100%;
	height: 15px;
	clear: left;
}

.input-area .divider
{
	width: 100%;
	height: 5px;
	clear: left;
	
	border-bottom: solid 1px #cccccc;
}

.input-area .header
{
	color: #303B5E;
	font-weight: bold;
	height: 30px;
}

.input-area .invalid-blank
{
	background-color: #FFF0F0;
}

.input-area .invalid-format
{
	color: Red;
}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/lightbox/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.ame-mainMenu
{
	position: absolute;
	width: 20px;
	height: 20px;
	right: 0px;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
}

.ame-mainMenu .menu-bullet
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 15px;
	height: 15px;
}

.ame-mainMenu .menu-head
{
	position: absolute;
	top: 2px;
	width: auto;
	right: 0px;
	bottom: 0px;
	z-index: 2;
	visibility: hidden;
}

.ame-mainMenu .menu-items
{
	position: absolute;
	top: 2px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 1;
	overflow: hidden;
}

.ame-mainMenu .menu-item-highlighter
{
	position: absolute;
	top: -2px;
	bottom: 0px;
	background-color: #28406C;
	z-index: 0;
	opacity: 0.9;
	filter: alpha(opacity = 90);
}

.ame-mainMenu .menu-items .menu-item
{
	position: absolute;
	right: 0px;
	top: 0px;
	height: 20px;
	text-align: right;
	visibility: hidden;
	z-index: 1;
}

.ame-mainMenu .sub-menu-items
{
	display: none;
}

.ame-mainMenu .sub-menu-container
{
	position: absolute;
	width: auto;
	height: auto;
	z-index: 100;
}

.ame-mainMenu .sub-menu-container .sub-menu-background
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: #28406C;
	opacity: 0.9;
	filter: alpha(opacity = 90);
}

.ame-mainMenu .sub-menu-container .sub-menu-item,
.ame-mainMenu .sub-menu-container .sub-menu-item:hover
{
	position: relative;
	width: auto;
	height: 20px;
	padding: 5px 5px 0px 5px;
	z-index: 1;
	/width: 150px;
}

.ame-mainMenu .sub-menu-container .sub-menu-item:hover
{
	background-color: #121D30;
}

.ame-mainMenu a,
.ame-mainMenu a:link,
.ame-mainMenu a:visited
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	font-family: Tahoma;
}

.ame-mainMenu a:hover,
.ame-mainMenu .sub-menu-container .sub-menu-item:hover a,
.ame-mainMenu .menu-items .menu-item:hover a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	font-family: Tahoma;
}

.ame-mainPanel
{
	position: absolute;
	width: 100%;
	height: 100%;
	-moz-user-select: none;
	cursor: default;
}

.ame-mainPanel .border-container
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	font-size: 1px;
}

.ame-mainPanel .border-container .border-top-left
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
}

.ame-mainPanel .border-container .border-top-middle
{
	position: absolute;
	left: 30px;
	top: 0px;
	right: 30px;
	height: 30px;
	background-color: #231F20;
}

.ame-mainPanel .border-container .border-top-right
{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	background-image: url(images/content-corner.gif);
	background-position: -30px 0px;
}

.ame-mainPanel .border-container .border-middle-left
{
	position: absolute;
	left: 0px;
	top: 30px;
	width: 8px;
	bottom: 8px;
	background-color: #231F20;
}

.ame-mainPanel .border-container .border-middle-right
{
	position: absolute;
	right: 0px;
	top: 30px;
	width: 8px;
	bottom: 30px;
	background-color: #231F20;
}

.ame-mainPanel .border-container .border-bottom-left
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 30px;
	height: 8px;
	background-color: #231F20;
}

.ame-mainPanel .border-container .border-bottom-middle
{
	position: absolute;
	left: 30px;
	bottom: 0px;
	right: 30px;
	height: 8px;
	background-color: #231F20;
}

.ame-mainPanel .border-container .border-bottom-right
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 30px;
	height: 30px;
}

.ame-mainPanel .content-background
{
	position: absolute;
	top: 30px;
	left: 8px;
	right: 8px;
	bottom: 8px;
	z-index: 0;
}

.ame-mainPanel .content-background .top-section
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 5px;
	font-size: 1px;
	background-color: #231F20;
}

.ame-mainPanel .content-background .middle-section
{
	position: absolute;
	top: 5px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #000000;
	opacity: 0.8;
	filter: alpha(opacity = 80);
}

.ame-mainPanel .content-background .bottom-section
{
	display: none;
}

.ame-mainPanel .content
{
	position: absolute;
	top: 35px;
	left: 8px;
	right: 0px;
	bottom: 0px;
	z-index: 3;
}

.ame-mainPanel .content .loading
{
	position: absolute; 
	width: 100%; 
	height: 100%;
	background-color: black;
	visibility: visible;
	z-index: 5;
}

.ame-mainPanel .content .loading .loading-indicator
{
	position: absolute; 
	width: 100%; 
	height: 100%;
}

.ame-mainPanel .content .content-adjustment
{
	position: absolute;
	width: 100%;
	height: 100%;
}

.ame-mainPanel .content .inner-content
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 150px;
	bottom: 146px;
}

.ame-mainPanel .content .inner-content .inner-frame
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #000000;
}

.ame-mainPanel .content .right-content
{
	position: absolute;
	top: 0px;
	right: 8px;
	width: 140px;
	height: 100%;
	z-index: 0;
}

.ame-mainPanel .content .right-content .right-panel-content
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 1;
}

.ame-mainPanel .content .bottom-content
{
	position: absolute;
	bottom: 8px;
	left: 0px;
	width: 100%;
	height: 138px;
	z-index: 5;
}

.ame-mainPanel .content .bottom-content .product-bar
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 5;
}

.ame-mainPanel .top-left-corner
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30px;
	height: 30px;
	z-index: 5;
}

.ame-mainPanel .bottom-right-corner
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 30px;
	height: 30px;
	z-index: 5;
}

.ame-mainPanel .logo
{
	position: absolute;
	top: -15px;
	left: 10px;
	width: 202px;
	height: 40px;
	z-index: 10;
}

.ame-mainPanel .t-mobile-authorized
{
	position: absolute;
	bottom: 15px;
	right: 15px;
	width: 107px;
	height: 35px;
}

.ame-mainPanel .right-panel-background
{
	position: absolute;
	top: 45px;
	right: 0px;
	width: 140px;
	height: 400px;
}

.ame-mainPanel .login-container
{
	position: absolute;
	top: 45px;
	left: 0px;
	right: 0px;
	height: 200px;
}

.ame-mainPanel .login-container .login-title
{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	height: 20px;
}

.ame-mainPanel .login-container .login-title .login-progress
{
	position: absolute;
	top: 2px;
	right: 2px;
	width: 18px;
	height: 15px;
	visibility: hidden;
}

.ame-mainPanel .login-container .login-content
{
	position: absolute;
	top: 25px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}

.ame-mainPanel .group-head
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	
	background-image: url(images/side-group-head.gif);
}

.ame-mainPanel .group-title
{
	position: absolute;
	top: 0px;
	left: 20px;
	right: 0px;
	height: 18px;
	padding-top: 2px;
	
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #7E735B;
}

label
{
	color: #ffffff;
	font-weight: bold;
	text-align: right;
	margin-right: 5px;
	font-size: 8px;
	width: 50px
}

.ame-mainPanel .main-menu
{
	position: absolute;
	right: 10px;
	top: 10px;
	width: auto;
	height: 20px;
	z-index: 5;
}

.login-id-field,
.password-field
{
	border: solid 0px #cccccc;
	padding-left: 2px;
	padding-right: 2px;
	-moz-user-select: text;
}

.login-button
{
	border: solid 0px #cccccc;
	background-color: #E3C9B1;
	height: 18px;
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	font-family: Tahoma;
}

.store-search-container
{
	position: absolute;
	top: 0px; 
	left: 0px; 
	right: 2px; 
	height: 42px; 
	background-color: #000000;
}

.store-search-container .store-search-title
{
	position: absolute;
	top: 5px;
	left: 0px;
	width: 100%;
	text-align: left;
}

.store-search-container .store-search-input,
.store-search-container .watermark
{
	position: absolute;
	top: 20px; 
	left: 1px; 
	width: 113px; 
	height: 18px;
	padding: 2px 2px 0px 2px;
	
	border: solid 0px #cccccc;
	padding-left: 2px;
	padding-right: 2px;
}

.store-search-container .watermark
{
	color: #9999aa;
}

.store-search-container .store-search-button
{
	position: absolute;
	top: 20px; 
	right: 0px;
	width: 20px;
	height: 20px;
	background-image: url(images/store-search.gif);
	background-position: 0px 0px;
}

.ame-control-verticalSlider
{
	position: absolute;
	
	width: 20px;
	height: 100%;
	margin-left: -10px;
	left: 50%;
}

.ame-control-verticalSlider .thumb-handle
{
	position: absolute;
	
	width: 14px;
	left: -5px;
	height: 10px;
	cursor: n-resize;
}

.ame-control-verticalSlider .thumb-handle .thumb-head
{
	position: absolute;
	
	top: 0px;
	left: 0px;
	width: 100%;
	height: 10px;
	
	background-image: url(images/verticalSlider-sprite.png);
	background-position: 0px 0px;
	z-index: 1;
}

.ame-control-verticalSlider .thumb-handle .thumb-body
{
	position: absolute;
	
	top: 10px;
	left: 0px;
	width: 100%;
	bottom: 10px;
	
	background-image: url(images/verticalSlider-sprite.png);
	background-position: -14px 0px;
	z-index: 1;
}

.ame-control-verticalSlider .thumb-handle .thumb-tale
{
	position: absolute;
	
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 10px;
	
	background-image: url(images/verticalSlider-sprite.png);
	background-position: -28px 0px;
	z-index: 1;
}