/* .screen Stu Nicholls - http://www.cssplay.co.uk/menu/pop_ups.html image popup *************************/
/* .largepic Stu Nicholls - http://www.cssplay.co.uk/menu/pop_ups.html ********************/
/* .thumbnail Credits: Dynamic Drive CSS Library ***** URL:http://www.dynamicdrive.com/style/******/
/* .info http://psacake.com/web/jl.asp */


body {
margin: auto;
font-family:sans-serif;
font-size: 80%;
}

a:link,a:active,a:visited { text-decoration: none;color: #369; outline: none; }
a:hover { color: #cc3333; }


div.contact_email {
padding-left: 25px;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) */
@font-face {
font-family: 'TinetRegular';
src: url('font/tungusfont_tinet-webfont.eot');
src: local('?'), url('font/tungusfont_tinet-webfont.woff') format('woff'), url('font/tungusfont_tinet-webfont.ttf') format('truetype'), url('font/tungusfont_tinet-webfont.svg#webfont') format('svg');
}
#header h1 a { color:#369; text-decoration: none;}
#header h1 a:hover { color:#f90; text-decoration: none;}
#header h1.tungusfont {font-family: "TinetRegular", sans-serif; font-weight:bold; font-size:3em; color:#369; }
#header p.tungusfont {font-family: "TinetRegular", sans-serif; font-weight:bold; font-size:1.5em; color:#369; margin-top: -15px; text-indent: 20px;}
#header_r ul a{ font-family: "TinetRegular", sans-serif;  font-size:1em; color:#000033; }
#header ul a:hover { color:#369 ; }
#header {
margin-bottom: 50px;
padding-left: 20px;
height: 100px;
position:relative;
}
#header_r { position:relative; left:500px; top: -90px; }

#wrapp #centertop { position:relative;top: -40px; left:146px; width: 728px; margin: 10px 0;}


#footer { text-align: center; margin-top: 50px;}
#footer { margin: 15px 0; }
#footer ul.h_list li.tungusfont a{font-family: "TinetRegular", sans-serif; font-size:1.5em; color:#369 ;}
#footer ul.h_list li.tungusfont a:hover{ color: #F60;}


#botbanner {margin-left: 85px;
margin-top: 10px;
height: 60px;
}
/* */
/* Lists ******************************************************************************* */
ul{
margin: 0;
padding: 0;
text-indent: 0;
list-style: none;
}
ul li img { padding: 3px; }
li {
padding-left: 15px;
padding-top: 3px;
}
dt { font-weight:bold; color: #336699;
padding-bottom: 0.3em; padding-top: 0.5em;}
dd { padding-bottom: 1em; padding-right: 2em; text-align: justify;}
dd { padding-bottom: 1em; }
.h_list {text-align:center; font-size:smaller; }
.h_list a {color: #cc0000; text-decoration:none; }
.h_list li { display: inline; padding-right: 10px; padding-top: 10px;}
ul .h_list {padding-top: 10px;}


 #centertop { max-height: 200px; width: 100%;  }
 #centertop ul.hrz { position:absolute; left:-128px; width:160%; height:150px;}
 #centertop ul.hrz li {display:inline; width:180px; text-indent: 0;  padding: 8px; margin: 10px 0;
 }

 #centerdown { max-height: 200px; width: 100%;  }
 #centerdown ul.hrz { position:relative; left:4px;   width:160%; height:150px;}
 #centerdown ul.hrz li {display:inline; width:180px; text-indent: 0;  padding: 8px; margin: 10px 0;
  }
 

/*handy tags,classes ****************************************************************************/
.right {float:right; padding: 1em; font-weight:normal; height: auto;}
.left {float:left; padding: 1em; font-weight:normal; height: auto;}
.right img {float:right; padding: 1em;}
.left img {float:left; padding: 1em;}

