@charset "utf-8";
/* Madaras Styles
   Updated: 07/02/2010
   Author: Matt Zimmermann
   ----------------------------------------------------*/

/* SECTION INDEX
			-------------
   =GENERIC
   =WRAPPER
   =HEADER
   =NAVBAR
   =MAIN
   =CATTREE
   =FOOTER
   =SFNT PAGE
   =CTGY PAGE
   =PROD PAGE
   =FRAMED
*/

/* =GENERIC
   ----------------------------------------------------*/
body{
    margin:0 auto 10px auto;
    background:#710407 url(../images/bg_body.jpg) repeat-x left top fixed;
    font:normal 12px Tahoma, Geneva, Arial, 'Trebuchet MS', Helvetica, sans-serif;
    color:#fff;
}

h1{
    font:bold 20px Tahoma, Geneva, Arial, 'Trebuchet MS', Helvetica, sans-serif;
    margin:0;
}
h2{
    font:bold 18px Tahoma, Geneva, Arial, 'Trebuchet MS', Helvetica, sans-serif;
    margin:0;
}
h3{
    font:bold 14px Tahoma, Geneva, Arial, 'Trebuchet MS', Helvetica, sans-serif;
    margin:0;
}
a{
    color:#fff;
    text-decoration:underline;
    position:relative;
    z-index:1;
}
a:hover{
    color:#b1652b;
}
input, select, option, textarea{
    font:normal 12px Tahoma, Geneva, Arial, 'Trebuchet MS', Helvetica, sans-serif;
    position:relative;
    z-index:1;
}

.disabled{
    background:#fff;
    border:none;
 }
 
 .hidden{
    display:none;
 }
 
 .visible{
    display:table-row;
 }
 
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

/* =WRAPPER
   ----------------------------------------------------*/
#wrapper{
    margin:0 auto;
    width:955px;
}

/* =HEADER
   ----------------------------------------------------*/
#header{
    margin:0 auto;
    width:955px;
    height:263px;
    background:url(../images/bg_header.png) no-repeat center top;
    clear:both;
}

/* =NAVBAR
   ----------------------------------------------------*/
#navbar{
    margin:0 auto;
    width:955px;
    height:47px;
    background:url(../images/bg_navbar.png) no-repeat center top;
    font:bold 18px Tahoma, Geneva, Arial, 'Trebuchet MS', Helvetica, sans-serif;
    color:#000;
    clear:both;
}
 .search_area{
    float:left;
    padding:10px 0px 0px 30px;
 }
 
.search_area input{
    vertical-align:middle;
  }
  
 .navbar_links{
 float:right;
 padding:10px 30px 0px 0px;
 }
 
.navbar_links a{
  padding:0 7px;
  font:bold 18px Tahoma, Geneva, Arial, 'Trebuchet MS', Helvetica, sans-serif;
  color:#000;
  text-decoration:none;
  }
  
.navbar_links a:hover{
  color:#fff;
  }

/* =MAIN
   ----------------------------------------------------*/
#main{
    margin:0 auto;
    width:955px;
    background:url(../images/bg_main.png) repeat-y center top;
    clear:both;
}
.cart{
    padding:7px 40px 7px 0px;
    float:right;
}
	.cart a{
 text-decoration:none;
 font:bold 12px Tahoma, Geneva, Arial, 'Trebuchet MS', Helvetica, sans-serif;
 }
.content_wrapper{
    padding:10px;
    background:#000;
}
.content_area{
    margin:auto;
    border:1px solid #b1652b;
    padding:10px;
}

#left_column{
    float:left;
    width:240px;
    padding:0px 0px 0px 40px;
}

#right_column{
    float:right;
    width:625px;
    padding:0px 40px 0px 0px;
    line-height:1.6em;
}
	/* STRICTLY FOR IE6 */
  #left_column .content_wrapper .content_area{
    _position:relative;
    _z-index:2;
  }
  #right_column .content_wrapper .content_area{
  _position:relative;
  _z-index:1;
  }
 /* END */
 .breadcrumb{
    font-size:12px;
    margin:3px auto 10px auto;
    text-align:center;
    font-weight:normal;
 }
  .breadcrumb a{
    font-size:12px;
    padding:0 2px;
    text-decoration:underline;
  }
  .breadcrumb a:hover{
    text-decoration:underline;
  }
  .breadcrumb_on{
    color:#b1652b;
    padding:0 2px;
    font-weight:bold;
  }

