/* default styles
   -------------- */

.content {
  min-width:380px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content: space-between;
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}  

.logo, .search_field, .newsletter, .header_right {
	width: 100%;
}
.left, .right {
	width: 95%;
}
.featured {
	width: 160px;
}
.footer {
	width: 100%;
}
 a {
   line-height: 2em;
   margin: 0px 4px 0px 4px;
 }

 .mobileshow a {
   margin: 0px 0px 0px 0px;
 }

.mobileshow {
 display:inherit;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap; 
 font-size: 0.95em;
 
 
}
.mobilehide {
 display:none;
}

.featured {
 display:none;
}


@media (min-width:600px) {
 a {
   line-height: 1.8em;
   margin: 0px 4px 0px 4px;
 }
 .left, .right {
 	width: 49%;
 }
 .mobilehide {
  display:inherit;
 }
 .mobileshow {
  display:none;
 }
}
@media (min-width: 950px) {

 a {
   line-height: 1.5em;
   margin: 0px 1px 0px 1px;
 }

 .search_field, .newsletter {
 	width: 50%;
 }
 .header_right {
 	width: 55%;
 }
 .logo {
 	width: 45%;
 }
 .left {
/* 	width: 45%;
*/
 	width: 53%;
 }
 .right {
/* 	width: 38%;
*/
 	width: 45%;
 }
 .featured {
  display:inherit;
 }
 .mobilehide {
  display:inherit;
 }
 .mobileshow {
  display:none;
 }
}

@media (min-width: 1100px) {
  .content {
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
  }
}






  
body {  -webkit-backface-visibility: hidden;
	padding: 0; 
	margin: 0; 
	font: 0.74em Arial, Helvetica, sans-serif; 
	line-height: 1.5em;
	background: #fff; 
	color: #454545; 
}

a {
	color: #4A8EBC; 
	background: inherit;
	cursor: default;
}

a:hover {
	color: #C3593C;
	background: inherit;	
	cursor: pointer;
}

a.title {
	color: #FE6700;
	background: #FFF;
}

h1 {
	font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px; 
	padding: 2px 0 0 0px;
	margin: 0;
	color: #464548;
/*	background: inherit;
*/
}

h1 a, h2 a {
	text-decoration: none;
	color: #464548;
/*	background: inherit;
*/
}

h1 a:hover, h2 a:hover {
	color: #C3593C;
	background: #FFF;
}

h1 .red{
	color: #C3593C;
/*	background: inherit;
*/
}


h2 { 
	margin: 0 0 5px 0; 
	padding: 0; 
	font: bold 1.5em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #000; 
	background: inherit;
}

h2 .yellow{
	color: #FFFCD1;
	background: inherit;
}

p {	margin: 0 0 5px 0; }

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

form { 
	margin: 0; 
}

input.search { 
/*	width: 145px; 
	height: 22px;
*/	
	border: none;
	background: #fff;
/*	background: #fff url(input.gif) no-repeat; 
	background: #fff url(input.gif) center no-repeat fixed; 
*/	padding: 3px 3px 3px 3px;

	color: #808080;
	border-radius: 3px;
}

input.button {
	border: 0;
/*
	height: 27px;
	width: 76px;
	background: #ABC43C url(button.gif) no-repeat;
*/
	background: #b55729;
	color: #FFF;
	font: bold 1em Arial, Helvetica, Sans-Serif;
	padding: 3px 8px 3px 8px;
	box-shadow: 1px 1px 2px 0px rgba(0,0,0,1);
	border-radius: 3px;
	margin: 0 8px 0 4px;
}

input.login { 
	width: 150px;
	border: none; 
	padding: 4px; 
}

input.dateNoBorder { 
	font: 12px Arial, Helvetica, sans-serif; 
	border: none; 
	border-color: white;
	padding: 4px; 
}

input.dateBorder { 
	font: 12px Arial, Helvetica, sans-serif; 
	padding: 4px; 
}

textarea.commentsNoBorder { 
	font: 12px Arial, Helvetica, sans-serif; 
	border: none; 
	border-color: white;
	padding: 4px; 
	overflow:hidden;
	resize:none;
}
textarea.commentsBorder { 
	font: 12px Arial, Helvetica, sans-serif; 
	padding: 4px; 
	overflow:hidden;
	resize:none;
}

/* layout
   ------ */

.content { 
	margin: 0px auto;
	max-width: 1000px; 
	height: 100%;
}

