/* *** css by Mike Weber weberapps.com *** */
/* adapted from */
/* *** css by miss monorom www.intensivstation.ch *** */
/* css released under Creative Commons License -  http://creativecommons.org/licenses/by/2.0/deed.en */

/************* Overall layouts ************/
body{
   padding:0px;
   margin:0px;	
}

h1{
   padding:5px 10px;
   margin:0px;
}

h2{
   padding: 5px 14px;
   margin:0px;	
}

h3{
   padding:0px 14px;
   margin:0px 0px 18px;
}

h4{
   padding:0px 14px;
   margin:-10px 0px 18px;
}

h5{
   padding:0px;
   margin:0px 0px 3px;
}

.p{
   padding:5px 10px;	
}

/***** container to center the layout *****/
#container {
   width: 800px;
   margin: 0 auto 10px;
}
#middle-container {
   width: 800px;
   margin: 0 auto 10px;
   padding-left:9px;	
}

#specials{
   padding:10px;
   width:250px;
   float:right;
   margin-top:-50px;
   margin-right:10px;
   min-height:150px;
   height:auto !important;
   height:150px;
}

.special{
   margin-bottom:3px;
   padding:3px;
}

.special .list_item_link{
   display:block;
   width:150px;
}

.special .list_item_price{
   clear:left;
   display:block;
   float:left;
}

/************* banner for logo ************/
#banner {
   padding: 0px;
   margin: 0px;
}

#banner img {
   padding:3px 5px 10px;
}

#logged_in{
   margin:0 4px;
}

#notice{
   margin:0 4px;
   margin-top:10px;
}

/**************** content *****************/
#content {
   padding: 0px;
   margin: 0;
   margin-left:197px;
}

div#content { 
   min-height:600px;
   height:expression(this.scrollHeight > 600 ? "auto":"600px"); 
}

html>body #content{
   margin-left: 200px;
}

p, pre{
   padding: 5px 10px;
   margin:0px;
}

table{
   margin-left:6px;
}

/************* left navigation ************/
#left {
   float:left;
   width: 196px;
   position:relative;
   margin-left: 0px;
   margin-right:1px;
   padding: 0px;
}

#sidebar{
   padding:0px;
   margin:0px;
   width:160px;
}

#sidebar li a{
   padding: 11px 6px;
   display:block;
}

#sidebar li{
   margin:10px 0px;
   height:40px;
   width:170px;
}

/***************** footer *****************/
#footer {
   clear: both;
   margin: -10px 0px 10px 0px;
   padding: 14px 10px 10px 0;
   width:100%;
}

#weberapps_logo{
   position:relative;
   top:5px;
}

/********* End of Overall layouts *********/


/***************** product ****************/
#items{
   margin:auto;
   padding:30px;
}

.list_item{
   min-height:100px;
   height:auto !important;
   height:100px;
   margin-bottom:10px;
   position:relative;
   padding:5px 2px;
}

.item .description{
   margin-left:10px;
}

.thumbnail{
   display:table;
   height:80px;
   overflow:hidden;
   width:95px;
   margin:7px;
   text-align:center;
   float:left;
}

.thumbnail .inner_thumbnail{
   display:table-cell; /* for Standard Browswers */
   vertical-align:middle; /* for Standard Browswers */
}

.list_item_content{
   margin:0 7px 0 110px;
}

.first_line{
   display:block;
   padding-bottom:5px;
   width:340px;
   text-align:right;
}

.list_item_name{
   width:330px;
   padding:0pt 7px 2px;
   display:block;
}

.list_item_body{
   padding:5px;
   min-height:40px;
   height:auto !important;
   height:40px;
   width:330px;
}

.special{
   min-height:90px;
   height:auto !important;
   height:90px;
}

.special .product_line_image{
   margin:0px;
   width:90px;
   text-align:center;
   float:left;
}

.special .description_price{
   width:60%;
   float:left;
}

.special .price{
   float:right;
   display:block;
   margin:4px 0;
}

.description_date{
   display:block;
   width:370px;
   margin:7px 2px 7px 100px;
}

.special_description{
   padding:3px;
}

.short_description{
   float:left;
   display:block;
   padding:5px 0;
}

.m_name{
   width:250px;
   float:left;
}

.list_item_link{
   float:left;
   text-align:left;
}

.list_item_price, .year_started{
   text-align:right; 
}

.description{
   padding:3px;
}

.featured, .featured_show{
   position:absolute;
   top:-10px;
   right:-40px;
   display:inline;
   float:right;
   z-index:100;
}

.featured_show{
   top:-60px;
   right:-40px;
}

/************* team member page ***********/
#item{
   padding:5px;
   margin:5px;
   float:left;
   position:relative;
}

#team_member_since, #item_price{
   float:left;
   width:300px;
   text-align:right;
}

#team_member_since{
   padding:5px 0;
}

#item_price{
   width:225px;
}


#item_full_picture{
   float:left;
   width:200px;
   padding:0px 10px 0 0;
   text-align:center;
}


/***************** gallery ****************/
#outer_block{
   width:600px;
   float:left;
}

#image_block{
   width:490px;
   margin:auto;
   margin-top:30px;
}

.overall_image_link{
   height:180px;
   width:150px;
   display:block;
   float:left;
   margin:0 4px 20px;
   position:relative;
}

.outer_image_link{
   display:table;
   height:153px;
   width:150px;
   overflow:hidden;
   text-align:center;
}

.outer_image_link .inner_image_link{
   display:table-cell; /* for Standard Browswers */
   vertical-align:middle; /* for Standard Browswers */   
}

.image_name{
   width:100%;
   text-align:center;
}

.image_name a{
   display:block;
   padding:2px 10px;
}

.remove_block{
   position:absolute;
   top:4px;
   right:4px;
}

.edit_block{
   position:absolute;
   top:40px;
   right:4px;
}

#full_image{
   text-align:center;
   padding-top:20px;
}

.image_border{
   margin:10px;
   padding:3px;
}

/****************** menu ******************/
.menu{
   display:block;
   margin:10px;
   float:left;
}

.menu .item{
   width: 540px;
   margin: 0 0 1em;
   float:left;
}

.dt{
   float: left;
   padding-right: 3px;
   padding-left:10px;
}

.menu .price{
   float: right;
   padding-left: 3px;
   padding-right: 15px;
   margin-right:0px;
}

.dd{
   float: left;
   width: 90%;
   padding: 3px 0 0 20px;
}

/*************** hours ****************/
#hours{
  width: 200px;
  margin: auto;
  border: 2px solid #000;
  background: #444;
  padding: 5px 10px 0;
}

#hours h3, #hours dl {
  margin: 0;
  color: #CCC;
}

#hours dt {
  float: left;
  width: 120px;
  text-align: left;
}

#hours dd {
  float: right;
  padding: 0;
  margin: 0;
  width: 80px;
  text-align: right;
}

.copyright {
  clear: both;
}