@media all {
*,*:before,*:after{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}
.ym-wrapper {
	border: 4px double #333;
	box-shadow: 0 0 12px 4px #222;
	background: #222222;
	-webkit-box-shadow: 0 0 12px 4px #222;
	-moz-box-shadow: 0 0 12px 4px #222;
}
.ym-wbox {
	border: 1px solid #111;
} 
  /* force vertical scrollbar */
body {
	overflow-y: auto;
}
.ym-wrapper {
	margin: 0 auto;
	min-width: 760px;
	max-width: 80em;
}
.ym-wbox {
	padding: 0;
}
/* Basic Element Styling */
header {
	padding: 0.4em 0em 0.4em 0em;
	background: #333;
	color: #ccc;
}

main {
	padding: 0.5em 0.3em 0 0.3em;
}
footer {
	margin: 0;
	padding: 0.5em 0em 0.5em 0em;
	background: #222;
	color: #ccc;
	text-align: center;
}
.ym-gbox {
	padding: 0 1.5em 0 0;
}
/* skip links styling */
.ym-skiplinks a.ym-skip:focus,  .ym-skiplinks a.ym-skip:active {
	border-bottom: 1px #000 solid;
	padding: 10px 0;
	color: #fff;
	background: #333;
	text-align: center;
	text-decoration: none;
}
/* navigacija hlist */
.ym-hlist {
	width: 100%; /* (en) containing floats in IE */
	background: #333;
	line-height: 1em;
	overflow: hidden;
	position: relative;
}
.ym-hlist ul {
	margin: 0;
	padding: 0.5em 0.5em;
	float: right;
	display: inline;
}
.ym-hlist ul li {
	float: left;
	margin: 0 .25em 0 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	font-size: 1.0em;
	line-height: 1;
}
.ym-hlist ul li a, .ym-hlist ul li strong {
   border-radius: 0.2em;
   border: 1px solid #666;
	padding: 0 0.5em;
	width: auto;
	display: block;
	color: #ccc;
	font-size: 1em;
	line-height: 2em;

}
.ym-hlist ul li a:focus,  .ym-hlist ul li a:hover,  .ym-hlist ul li a:active {
	border-radius: 0.2em;
	color: #fff;
	background: #666;
	text-decoration: none;
	outline: 0 none;
}
.ym-hlist ul li.active {
	border-radius: 0.2em;
	background: #666;
	color: #fff;
}
.ym-hlist ul li.active strong,  .ym-hlist ul li.active a,  .ym-hlist ul li.active a:focus,  .ym-hlist ul li.active a:hover,  .ym-hlist ul li.active a:active {
	background: transparent;
	color: #fff;
	text-decoration: none;
}
/* ------- search form -------- */
.ym-searchform {
	float: right;
	padding: 0.5em 1.5em;
	display: inline;
	line-height: 2;
}
.ym-searchform .ym-searchfield {
	padding: 0.25em;
	width: 13em;
	border: solid 1px #888;
	background: #fff;
	line-height: 1;
	outline: none;
	-webkit-appearance: none;
}
.ym-searchform .ym-searchbutton {
	border-radius: .2em;
	padding: 0.25em;
	border: solid 1px transparent;
	display: inline-block;
	background: #5f5f5f;
	color: #fff;
	font-size: 1em;
	line-height: 1.25;
	cursor: pointer;
	-webkit-appearance: none;
}
/* basefont-size:  14px (87.5%)
  * line-height  :  21px (factor: 1.5) */
  /* (en) reset font size for all elements to standard (16 Pixel) */

html * {
	font-size: 100%;
}
/**
  * (en) reset monospaced elements to font size 16px in all browsers
  */
textarea,  pre,  code,  kbd,  samp,  var,  tt {
	font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
}
/* font-size: 14px; */
body {
	background: #000000;
	color: #ffffff;
	font: 87.5% Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h1,  h2,  h3,  h4,  h5,  h6 {
	margin: 0;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 400;
}
h1 {
	margin: 0 0 0.65625em 0;
	/* font-size: 32px; */
	font-size: 228.57143%;
	line-height: 1.3125;
}
h2 {
	margin: 0 0 0.875em 0;
	/* font-size: 24px; */
	font-size: 171.42857%;
	line-height: 1;
}
h3 {
	margin: 0 0 1em 0;
	/* font-size: 21px; */
	font-size: 150%;
	line-height: 1;
}
h4 {
	margin: 0.3em 0 1em 0;
	/* font-size: 18px; */
	font-size: 128.57143%;
	line-height: 1;
}
h5 {
	margin: 0 0 1.5em 0;
	/* font-size: 14px; */
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
}
h6 {
	margin: 0 0 0 0;
	/* font-size: 14px; */
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
}
p {
	margin: 0 0 1em 0;
	color: #fff;
	font-size: 100%;
	line-height: 1.4;
}
ul,  ol,  dl {
	margin: 0 0 1.5em 0;
	font-size: 100%;
	line-height: 1.0;
}
ul {
	list-style-type: disc;
}
ol {
	list-style-type: decimal;
}
ul ul {
	margin-top: 0;
	list-style-type: circle;
}
ol ol {
	margin-top: 0;
	list-style-type: lower-latin;
}
ol ul {
	margin-top: 0;
	list-style-type: circle;
}
li {
	margin-left: 1.2em;
	font-size: 100%;
	line-height: 1.5;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 1.5em 0.8em;
}
blockquote,  cite,  q {
	font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}
blockquote {
	margin: 1.5em 0 0 1.5em;
	background: transparent;
	color: #fff;
}
strong,  b {
	font-weight: bold;
}
em,  i {
	font-style: italic;
}
.big {
	font-size: 114.28571%; /* font-size: 16px; */
	line-height: 1.3125;
}
.small {
	font-size: 85.71429%; /* font-size: 12px; */
	line-height: 1.75;
}
pre,  code,  kbd,  tt,  samp,  var {
	font-size: 100%;
}
pre {
	margin: 0 0 1.5em 0;
	white-space: pre;
	white-space: pre-wrap;
	font-size: 100%;
	line-height: 1.5;
	word-wrap: break-word;
}
pre,  code {
	color: #fff;
}
sub,  sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
hr {
	margin: 0 0 0.75em 0;
	padding: 0 0 0.67857em 0;
	border: 0;
	border-bottom: 1px #eeeeee solid;
	color: #666;
	background: transparent;
}
/*--- Links ----- */
a {
	color: #66CC66;
	background: transparent;
	text-decoration: none;
}
a:active {
	outline: none;
}


/* --- images ------------------ */
img,  figure {
	margin: 0;
}
.flexible {
	margin-bottom: 0;
	max-width: 100%;
	height: auto;
}
/* IE6 workaround - 2% space for possible borders */
* html .flexible {
	width: 98%;
}
.bordered {
	margin-bottom: 1.5em;
	border: 2px #eee solid;
	border: 2px white solid;
}

.buttonlink {
	background: #333;
	border-radius: 0.3em;
	border-width: 1px;
	border-style: solid;
	border-color: #444;
	padding: 0.3em 0.5em 0.3em 0.5em;
	margin-bottom: 0.2em;
	margin: 0.2em 0em 0.2em 0em;

}

.dimmed {
	color: #888888;
}
.box {
	border-radius: 0.3em;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	padding: 1em;
	margin: 0em 0.3em 0.3em 0.3em;
	color: #ffffff;
}
.box > *:last-child {
	margin-bottom: 0;
}
.label {
	padding: 1px 6px 2px;
	border-radius: 3px;
	display: inline-block;
	white-space: nowrap;
	background: #666;
	color: #fff;
	font: 10px/12px Verdana, Geneva, sans-serif;
	letter-spacing: normal;
	vertical-align: middle;
}
.justify {
	text-align: justify;
}
.info {
	background: #767676;
}
.infodimmed {
	background: #333;
}
.float-left {
	float: left;
	margin: 0 1em 1.5em 0;
	display: inline;
}
.float-right {
	float: right;
	margin: 0 0 1.5em 1em;
	display: inline;
}
.center {
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
}
.inline {
	display: inline-block;
}

.lensimgdetailbox {
	border-radius: 0.3em;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
   margin: 0em 0.3em 0.2em;
   padding: 0.6em 0em 0.4em 0.6em;
	
}
.bordered-dim {
	border-radius: 0.3em;
	border-width: 1px;
	border-style: solid;
	border-color: #333;
	margin-bottom: 0.5em;	
}
.nopadding {
	padding: 0 0 0 0;
}
.nomargin {
	margin: 0 0 0 0;
}
.dpcfullimg {
	text-align: center;
}
.dpcfullimg a:hover, a:focus {
	color: #66CC66;
	background: transparent;
	text-decoration: none;
	text-align: center;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.nice-searchbutton {
margin: 0 0 0.2em 0;
	border-radius: .2em;
	padding: 0.25em;
	border: solid 1px #111;
	display: inline-block;
	background: #666;
	color: #fff;
	font-size: 0.875em;
	line-height: 1.25;
	cursor: pointer;
	-webkit-appearance: none;
}
img.logo {
	padding-left: 1em;
}
/* paging (lens results etc*/  
div.paging {
	padding: 0.5em 0.5em 0.5em 0.5em;
	display: block;
	line-height: 1.5em;
	border: 1px solid #333;
	border-radius: 3px;
}
.paging a, .paging span {
	border: 1px solid #222;
	padding: 0 0.5em;
	border-radius: 3px;
	background: #555; /* Old browsers */
	color: #CCC;
	text-align: center;
}
.paging a:hover {
	background: #444;
	text-decoration: none;
}
.paging span {
	border-color: #000;
	background: #222;
	color: #FFF;
}
/* tables */

.error {
	color: #ff0000;
}
  
  
table {
	width: 100%;
	border-top: 1px #333 solid;
	border-bottom: 1px #333 solid;
	margin: 0 0 1.35714em 0;
	border-collapse: collapse;
}
table.fixed {
	table-layout: fixed;
}
caption {
	font-variant: small-caps;
}
th,  td {
	padding: 0.3em 0.5em;
	font-weight: normal;
	line-height: 1.5em;
	vertical-align: top;
}
th *:first-child,  td *:first-child {
	margin-top: 0;
}
th.nowrap,  td.nowrap {
	white-space: nowrap;
}
thead th {
	border-bottom: 2px #000 solid;
	color: #000;
	text-align: left;
}
tbody th {
	border-top: 1px solid #333;
	text-align: left;
}
tbody td {
	border-top: 1px solid #333;
	text-align: left;
}
/* lens detail*/ 
  
table.tbllensdetail {
	width: 100%;
	border: 1px #333 solid;
/* 	font-size: 0.875em;*/ 
}
table.tbllensdetail thead th {
	border-right: 0 #ccc solid;
	border-bottom: 0 #ccc solid;
}
table.tbllensdetail tbody th[scope="row"] {
	width: 50%;
	text-align: right;
}
table.tbllensdetail tbody th[scope="col"] {
	width: 100%;
	background: #333;
	font-weight: bold;
	text-align: left;
}
table.tbllensdetail tbody th {
	border-right: 0 solid #ccc;
}
table.tblreviewscores {
	width: 100%;
	margin-left: 0;
	border: 0 #ccc solid;
	border: 0 #333 solid;
}
table.tblreviewscores tbody td {
	border-right: 0 solid #ccc;
}
table.tblreviewscores tbody th[scope="row"] {
	width: 40%;
	text-align: right;
}
table.tblreviews {
	width: 100%;
	border: 1px #111 solid;
	margin: 0 0 0.35714em 0;
}

table.tblreviews img {
vertical-align: middle;
}

table.tblreviews tbody th[scope="row"] {
	width: 22%;
	text-align: right;
}

table.tblreviews td, table.tblreviews th {
	padding: 0.1em 0.1em;
	font-weight: normal;
	line-height: 1.4em;
}

table.tblreviews td {
padding-left: 1em;
padding-right: 1em;
}

table.tblreviews th[scope="col"] {
	background: #111;
	color: #ccc;
	text-align: right;
	padding: 0.5em 1em 0.5em 1em;
}

}


/* reset fallback values in modern browsers */
@media screen and (min-width: 0px) {
.ym-wrapper {
	min-width: 0;
}
}
@media screen and (max-width: 760px) {
  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-1 */
  .linearize-level-1, .linearize-level-1 > [class*="ym-c"], .linearize-level-1 > [class*="ym-g"] {
 float: none;
 padding: 0;
 margin: 0;
 width: auto !important;
	/* linearization for grids and columns module */
	display: block;
}
 .linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
 margin: 0; /* reset defined gutter values */
 padding: 0;
	/* optional for containing floats */
	overflow: hidden;
}
nav .ym-hlist ul {
	padding-right: 10px;
}
.ym-searchform {
	float: none;
	width: auto;
	padding-right: 10px;
	display: block;
	text-align: right;
}
.ym-searchform input[type="search"] {
}
table.tbllensdetail {
	width: 100%;
}

.box {
	border-radius: 0.3em;
	border-width: 1px;
	border-style: solid;
	border-color: #444;
	padding: 0.3em;
	margin: 0em 0 0.4em 0;
	color: #ffffff;
}
}
 @media screen and (max-width: 480px) {
.ym-wbox {
	padding: 0;
}

  /* Linearisation for Grid- and Column-Module, based on CSS class .linearize-level-2 */
  .linearize-level-2, .linearize-level-2 > [class*="ym-c"], .linearize-level-2 > [class*="ym-g"] {
 float: none;
 padding: 0;
 margin: 0;
 width: auto !important;
	/* linearization for grids and columns module */
	display: block;
}
 .linearize-level-2 > [class*="ym-c"] > [class*="ym-cbox"], .linearize-level-2 > [class*="ym-g"] > [class*="ym-gbox"] {
 margin: 0; /* reset defined gutter values */
 padding: 0;
	/* optional for containing floats */
	overflow: hidden;
}
header {
	padding: 0.3em 0 0 0;
}
footer,  main,  .ym-searchform,  nav .ym-hlist ul {
	padding-left: 2px;
	padding-right: 2px;
	
}
.ym-searchform,  nav .ym-hlist ul,  nav .ym-hlist li {
	float: none;
	width: auto;
	display: block;
	text-align: left;
}
.ym-searchform input[type="search"] {
	width: 70%;
}
.lensimg {
	display: none;
}
.lensimgdetail {
	padding: 1px;
	display: inline-block;
}
.dpcfullimg img {
	width: 100%;
}
.bordered-dim {
	padding: 0.3em;
	margin: 0em 0 0.4em 0;
}

.ym-hlist ul li a, .ym-hlist ul li strong {
   border-radius: 0.2em;
   border: 1px solid #666;
	margin-bottom: 0.1em;
	line-height: 3em;
}
.box ul li a {
	line-height: 2em;
}



}

 /* For GoogleAds */
 .headermainsite { width: 320px; height: 50px; }
@media (min-width: 500px) {
 .headermainsite { 
   width: 468px; 
   height: 60px;
   }
}
@media (min-width: 800px) {
 .headermainsite { 
  width: 728px; 
  height: 90px;
 }


}