/* =FOOTER
   ----------------------------------------------------*/
#footer{
    margin:0 auto;
    width:955px;
    height:75px;
    background:url(../images/bg_footer.png) no-repeat center top;
    font:normal 10px Tahoma, Geneva, Arial, 'Trebuchet MS', Helvetica, sans-serif;
    text-transform:uppercase;
    clear:both;
}

#footer_links{
    float:left;
    padding:0px 0px 0px 25px;
    margin:25px 0px 0px 0px;
    line-height:2.0em;
}

 #footer_links a{
    padding:0 7px;
    font:normal 10px Tahoma, Geneva, Arial, 'Trebuchet MS', Helvetica, sans-serif;
    text-transform:uppercase;
 }
#card_logos{
    float:right;
    padding:0px 25px 0px 0px;
    margin:20px 0px 0px 0px;
}

/* =CATTREE
   ----------------------------------------------------*/
.cattree_header{
    width:150px;
    height:50px;
    position:relative;
}
 .cattree_header span{
    background:url(../images/img_categories.gif) no-repeat;
    position:absolute;
    width:100%;
    height:100%;
 }
.cattree{
    font:normal 15px Tahoma, Geneva, Arial, 'Trebuchet MS', Helvetica, sans-serif;
    margin:0;
    padding:0px 0px 5px 0px;
}
.cattree .item1,
.cattree .item1:hover,
.cattree .item1-active,
.cattree .item1-active:hover{
    margin:0;
    padding:4px 7px 4px 12px;
    cursor:pointer;
    white-space:nowrap;
    border:2px solid #000;
    text-decoration:none;
    display:block;
    position:relative;
}
.cattree .item1{
    background:url(../images/img_bullet.png) no-repeat left center;
    _background:url(../images/img_bullet.gif) no-repeat left center;
    color:#fff;
}
.cattree .item1_KH{
    background:url(../images/img_bullet.png) no-repeat left center;
    _background:url(../images/img_bullet.gif) no-repeat left center;
    color:#b85757;
}
.cattree .item1:hover,
.cattree .item1-active,
.cattree .item1-active:hover,
.cattree .item1_KH:hover,
.cattree .item1_KH-active,
.cattree .item1_KH-active:hover{
    color:#fff;
    padding:4px 7px 4px 12px;
    background:url(../images/bg_submenu.jpg);
    border:2px solid #d57f2a;
}
.cattree .item2,
.cattree .item2:hover{
    padding:4px 10px 4px 12px;
    text-decoration:none;
    display:block;
    white-space:nowrap;
    border:2px #710506;
    border-style:solid solid none solid;
}
.cattree .item2{
    background:url(../images/bg_submenu.jpg);
    color:#fff;
}
.cattree .item2:hover{
    color:#fff;
    padding:4px 10px 4px 12px;
    background:url(../images/bg_submenu_hv.jpg);
}
.cattree .section{
    border:2px #710506;
    border-style:none none solid none;
    position:absolute;
    visibility:hidden;
    z-index:-1;
}
.cattree .bottom,
.cattree .bottom:hover{
    border-style:solid solid solid solid;
}
* html .cattree td{ /* ie 5.0 fix */
    position:relative;
}

/* =SFNT PAGE
   ----------------------------------------------------*/
.sfnt_header{
    width:190px;
    height:45px;
    position:relative;
}
 .sfnt_header span{
    background:url(../images/img_welcome.gif) no-repeat;
    position:absolute;
    width:100%;
    height:100%;
 }
ul#slideshow {
    list-style:none;
    width:286px;
    height:215px;
    overflow:hidden;
    position:relative;
    margin:5px 0 0;
    padding:0;
    background:#000;
    float:left;
}	
ul#slideshow li {
    position:absolute;
    left:0;
    right:0;
}
ul#slideshow li.show {
    z-index:500;	
}
ul img {
    border:none;
    width:286px;
}
#slideshow-caption {
    width:286px;
    height:25px;
    position:absolute;
    bottom:0;
    left:0;	
    color:#000;
    background:#ccc;
    z-index:500;
}
#slideshow-caption .slideshow-caption-container {
padding:5px 10px;		
z-index:1000;
}
#slideshow-caption h3 {
    margin:0;
    padding:0;	
    font-size:14px;
}
#slideshow-caption p {
    margin:5px 0 0 0;
    padding:0;
}


