body { background: url(imgs/back.gif) 0 0 repeat; margin: 4px auto; font-family: georgia; color: #333; font-size: 12px; }
#content { background: url(imgs/white.gif) 0 0 repeat-x #fff; margin: 0 auto; }
#main {  width: 700px; margin: 0 auto; }


.left { float: left;}
.right { float: right; }
.thumbs { width: 80px; }
.clear { clear: both; }
.strike { text-decoration: line-through; }

hr { border: none; background: #ccc; }
ul { list-style: none; margin: 0; padding: 0; }
li { display: inline; }
a { color: #670e00; text-decoration: none; }
a:hover { color: #716871; text-decoration: underline;}
a.link { color: #666; }


h1 { color: #670e00; margin: 4px 0 0 0;}
h2 { font-size: 1em; color: #666; }
h3 { padding: 0; margin: 0; font-size: 1em; }
h4 { display: inline; margin: 0;}
h5 { padding: 0; margin: 2px 0; font-size: 1.5em; }

/* Navigation */ 
#nav { margin-top: 5px;}
#nav ul { padding: 0; margin: 0; }
#nav li { text-align: left; margin-right: 28px; }
#nav a { color: #fff; text-decoration: none; padding: 4px;}
#nav a:hover { color: #333; background: #fff;}
.style1 { color: #dfa09e; font-style: italic; font-size: .8em;}
#crown { background: url(imgs/crown.gif) 0 0 no-repeat; padding-left: 20px;  }

/* Footer */
#foot { background: url(imgs/footer.jpg) 0 0 repeat-x; }
#foot ul { padding: 0; margin: 10px 0 0 0; width: 460px; }
#foot li { text-align: left;  padding-right: 8px; border-right: 1px solid #666; }
#foot li.last { border: none; }
#width { width: 700px; margin: 0 auto;  }
.copy { font-size: .8em; font-family: arial, verdana, sans-serif;}


/*Collection */
#collection { font-family: arial, verdana, sans-serif; color: #666; }
#collection li { float: left; width: 160px; margin-top: 10px; padding: 0 10px 0 0; }
li#first { font-family: georgia, times, serif; font-style: italic; font-weight: bold; font-size: 1.3em; background: #fdebea; width: 140px; height: 200px; padding: 10px 10px 0 10px; margin-right: 10px;}
#collection img { width: 160px; height: 210px; margin-bottom: 4px; }
#pieces { font-family: arial, verdana, sans-serif; color: #666; }
#pieces li { float: left; width: 220px; margin-top: 10px; padding: 0 10px 0 0; }
#pieces img { width: 220px; margin-bottom: 4px; }
#product { width: 650px; margin: 0 auto; font-family: arial, verdana, sans-serif;}
.mainimage { width: 280px; } 
#detail {  padding: 0 10px 10px 20px; float: left; width: 340px;  }
#detailA {  padding: 0 10px 10px 20px; float: left; width: 250px;  }
#button { background: #670e00; padding: 4px; border: none; color: #fff; cursor: pointer; margin: 12px 0 0 12px;} 
#nav_product { font-family: georgia, times, serif; font-size: 1.2em; margin: 10px 0; font-style: italic; font-weight: bold;}

#error { width: 570px; height: 400px; margin: 0 auto;}
#column { width: 400px; }
#form { border-left: 1px solid #ccc; padding-left: 10px;}

/* Contact */
#contact {  margin: 0 auto; width: 630px; background: url(imgs/main_white.jpg) 0 50px no-repeat; height: 500px; text-align:left;  padding: 50px 20px 0 ; }
input, textarea, select {  margin: 4px; }

/* Size Chart */
#size { background: url(imgs/main_size.gif) 0 50px no-repeat;  width: 700px; height: 500px; text-align:left; margin: 0 auto; font-size: 12px; }
#size ul { margin: 40px 0; padding: 0 0 0 18px; width: 170px; }
#size li { list-style:none; padding:3px 25px; display: block; font-size: 11px;}
#one { background: url(imgs/1.jpg) top left no-repeat;  vertical-align: middle;}
#three { background: url(imgs/3.jpg) top left no-repeat; vertical-align: middle; }
#four { background: url(imgs/4.jpg) top left no-repeat; vertical-align: middle; }
#two { background: url(imgs/2.jpg) top left no-repeat;  vertical-align: middle; }