/* Set default fonts */
html {
	overflow: hidden;
}
body {
	font-family : Arial,"Times New Roman", "MS Sans Serif", sans-serif;
	background-color: #DCEAD9;
}
div#printout {
	display:none;
}
/* body class */
.body {
	overflow: hidden;
}

/* main background class */
.background {
	background-image: url(../media/images/kiosk/bgImage.jpg);
	background-repeat: repeat-y;
	position:absolute;
	left: 0px;
	top : 0px;
	width:1024px;
	height:768px;
}
div#printout {
	display:none;
	visibility: hidden;
}
/* class for outer-most transition element */
.transition {
	position:absolute;
	left: 36px;
	top: 80px;
	width:954px;
	height:590px;
	display:none;
	background-color: #DCEAD9;
	text-align:center;
}

/* class for the transion text element */
.transitionMessageText  {
	position: relative;
	top: 48%;
	text-align:center;
	font-size:20px;
	color:#006400;
}
/* class for transion image inside the transition element */
.transitionImage {
	position: relative;
	top: 50%;
	width: 100%;
	height: 38px;
}

/* class for the page header element*/
.header{
	position:absolute;
	background-image: url(../media/images/kiosk/header.jpg);
	left: 0px;
	top: 0px;
	width: 1024px;
	height: 80px;
}

/* class for the page footer element*/
.footer{
	position: absolute;
	background-image: url(../media/images/kiosk/footer.jpg);
	background-repeat: no-repeat;
	background-color: #035F2C;
	left: 0px;
	width: 1024px;
	height: 96px; /*bottom: 0px;*/
	top: 674px;
}

/* class for image links */
a {
	text-decoration: none;
	color: #000;	
}
a img {
	border: none;	
}
/* class for the left scrolling button */
.LScroller {
	position:absolute;
	left:0px;
	top:300px;
}
/*class for the right scrolling button */
.RScroller {
	position:absolute;
	left:954px;
	top:300px;
}
/*class for the left scrolling button on the sidelite page*/
.LSideliteScroller {
	position:absolute;
	left:0px;
	top:230px;
}
/*class for the right scroling button on the sidelite page*/
.RSideliteScroller {
	position:absolute;
	left:580px;
	top:230px;
}
/*class for the left scrolling button on the preview/zoom page*/
.LPreviewScroller {
	position:absolute;
	left:0px;
	top:300px;
}
/*class for the right scrolling button on the preview/zoom page*/
.RPreviewScroller {
	position:absolute;
	left:650px;
	top:300px;
}
/*class for the left scrolling button on the stain selection page*/
.LStainScroller {
	position:absolute;
	left:0px;
	top:300px;
}
/*class for the right scrolling button on the stain selection page*/
.RStainScroller {
	position:absolute;
	left:650px;
	top:300px;
}
/*class for the left scrolling button on the sidelite selection page*/
.LSidelitePreviewScroller {
	position:absolute;
	left:310px;
	top:240px;
}
/*class for the right scrolling button on the sidelite selection page*/
.RSidelitePreviewScroller {
	position:absolute;
	left:954px;
	top:240px;
}

/*class for the up scrolling button */
.upScroller {
	position:absolute;
	left: 893px;
	top: 16px;
	_left:896px;
	_top: 14px;
	z-index: 4;
}

/*class for the down scrolling button */
.downScroller {
	position:absolute;
	left: 893px;
	top: 504px;
	_left:896px;
	_top: 502px;
	z-index: 4;
}

.sizeBackground {
	position:absolute; 
	left:60px; 
	top:29px; 
	_top: -12px;
}
.astragalBackground {
	position:absolute; 
	left:60px; 
	top:29px; 
	_top: -12px;
}
/* main title */
.title {
	color: Green;
	font-size: 30px;
	font-weight: bold;
	z-index:90;
	position:absolute; 
	width:1024px; 
	top:74px;
}

/* help title */
.helpText {
	color: gold;
	font-size: 16px;
	font-weight: bold;
	z-index:90;
}

