*{
  margin:0;
  padding:0;
  color: rgb(125,125,125);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  color: rgb(50,50,50);
}

body { }

#wrapper {
  background-color: rgb(255,255,255);
  margin: 0 auto;
  width: 1000px;
}

a { text-decoration: none; }

.font8 { font-size: 8px!important; }
.font9 { font-size: 9px!important; }
.font10 { font-size: 10px!important; }
.font11 { font-size: 11px!important; line-height: 13px!important; }
.font12 { font-size: 12px!important; line-height: 21px!important; }
.font12a { font-size: 12px!important; line-height: 19px!important; }

.font13 { font-size: 13px!important; line-height: 23px!important; }
.font14 { font-size: 14px!important; line-height: 22px!important; }
.font15 { font-size: 15px!important; line-height: 20px!important; }
.font16 { font-size: 16px!important; line-height: 24px!important; }
.font18 { font-size: 18px!important; line-height: 25px!important; }
.font20 { font-size: 20px!important; line-height: 26px!important; }
.font22 { font-size: 22px!important; line-height: 32px!important; }
.font24 { font-size: 24px!important; line-height: 42px!important; }

.serif { font-family: Times, "Times New Roman", serif }

.space26 { margin-left: 26px; }

.space12 { margin-left: 12px; }

.text-right { text-align:right; }

.center { text-align: center; }

.underline { text-decoration: underline; }

.black90 { color: rgb(10,10,10); }
.black80 { color: rgb(51,51,51); }
.black75 { color: rgb(59,59,59); }
.black25 { color: rgb(190,190,190); }

.white { color: rgb(255,255,255); }
.yellow { color: rgb(255,253,233); }
.blue {   color: rgb(100,151,208); }
.orange { color: rgb(229,83,2); }

.serif { font-family: Times New Roman, Times Roman, serif; }

.bold { font-weight:bold; }

.italic { font-style:italic; }

.noFocus:focus {
    outline: none;
   /* background-color: none; */
}

.list { margin-top: 3px; }

/* navigation */

#navigation {
  color: rgb(75,75,77);
  font-size: 12px;
  height:14px;
  margin: 0;
  padding: 2px 10px 8px 0;
  text-align:right;
  text-decoration: none;
  width:990px;
}

#navigation a:link,  #navigation a:visited , #navigation a:active {
  color: rgb(75,75,77);
  font-size: 12px;
  letter-spacing:1px;
  text-decoration: none;
} 

#navigation a:hover {
  color: rgb(150,150,150);
  font-size: 12px;
  letter-spacing:1px;
  text-decoration: none;
}

/* top corner */

  #top-corner {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 113px;
    height: 113px;
}

@media screen and (max-width: 1210px) {
  #top-corner {
    display: none;
  }
}

/* headers */

#header_mainpage {
  background: url(images/landing-page-header.png) no-repeat;
  height: 330px;
  width: 1000px;
  margin: 0!important;
  padding: 0!important;
  background-repeat: no-repeat;
}

.bottom-header-left  { position: relative; top: 50px; left: 25px;  font-size: 12px; }
.bottom-header-right { position: relative; top: 86px; left: 560px; width: 430px; font-size: 12px; text-align: right; line-height: 14px; }

.top-header-right { float: right; height: 25px; margin-top: 14px; margin-right: 10px; text-align: right; font-size: 12px; text-align: right; line-height: 14px; }

.freeshipping {font-weight: bold; font-size: 10pt; } 

/* type your word */

#mainpage_input input[type="text"] {
  font: italic 22px/1.25 Georgia, 'Times New Roman', serif!important;
  color: rgb(200,200,200);
  text-align: left;
  letter-spacing: 1px;
  word-spacing: 2px;
  height:38px;
  width: 275px;

  margin: 160px 0 0 580px;
  padding: 0 0 0 18px;

  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border-color: rgb(220,220,220);

  -webkit-box-shadow: 4px 4px 7px 0px rgba(50, 50, 50, 0.45);
  -moz-box-shadow:    4px 4px 7px 0px rgba(50, 50, 50, 0.45);
  box-shadow:         4px 4px 7px 0px rgba(50, 50, 50, 0.45);
}

#mainpage_input input[type="text"]:focus { 
  font: bold 22px/1.25 Arial, Helvetica, sans-serif !important;
  color: rgb(77,77,77);
}

.go-button {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;

	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
	background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
	background-color:#fb9e25;

	-webkit-border-top-left-radius:20px;
	-moz-border-radius-topleft:20px;
	border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-radius-topright:20px;
	border-top-right-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	-moz-border-radius-bottomright:20px;
	border-bottom-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-moz-border-radius-bottomleft:20px;

	border-bottom-left-radius:20px;
	text-indent:0;
	border:1px solid #eeb44f;
	display:inline-block;

	color:#ffffff;
	font-family:'Droid Serif';
	font-size:15px;
	font-weight:bold;
	font-style:normal;

	height:32px;
	line-height:32px;
	width:54px;
        position: absolute;
	margin-top: 160px;
	margin-left: 12px;
	
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #cc9f52;
  
        -webkit-box-shadow: 4px 4px 7px 0px rgba(50, 50, 50, 0.45);
        -moz-box-shadow:    4px 4px 7px 0px rgba(50, 50, 50, 0.45);
        box-shadow:         4px 4px 7px 0px rgba(50, 50, 50, 0.45);
        
}

