body{font-family:  Verdana, Helvetica, sans-serif; font-size: 12px;  color: #000; background-color:#FBFBFB; text-align: center; background-image: url(../images/site/page-bg.jpg);background-repeat: repeat-x;}
body, form {margin: 0; padding: 0;}
input, select, textarea {font-family:  Verdana, Helvetica, sans-serif; font-size: 11px;}
img {border: 0;}
.small {font-size: 0.85em;}
dl.col {line-height: 1.5em; }
dl.col dt {float: left; width: 7em; padding-right: 0.5em; text-align: left;}
dl.col dd {margin-left: 0.5em; }
p {margin-top: 0.8em; margin-bottom: 0.8em; line-height: 1.7em;}
.center {text-align: center; }
.clr {clear: both; }


#content li{
  margin-top: 0.5em; margin-bottom: 0.5em; line-height: 1.5em;
}

#content ol li{
  font-weight: bold;  
}

#content ol li span{
  font-weight: normal;
}


h1 {font-family: Verdana, sans-serif; font-weight: bold; text-align: left; font-size: 13px; padding: 0px 0 0px 0; margin: 0.6em 0px 0.6em 0px;  color: #17B3EE;}
h2 {font-family: Verdana, sans-serif; font-weight: bold; text-align: left; font-size: 12px; padding: 0px 0 0px 0; margin: .9em 0px 1.0em 0px; color:#17B3EE; }
h3 {font-size: 12px; color: #06223E; margin: 0.0em 0 0.6em 0; color:#3B2D1C;}
.txt-right{text-align: right;}
.txt-left{text-align: left;}
.txt-center{text-align: center; padding: 15px;}
a{color: #3B2D1C; text-decoration: underline; font-weight: normal; }
a:hover{color: #1846587;}
.img-left{ float: left; border: 1px solid #333; margin-right: 7px; margin-bottom: 7px;}
.img-right{float: right; margin-bottom: 10px; margin-left: 5px; border: 1px solid #000;}
.imgright{float: right; margin-bottom: 4px; margin-left: 5px;}
.img-center{ margin: 0 2px 0 2px;border: 1px solid #000;}
.img-side{border: 1px solid #333; margin: 10px 0;}
.row-full{width: 100%; float: left; margin-bottom: 5px; margin-top: 5px;}


img.step{
  display: block;
  margin: 5px;
}

a:hover.book-btn{
  text-decoration: underline; 
}

a.more-info{
  text-decoration: none;
  background-image: url(../images/site/quick-links-point.jpg);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 10px;
}

p.flashmessage{
  border: 1px solid #90A232;
  padding: 10px;
  background-color: #E6EBC3;
  font-style: italic;
  display: none;
}

p{
  margin: .8em 0;
  line-height: 1.6em;
}

div.note{
  background-color: #E2F2CC;
  padding: 2px 5px;
  margin-bottom: 10px;
  border: 1px dashed #ccc;
}

#header-wrapper{
  background-color: #333333;
  height: 136px;
  
}
#header{  
  height: 136px; 
  background-image: url(../images/site/header-bg.jpg);
  background-position: center;
  position: relative; 
  background-color: #000033; 
  width: 900px; 
  margin: 0 auto;  
}

#top-search{
  position: absolute;
  top:30px;
  right: 50px;
  width: 250px;
  height: 32px;
  background-image: url(../images/site/search-bg.jpg);
  background-repeat: no-repeat;
  border: none;
  background-color: #333333;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 40px;
  color: #ccc;
  font-style: italic;
  font-size: 13px;
  padding-top: 8px;
  
}

#logo{
  position: absolute;
  top: 38px;
  left: 20px;
}

#focus-wrapper{
 
  height: 230px;
  background-color: #3FBDED;
  
}
#focus{
  margin: 0 auto;
  background-color: #16B3EE;
  width:900px;
  height: 230px;
  position: relative;
  
}
#focus-img{
  position: absolute;
  top:0;
  right: 0px;
}

#focus-title{
  position: absolute;
  top:25px;
  left: 30px;
}

#focus-text{
  position: absolute;
  top:25px;
  left: 30px;
  height: 120px;
  width: 550px;
  z-index: 10;
  line-height: 1.7em;
  color: #fff;
  text-align: left;
  
  
  font-size: 13px;
}

  #focus-text p{
  margin: 20px 0;
}
#nav{
  
  height: 52px;
  padding: 0;
  margin: 0;
  background-image: url(../images/site/nav-bg.jpg);
  background-repeat: repeat-x;
  }
