/**
 * zoolu web
 * aquaSketch core stylesheet
 */

/* base styles */
* {
   padding: 0;
   margin: 0;
}

body {
   background: #333;
   font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
   font-size: small;
   text-align: center;
   color: #333;
}

a img {
   border: 0;    
}

a, a:active, a:link, a:visited {
   color: #333;
   /* text-decoration: none; */
}

a:hover {
   color: #333;
   text-decoration: underline;
   background: #eee;
}

p {
   margin-bottom: 10px;   
}

/* layout styles */
.canvas {
   background: #fff;
   width: 900px;
   margin: auto;
   text-align: left;
}

h1 .intro {
  font-size: 18px;
}

.intro {
   font-weight: bold;
   margin-bottom: 20px;
   color: #777;
}

.tight {
   margin: 0px;
}

.content, .footer, .header {
   position: relative;
   clear: both;
}

.content {
   margin-top: 20px;
}

#main-content, #left-sidebar {
   float: left;
}

h1 {
   margin-bottom: 10px;
   font-size: 22px;
}
h2 {
   font-size: 14px;
   margin-bottom: 10px;
   text-decoration: underline;
}
h3 {
   font-size: 12px;
}

.problem-list, .list {
   margin-bottom: 20px;
}

.problem-list li, .list li {
   margin-left: 40px;
   margin-bottom: 5px;
}

#main-content {
   position: relative;
   width: 655px;
   padding: 20px 40px 60px 10px;
}

#left-sidebar {
   width: 150px;
   padding: 20px 20px 0 20px;
}
.primary li {
   list-style: none;
   font-size: 8pt;
   font-weight: bold;
}

.primary a, .primary a:active, .primary a:link, .primary a:visited {
   display: block;
   width: 140px;
   color: #666;
   text-decoration: none;
   padding: 5px 0 5px 0;    
   border-bottom: 1px #666 dotted;
}

.primary a:hover {
   background: #eee;
}

.sub {
   position: absolute;
   top: -8px;
   left: 0px;
}

.sub li {
   list-style: none;
   font-size: 8pt;
   font-weight: bold;
   display: inline;
}

.sub a, .sub a:active, .sub a:link, .sub a:visited {
   font-size: 8pt;
   font-weight: bold;
   display: inline;
   color: #009098;
   text-decoration: none;
   padding: 5px 10px 5px 10px;    
   border-right: 1px #666 dotted;
}

.sub a:hover {
   background: #eee;
}

.sub .last a {
  border: 0 !important;
}
.footer {
   text-align: center;
}

.footer li {
   display: inline;
}

.left {
   float: left;
}

.right {
   float: right;
}

.clear {
   clear: both;
}

.center {
   text-align: center;
}

.copyright {
   color: #666;
   font-size: 11px;
   text-align: right;
   padding: 15px;
   padding-right: 30px;
}

.primary.nav a:hover {
   background: #eee;
}

#save-images {
   position: relative;   
}

#save-folders {
   position: absolute;
   left: 548px;
   top: 70px;
}

#save-description div {
   margin-right: 20px;
   width: 180px;
   float: left;
}
#vellum-links ul {
   margin-top: 50px;
   float: left;
   width: 150px;
   font-size: 8pt;
   margin-left: 20px;
}
#vellum-links img {
   margin-right: 20px;
}

#chart-header {
   background: #2f6e8f;
   height: 24px;
   
}
.testimonial {
  margin: 15px;
}
.customer {
   font-weight: bold;
   font-style: italic;
   margin: 15px;
   margin-bottom: 30px;
}

.product {
  float: left;
  width: 300px;
  height: 160px;
  font-size: 8pt;
}

.product .image {
  float: left;
  width: 107px;
}

.product ul {
  float: left;
  width: 188px;
  margin-top: 10px;
  margin-right: 5px
  
}

.product ul li {
  margin-left: 30px;
}


button {
   position: relative;
   cursor: pointer;
   border: 0px;
   color: #fff;
   font-weight: bold;
   font-family: arial;
   position: relative;
}

.buynow {
   margin: 5px;
   cursor: pointer;
}

#products-to-buy li.product {
   float: left;
   margin: 5px;
   width: 180px;
   height: 155px;
   padding: 10px;
   list-style: none;
   border: 1px #ddd solid;
   border-top: 10px #ddd solid;
   text-align: center;
}

#products-to-buy li.product ul {
    width: 605px;
    margin-bottom: 5px;
    list-style: none;
}

#products-to-buy li.product li {
    text-align: center;
    margin: 0;
    margin-bottom: 3px;
}

#products-to-buy li.main {
    width: 605px;
    height: 230px;
}

#products-to-buy #minno-combo {
    height: 320px;    
}
#products-to-buy #wrist-model {
    height: 200px;
}

#products-to-buy .name {
    font-weight: bold;    
    color: #009098;
    margin-bottom: 5px;
}

#products-to-buy .price {
    font-weight: bold;
    font-size: 12px;
    
}

#products-to-buy .buynow {
    margin: 5px;    
}