.paddingleft {padding: 5px 15px; }
code { font-weight:normal; color: #336699; }
.infobulle { color: #336699; }
.banner_1 {padding-left: 100px;}
.col { padding-left: 1em; }
.row { text-align:center; }
.pushdown { position:relative; top:15px; }
.small {color: #999999;font-size: 0.7em;}
.highlight {
background-color: yellow;
color: blue;
padding: 0;
}
h5 { padding: 30px 0 10px 0; text-align: center; }
.cnt_l {float: left; width: 48%; padding: 20px 0;}
.cnt_r {float: right; width: 52%; padding: 20px 0;}
.footnotes {font-size: 0.6em; color: #999999; }
.title {font-weight:bold; color:#6699cc ; padding-left: 10px; }

a.readon {font-weight:normal; }
a img { border: none; }

/* Joomla core stuff ****** *modules, tables, mosimage, search ******************************/

table.moduletable {
width: ;
margin-bottom: 5px;
padding: 0px;
border-spacing: 0px;
border-collapse: collapse;
}

div.moduletable {
padding: 15px;
margin-bottom: 2px;
}

div.moduletable-menu ul.menu li{ padding-left: 15px; }

div.moduletable p{
width: 160px;
color: #a9a9a9;
font-size:0.8em;
text-align: justify;
}


#pathway_text {
overflow: hidden;
display: block;
height: 25px;
line-height: 25px !important;
line-height: 22px;
padding-left: 4px;
margin-bottom: 2px;
font-size: 0.9em;
clear:both;
}

table.moduletable th, div.moduletable h3 {
color: #666666;
text-align: center;
height: 21px;
line-height: 21px;
font-size: 0.9em;
font-weight: bold;
text-transform: uppercase;
margin: 0 0 2px 0;
}

.sectiontableheader {
font-weight: bold;
background: #f0f0f0;
padding: 4px;
}
.sectiontablefooter {}

.sectiontableentry1 {background-color : #ffffff;}

.sectiontableentry2 {background-color : #f9f9f9;}

/* removes space below form elements */
form {margin: 0;padding: 0;
}
span.article_seperator {
display: block;
height: 1.5em;
}

/* Content zone ********************************************************************/
.contentpaneopen { margin: 10px 15px; }
.contentpaneopen p { text-align:justify; font-size:0.9em; line-height:1.3em; padding: 5px 5px;}
.contentpaneopen h2 { color: #cc0033; font-size:1.3em; font-weight:bold;}
.contentpaneopen h3 { color: #336600; font-size:1.1em; font-weight:bold;}
.pagenavbar{ font-weight:normal; }
table.contenttoc{ border: none; }
.back_button{font-weight:normal; }
.componentheading {
background: url(../images/subhead_bg.png) repeat-x;
color: #cc0033;
text-align: left;
padding-top: 4px;
padding-left: 4px;
height: 21px;
font-weight: bold;
text-transform: uppercase;
}
td.contentdescription h2 { color: #6699cc; }

.contentcolumn {
padding-right: 5px;
}

.contentheading {
height: 20px;
color: #c64934;
font-weight: normal;
font-size: 1.5em;
white-space: nowrap;
}

.contentpagetitle {
font-weight: bold;
color: #336633;
text-align:left;
}

.createdate {
height: 15px;
padding-bottom: 10px;
color: #999999;
font-size: 0.9em;
}

.modifydate {
height: 12px;
padding-top: 5px;
color: #999999;
font-size: 0.9em;
}

table.contenttoc {
border: 1px solid #cccccc;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
}

table.contenttoc td {
padding: 2px;
}

table.contenttoc th {
background: url(../images/subhead_bg.png) repeat-x;
color: #666666;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
text-transform: uppercase;
}
table.contentpaneopen {
width: 90%;
padding-left: 0px ;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}

table.contentpaneopen td {
padding-right: 5px;
}
table.contentpaneopen td.componentheading {
padding-left: 4px;
}
table.contentpane {
width: 100%;
padding-left: 10px;
border-collapse: collapse;
border-spacing: 0px;
margin: 0px;
}
table.contentpane td {
margin: 0px;
padding: 0px;
}
table.contentpane td.componentheading {
padding-left: 4px;
}
table.contentpaneopen fieldset {
border: 0px;
border-bottom: 1px solid #eee;
}


/* Stu Nicholls - http://www.cssplay.co.uk/menu/pop_ups.html image popup *************************/
a.screen, a.screen:visited {
color:#c00;
position:relative;
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that
makes it selectable when hidden */
border:none; /* add a border */
left:100px; /* position:the image */
top:-50px;
}
a.screen:hover {
text-decoration:none;
border:0; /* needed for this to work in IE */
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500;
}
a.screen:hover b img {
border:0; /* remove the link border ********************************************/
}

/* Stu Nicholls - http://www.cssplay.co.uk/menu/pop_ups.html ********************/
a.largepic, a.largepic:visited {
color:#c00;
position:relative;
z-index:1;
}
a.largepic b {
position:absolute;
visibility:hidden; /* hide the image */
width:300px; /* give it a width */
height:0; /* no height to solve an Opera bug that
makes it selectable when hidden */
border:none; /* add a border */
left:10px; /* position:the image */
top:-200px;
}
a.largepic:hover {
text-decoration:none;
border:0; /* needed for this to work in IE */
}
a.largepic:hover b {
visibility:visible; /* make the image visible */
height:200px; /* now give it a height */

z-index:500;
}
a.largepic:hover b img {z-index:100;
border:0; /* remove the link border */
}
.h_list a.largepic:hover b img {z-index:100;
border:0; /* remove the link border */
}

/*Credits: Dynamic Drive CSS Library ***** URL:http://www.dynamicdrive.com/style/******/
thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: none;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: -30px; /*position where enlarged image should offset horizontally */
}

/* http://psacake.com/web/jl.asp */
a.info{
position:relative; /*this is the key*/
z-index:24;
color: #ff6600;
text-decoration:none;}

a.info:hover{z-index:25; }

a.info span{display: none;}

a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:3em; left:-1em; width:20em;
padding: 5px;
background-color:#003366; color:#fff; font-size:0.8em;
text-align: left;
}
.left { float:left; }
.info>span>img { padding: 3px; margin:5px; border:1px solid white ; }

/* ***************************/
/* http://psacake.com/web/jl.asp */
a.info2{
position:relative; /*this is the key*/
z-index:24;
color: #ff6600;
text-decoration:none;

}
a.info2 ul, a.info2 h2{ text-align:center; }
a.info2 img{border: none; }
a.info2:hover{z-index:25; }
a.info2 ul {padding-left: 0; }
a.info2 span{display: none;}

a.info2:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:-5em; left:0em; width:15em;
padding: 3px;
background-color:#ffffff; color:#6699CC; font-size:0.8em;
text-align: left;
border:2px solid #6699CC ;
}
.left { float:left; }
.info2>span>img { padding: 3px; margin:5px; border:1px solid #6699CC; }

a.info3{
position:relative; /*this is the key*/
z-index:24;
color: #ff6600;
text-decoration:none;

}
a.info3 h2{ text-align:center; }
a.info3 img{border: none; }
a.info3:hover{z-index:25; }
a.info3 dl {text-align: left; padding-left: 0; }
a.info3 span{display: none;}

a.info3:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:-5em; left:20em; width:11em; border:2px solid #cccccc;
padding: 3px;
background-color:#ffffff; color:#a9a9a9; font-size:0.9em;
text-align: left;
}
.left { float:left; }
.info3>span>img { padding: 3px; margin:5px; border:1px solid #6699CC; }


/* http://psacake.com/web/jl.asp */
a.info4{
position:relative; /*this is the key*/
z-index:24;
color: #ff6600;
text-decoration:none;}

a.info4:hover{z-index:25; }

a.info4 span{display: none;}

a.info4:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:-100px; left:3em; width:140px;
padding: 2px; border:1px solid #808080;
background-color:#fff; color:#69C; font-size:0.8em;
text-align: center;
}
.left { float:left; }
.info4>span>img { padding: 3px; border:1px solid white ; }

.galright { float:right; width: 50%; color: #0000cc; }

.video{ padding-left:30px;}

.amazon{ text-align:center; margin: auto; !important;}

.omakasefloatleft {float:left; padding:5px;}

.omakasefloatright {float:right; padding:5px;}

span.small {visibility: hidden; display:none; }

h6>img{ display:none; }

#container .alphalisting {border: none;  }

.border {border: 1px solid #C6C6C6; padding:10px 0; }

.open { padding: 7px 6px 7px 9px; background-color: #ffffff; border: 1px solid #C6C6C6;}