.left { float: left; }
.clear { clear: both; }

div#header h1 { display: inline-block; width: 374px; height: 86px; background: url("../images/logo.gif") no-repeat; text-indent: -9999px; margin: 10px 0 0 20px; float: left; }
#container { width: 1000px; margin: auto; position: relative; z-index: 0; }


/* TRY ON */
div#content div#tryon-header { padding-top: 0; height: 110px; }
div#tryon-header img { float: left; }
div#viewer { background: white; width: 500px; padding: 10px; border-radius: 5px; float: left; box-shadow: 1px 1px 5px black; right: 20px; margin-top: 20px; position: absolute; height: 173px; }
div#lash-container { width: 500px; height: 175px; position: relative; }
div#lash-dragger { display: none; width: 11px; height: 173px; background: url('../images/lash-dragger.png'); position: absolute; z-index: 3; left: 0; cursor: pointer; }
div#lash-after { position: absolute; z-index: 2; width: 0; height: 173px; overflow: hidden; }
div#lash-before { width: 100%; height: 100%; position: relative; z-index: 1; }
div#content div#tryon { min-height: 360px; }
ol#steps { list-style: none; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-bottom: 10px; }
ol#steps li { font-size: 18px; margin: 5px 0; opacity: 0.5; }
ol#steps li.active { opacity: 1; }
ol#steps li strong { text-transform: uppercase; color: #636363; font-weight: 100; letter-spacing: -1px; }

div#tryon h2 { color: #000; font-weight: 100; letter-spacing: -1px; margin-bottom: 10px; }
div#selector { height: 185px; overflow: hidden; width: 960px; float: left; }
div#selector > div.step { display: none; }
div#selector > div.step.selected { display: block; }
div#tryon button.selector { text-indent: -9999px; border: 0; width: 7px; height: 112px; float: left; cursor: pointer; padding: 0 10px; }
div#tryon button.selector.off { visibility: hidden; }
div#tryon button#selector-prev { background: white url('../images/tryon/prev.jpg') no-repeat center; margin-left: 10px; }
div#tryon button#selector-next { background: white url('../images/tryon/next.jpg') no-repeat center; }
div#shapes { width: 895px; margin: auto; }
div#shapes div.shape { float: left; width: 175px; text-align: center; margin: 0 2px; }
div#shapes div.shape img { border: 3px solid white; cursor: pointer; width: 170px; }
div#shapes div.shape img:hover, div#shapes div.shape img.selected { border: 3px solid #000; }
div.color { display: none; width: 576px; margin: auto; }
div.color-eye { float: left; width: 114px; margin: 0 15px; text-align: center; }
div.color-eye img { border: 3px solid white; cursor: pointer; }
div.color-eye img:hover, div.color-eye img.selected { border: 3px solid #000; }
div#style { display: inline-block; margin: auto; }
div.lash { float: left; width: 126px; text-align: center; margin: 0 5px; }
div.lash img { border: 3px solid white; cursor: pointer; }
div.lash img:hover, div.lash img.selected { border: 3px solid #000; }
div#tryon div.lash p { line-height: 1; margin: 5px 0; }

div#tryon div#controls { width: 100%; text-align: center; margin: 20px 0; display: inline-block; }
div#controls button { font-size: 14px; }
div#controls button.off { opacity: 0.5; filter: alpha(opacity = 50); cursor: default; }

div#extra div.product-image { background-position: center 85px; width: auto; float: left; }
div#extra div.copy { float: left; width: 350px; }
div#extra p.title { letter-spacing: -0.5px; color: #000; font-weight: bold; margin: 0; }
div#extra div.copy p.title { font-size: 22px; }
div#extra div.copy p.description { font-size: 12px; }
div#extra div.copy button { padding: 5px; border-radius: 5px;
	background: #e82395;
	background: -moz-linear-gradient(top,  #636363 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(100%,#000));
	background: -webkit-linear-gradient(top,  #636363 0%,#000 100%);
	background: -o-linear-gradient(top,  #636363 0%,#000 100%);
	background: -ms-linear-gradient(top,  #636363 0%,#000 100%);
	background: linear-gradient(top,  #636363 0%,#000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#000',GradientType=0 );
}
div#extra div.brows { width: 295px; float: left; }
div#extra div.brows img { width: 160px; float: left; }

input#submit, button, div#search-results form input#search { padding: 5px; text-transform: uppercase; color: white; border: 0; border-radius: 5px; cursor: pointer;
	background: #636363;
	background: -moz-linear-gradient(top,  #636363 0%, #000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#636363), color-stop(100%,#000));
	background: -webkit-linear-gradient(top, #636363 0%,#000 100%);
	background: -o-linear-gradient(top,  #636363 0%,#000 100%);
	background: -ms-linear-gradient(top,  #636363 0%,#000 100%);
	background: linear-gradient(top,  #636363 0%,#000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#000',GradientType=0 );
}