.logo {
	float: left;
	margin: 0px 0px 5px 0px;
	text-align:center;
/* old logo
	padding: 14px 0 9px 80px;
*/
	padding: 5px 0 0px 0px;
/*	background-image:url('/Cameras/icons/Top-Camera.jpg');
	background-repeat:no-repeat;
	min-width: 350px;
	*/

/*
	margin: 0px 0px 0px 0px;
	padding: 14px 0 9px 80px;
	background-image:url('/Cameras/icons/Top-Santa5.jpg');
	background-repeat:no-repeat;
*/	
	
}
.logo img {
float: left;
}
.header_right {
	float: right;
/*
	min-width: 445px;
*/
	margin: 0px 0px 5px 0px;
}

.logo p {
	font-size: 0.9em;
	color: #808080;
	padding: 0 0 0 7px;
	background: inherit;
}


.top_info {
	margin: 10px 0px 5px 0px;
	padding: 0 5px 5px 0;
	text-align: right;
	background: #FFF url(dot.gif) repeat-x bottom;
	color: #444;
}
	

.slogan {
	text-align: right;
	width: 150px;
}


.bar { 
	text-align: right;
	font-size: 1.1em;
}

	.bar li { 
		
		padding: 0px 3px 8px 3px;
		color: #808080;
		background: #FFF;
		display: inline;
	}
	
	.bar li.active { 
		background: #FFF url(bar.gif) no-repeat center bottom; 
		color: #C3593C;
		font-weight: bold; 
		padding-bottom: 8px; 
	}

	.bar a { 
		font-weight: bold;
		color: #4A8EBC; 
		background: inherit;	
	} 

.search_field { 
	text-align: right;
	float: right;
/*
	height: 33px;
	min-width:380px;
*/	
/*
	width: 50%;
	background: #464548 url(searchbg.gif) no-repeat top right; 
	clear: both;
*/
	background: #464548;
	color: #000;
	padding: 15px 0 5px 0;
	margin: 0px 0 3px 0;
}

.grey {
	font-size: 1em;
	font-weight: bold;
	color: #ccc;
	background: inherit;
	padding: 15px 0px 0 15px;
	
}

.search {
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	background: inherit;	

}

.newsletter {
	float: left;
	height: 33px;
	padding: 15px 0px 0px 0px;
/*
	width: 50%;
/	background: #6E6E6E url(newsletterbg.gif) no-repeat;
*/
	background: #6E6E6E;
	color: #ccc;
	margin: 0px 0 3px 0;
}
.newsletter a {
	color: #bbb;
	background: inherit;
}

.newsletter p {
	margin: 0px 0 0px 6px;
}


.subheader {
	clear: both;
/*	margin: 3px 0 10px 0;
	padding: 8px;
	background: #f4f4f4;
	color: #808080;
	border-bottom: 1px solid #ccc;
*/
}

/* wide panel, no ads
   --------- */

.wide {
	float: left;
	width: 950px;
	margin: 0 0 10px 0;
}

	.wide_articles {
		margin: 0 0 15px 0;
		padding: 0 0 0 10px;
	}
/* left side
   --------- */

.left {
	float: left;
	margin: 0 0 10px 0;
}
	.left_articles {
		margin: 0 0 5px 0;
		padding: 0 0 0 0px;
	}

	.lt {
	/*
		height: 10px;
		background: #6E6E6E url(lt.gif) no-repeat;
		margin: 0 14px 0 0;
	*/
		color: #FFF;
	}
	
	.lbox {
		color: #eee;
		padding: 5px 5px 1px 5px;
		margin: 0 14px 15px 0;
		background: #6E6E6E;
		box-shadow: 1px 2px 3px 0px rgba(132,132,132,1);
		max-width:408px;
/*		height: 178px;
		background: #6E6E6E url(lb.gif) no-repeat bottom left;
*/
	}
	
	.lbox a {
		color: #FFFCD1;
		background: inherit;
	}
	
	.lbox h2 {
		color: #FFF;
		background: #6E6E6E;
	}
	img {
		vertical-align: text-bottom;
	}
	.popmanuf {
		float:left;
	}
	.pricesglance {
		float:bottom;
	}
	
	
.thumb {
/*	float: left; 
	width: 400px;
*/
	border: 1px solid #d4d4d4;
	color: #fff;
	background: #6e6e6e;
	margin: 0 -1px 3px 0;
	padding: 3px;
position: relative;
}

.thumb_thumb {
	border: 1px solid #d4d4d4;
	color: #fff;
	background: #6e6e6e;
	padding: 1px;
	margin: 0 1px 0 0;
}