.whiteInputText {
	color: white;
	font-size: 40px;
	font-weight: bold;
}
.blockTitle {
	color: #F5F5DC;
	font-size: 24px;
	font-weight: bold;
	
}
.blockChild {
	font-size: 16px;
	font-weight: bold;
}
.info {
	font-size: 14px; 
	font-weight: bold;
}
.productInfoButtonText{
	font-family: "Times New Roman";
	font-weight:bold;
	font-size:24px;
	color: Navy;
}
.mainBody{
	position:absolute;
	left: 0px;
	top : 70px;
	width:1024px;
	height:608px;
}
.noTitlePrint {
	top: 74px;	
}
.mainDialog{
	position: absolute;
	left: 0px;
	top : 260px;
	width:1024px;
}
.mainDialogText {
	font-size: 22px;
	font-weight: bold;
	position:absolute; 
	left:0px; 
	top:30%; 
	width:100%; 
	height:25%;
}
.socMainBody{
	position:absolute;
	left: 0px;
	top : 80px;
	width:100%;
	height:608px;
}

.previewable-main {
	width: 944px; 
	height: 570px;
}

.previewable-previewArea {
	width:260px; 
	height: 540px; 
	_height: 100%;
	padding-left:0px; 
	padding-right:0px; 
	overflow:hidden;
}

.error {
	color: #9F0000; 
	font-size: 22px;
}

.selectedItem {
	border: none;
	font-size:12px;
	font-weight: bold;
	color: #006400;
	background-color : #90EE90;
}

.normalItem {
	border:none;
	font-size:12px;
	font-weight:bold;
	color: #90EE90;	
}

.item-summary-header {
	color:#F5F5DC;
	font-weight: bold;
	font-size:26px;
}
.item-summary-sub-header {
	color:green;
	font-weight: bold;
	font-size:20px;
}
.item-summary-footer {
	color:#F5F5DC;
	font-weight: bold;
	font-size:20px;
}
.item-summary-detail {
	border-collapse:collapse; 
	border-style:none;
	color:#F5F5DC;
	font-weight: bold;
	font-size:16px;
}
.quote-summary-header {
	color: #F5F5DC;
	font-weight: bold;
	font-size:16px;
	
}
.quote-summary-sub-header {
	color:#F5F5DC;
	font-weight: bold;
	font-size:20px;
	padding-top:4px;
	background-image: url(../media/images/summaryPage/qssubBG.jpg);
	background-repeat: repeat-x;
}
.quote-summary-detail {
	border-collapse:collapse; 
	color: #F5F5DC;
	font-weight: bold;
	font-size:16px;
}
.white-input-text{
	background: transparent;
	border:none;
	font-size:40px;
	color:white;
	width:200px;
	text-align:center;
}
/* areas for the pages with inner paging */
.darkBGLinkArea {
	border: 2px inset #9CB681;
	background-color:#113F18;
	cursor: pointer;
	width: 126px;
	height: 260px;
	border-collapse: collapse;
}
.descriptionArea {
	position: relative;
	height:46px;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	font-size:12px;
	cursor: pointer;
	width: 100%;
	border-collapse: collapse;
}
.price {
	font-weight:bold;
	color:blue;
}
.tableElement{
	height: 100%;
}
.noSelectionAvailible{
	color: white;		
	width: 100%;
	text-align: center;
	font-size: 16pt;
	font-style: italic;
	font-weight: bold;
}
/* end paging */
/************* customer info screen ***************/
.divInput {
	position:absolute; 
	left:-30px; 
	top:70px; 
	width:570px; 
	height:50px; 
	z-index:1; 
	display: none;
}
.divDisplayInput {
	color:#000000;
	font-weight:bold;
	width:100%;
}
.customerInputTag {
	font-size: 16pt;
	text-align: left;
	height: 50px;
	width: 400px;
}
.customerEmail {
	font-family: Arial;
	overflow:hidden;
}
.customInputMessageArea {
	position:absolute; 
	left:34px;
	top:10px;
	width:440px;
	height:55px;
	padding-left:4px;
	padding-right:4px;
}
.multiZipDiv {
	background: #DCEAD9; 
	position: absolute;
	left: 33px;
	width: 955px;
	height: 608px;
	display: none;
	z-index: 100;
}
.multiZipMessage {
	font-weight: bold;
	font-size: 20pt;
}
.multiZipCity {
	position: relative;
	top: -44px;
	font-weight: bold;
	text-decoration: none;
}
/************* end of customer info screen ***************/

/************* timeout screen ****************************/
.timeoutMain {
	text-align: center;
}
.timeoutMessage {
	font-size: 16pt;
	color: #006400;
}
/************* end of timeout screen ********************/