/* MAIN */
/* Alt bg color: e2d29f */
html { height: 100%; width: 100%; background-color: #f4ebd2; background-image: url('../images/bg.jpg'); background-repeat: repeat-x; background-attachment: scroll; background-position: center center; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff;}
body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
a {text-decoration: none; border: 0px; margin: 0px; width: 100%;}
img { border: 0px; }
#maincontainer { position:absolute; top: 50%; left: 50%; width: 900px; height: 590px; margin-left: -450px; margin-top: -295px; padding: 0px;}
#maincontainerhome { position:absolute; top: 50%; left: 50%; width: 900px; height: 590px; margin-left: -450px; margin-top: -295px; padding: 0px; visibility: visible;}
object#lapedrera {position:absolute;top:50%;left:50%;margin-left:-450px;margin-top:-295px;z-index:10;}
object#indexslider {position:absolute; right: 50px; top: 70px;}
address{position: absolute; bottom: 0px; right: 0px; margin-bottom: -8px;}
pre{font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #ffffff; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap;      white-space: -o-pre-wrap; word-wrap: break-word;}

/* HEAD */
#headcontainer { position:absolute; top: 0%; left: 0%; width: 900px; height: 90px; margin: 0px;
padding: 0px;}


/* BLACKPANEL */
#blackpanel { position:absolute; top: 0%; left: 50%; width: 900px; height: 470px; margin-left:
-450px; margin-top: 84px; padding: 0px; background-image: url('../images/blackpanel.png'); overflow: hidden; }

#displayheader { border-bottom: 1px solid gray; position: absolute; height: 40px; width: 800px; left: 50%;
top: 0%; margin-left: -400px; margin-top: 10px; text-align: center; vertical-align:bottom;} 
#displayheader h1 {position: relative; top: 7px; font-size: 30px; margin:0px; padding: 0px;} 
#displayheader h2 {font-size: 20px;margin-bottom:0px;padding:0px;}
#displayheader p {font-size: 30px;margin: 0px; padding: 0px;}
#displayheaderheader{position:absolute;left:0%;text-align:right;margin-right:15px;top:3px;;}
#displayheaderproduct{position:absolute;right:0%;text-align:left;margin-left:15px;top:3px;}

#maininfo {position: absolute; height: 390px; width: 410px; top: 0%; margin-top: 60px; left: 50px; line-height:
150%; text-align: justify; }
#mainpicture {position: absolute;
	right: 50px;
	width: 360px;
	height: 250px;
	top: 70px;
	text-align: center;
}
#sliderAlt {position: absolute;
	right: 50px;
	width: 360px;
	height: 250px;
	top: 70px;
	text-align: center;
}
#contactinfo {position: absolute; width: 390px; height: 150px; bottom: 10px; right: 50px; line-height: 150%;
text-align: right; }

/* PRODUCT PAGE */
#maininfo2 {position: absolute; height: 390px; width: 350px; top: 0%; margin-top: 60px; left: 50px;
line-height: 150%; text-align: justify; }
#mainpicture2 {position: absolute; right: 50px; width: 420px; height: 360px; top: 65px; text-align: center; }
#nextproduct { cursor: pointer; position: absolute; width:25px; height: 25px; bottom: 10px; right: 60px; z-index: 2; }
#prevproduct { cursor: pointer; position: absolute; width:25px; height: 25px; bottom: 10px; right:435px; z-index: 2; }
#askus{
	cursor: pointer; position: absolute; width: 120px; height: 16px; bottom: 13px; right: 287px; z-index: 2;
}
#enlargeimg{
	cursor: pointer; position: absolute; width: 120px; height: 16px; bottom: 13px; right: 130px; z-index: 2;
}
#dimmer{
	width: 100%;
	height: 100%;
	background-image: url('../images/dimmer.png');
	background-repeat: repeat;
	z-index: 3;
	visibility: hidden;
	text-align: center;
}
#dimmerimg {
	max-width: 90%;
	max-height: 90%;
	min-height: 90%;
}