/* =CTGY PAGE
   ----------------------------------------------------*/
.ctgy_prods{
    width:575px;
    margin:25px auto 0px auto;
    text-align:center;
    clear:both;
}
	.ctgy_prods tr{
    vertical-align:bottom;
 }
	.ctgy_prods td{
    text-align:center;
    padding-bottom:25px;
 }
  .ctgy_prods .info{
    text-align:center;
    font-weight:bold;
    color:#fff;
  }

.ctgy_prods img{
    max-height:175px;
max-width:175px;



}

.bio_header{
    width:371px;
    height:72px;
    position:relative;
}
 .bio_header span{
    background:url(../images/content/artistTitle.gif) no-repeat;
    position:absolute;
    width:100%;
    height:100%;
 }
.sojourn img{
    width:200px;
}
.sojourn strong{
    color:#ff0;
}


/* =PROD PAGE
   ----------------------------------------------------*/
.prod_image{
    float:left;
    text-align:center;
}
 img.prod{
    margin:10px 10px 3px 10px;
    max-width:239px;
    _width:239px;
 }
 .view_larger{
    text-decoration:none;
    font-style:italic;
    font-weight:bold;
 }
.prod_info{
    width:315px;
    float:left;
    margin:5px 0;
    display:inline;
    text-align:left;
}
 .see_framed{
    float:right;
    text-align:center;
    text-decoration:none;
    font-weight:bold;
    cursor:pointer;
 }
 .attributes tr td{
    vertical-align:middle;
 }
	.attribute_block{
    clear:both;
    margin:0;
 }
	.attribute_block input{
    vertical-align:middle;
 }
	.attribute_block select{
    margin:10px 0px 0px 25px;
    font-weight:bold;
 }
  .attribute_block option{
    font-weight:bold;
  }
 .price_block{
    float:right;
    text-align:right;
    padding:40px 20px 20px 20px;
 }
 	.price_block input{
    margin-left:7px;
    text-align:center;
    font-size:10px;
  }
.related{
    width:575px;
    margin:10px auto;
    clear:both;
    font-style:italic;
    font-weight:bold;
    border-bottom:1px solid #b1652b;
}
.related_prods{
    width:575px;
    margin:0 auto;
    text-align:center;
}
	.related_prods tr{
    vertical-align:middle;
 }
	.related_prods td{
    text-align:center;
 }
  .related_prods td.info{
    text-align:center;
    font-weight:bold;
    color:#fff;
    padding-bottom:25px;
  }

/* =FRAMED
   ----------------------------------------------------*/
