/* body styles */

body { background: url("../images/speckle1.gif"); font-family: Georgia, serif; font-size: 18px;
  margin-left: auto; margin-right: auto; position: relative; width: 900px; }

/* bottom styles */

div#bottom { position: relative; width: 900px; }
div#bottom div { font-size: 14px; position: absolute; text-align: center; top: 8px; }
div#bottom div.left { left: 75px; width: 250px; }
div#bottom div.center { left: 325px; width: 250px; }
div#bottom div.center img { border: 0; height: 216px; width: 164px; }
div#bottom div.copyright { font-size: 12px; left: 300px; top: 230px; width: 300px; }
div#bottom div.right { left: 575px; width: 250px; }

/* display styles */

div#display { border-bottom: solid 2px #EAD06A; border-top: solid 2px #EAD06A; margin-bottom: 8px;
  margin-top: 4px; padding-bottom: 10px; padding-top: 10px; width: 900px; }
div#display div.image { font-size: 12px; font-style: italic; text-align: center; width: 132px; }
div#display div.image img { border: 0; height: 187px; margin: 0; padding: 0; width: 132px; }
div#display div.left { float: left; }
div#display div.name { font-size: 17px; font-weight: bold; margin-bottom: 10px; text-align: center; }
div#display div.new { background-color: #ACE600; }
div#display div.rarest { background-color: #ACE600; }
div#display div.row { clear: both; border-top: solid 2px #EAD06A; padding-top: 10px; padding-bottom: 10px;
  width: 100%; }
div#display div.row:first-child { border-top: 0; padding-top: 0; }
div#display div.row:last-child { padding-bottom: 0; }
/* div.rowfirst is needed for versions of IE before 7, since they don't recognize first-child */
div#display div.rowfirst { clear: both; padding-bottom: 10px; width: 100%; }
div#display div.sampler { background-color: #ACE600; }
div#display div.text { text-indent: 36px; }
div#display div.text div.center { text-align: center; text-indent: 0; }
div#display div.text div.left { text-indent: 0; }
div#display div.text div.name { text-indent: 0; }
div#display div.text p { text-indent: 36px; }
div#display div.text p.center { text-align: center; text-indent: 0; }
div#display div.text p.left { text-indent: 0; }
div#display div.title { font-size: 21px; font-weight: bold; text-align: center; }
div#display div.web { background-color: #FF66FF; }
div#display div.year { background-color: #FF66FF; }

/* chart styles (beyond display styles) */

div#display div.chart div.right { margin-left: 150px; }
div#display div.chart table { border-collapse: collapse; border-left: 1px solid black; border-top: 1px solid black;
  margin-left: auto; margin-right: auto; margin-top: 10px; }
div#display div.chart table:first-child { margin-top: 0; }
div#display div.chart td, div#display div.chart th { border-bottom: 1px solid black; border-right: 1px solid black;
  font-size: 14px; padding-left: 4px; padding-right: 4px; white-space: nowrap; }
div#display div.chart td.span { vertical-align: middle; white-space: normal; }
div#display div.chart th { text-align: left; }
div#display div.chart tr { vertical-align: top; }

/* choices styles (beyond display styles) */

div#display div.choices table { margin-left: auto; margin-right: auto; margin-top: 10px; }
div#display div.choices table:first-child { margin-top: 0; }
div#display div.choices td { font-size: 14px; text-align: center; width: 140px; }
div#display div.choices td a { font-weight: bold; }
div#display div.choices td img { border: 0; height: 187px; margin: 0; padding: 0; }
div#display div.choices tr { vertical-align: top; }

/* home styles (beyond display styles) */

div#display div.home div { font-weight: bold; margin-top: 10px; text-align: center; }
div#display div.home div:first-child { margin-top: 0; }
div#display div.home div.box { font-size: 12px; font-style: italic; font-weight: normal; height: 200px;
  position: relative; }