.thumb p { margin: 0; padding: 3px; color: #FFF; background: #6e6e6e; }
	
/* right side
   ---------- */
		
.right {
	float: right;
	margin: 0 3px 10px 0;
}

.right a {
	color: #FFFCD1;
	background: inherit;
}

		
/*	
.rt {
		background: #C85E35 url(rt.gif) no-repeat;

		background: #6E6E6E url(lt2.gif) no-repeat;
		color: #FFF;
		height: 7px;
		float: left;
		width: 380px;
		margin: 0 0 0 2px;
	}
*/		



.man_timeline {

    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 1px;
}

	.right_articles {
/*
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    top: 1px;
*/

		font-size: 0.9em;
/*		background: #6E6E6E url(lb2.gif) no-repeat bottom left;
*/
		background: #6E6E6E;
		box-shadow: 1px 2px 3px 0px rgba(132,132,132,1);
		color: #FEE1D5;
		padding: 4px 2px 5px 8px;	
		margin: 0 2px 10px 2px;
		float: right;
		width: 100%;
		box-sizing:border-box;
		-moz-box-sizing: border-box;
	}
	
	.right_articles_2 {
		font-size: 1.2em; 

	}			
.featured {
	font: 0.74em Arial, Helvetica, sans-serif; 
	width: 160px;
	height: 600px;
	float: right;
	margin: 0 0 0 0;
}

.featured a {
/*	font: 0.74em Arial, Helvetica, sans-serif; 
*/
	color: #000;
	background: inherit;
}

.featured td {
/*	font: 0.74em Arial, Helvetica, sans-serif; 
*/
	color: #000;
	background: inherit;
}

/* footer
   ------ */

.footer { 
	clear: both; 
	text-align: center;
	line-height: 1.8em;
	color: #808080;
	background: #FFF url(dot.gif) repeat-x;
	padding: 8px 0;
}

.footer a {
	color: #C3593C;
	background: inherit;
}
.logo2 {
	float: right;
	vertical-align:top; 
	padding: 0px 0px 0px 0px;
}
.logo3 {
	float: left;
/*	vertical-align:bottom; 
        overflow:hidden;
*/	
	padding: 0px 0px 0px 0px;
/*
display: inline-block; 
_display: inline; 
*/
}
img.search_clock {
width:16px;
height:16px;
background:url(search_tray.gif) -107px -1px;
}
img.search_alarm {
width:16px;
height:17px;
background:url(search_tray.gif) 0px 0px;
}
img.search_eye {
width:18px;
height:17px;
background:url(search_tray.gif) -18px 0;
}
img.search_binocular {
width:16px;
height:16px;
background:url(search_tray.gif) -36px 0px;
}
img.search_bid {
width:16px;
height:16px;
background:url(search_tray.gif) -53px 0px;
}
img.search_new {
width:17px;
height:14px;
background:url(search_tray.gif) -88px -3px;
}
img.search_hot {
width:14px;
height:16px;
background:url(search_tray.gif) -125px -1px;
}

/* image zoom */
/* padding-bottom and top for image */
.mfp-no-margins img.mfp-img {
	padding: 0;
}
/* position of shadow behind the image */
.mfp-no-margins .mfp-figure:after {
	top: 0;
	bottom: 0;
}
/* padding for main container */
.mfp-no-margins .mfp-container {
	padding: 0;
}
img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(80%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

table.sortable thead {
    background-color:#eee;
    color:#4A8EBC;
//    font-weight: bold;
    cursor: pointer;
}

.flag-AR, .flag-AT, .flag-AU, .flag-BE, .flag-BG, .flag-BR, .flag-BY, .flag-CA, .flag-CH, .flag-CN, .flag-CZ, .flag-DE, .flag-DK, .flag-FI, .flag-FR, .flag-GB, .flag-HK, .flag-HU, .flag-IE, .flag-IN, .flag-IT, .flag-JP, .flag-KR, .flag-LI, .flag-LV, .flag-MA, .flag-MC, .flag-MX, .flag-NL, .flag-NZ, .flag-PL, .flag-RO, .flag-RU, .flag-SE, .flag-SG, .flag-SK, .flag-TW, .flag-UA, .flag-US, .flag-UY, .flag-ES, .flag-HR {
  background-image: url('/Cameras/icons/all_flags.jpg');
  background-repeat: no-repeat;
}

.flag-AR {
  height: 11px;
  background-position: -0px -0px;
  width: 16px;
}
.flag-AT {
  height: 11px;
  background-position: -16px -0px;
  width: 16px;
}
.flag-AU {
  height: 11px;
  background-position: -32px -0px;
  width: 16px;
}
.flag-BE {
  height: 11px;
  background-position: -48px -0px;
  width: 16px;
}
.flag-BG {
  height: 11px;
  background-position: -64px -0px;
  width: 16px;
}
.flag-BR {
  height: 11px;
  background-position: -80px -0px;
  width: 16px;
}
.flag-BY {
  height: 11px;
  background-position: -96px -0px;
  width: 16px;
}
.flag-CA {
  height: 11px;
  background-position: -112px -0px;
  width: 16px;
}
.flag-CH {
  height: 11px;
  background-position: -128px -0px;
  width: 16px;
}
.flag-CN {
  height: 11px;
  background-position: -144px -0px;
  width: 16px;
}
.flag-CZ {
  height: 11px;
  background-position: -160px -0px;
  width: 16px;
}
.flag-DE {
  height: 11px;
  background-position: -176px -0px;
  width: 16px;
}
.flag-DK {
  height: 11px;
  background-position: -192px -0px;
  width: 16px;
}
.flag-FI {
  height: 11px;
  background-position: -208px -0px;
  width: 16px;
}
.flag-FR {
  height: 11px;
  background-position: -224px -0px;
  width: 16px;
}
.flag-GB {
  height: 11px;
  background-position: -240px -0px;
  width: 16px;
}
.flag-HK {
  height: 11px;
  background-position: -256px -0px;
  width: 16px;
}
.flag-HU {
  height: 11px;
  background-position: -272px -0px;
  width: 16px;
}
.flag-IE {
  height: 11px;
  background-position: -288px -0px;
  width: 16px;
}
.flag-IN {
  height: 11px;
  background-position: -304px -0px;
  width: 16px;
}
.flag-IT {
  height: 11px;
  background-position: -320px -0px;
  width: 16px;
}
.flag-JP {
  height: 11px;
  background-position: -336px -0px;
  width: 16px;
}
.flag-KR {
  height: 11px;
  background-position: -352px -0px;
  width: 16px;
}
.flag-LI {
  height: 11px;
  background-position: -368px -0px;
  width: 16px;
}
.flag-LV {
  height: 11px;
  background-position: -384px -0px;
  width: 16px;
}
.flag-MA {
  height: 11px;
  background-position: -400px -0px;
  width: 16px;
}
.flag-MC {
  height: 11px;
  background-position: -416px -0px;
  width: 16px;
}
.flag-MX {
  height: 11px;
  background-position: -432px -0px;
  width: 16px;
}
.flag-NL {
  height: 11px;
  background-position: -448px -0px;
  width: 16px;
}
.flag-NZ {
  height: 11px;
  background-position: -464px -0px;
  width: 16px;
}
.flag-PL {
  height: 11px;
  background-position: -480px -0px;
  width: 16px;
}
.flag-RO {
  height: 11px;
  background-position: -496px -0px;
  width: 16px;
}
.flag-RU {
  height: 11px;
  background-position: -512px -0px;
  width: 16px;
}
.flag-SE {
  height: 11px;
  background-position: -528px -0px;
  width: 16px;
}
.flag-SG {
  height: 11px;
  background-position: -544px -0px;
  width: 16px;
}
.flag-SK {
  height: 11px;
  background-position: -560px -0px;
  width: 16px;
}
.flag-TW {
  height: 11px;
  background-position: -576px -0px;
  width: 16px;
}
.flag-UA {
  height: 11px;
  background-position: -592px -0px;
  width: 16px;
}
.flag-US {
  height: 11px;
  background-position: -608px -0px;
  width: 16px;
}
.flag-UY {
  height: 11px;
  background-position: -624px -0px;
  width: 16px;
}
.flag-ES {
  height: 11px;
  background-position: -640px -0px;
  width: 16px;
}
.flag-HR {
  height: 11px;
  background-position: -656px -0px;
  width: 16px;
}
.rarity {
  opacity: 0.5;
  filter:alpha(opacity=50);
}
.rarity-1 {
  opacity: 1;
  filter:alpha(opacity=1);
}
.rarity:hover {
  opacity: 1;
  filter:alpha(opacity=100);
  cursor: pointer;
}
.rarity-1:hover {
  opacity: 1;
  filter:alpha(opacity=100);
  cursor: pointer;
}
.add_collection:hover {
  opacity: 1;
  filter:alpha(opacity=100);
  cursor: pointer;
}
