/* CSS Document */

/* global style */
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
background-image: url(images/background-color.jpg);
background-repeat: repeat;
}
input, textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
}
a {
color: #669966;
text-decoration: none;
}
a:hover {
border-bottom: 1px dotted #669966;
}
input.green {
background-color: #669966; 
color: #FFFFFF;
border: 1px solid #669966;
}

#container {
width: 860px;
margin: 0px auto 0px auto;
}
#container #top {
background-image: url(images/background-top.jpg);
width: 859px;
height: 10px;
}
#container #top a {
margin: 0px 0px 0px 780px;
}
#container #middle {
background-image: url(images/background-middle.jpg);
width: 859px;
padding-top: 20px;
margin-top: -3px;
}
#container #bottom {
background-image: url(images/background-bottom.jpg);
width: 859px;
height: 17px;
}

/* home style */
#logo {
background-image: url(images/logo.jpg);
background-repeat: no-repeat;
width: 501px;
height: 33px;
margin: 0px 0px 20px 30px;
}
#logo span {
display: none;
}
#home-background {
background-image: url(images/banner-home.jpg);
width: 851px;
height: 219px;
color: #333333;
font-family: Times, serif;
font-style: italic;
}
#home-background #home-quote {
width: 350px;
padding: 100px 0px 0px 480px;
display: none;
}
#home-background p {
text-align: right;
margin: 0px;
padding: 0px;
}
#home-menu {
border-bottom: 1px solid #666666;
margin: 15px 0px 10px 140px;
padding: 0px 10px 6px 0px;
text-align: right;
width: 700px;
height: 10px;
}
#home-menu a:hover {
border: none;
}
#home-content {
}
#home-left-img {
float: left;
display: inline;
background-image: url(images/banner-home-left.jpg);
width: 73px;
height: 289px;
margin: 0px 30px 0px 37px;
}
#home-text-left {
float: left;
display: inline;
width: 300px;
padding: 0px 35px 0px 0px;
}
#home-text-right {
width: 340px;
padding: 1px 35px 0px 0px;
margin-left: 475px;
}
#product-box {
float: right; 
width: 150px; 
height: 32px; 
display: inline; 
padding: 12px 5px 5px 5px;
text-align: center; 
background-image: url(images/home-box-1.jpg);
background-repeat:no-repeat;
}
#copyrights {
font-size: 9px;
color: #333333;
text-align: center;
}
#copyrights a {
color: #333333;
}
#copyrights a:hover {
border-bottom: 1px dotted #333333;
}
#cart {
float: right;
display: inline;
padding: 5px 15px 0px 0px;
text-align: right;
}
#contact {
float: right;
display: inline;
padding: 20px 15px 0px 0px;
}

/* content style */
#content .bold {
font-weight: bold;
}
#banner-content {
background-image: url(images/banner-top-content.jpg);
width: 851px;
height: 73px;
}
#thumbs-content {
background-image: url(images/thumbs.jpg);
width: 120px;
height: 25px;
float: left;
display: inline;
margin: 5px 0px 0px 7px;
}
#content #header {
width: 140px;
float: left;
display: inline;
height: 400px;
font-size: 18px;
letter-spacing: 2px;
padding: 10px;
}
#content #header green {
color: #669966;
}
#content #header #left-menu {
padding: 20px 0px 20px 0px;
}
#content #header #left-menu ul {
margin: 0px;
padding: 0px;
}
#content #header #left-menu li {
list-style: none;
display: block;
margin: 0px;
padding: 0px;
}
#content #header #left-menu ul ul {
padding-left: 15px;
}
#content #header #left-menu a {
color: #666666;
font-size: 11px;
display: block;
padding: 5px 0px 5px 0px;
}
#content #header #left-menu a:hover {
color: #669966;
text-decoration: none;
border: none;
}
#content #header #left-menu a.current {
color: #669966;
}
#content #header #thumb {
width: 120px;
height: 120px;
overflow: hidden;
}

#content #text {
padding: 15px 25px 15px 15px;
}
#content #text h2 {
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 14px;
letter-spacing: 2px;
}
#content #text h3 {
margin: 0px;
padding: 0px;
font-weight: normal;
font-size: 14px;
letter-spacing: 2px;
}
#content #text hr { 
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #999999;
padding: 0px;
margin: 0px;
height: 1px;
}
#content #text ul { 
margin: 0px;
padding: 5px 0px 5px 0px;
}
#content #text li { 
margin: 5px 10px 5px 10px;
list-style: none;
}
#content #text ul.dot li {
list-style-type: disc;
}
#content #text ol li {
list-style-type: decimal;
}

#content #text table.prices {
border: 1px solid #669966;
width: 550px;
}
#content #text table.prices th {
border-bottom: 1px solid #669966;
}
#content #text div.product {
margin: 10px 0px 10px 170px;
height: 120px;
}
#content #text div.product .image {
float: left;
display: inline;
width: 80px;
}

#content div.testimonial {
width: 600px;
padding: 20px 0px 10px 0px;
}
#content div.testimonial-right {
width: 450px;
margin-left: 350px;
padding: 20px 0px 10px 0px;
}
#content div.testimonial q {
font-style: italic;
}
#content div.testimonial .name {
text-align: right;
}
#content div.testimonial-right q {
font-style: italic;
}
#content div.testimonial-right .name {
text-align: right;
}


/* style for tooltip */
div.tooltip
{
  background-color: #669966;
  color: #FFFFFF;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;;
  width: 250px;
  left: 0;
  top: 0;
  padding: 4px;
  position: absolute;
  text-align: left;
  z-index: 20;
  -moz-border-radius: 0 10px 10px 10px;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
  -moz-opacity: .87;
  -khtml-opacity: .87;
  opacity: .87;
}
div.tooltip .contents
{
  margin: 0;
  padding: 0 3px;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
div.tooltip p
{
    padding: 3px 0 0 0;
    margin: 0;
    text-align: left;
    -moz-opacity: 1;
}