/* SLIDESHOW */
.displayPicContainer { height: 360px; width: 550px; text-align: center; padding: 0px; }
#disp1 {position: absolute; top: -15px; left: -925px; z-index: -1; white-space: nowrap;}
#disp2 {position: absolute; top: 30px; left: -375px; z-index: -1; white-space: nowrap;}
#disp3 {position: absolute; top: 75px; left:175px; z-index: -1; white-space: nowrap;}
#disp4 {position: absolute; top: 30px; left:725px; z-index: -1; white-space: nowrap;}
#disp5 {position: absolute; top: -15px; left:1275px; z-index: -1; white-space: nowrap;}
.displayimage {max-height: 100%; min-height:100%; max-width: 100%; z-index: 1;}
.loading {position:absolute; top:50%; left:50%; margin-left: -24px; margin-top: -24px;}
#loadingpic{position:absolute; top:50%; left:50%; width: 48px; height: 48px; margin-left: -24px; margin-top: -24px; visibility: hidden;}
#viewdetails { position: absolute; height: 360px; width:550px; top: 72px;margin-left:-275px; left: 50%; border: 3px solid #ffffff; z-index: 2; }
#rightarrow { cursor: pointer; position: absolute; width:40px; height: 40px; top: 50%; right: 0%; margin-top:
50px; margin-right: 120px; z-index: 3; }
#leftarrow { cursor: pointer; position: absolute; width:40px; height: 40px; top: 50%; left: 0%; margin-top:
50px; margin-left: 120px; z-index: 3; }
.arrow {width: 40px; height: 40px;}
#img1 {border: 2px solid white;}
#img2 {border: 2px solid white;}
#img3 {border: 2px solid white;}
#img4 {border: 2px solid white;}
#img5 {border: 2px solid white;}

/* TRADITIONAL CATALOG */
.traditionaldiv {position: absolute; width: 185px; height: 155px;}
.traditionalimg {max-width: 185px; max-height: 121px; top: 0%; border: 1px solid white; text-align:center; margin-left:auto; margin-right:auto; display:block; right:auto; left:auto;}
.traditionalspan {position: absolute; width:185px;bottom: 0%; margin: 3px; font-size: 12px; color: white; text-align:center;}
#traditionalcontainer {position: absolute; width: 800px; height: 370px; top: 80px; left: 50%; margin-left: -400px; overflow: auto;}

/* LINKS */
#linkinfo {position: absolute; height: 390px; width: 800px; top: 0%; margin-top: 60px; left: 50px; line-height:150%; text-align: justify; }
a.link {color:#E3DE85;}
a.link:hover {color:white;}

/* CONTACT FORM */
.forminput { 
		margin-top: 5px;
		background-color: transparent;
		background-image: url('../images/formbg.png');
		background-repeat: no-repeat;
		font-size: 17px;
		color: #999999;
		width: 350px;
		padding-left: 10px;
		height: 20px;
		border: 0px;
}
.formmsg { 
		margin-top: 10px;
		background-color: transparent;
		background-image: url('../images/formmsg.png');
		background-repeat: no-repeat;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		width: 605px;
		padding-left: 5px;
		height: 205px;
		border: 0px;
}
.submit{ position: relative;
	background-color: #E3DE85;
	border: 0px;
	color: #000000;
	font-size: 16px;
	width: 100px;
	margin-left: 350px;
	bottom: -5px;
	cursor: pointer;
}
.submit:hover{
	background-color: #A1A247;
}


/* FOOTER */
#footer {position:absolute;
	bottom: 0%;
	height: 30px;
	text-align:center;
	left:0%;
	width: 900px;
}
#footerimg {position: absolute;
	right: 0px;
	bottom: 3px;
}
#copyright {position:absolute;
	bottom: 50%;
	text-align:center;
	left:50%;
	width: 900px;
	margin-left: -450px;
	margin-bottom: -315px;
}
#copyright a {color: black;}