article, aside, footer, header, nav, section
{
   display: block;
}

body
{
   margin: 0;
   padding: 0;
   background: rgb(111, 202, 200);
   font: small helvetica, arial, verdana, sans-serif;
   text-align: center;
}

#container
{
   background: #fff;
   color: #555;

   width: 900px;
   margin: 1em auto;
   padding: 1em;
   text-align: left;
   position: relative;
}

.jump-to
{
   display: none;
}

#header h1
{
   margin: 0;
}

#header h1 a
{
   display: block;
   width: 100%;
   height: 82px;
   margin: 0;
   background: transparent url('/images/logo.jpg') no-repeat center;
   text-indent: -9999em;
}

#content
{
   padding-top: 2em;
   min-height: 42em;
}

#top-navigation
{
   position: absolute;
   top: 100px;
   left: 1em;
   right: 1em;
   border-bottom: 1px solid #bbb;
   text-align: center;
}

#top-navigation a
{
   color: #777;
   padding: 0 1.9em;
   text-decoration: none;
}

#top-navigation a:hover
{
   color: #333;
}

#top-navigation a:hover
{
   color: #000;
}

#bottom-navigation
{
   position: relative;
   top: 3.5em;
   text-align: right;
}

#bottom-navigation a
{
   color: #444;
   padding: 1em 2em;
   text-decoration: none;
}

#bottom-navigation a:hover
{
   color: #222;
}

#bottom-navigation a:hover
{
   color: #000;
}

#nav
{
   font-size: smaller;
}

#nav ul
{
   display: block;
   text-transform: uppercase;
   margin: 0;
   padding: 0;
   line-height: 13px;
}

#nav li
{
   position: relative;
   list-style: none;
   display: inline;
   padding: 0;
   margin: 0;
}

#nav li ul
{
   position: absolute;
   top: 11px;
   left: -9999px;
   padding-bottom: 1em;
   text-align: left;
   background: #fff;
   border: 1px solid #bbb;
   border-top: 2px solid #fff;
   line-height: normal;
}

#nav li li
{
   display: block;
   padding: 1em 1em 0;
}

#top-navigation li li a,
#bottom-navigation li li a
{
   padding: 0;
}

a img
{
   border: none;
}

a
{
   color: #777;
   text-decoration: none;
}

a:hover
{
   color: #333;
}

a:active
{
   color: #000;
}

.allProductHolder
{
   background: #eee;
   display: inline-block;
   margin-bottom: -1.25em;
   padding: 0 1em 1em 0;
}

.allProductImage
{
   margin: 1em 0 0 1em;
   padding: .5em;
   background: #fff;
   float: left;
   width: 185px;
   text-align: center;
}

.galleryHolder
{
   background: #eee;
   padding: 0 .5em .5em 0;
   display: inline-block;
}

.galleryHolder img
{
   margin: .5em 0 0 .5em;
}

#options-holder
{
   background-color: #eee;
   padding: 1em;
}

.option-box
{
   width: 150px;
   height: 150px;
   float: left;
   background-color: #fff;
   margin-right: 1em;
   text-align: center;
   position: relative;
}

.option-border
{
   position: absolute;
   top: 0;
   left: 0;
   width: 140px;
   height: 140px;
   border: 5px solid #f90;
}

.option-box a
{
   display: block;
   width: 150px;
   height: 150px;
   position: absolute;
   top: 0;
}

#productDetails
{
}

#productChoices
{
   width: 400px;
   float: right;
   height: 450px;
   border: .5em solid #eee;
   margin-left: 1em;
}

img.choice-image
{
   padding: 1px;
   border: 1px solid #fff;
}

img.choice-image:hover
{
   border: 1px solid #ccc;
}

div.submitButton
{
   background-color: rgb(111, 202, 200);
   display: inline;
   padding: 1px 8px;
   border: 1px solid rgb(111, 202, 200);
   position: relative;
   top: -1px;
}

a:hover div.submitButton
{
   border-color: rgb(1, 118, 110);
}

a:active div.submitButton
{
   background-color: rgb(56, 160, 155);
}

a.arrow-right
{
   padding-right: 12px;
   background: url('/images/triangle-light-right.gif') no-repeat center right;
}

a.arrow-right:hover
{
   background-image: url('/images/triangle-dark-right.gif');
}

a.arrow-left
{
   padding-left: 12px;
   background: url('/images/triangle-light-left.gif') no-repeat center left;
}

a.arrow-left:hover
{
   background-image: url('/images/triangle-dark-left.gif');
}

table
{
   background: #eee;
}

td
{
   background: #fff;
}

th
{
   border: 1px solid #fff;
}

td, th
{
   padding: .5em;
}

table.layout,
table.layout td,
table.layout th
{
   background: none;
   border: none;
   padding: 0;
}

h3
{
   margin-top: 1em;
   font-size: 15px;
   font-weight: normal;
}

h1
{
   font-size: x-large;
   font-weight: normal;
   font-variant: small-caps;
}