#nav ul{
  width: 900px;
  height: 52px;
  margin: 0px auto 0px auto;
  padding: 0;
  text-align: left;
  color: #fff;
}

#nav ul li{
  display: inline;
  line-height: 52px;
  text-align: left;
}
#nav ul li a {
  color:#ffffff;  
  display: block;
  float: left;
  height: 52px;  
  font-weight: bold;
  padding: 0 15px;
  text-decoration: none;
  text-transform: uppercase;
}

#nav ul li a:hover,#nav ul li a.active{ 
  background-image: url(../images/site/nav-hover.jpg);
  background-repeat: repeat-x;
  background-position: bottom;
  
}


#content{
  width: 890px;
  margin: 0px auto;
  text-align: left;
  padding: 10px 0  20px 0;  
  background-repeat: repeat-y; 
}
#content-left{
  float: left;  
  width: 560px; 
  text-align: left;  
}


.home-feature{
  width: 560px;
  background-color: #ECECEC;
  background-image: url(../images/site/home-focus-bg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  text-align: center;
  margin-top: 10px;
}
.home-feature-in{
 width: 540px;
 margin: 0 auto;
 padding-bottom: 10px;
text-align: left;
 
 
}

.home-feature h2{
 background-image: url(../images/site/home-order-h2-bg.gif);
 background-color: #3A3A3A;
 background-repeat: no-repeat;
 height: 40px;
 margin: 0;
 padding: 0;
 line-height: 40px;
 text-indent: 40px;
 color: #fff;
 margin-top: 20px;
 }

#content-right{
  float: right; 
  width: 300px;
  text-align: left;
  margin-right: 10px;  
  
 
}

#home-order{
  width: 298px;
  margin: 0 auto;
  font-size: 12px;
  
  background-image: url(../images/site/order-bg.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 10px;
}

#home-order-in{
width: 280px;
  margin: 0 auto;
}



#home-order-in p{
margin: 0.4em 0;
}

#home-order-in ul{

  margin: 0;
  padding: 0 0 0 0px;
  list-style: none;
 
}
#home-order-in ul li{
  border-bottom: 1px solid #ccc;
}

#home-order-in ul li a{
  display: block;
  text-decoration: none;
  background-image: url(../images/site/arrow-blue.gif);
 background-position:100% -0px;
  background-repeat: no-repeat;
  
   
}
#home-order-in ul li a:hover{
background-position:100% -100px;
color: #0382B9;
}




.infodrop{
  float: left;
  float: right;
}

.info{  

  border-bottom: 1px solid #D5F1FB;
  

}
#home-order h2{
 background-image: url(../images/site/home-order-h2-bg.gif);
 background-repeat: no-repeat;
 height: 40px;
 margin: 0;
 padding: 0;
 line-height: 40px;
 text-indent: 40px;
 color: #fff;
 border-bottom: 1px solid #fff;

}

#home-order input.quickorder{
  width: 4em;
}

#home-order thead td{
  background-color: #F1FAFE;
  padding: 8px 5px;
  

}

#home-order tbody td{
  background-color: #D5F1FB;
}

#home-order tbody td.head{
  background-color: #fff;
  line-height: 20px;
  color: #fff;
}

#home-order tbody td b{
  
 }

#home-order tbody tr.odd td{
  background-color: #F1FAFE;
}



.news{
  background-color: #fff;
  padding: 0px;
  margin-bottom: 10px;
  
}

.news h2{
  color: #056905;
  border-bottom: 1px solid #ccc;
  padding-bottom: 3px;
  background-color: #F2EEED;
  line-height: 25px;
  margin-top:0;
  text-indent: 5px;
}

.news p{
  line-height: 1.0m;
  font-size: 12px;
}

.news .date{
  font-size: 11px;
  font-weight: bold;
}

.news img{
  float: right;
  margin: 0 0 5px 8px;
}
.news p br{
  background-color: #ccc;
  
  float: left;
}

.news-item{
  
  margin-bottom: 10px;
 
  border-bottom: 1px dashed #DDDED4;
  
}



