fhtml, body {
    height:100%
    }

body {
    margin:0;
    padding:0;
    background:#fffce1;
    }


table {
    border-collapse:collapse
}

table td {
    border:none;
    padding:0;
    vertical-align:top
}

body, td {
    font:11px/15px verdana, tahoma, arial, sans-serif;
    color:#222222
    }

form {
    margin:0;
    padding:0
    }

a{color:#800000;text-decoration:underline}
a:hover{color:#800000;text-decoration:none}

a img {
    border:none
    }

#main {
    width:100%;
    height:100%;
    background:#fffce1;
    }

#left {
    width:30%;
    background:url(imgs/bg/bg_big_left.jpg) no-repeat right top #a80000;
    }
#right {
    width:70%;
    padding:95px 30px 40px 17px;
    background:url(imgs/bg/bg_right.jpg) no-repeat right top;
    }

#logo {
    margin:0 0 0 0;
    text-align:right;
    }

#logo img {

    }

#menu {
    text-align:right;
    margin:2px -17px 0 0;
    position:relative
    }

#header {
    padding:0 0 0 31px;
    background:url(imgs/bg/bg_content.gif) repeat-y left;
    }

#content, #content1 {
    float:left;;
    width:589px;;
    padding:0 20px 0 31px;
    margin:0 0 29px 0;
    border-right:1px solid #9d9d9d;
    background:url(imgs/bg/bg_content.gif) repeat-y left;
    }

#content1 {
    float:none;
    margin:0 0 0 0;
    }

#right p {
    margin:9px 0 9px 0;
    }

#preload {
    position:absolute;
    top:0;
    left;
    visibility:hidden;
    }

/* ///////////////////////// sIFR  ///////////////////////////// */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1.sifrhead {
	visibility: hidden;
}

h1.sifrhead {
    font:3em times, serif;
    text-align:left;
    color:#b73d3b;
	padding: 0 0 0  0;
	margin: 0 0 0 0;
}

/* ///////////////////////// sIFR  ///////////////////////////// */



#submenu {
    width:600px;;
    float:left;
    padding:10px 20px 30px 31px;
    background:url(imgs/bg/bg_content.gif) repeat-y left;
    }


#submenu ul {
    margin:0 0 0 0;
    padding:0 0 0 0;
    }

#submenu li {
    background:url(imgs/delim.gif) no-repeat left;
    list-style-type:none;
    padding:0 0 0 2px;
    float:left;
    display:block;
    }

#submenu a, #submenu span {
    color:#800000;
    text-decoration:none;
    padding:0 23px 0 23px;
    margin:0 1px 0 1px;
    font:bold 12px/16px verdana, arial, tahoma, sans-serif;
    }

#submenu a:hover, #submenu span {
    color:#fffce1;
    text-decoration:none;
    background:#800000;
    }

.td_prod {
    border-left:1px solid #9d9d9d;
    }

.tbl_prod {
    height:150px;
    width:190px;
    }

.tbl_prod td {
    padding:12px 12px 7px 12px;
    }

.tbl_prod .pic {
    height:170px;
    text-align:center;
    vertical-align:middle;
    }

.tbl_prod a {
    color:#b73d3b;
    text-decoration:none;
    }

.tbl_prod a:hover {
    color:#b73d3b;
    text-decoration:underline;
    }

.tbl_prod img, .img {
    border:1px solid #fff;
    }

.img_left, .img {
    border:1px solid #000000;
    padding:1px;
    float:left;
    display:block;
    margin:5px 8px 5px 1px;
    }

.img {
    margin:5px 0 5px 1px;
    }

h2 {
    color:#a80000;
    font:bold 12px verdana, arial, tahoma, sans-serif;
    }

.delim {
    background:#a49f8c;
    height:1px;
    overflow:hidden;
    margin:10px 0 10px 0;
    }

#content a {
    color:#211f12;
    text-decoration:underline;
    }

#content a:hover {
    color:#a80000;
    text-decoration:none;
    }
    
    
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(imgs/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(imgs/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(imgs/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 
	
    
.pager{font-weight:bold;color:#800000;text-align:center;width:630px}
.pager a{color:#800000;text-decoration:none;padding:0 5px}
.pager a:hover{color:#fffce1;text-decoration:none;background:#800000}
.pager b u{color:#222222;font-size:14px;text-decoration:none}