.go-button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
	background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
	background-color:#ffc477;
}

.go-button:active {
	position:relative;
	top:1px;
}

/* content */

#content {
  background-color: rgb(255,255,255);
  width: 1000px;
}

.mainpage-leftcol {
  float:left;
  font-size: 11px;
  margin: 0;
  padding: 0;
  width: 320px;
}

.callout_blue {
  background-color: rgb(245,245,245);
  margin: 10px 30px 0 0px;
  padding: 15px 42px 10px 30px;
  width: 248px;
  border-radius: 25px 0 0 25px;
  height: 390px;
}

.right-column {
  float:left;
  margin: 0 auto;
  width: 680px;
  height: 505px;
}

.slideshow {
  float:left;
  margin: 0 auto;
  margin-top: 15px;
  margin-left: 0px;
  padding: 0 0 40px 0;
  width: 680px;
  height: 495px;
  background-color: rgb(245,245,245);
  border-radius: 0 0 25px 0;
  -webkit-border-radius: 0 0 25px 0;
  -moz-border-radius: 0 0 25px 0;
  }

#content-middle-design {
  margin: 0 auto;
  padding-top: 0px;
  width: 1000px;
}

#collection-selection {
  width: 1000px;
  margin-left:30px;
  margin-bottom:30px;
}

.collection-selection-image {
  width: 250px;
  height: 125px;
  float: left;
  display: inline;
}

.collection-selection-text {
  width: 350px;
  height: 125px;
  float: left;
  display: inline;
}

.thumbs {
  float: left;
  display: block;
}

/* Collections home page examples */

#collection-bar {
  width: 872px;
  margin-left: 128px;
}

.collection-examples {
  float: left;
  width: 372px;
  margin: 0 50px 20px 0px;
  display: inline;
 }

.only-title {
  width:1000px;
  font-weight: bold;
  font-size: 190%;
  margin-bottom: 10px;
  font-style: italic;
  padding: 0 0 0 20px;
}

.items {
  width:1000px;
  font-weight: bold;
  font-size: 170%;
  margin-bottom: 10px;
  padding: 0 0 0 20px;
}

/* STEP STYLES */

#steps {
  margin:0 auto;
  margin-left:30px;
  width: 680px;
}

.step2_example {
  float: left;
  display: inline;
  height: 115px;
  width: 250px;
  margin-left: 0px;
}

.step2_description {
  display: block;
  float: left;
  font-size: 14px;
  height: 115px;
  margin-left: 20px;
  width: 450px;
}

.step2_option {
  display: block;
  float: left;
  height: 95px;
  margin-left: 40px;
  padding-top: 20px;
}

.return_step_text {
  display: block;
  font-family: "Times New Roman", "Times Roman", ms-serif, serif;
  font-size: 11pt;
  font-style: italic;
  float: left;
  margin-right: 30px;
  width: 350px;
}

.return_step_questions {
  display: block;
  float:left;
  font-size: 8pt;
}

.frame_prices_sizes {
}

.frame_prices_level1 {
  display: block;
  float: left;
  width: 300px;
}

.frame_prices_level2 {
  display: block;
  float: left;
  width: 165px;
}

.frame_prices_level1 p, .frame_prices_level2 p {
  font-size:7pt;
  line-height:7pt;
}

.frame_prices_level1 em, .frame_prices_level2 em {
  font-size:7pt;
}

.slides {
  height: 349px;
  margin:0;
  overflow: hidden; 
  padding:0;
  width: 544px;
}

.slides img {
  border: 0;
  height: 349px;
  left:0;
  margin:0;
  padding:0;
  top:0;
  width: 544px;
}

.top-quote {
  height: 150px;
  margin-bottom: 20px;
}

/* footer */

#footer {
  background-color: rgb(255,255,255);
  display:inline-block;
  height: 226px;
  margin: 0 0 0 24px; 
  padding: 31px 0 0 0;
  width: 1000px;
}

#footer-top {
  width:872px;
  margin-left: 128px;
}

#footer-stars {
  padding-left:0px;
  text-align:left;
}

.footer-bold {
  font-size: 7pt;
  font-weight:bold;
}

.footer-title {
  font-family: arial,helvetica,sans-serif;
  line-height: 18.99305534362793px;
  font-weight: bold;
  font-size: 12pt;
  margin-bottom: 10px;
}

.footer-quotes {
  text-align:left;
  width: 280px;
  padding: 0 20px 0 0;
  margin: 0 auto;
  min-height: 180px;
}

.quote {
}


.footer-left-box {
  vertical-align: top;
  width:300px;
  display: inline-block;
  padding: 20px 20px 0 0;
  font-size: 9pt;
  min-height: 250px;
}

.footer-right-box {
  vertical-align: top;
  width:300px;
  display: inline-block;
  padding: 20px 20px 0 0;
  font-size: 9pt;
  margin-left: 120px; 
}

#photo_selector_frame {
  position: relative;
  z-index: 9999;
}  

/* Clearfix */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix {display: inline-block;}  /* for IE/Mac */

.clearfix5:after {
	clear: both;
	content: ".";
	display: block;
	line-height: 5px;
	visibility: hidden;
}

.clearfix5 {display: inline-block;}  /* for IE/Mac */