div#display div.home div.box div { position: absolute; top: 0; }
div#display div.home div.left { left: 100px; width: 125px; }
div#display div.home div.center { left: 225px; width: 450px; }
div#display div.home div.right { left: 680px; width: 125px; }
div#display div.home div.left img, div#display div.home div.right img { border: 1px solid black; }
div#display div.home img { height: 160px; }

/* list styles (beyond display styles) */

div#display div.list div.image { padding-bottom: 10px; }
div#display div.list div.product { margin-top: 3px; }
div#display div.list div.right { margin-left: 150px; }
div#display div.list div.column div { background-color: transparent; }
div#display div.list div.column div.text { margin-top: 18px; text-indent: 0; }
div#display div.list div.column div.text:first-child { margin-top: 0; }
div#display div.list div.column div.text p { margin-top: 18px; text-indent: 0; }
div#display div.list div.column div.text p:first-child { margin-top: 0; }
div#display div.list div.column div.title { margin-top: 21px; text-align: left; }
div#display div.list div.column div.title:first-child { margin-top: 0; }
div#display div.Rarest div.column div.new a { text-transform: uppercase; }
div#display div.RarestFall div.column div.new a { text-transform: uppercase; }
div#display div.RarestSpring div.column div.new a { text-transform: uppercase; }

/* photo styles (beyond display styles) */

div#display div.photo { text-align: center; }

/* products styles (beyond display styles) */

div#display div.products div.description { text-indent: 36px; }
div#display div.products div.description p { margin-top: 6px; margin-bottom: 0; text-indent: 36px; }
div#display div.products div.description p:first-child { margin-top: 0; }
div#display div.products div.description p.double { margin-top: 18px; }
div#display div.products div.description p.single { margin-top: 0; }
div#display div.products div.doh { left: 0; position: absolute; top: 0; }
div#display div.products div.doh img { height: 187px; margin: 0; width: 12px; }
div#display div.products div.image { float: left; margin-left: 12px; }
div#display div.products div.left { position: relative; }
div#display div.products div.page { font-weight: bold; text-align: center; }
div#display div.products div.right { margin-left: 162px; }
div#display div.products table { border: 1px outset; margin-left: auto; margin-right: auto; margin-top: 10px; }
div#display div.products table a { text-decoration: none; }
div#display div.products td { border: 1px inset; font-size: 14px; font-weight: bold; padding-left: 2px;
  padding-right: 2px; white-space: nowrap; }
div#display div.products tr.instock td.price:hover { background-color: #B6F200; }
div#display div.products tr.soldout td { color: red; }
div#display div.products tr.soldout td.price { text-decoration: line-through; }

/* response styles (beyond display styles) */

div#display div.response a.space { padding-right: 72px; }
div#display div.response div.block { clear: both; padding-top: 6px; padding-bottom: 6px; }
div#display div.response div.head { color: #669900; font-size: 21px; font-weight: bold; }
div#display div.response div.image { float: left; height: auto; padding-bottom: 4px; width: auto; }
div#display div.response div.image img { border: none; height: auto; width: 66px; }
div#display div.response div.left { width: 450px; }
div#display div.response div.right { margin-left: 450px; }
div#display div.response div.row { border: 0; padding: 0; }
div#display div.response div.description { margin-left: 72px; padding-top: 40px; }
div#display div.response div.description:first-child { margin-top: -4px; padding-top: 0; }
div#display div.response form { margin: 0; padding: 0; }
div#display div.response input.button { background-color: #B6F200; font-family: Georgia, serif; font-weight: bold; }

/* search styles (beyond display styles) */

div#display div.search div.left { padding-right: 9px; text-align: right; width: 450px; }
div#display div.search div.right { margin-left: 450px; padding-left: 9px; font-size: 16px; }
div#display div.search div.row { border: 0; padding: 0; }
div#display div.search input.button { background-color: #B6F200; font-family: Georgia, serif; font-weight: bold; }

/* menu styles */

