@charset "utf-8";
/* CSS Document */
* {margin: 0;}
html, body { height: 100%; font-family: "Century Gothic", "Helvetica"; color: #3a3a3a; font-size: 12px; }
a {color: #99cc66;}
a img {border: none; outline: none;}
body {background-color: #3a3a3a; text-align: center; height: 100%; }
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#container { height: 100%; height: auto !important; min-height: 100%; background-color: #fffff8; text-align: left; width: 960px; margin: 0 auto -69px;}
#footer {
 height: 69px;
 margin: 0 auto;
 width: 960px;
 background-image: url(footer.png); 
 background-repeat:no-repeat;
 background-position: left;
 text-align: left;
}
#push {height: 69px; width: 960px;}
#content {text-align: justify; padding: 10px; width: 940px; height: 100%; height: auto !important; min-height: 100%;}
#header {background-image: url(header.png); background-repeat:no-repeat; width: 960px; height: 291px; overflow: hidden; position: relative; top: 0px; margin: 0px auto; overflow: hidden; text-align:left; line-height: 15px; font-size:16px;}
#header span {float: left; position: relative; top: 240px; left: 10px; color: #fffff8; font-weight:bold; letter-spacing:5px; line-height: 18px;}
#header span a { color: #fffff8; text-decoration:none; font-weight: bold; letter-spacing: 5px; cursor: pointer;}
#header span a img {border: none; outline: none; text-decoration: none; }
#header span a:hover {color: #99CC66; text-decoration: none; font-weight: bold; letter-spacing: 5px; cursor: pointer; }
.heading {font-size: 24px; font-family: "Century Gothic"; font-weight: bold; color: #3a3a3a;}
.text {font-family: "Century Gothic"; color: #3a3a3a;}
.add {float: right; margin-top: 50px; margin-right: 20px; width: 100px; height: 25px; clear: both; background-image: url(share.png); background-repeat: no-repeat; }
.add a span {width: 100px; height: 25px; float: left; position: relative; border: none; outline: none; overflow: hidden;}
#search {background-image:url(searchboxbkgd.jpg); width: 200px; height: auto; min-height: 150px; background-repeat: repeat-y; overflow: hidden; float: right; clear: none; position: relative; right: 0px; top: 0px; margin: 12.5px; }
/*begin top3 widget */
#yellow {
	width: 142px;
	background: url(http://26olivestreet.com/yellow.png) no-repeat;
	height: 456px; 
	float: left;
	text-align: left;
	margin: 10px 0 20px 27px;
	
}

#featured {
	width: 110px;
	float: left;
	margin: 10px 0 0 8px;
}
.featuredimg {
	float: left; clear: none; border: 0; margin: 5px 0px; width: 110px; height: 134px;
}
.featuredfoot {
	width: 110px; float: left; margin-top: -150px; text-align: center;
}
.tack {
clear: none; border: 0;
}
.zoom {
float: right; clear: none; border: 0;
}
/*end top3 widget*/
#recssearch {background-image:url(searchboxbkgd.jpg); width: 200px; height: 250px; background-repeat: repeat-y; overflow: hidden; float: right; clear: none; position: relative; right: 0px; top: 0px; margin: 12.5px; }
#recsdiv {width: 200px; height: auto; position: relative; top: 75px; left: 0px;}
.recarchives { margin-left: 20px;}
.pastrecs {width: 150px; margin-left: 15px;}
.pastrecs ul {list-style: none;}
.pastrecs ul li a {color: #3a3a3a;}
#searchlarge {background-image:url(searchbkgdlarge.jpg); width: 250px; height: auto; min-height: 200px; background-repeat: repeat-y; overflow: hidden; float: right; clear: none; position: relative; right: -15px; top: 0px; padding-left: 5px;  margin-bottom: 60px;}
dd {width: 165px; text-align: left;}
#searchlarge a {color: #3a3a3a;}
#searchfieldcontainer {width: 136px; height: 35px; overflow: hidden; float: right; position: relative; top: 15px; right: 30px; clear: both;}
#searchfieldleft {clear: none; float: left;}
#searchfieldright {clear: none;float: left;}
#searchfield {
	background: none;
	width: 134px;
	height: 28px;
	outline: none;
	border-width: 1px;
	border-style: solid;
	border-color: #3a3a3a;
	background-image: url(searchbkgd.png);
	background-repeat: repeat;
	clear: none;
	float: left;
	color: #3a3a3a;
	font-size:18px;
	line-height: 28px;
	
}
#submit {background: none; background-image: url(searchbkgd.png); width: 70px; height: 26px; background-repeat: repeat; outline: none; border: thin; border-color:#3a3a3a; position: relative; float: right; top: 23px; right: 40px; color: #3a3a3a; font-weight:bold; text-align: center; clear: both;  }
.imgleft {float: left; display: inline; border: none; padding: 10px; }
.imgright {float: right; display: inline; border: none; padding: 10px;}
.newacquisitions {height: auto; width: 630px; overflow: hidden; margin-left: 80px; }
.newacquisitions img {padding-left: 10px; padding-top: 10px; clear: none; float: left; position: relative;}
/*EMAIL FORM */
#email {width: 554px; height: 343px;  background-image:url(contactus.jpg); background-repeat: no-repeat; overflow: hidden; }
#email form {font-family: "Century Gothic"; width: 554px; height: 343px; float: left; position: relative; overflow: hidden;}
#From {float: left; position: relative; top: 100px; left: 85px; background: none; outline: none;  clear: both; border: none;}
#Email {float: left; position: relative; top: 100px; left: 85px; background: none; outline: none; clear: both; border: none; }
#Message {float: left; position: relative; top: 170px; left: 137px; background:none; border: none; outline: none; clear: left;}
#formsubmit{width: 115px; height: 115px; float: left;  background: none; border: none; outline: none; clear: both;  color: #C03;  position: relative; left: 380px; margin-top: 100px; background-image: url(send.png); cursor: pointer; overflow: hidden; }
/* CSS FOR GALLERY */
#galleryheader {background-image: url(gallery/banner.jpg); background-repeat: no-repeat; position: relative; float: left; clear: none; left: 25px; overflow: hidden; width: 660px; height:56px;}
#gallerywrapper { background-color: #CCC; width: 660px; height: 704px; float: left; position: relative; overflow: hidden; clear: none; left: 25px; top: 0px;}
#gallerycontent {background: url(gallery/content.jpg) repeat; width: 540px; height: 562px; float: right; position: relative; clear: none; overflow: hidden; top: 0px; right: 0px; padding: 5px; }
#gallerycontent div {width: 540px; height: 546px; float: right; position: relative; clear: none; overflow: hidden; top: 0px; right: 0px; padding: 0px; font-size:14px;}
.largepic, .show0, .show1, .show2, .show3, .show4, .show5, .show6, .show7, .show8, .show9, .backinfo {width: 430px; height: 525px; float: left; position: relative; top:20px; left: 50px; Z-INDEX:0; }
.backinfo{
background: url(images/polaback.jpg) no-repeat;
}
.backtitle{
width: 370px;
height: 46px;
float: left;
clear: both;
font-size: 20px;
overflow: hidden;
color: #fff;
margin: 30px 0 0 20px;
}
.backdesc{
width: 370px;
height: 300px;
overflow: hidden;
float: left;
clear: both;
padding: 5px;
color: #fff;
margin-left: 20px;
}
.leftbuttons li a span img, .bottombuttons li a span img {width: 100px; height: 122px; margin-bottom: 10px; cursor: pointer; }
.information {width: 239px; height: 420px; overflow: hidden; float: right; clear: none; position: relative; top: 0px; right: 8px; }
#gallerybuttonsleft { background-image: url(gallery/papertexture.gif); background-repeat: repeat-y; width: 110px; background-color: #3a3a3a; height: 660px; clear: none; overflow: hidden; float: left; position: relative; top: 0px; left: 0px; top:0px;}
#gallerybuttonsbottom { background-image:url(gallery/bottompaper.jpg); background-repeat:repeat-y; width: 550px; height: 132px; background-color: #333; position: relative; float: right; right: 0px; bottom: 0px; clear: none; overflow: hidden;}
#galleryfoot {background-image:url(gallery/bottom.jpg); background-repeat: no-repeat; width: 660px; height: 26px; overflow: hidden; left: 25px; top: 0px; float: left; position: relative;}
.leftbuttons {width: 110px; height: 132px; float: left; clear: left; overflow: hidden; position: relative; top: 0px; left: 0px;}
.leftbuttons img, .bottombuttons img { padding: 5px; width: 100px;}
.leftbuttons img {
position: relative;
}
.bottombuttons {width: 110px; height: 132px; float: left; clear: none; overflow: hidden; position: relative; top: 0px; left: 0px;}
#gallerybuttonsleft ul, #gallerybuttonsbottom ul {float: left; position: relative; list-style:none; clear: none; margin: 0; padding: 0;}
.leftbuttons li {float: left; position: relative; left: 0px; top: 0px;}
.bottombuttons li {float: left; position: relative; left: 0px; top: 0px;}
.itemtitle {float: right; position: relative; clear: none; top: 0px; right: 10px; font-size:18px; font-weight: bold; width: 525px; overflow: hidden; text-align: center;}
#forback {background-image: url(gallery/papertopfillin.gif); background-repeat: no-repeat; background-position: top left; width: 110px; height: 44px; float: left; position: relative; top: 0px; left: 0px;}
#back {position: relative; float: left; top: 10px; left: 15px;}
#fwd{position: relative; float: right; top: 10px; right: 15px;}
.fillinbottom {background-image: url(gallery/paperbottomfillin.gif); background-repeat: no-repeat; background-position: bottom left;}
.buy {width: 119px; height: 153px; float: left; position: relative; clear: both; left: 20px; top: -127px; overflow: hidden; background-image: url(images/buybkgd.png); background-repeat: no-repeat; cursor: pointer;	}
.price{width: 77px; height: 45px; float: left; clear: none; margin-left: 20px; margin-top: 20px;}
.price span{
width: 77px; height: 45px; float: left; clear: none;
}

.details{position: relative; width: 224px; height:25px; overflow: hidden; float: right; top: 76px; right: 120px; clear: both; z-index:1; cursor: pointer;}
.flip0, .flip1, .flip2, .flip3, .flip4, .flip5, .flip6, .flip7, .flip8, .flip9{
width: 100px;
height: 91px;
float: right;
position: relative;
z-index: 500;
top: 0px;
right: 65px;
background: url(images/flip.png) no-repeat;
clear: none;
cursor: pointer;
}
/*END OF GALLERY CSS*/
/*TILTVIEWER CSS*/
#flashcontent {height: 100%; margin-top: 0px;
}
#recommendimage {width: 640px; text-align:center; overflow: hidden; height: 44px; background-color: #fffff8;}
#recommendimage img{width: 431px; height: 44px; }
/*begin colormatch css */
.color {
	width: 20px;
	height: 20px;
	float: left;
	cursor: pointer;
}

#container1 {
	width:660px;
	height: 116px;
	overflow: hidden;
	margin-left: 30px;
	margin-bottom: 40px;
	margin-top: 20px;
	float: left;
	
}
.tabs1 {
	width:38px;
	height: 58px;
	margin-right:0px;
	padding:0px;
	text-align:center;
	float:left;
	cursor:pointer;
	border:0;
}
#content1 {
	height: 350px;
	width: 700px;
	float: left;
	clear:none;
	border:1px solid #ccc;
}
#load {
	position:relative;
	float: left;
	clear: none;
	left:1px;
	top:0px;
	width:700px;
	height:350px;
	background: url(http://26olivestreet.com/colormatch/gray.png) repeat top left;
	color:white;
	display:none;
	text-align: center;
	
}
#load img {
	margin-top: 70px;
}
#animate {
	margin-top: 70px; margin-left: 230px;
}
#ajax {
	
	width: 700px;
	float: left; 
	clear: none;
	margin-bottom: 350px;
}
#case {
	background: url(http://26olivestreet.com/colormatch/watercolor-case.jpg) no-repeat top left;
	width: 700px; 
	height: 368px;
	float: left; 
	clear: none;
}
#case form {
	width: 320px;
	height: 150px;
	float: left;
	margin-top: 70px;
	margin-left: 50px;
	text-align: left;
}
.img {
	background: url(http://26olivestreet.com/colormatch/topfield.png) no-repeat top left;
	border: none;
	outline: none;
	width: 150px;
	height: 31px;
	float: left;
	clear: both;
	margin-left: 80px;
}
#Tags {
	width: 125px;
	height: 31px;
	float: left;
	margin-left: 80px;
	margin-top: 5px;
	background: url(http://26olivestreet.com/colormatch/bottomfield.png) left top no-repeat;
	clear: none;
	border: none;
	outline: none;
	padding-left: 10px;
	line-height: 31px;
}
#analyzebutton {
	width: 90px;
	height: 38px;
	float: right;
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 10px;
	background: url(http://26olivestreet.com/colormatch/analyzebutton.png) top left no-repeat;
	border: none;
	outline: none;
	cursor: pointer;
}
.files {position: relative; margin-top: 15px;}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
.fakefile img { float: left;}
input#img {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width: 150px;
	height: 31px;
	float: left;
	clear: both;
	margin-left: 80px;
}
/*ajax css */
.imagewrap {width: 226px; height: 261px; float: left; border: none; outline: none; clear: none; margin-left: 10px; margin-top: 10px; cursor: pointer;}
.imagewrap img {width: 226px; height: 261px; float: left;}
.caption { float: left; position: relative; width: 206px; margin-left: 10px; font-weight: bold; color: #000000; text-decoration: none; margin-top: -45px; text-align: center; font-family: "Century Gothic"; font-size: 110%;}
#rescontainer {width: 710px; float: left; text-align: center;}
#rescontainer a {text-decoration: none;}
.nav {width: 650px; float: left; text-align: right; text-decoration: none; margin-right: 5%;margin-top: 10px;}
.result {
	float: left; clear; none; width: 50px; height: 50px; border: 0;
}
/*begin colormatch tutorial */
#tutorial {width: 960px; height: 614px; background: #3a3a3a url(http://26olivestreet.com/colormatch/tutorial/tutorialbkgd.jpg) no-repeat;}
.slide-panel {
	z-index: 25;
	width: 5px;
	position: absolute;
}

.bottom {
	bottom: 0;
}

.right {
}

.left {
	position: absolute;
	left: 0;
}

.top {
	top: 0;
}

.content {
	margin-left: auto;
	margin-right: auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	width: 660px;
	float: left;
}

.slide-button {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 150px;
	z-index: 20;
	cursor: pointer;
	height: 30px;
	padding-top: 10px;
	text-align: center;
	
}

.slide-button:hover {
	color: #9f9d8e;
}
/*end colormatch css */