.col-left{width: 49%;float: left;}
.col-right{width: 49%; float: right;}






a.nav-text{
  background-image: url(../images/site/side-nav-yellow.gif);
  background-repeat: no-repeat;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 15px;  
  text-decoration: none;
  text-transform: uppercase;
  color: #002D47;
}
a.nav-text:hover{
  text-decoration: underline;
  
}

a.nav-text-blue{
  background-image: url(../images/site/side-nav-blue.gif);
  background-repeat: no-repeat;
  display: block;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 15px;  
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
}
a.nav-text-blue:hover{
  text-decoration: underline;

}


.side-nav img{
  border: 1px solid #fff;
}
table.products{
  background-color: #fff;
}

table.products th{
  background-color: #333;
  color: #fff;
  padding: 7px;
  border-bottom: 3px solid #3FBDED;
}


table.products th.head{
  background-image: url(../images/site/home-order-h2-bg.gif);
  background-position: left;
  background-repeat: no-repeat;
  height: 40px;
  background-color: #3A3A3A;
  color: #fff;
  text-indent: 50px;
  padding: 0;
 

}


table.products tr.has_amount td{
  background-color: #E2F2CC;
}

table.products{
  width: 100%;

}


table.products tr td.total_cost{
  
  
  font-weight: bold;
  background-color: #CCFFCC;
  border-top: 1px solid #ccc;
}


table.products td{
  background-color: #F5F5F2;
  color: #000;
  padding: 5px;

}

table.products td.note{
  background-color: #CCFFCC;
  /*border: 1px dashed #ccc;*/

}

table.products td.note p{
  line-height: 1.6em;
  margin: 0 0 5px 0;

}


table.products tr.odd td{
  background-color: #DEF4FC;
  

}

table.products input.qty{
  width: 3.5em;
}

table.products a.more_info{
  

}

table.products td textarea{
  width: 600px;
  height: 100px;
}


/*--  Footer Code--*/
#footer-wrapper{  
  color: #fff;  
  height: 160px; 
  background-color: #4D4D4D;
  border-top: 20px solid #717171;
}
#footer{
  width: 900px;
  margin: 0 auto;
  padding-top: 15px;
}


#footer-contact{
  width: 290px;
  float: left;
  text-align: left;
}
#footer-contact h3{
  color: #70B6F8;
  font-size: 13px;
}
#footer-contact table td{
  vertical-align: top;
}


#footer-news{
  width: 290px;
  float: left;
  margin-left: 10px;
  text-align: left;
}
#footer-news h3{
  color: #70B6F8;
  font-size: 13px;
}

#footer-news p{
  
}


.date-box{
  width: 40px;
  height: 60px;
  float: left;
  background-image: url(../images/site/date-box.jpg);
  background-repeat: no-repeat;
  position: relative;
  text-align: center;
  margin-right: 7px;
  margin-bottom: 5px;
}
.day{
  position: absolute;
  top: 12px;
  width: 40px;
  left: 0;
  display: block;
  font-weight: bold; 
}

.month{
  position: absolute;
  top: 28px;
  width: 40px;
  left: 0;
  display: block;
  font-weight: bold; 
}



#footer-contact{
  width: 290px;
  float: left;
  text-align: left;
}
#footer-contact h3{
  color: #70B6F8;
  font-size: 13px;
}
#footer-contact table td{
  vertical-align: top;
}

#footer-about{
  width: 290px;
  float: left;
  text-align: left;
  margin-left: 10px;
}
#footer-about h3{
  color: #70B6F8;
  font-size: 13px;
}

#footer-about img{
  float: left;
  margin-right: 7px;
  margin-bottom: 5px;
  border: 5px solid #717171;
  padding: 1px;
}









#footer a{  
  color: #70B6F8;
  text-decoration: none;
}


#signature{
background-color: #FFFFFF;
color: #C9C098;
font-size: 9px;
text-align: right;
padding-right: 15px;
line-height: 20px;
height: 30px;
}
#signature a{
color: #fff;
font-weight: normal;
text-decoration: none;

}

#signature .left {
  float: left;
  margin-left: 20px;
  color: #fff;
}

#signature .right {
  float:right;
  top: 240px;
  left: 740px;
  color: #fff;
}

table.gallery{
 margin-top: 15px;
}


table.gallery td{
   background-color: #F0F0FF; 
   
   
}