.framed_body{
    margin:10px;
    color:#000;
}
.framed_wrapper{
    margin:0 auto;
    width:860px;
    background:#fff;
    border:2px solid #000;
}
	.framed_header{
    margin:0 auto;
    width:860px;
    height:110px;
    background:url(../images/framed/bg_header.jpg) no-repeat center top;
 }
 .framed_main{
    margin:0 auto;
    width:860px;
    vertical-align:middle;
 }
 	.framed_main_left{
    width:450px;
    float:left;
    padding-bottom:15px;
  }
  	#framed_image{
    height:275px;
   }
   
   #matted{
    height:275px;
    width:211px;
    position:relative;
    left:200px;
    z-index:5;
   }
   	#matted img{
        z-index:10;
        position:absolute;
    }
    /* TOP MATTINGS */
     .mat4809{
     background:#998771;
     }
     .mat4810{
     background:#deae7d;
     }
     .mat4832{
     background:#a05737;
     }
     .mat4834{
     background:#613034;
     }
     .mat4854{
     background:#a8241f;
     }
     .mat4855{
     background:#162b56;
     }
     .mat4857{
     background:#5a3c60;
     }
     .mat4864{
     background:#d4b08c;
     }
     .mat4881{
     background:#98542d;
     }
     .mat4902{
     background:#f9f6f1;
     }
     .mat4906{
     background:#faf3eb;
     }
     .mat4932{
     background:#b99072;
     }
     .mat4953{
     background:#d2b1a0;
     }
     .mat4964{
     background:#eae6e7;
     }

    /* VERTICAL MATTINGS */
     .mat4809v{
     border:solid #998771;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4810v{
     border:solid #deae7d;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4832v{
     border:solid #a05737;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4834v{
     border:solid #613034;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4854v{
     border:solid #a8241f;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4855v{
     border:solid #162b56;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4857v{
     border:solid #5a3c60;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4864v{
     border:solid #d4b08c;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4881v{
     border:solid #98542d;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4902v{
     border:solid #f9f6f1;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4906v{
     border:solid #faf3eb;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4932v{
     border:solid #b99072;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4953v{
     border:solid #d2b1a0;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4964v{
     border:solid #eae6e7;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }

    /* HORIZONTAL MATTINGS */
     .mat4809h{
     border:solid #998771;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4810h{
     border:solid #deae7d;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4832h{
     border:solid #a05737;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4834h{
     border:solid #613034;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4854h{
     border:solid #a8241f;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4855h{
     border:solid #162b56;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4857h{
     border:solid #5a3c60;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4864h{
     border:solid #d4b08c;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4881h{
     border:solid #98542d;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4902h{
     border:solid #f9f6f1;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4906h{
     border:solid #faf3eb;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4932h{
     border:solid #b99072;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4953h{
     border:solid #d2b1a0;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }
     .mat4964h{
     border:solid #eae6e7;
     border-width:20px 11px 10px 20px;
     padding:5px;
     }

   #frame{
   height:185px;
   width:145px;
   top:0;
   z-index:15;
   position:relative;
   }
   	#frame img{
    position:absolute;
    z-index:20;
    }
 	.framed_main_right{
  float:right;
  width:405px;
  padding-bottom:15px;
  }
 .framed_footer{
 margin:0 auto;
 padding-bottom:5px;
 width:860px;
 background:#f5f3de url(../images/framed/bg_footer.jpg) repeat-x center top;
 clear:both;
 }
 	.framed_footer a, .framed_footer label{
  cursor:pointer;
  }
 	.framed_footer a img, .framed_footer label{
  border:1px solid #a24301;
  margin:0 2px;
  }
  .framed_footer label{
  display:block;
  height:65px;
  width:65px;
  float:left;
  }
 	.framed_footer a:visited img, .framed_footer label:visited img{
  border:1px solid #fc0;
  margin:0 2px;
  }
 	.framed_footer input{
  vertical-align:middle;
  position:absolute;
  left:-1000px;
  top:-1000px;
  }

.specials{
    border:solid 1px #B1652B;
    width:45%;
    float:left;
    padding:5px;
    height:100px;
}

p.middle-guy{float:left;
    text-align:center;
    width:20px;
    margin-left:6px;

}

.specials2{
    border:solid 1px #B1652B;
    width:45%;
    float:right;
    padding:5px;
    height:100px;
}


.cal-images img{
    width:32%;
}

.earlybird{
    color:#D57F2A;
    font-weight:900;
}

#facebook-button{
    background:url('http://www.madaras.com/mm5/images/facebook-button.png');
    width:28px;
    height:28px;
    float:right;
    margin-left:20px;
}


#facelike{
    text-align:right;
    position:absolute;
    left:50%;
    margin-left:90px;
    top:10px;
}

.preview-piece{
    margin-bottom:70px;
    clear:both;

}

.preview-piece a{
    text-align:center;
    float:left;
    margin-right:10px;
}

.preview-img{
    width:190px;
    display:block;
    }


.preview-piece p{


}

.preview-piece ul{
    float:left;
    width:290px
    padding:0px;
}


.preview-piece li{
    float:left;
    width:113px;
    list-style:none;
    text-align:left;
}


.piece-name{
    color:#B1652B;
    font-weight:800;
}


.divide{
    border:1px solid #B1652B;
    width:100%;


}

.cathead-img{
    width:250px;
    float:left;
    margin:0 10px 0 0;
}

.align-cat-img{
    height:233px;
    display:table-cell;
    vertical-align:middle;

width:185px;

    }
.align-cat-img img{


}

.orn-spec li{
border:solid 1px #B1652B;
margin-bottom:10px;
list-style:none;
width:200px;
text-align:center;
float:left;
margin-right:10px;
padding:10px;

}
.orn-spec li img{
display:block;
margin:auto;
}


