body{
margin:0;
padding:0;
line-height: 1.5em;
font: 10pt Arial, Helvetica, Sans-serif;
}

b{font-size: 110%;}
em{color: red;}

#maincontainer{
width: 990px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
height: 125px; /*Height of top section*/
}

#topsection h1{
margin: 0;
padding-top: 0px;
}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin: 0 150px 0 200px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#leftcolumn{
float: left;
width: 200px; /*Width of left column in pixel*/
margin-left: -990px; /*Set margin to that of -(MainContainerWidth)*/

}

#rightcolumn{
float: left;
width: 150px; /*Width of right column*/
margin-left: -150px; /*Set left margin to -(RightColumnWidth)*/

}

#footer{
clear: left;
width: 100%;
color: #FFF;
text-align: center;
padding: 4px 0;
}

#footer a{
color: #FFFF80;
}

.innertube{
padding-left: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
padding-top:0px;
}

#chromemenu{
width: 100%;
font-weight: bold;
font-size: 13px;
float: left;
margin-top: 0px;
margin-bottom: 0.8em;
}

#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#chromemenu ul{
border: 1px solid #BBB;
width: 100%;
height: 22px;
background: url(images/blockdefault.gif) center center repeat-x;
padding: 5px 0;
margin: 0;
text-align: center; /*set value to "right" for example to align menu to the left of page*/
}

#chromemenu ul li{
display: inline;
}

#chromemenu ul li a{
font-weight: bold;
color: #ffffff;
padding: 0px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
margin-left: 5px;
padding-right: 10px;
vertical-align: middle;
}

#chromemenu ul li.menu_end a{
	border-right: none;
}

#chromemenu ul li a:hover{
color: #ff0000;
}
ul.account{
	list-style-type:none;
padding:0px;
margin:0px;
}
ul.account li{ 
	background-image:url(images/arrow.gif);
background-repeat:no-repeat;
background-position:0px 5px; 
padding-left:14px;
line-height: 150%;
}

/* --( boxes )-- */
.box_small_top
{ width:192px;
  height:20px;
  padding:5px;
  color:#ffffff;
  font:bold 12px Verdana, Arial, Helvetica, Sans-serif;
  background: url(images/blockdefault.gif) center center repeat-x;
  border-bottom: solid 1px #aeaeae;
  text-align: center;
}

.box_small_mid
{ width:180px;
  padding:10px;
  background:#eeeeee;
  border-left: solid 1px #aeaeae;
  border-right: solid 1px #aeaeae;
  border-bottom: solid 1px #aeaeae;
	margin-bottom: 10px;
	text-align: left;
	line-height: 150%;
}

.box_med_top
{ width:607px;
  height:20px;
  padding:5px;
  color:#ffffff;
  font:bold 12px Verdana, Arial, Helvetica, Sans-serif;
  background: url(images/blockdefault.gif) center center repeat-x;
  border-bottom: solid 1px #aeaeae;
  text-align: left; 
  padding-left: 10px;
  }

.box_med_mid
{ width:620px;  
  border-left: solid 1px #aeaeae;
  border-right: solid 1px #aeaeae;
  border-bottom: solid 1px #aeaeae;
	margin-bottom: 15px;
	text-align: left;
	
	 }
.box_small_top_ad_left
{ width:192px;
  height:20px;
  padding:5px;
  color:#ffffff;
  font:bold 12px Verdana, Arial, Helvetica, Sans-serif;
  background: url(images/blockdefault.gif) center center repeat-x;
  border-bottom: solid 1px #aeaeae;
  text-align: center;
  margin-bottom: 5px;
}
.box_small_top_ad_right
{ width:140px;
  height:20px;
  padding:5px;
  color:#ffffff;
  font:bold 12px Verdana, Arial, Helvetica, Sans-serif;
  background: url(images/blockdefault.gif) center center repeat-x;
  border-bottom: solid 1px #aeaeae;
  text-align: center;
  margin-bottom: 5px;
}
.box_med_no_top
{ 
	padding: 10px;
	width:600px;  
  border: solid 1px #aeaeae;
	margin-bottom: 15px;
	text-align: left;
	line-height: 150%;
	padding-bottom: 20px;
	padding-top: 20px;
	 }
div.box_med_no_top_nb
{ 
	width:620px;
  border: none;
	padding-bottom: 10px;
	padding-top: 0px;
	color: blue;
	}
	table.txtblue td {
	color: blue;
}
.box_right_top
{ width:123px;
  height:20px;
  padding:5px;
  color:#ffffff;
  font:bold 12px Verdana, Arial, Helvetica, Sans-serif;
  background: url(images/blockdefault.gif) center center repeat-x;
  border-bottom: solid 1px #aeaeae;
  text-align: center;
}

.box_right_mid
{ width:125px;
  padding:3px;
  background:#eeeeee;
  border-left: solid 1px #aeaeae;
  border-right: solid 1px #aeaeae;
  border-bottom: solid 1px #aeaeae;
	margin-bottom: 10px;
	text-align: left;
	line-height: 150%;
}

div.cat_note {
	padding: 10px;	
}
table.dstenmien td {
	border-top: solid 1px #ccc;
	padding: 10px;	clear: right;
}
table.t_inner td{
	border: none;
	line-height: 150%;
}
.counter_link{
	font: bold 13px Arial, Helvetica, Sans-serif;
	text-align: center;
	color: green;
}
span.list_title_all {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	font-weight: bold;
	margin-right: 10px;
}
.list_value_all {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: red;
	font-size: 11px;
	font-weight: bold;	
}
table.contact_site{
	margin-left: 20px;
	margin-bottom: 20px;
}
table.contact_site span{
	font-weight: bold;
}
  
/* --( input/profile/login )-- */
input.search
{ background:url('images/top_search.png') 0 0 no-repeat;
  font: 9pt Arial, Helvetica;
  width:97px;
  height:19px;
  border:none;
  padding:2px 35px 0 25px;
  margin:0;}

input.username
{ background:url('images/username_bg.png') 2px 3px no-repeat #fff;
  padding-left:20px; }

input.password
{ background:url('images/password_bg.png') 2px 3px no-repeat #fff;
  padding-left:20px; }
  

/* cat list menu */

.glossymenu{
list-style-type: none;
margin: 0px 0;
padding: 0;
width: 202px;
border: 0px solid #9A9A9A;
border-bottom-width: 0;
margin-bottom: 10px;
}

.glossymenu li a{
background: white url('images/glossyback.gif') repeat-x bottom left;
font: 12px Arial, "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #000000;
display: block;
width: auto;
padding: 5px 0;
padding-left: 10px;
text-decoration: none;

}

* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 192px;
}

.glossymenu li a:visited, .glossymenu li a:active{
color: #000000;
}

.glossymenu li a:hover{

color: #ff0000;
}
.glossymenu li span{
	color: #ff0000;
	font-size: 11px;
}

/* -- ( lightbox )-- */
#lightbox{
	position: absolute;
	top: 40px;
	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('../_common/images/1x1t.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('../_common/images/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('../_common/images/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;
	}
#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;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}