div.menu { clear: both; height: 48px; width: 900px; }
div.menu a { color: black; text-decoration: none; }
div.menu a:visited { color: #6F5A39; }
div.menu div div { background-color: #ACE600; font-size: 14px; font-weight: bold; height: 20px;
  text-align: center; vertical-align: middle; white-space: nowrap; }
div.menu div.row1 { margin-bottom: 4px; position: relative; z-index: 2; }
div.menu div.row2 { margin-bottom: 4px; position: relative; z-index: 1; }
div.menu div.fall { width: 194px; }
div.menu div.spring { left: 198px; position: absolute; top: 0; width: 212px; }
div.menu div.gifts { left: 414px; position: absolute; top: 0; width: 178px; }
div.menu div.favorites { left: 596px; position: absolute; top: 0; width: 304px; }
div.menu div.order { width: 94px; }
div.menu div.why { left: 98px; position: absolute; top: 0; width: 146px; }
div.menu div.how { left: 248px; position: absolute; top: 0; width: 144px; }
div.menu div.learn { left: 396px; position: absolute; top: 0; width: 114px; }
div.menu div.news { left: 514px; position: absolute; top: 0; width: 140px; }
div.menu div.search { left: 658px; position: absolute; top: 0; width: 242px; }
div.menu form { margin: 0; padding: 0; }
div.menu input.button { background-color: #ACE600; border: 0; font-family: Georgia, serif; font-size: 12px;
  font-weight: bold; height: 14px; margin: 0; padding: 0; vertical-align: middle; }
div.menu input.text { border: 1px solid #6A8500; font-family: Georgia, serif; font-size: 12px; height: 14px;
  margin: 0; padding: 0; vertical-align: middle; }
div.menu li { margin: 0; padding: 2px 4px 2px 4px; text-align: left; }
div.menu ul { background-color: #ACE600; left: 0; list-style: none; margin: 0; padding: 0;
  position: absolute; top: 20px; z-index: 3; }
/* won't work with IE versions earlier than 7, since they accept hover only on anchors
div.menu ul { display: none; }
div.menu div div:hover ul { display: block; }
*/

/* top styles */

div#top { height: 70px; position: relative; margin-bottom: 8px; width: 900px; }
div#top a { color: black; text-decoration: none; }
div#top a:visited { color: #6F5A39; }
div#top div { font-size: 12px; font-weight: bold; text-align: center; }
div#top div.left { left: 0; position: absolute; top: 0; width: 206px; }
div#top div.left img { border: 0; height: 70px; width: 206px; }
div#top div.center { left: 206px; position: absolute; top: 0; width: 600px; }
/* centers the heading with the title 24px
div#top div.center { left: 206px; position: absolute; top: 0; width: 488px; }
*/
div#top div.right { left: 820px; position: absolute; top: 12px; width: 80px; }
div#top div.right img { border: 0; height: 36px; width: 43px; }
div#top div#page { color: #669900; font-size: 32px; }
div#top div.tag { color: #CC00CC; font-size: 16px; }

/* general styles */

div.double { margin-top: 18px; }
p { margin-bottom: 0; margin-top: 6px; }
p:first-child { margin-top: 0; }
p.center { text-align: center; }
p.double { margin-top: 18px; }
p.double:first-child { margin-top: 0; }
p.hanging { margin-left: 36px; }
p.indent { text-indent: 36px; }
p.large { font-size: 21px; }
p.left { text-align: left; }
p.single { margin-top: 0; }
p.small { font-size: 15px; }
p.tiny { font-size: 12px; }

.bargreen { background-color: #ACE600; }
.barpurple { background-color: #FF66FF; }
.bold { font-weight: bold; }
.clear { clear: both; }
.center { text-align: center; }
.hide { display: none; }
.green { color: #669900; }
.orange { color: #FF8000; }
.purple { color: #CC00CC; }
.red { color: red; }
.show { display: block; }
.HiddenField { font-size: 0px; line-height: 0px; float:left; }