* {padding: 0px; margin: 0px;}

BODY {
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	color: #000000;
	background: #FFFFFF;
	font-size: 20px;
}
@media print{
	.noprint {display: none;}
/*	BODY {font-family: sans-serif;}  */
}

.container {
	margin: 0 auto;
	width: 1020px;
	text-align: center;
}
DIV.main_column {
	text-align: left;
	width: 1020px;
	padding: 10px 0px 5px 0px;
	margin: 0px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
}
DIV.wide_column {
	text-align: center;
	background: #FFFFFF;
	width: 1020px;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	clear: both;
}
DIV.main_content {
	padding-top: 10px;
	clear: both;
}


TD {
	vertical-align: top;
}
H1 {
	font-weight: 100;
	font-size: 26px;
	margin-top: 0px;
	margin-bottom: 20px;
	color: #ff8922;
	font-weight: 300;
}
H2 {
	font-weight: 300;
	font-size: 24px;
	margin-bottom: 5px;
}

DIV.page_header {
	color: #FF8922;
	font-weight: 300;
	font-size: 32px;
	text-align: center;
	margin: 0 auto;
	margin: 30px;
}
DIV.page_header_line {
	width: 200px;
	border-top: 1px solid #999999;
	margin: 0 auto;
	margin-top: 30px;
}


A, A:visited, A B {
	font-weight: 300;
	color: #ff8922;
	text-decoration: none;
}
A:hover {
	color: #ff8922;
	text-decoration: underline;
}
A.invisible {
	display: block;
	color: inherit;
	text-decoration: inherit;
}
B {
	font-weight: 300;
	color: #000000;
}

DIV.crumbs_container {
	font-weight: 400;
	font-size: 12px;
	color: #ff8922;
	margin-bottom: 20px;
}
DIV.crumbs_container A, DIV.crumbs_container A:visited {
	color: #000000;
}
DIV.crumbs_container A:hover {
	color: #ff8922;
	text-decoration: none;
}

.logo A, .logo A:visited {
	color: #FF8922;
	font-weight: 100;
	font-size: 60px;
	text-decoration: none;
}
.logo A:hover {
	color: #000000;
	opacity: 0.6;
}

.greeting {
	vertical-align: middle;
	font-size: 18px;
}

.topmenu {
	padding: 20px 10px;
	border-bottom: 1px solid #999999;
}
TABLE.top_menu TD {
	padding-right: 20px;
}
TABLE.small_top_menu TD {
	padding-left: 10px;
	padding-right: 10px;
}
TABLE.top_menu TD A, TABLE.top_menu TD A:visited {
	font-size: 24px;
	font-weight: 100;
	margin-bottom: 10px;
	color: #000000;
}
TABLE.small_top_menu TD A, TABLE.small_top_menu TD A:visited {
	font-size: 18px;
}
TABLE.top_menu TD A:hover {
	opacity: 0.6;
	text-decoration: none;
}
TABLE.top_menu TD A.active {
	color: #ff8922;
}


DIV.black_container {
	background-color: #000000;
	color: #FFFFFF;
	padding: 20px 0px 20px 0px;
}
DIV.black_container A, DIV.black_container A:visited, DIV.dark_brown_container A, DIV.dark_brown_container A:visited {
	color: #e5e5e5;
	text-decoration: underline;
}
DIV.black_container A:hover, DIV.dark_brown_container A:hover {
	color: #CCCCCC;
}



DIV.local_nav {
	float: right;
	text-align: right;
	font-size: 20px;
	margin-bottom: 20px;
}
SPAN.nav_button {
	font-weight: 300;
}

DIV.footer {
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	margin: 30px 0px 20px 0px;
	clear: both;
	padding: 20px 20px 0px 20px;
	border-top: 1px solid #999999;
}

DIV.notification {
	margin-top: 20px;
	margin-bottom: 20px;
}


DIV.prod_info {
	margin-bottom: 20px;
	font-style: italic;
}



DIV.imglist {
	text-align: center;
}

DIV.page_description {
	text-align: center;
	color: #ff8922;
	font-size: 24px;
	margin-bottom: 20px;
	padding: 0px 100px 0px 100px;
}

.prodImage {
	position: relative;
	display: inline-block;
	overflow: hidden;
	padding: 0px;
	margin: 2px;
	border: 1px solid #999999;
}
.prodImage:hover IMG {
    opacity: 0.4;
}
.prodImage P {
	color: #000000;
	font-size: 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 5px 0px 0px 5px;
	width: 97%;
	height: 100%;
	text-align: left;
    opacity: 0;
}
.prodImage P:hover {
    opacity: 1;
}


.categoryImage {
	position: relative;
	display: inline-block;
	padding: 0px;
	margin: 2px 0px 0px 2px;
	border: 1px solid #999999;
	background: #585D68;
	text-align: center;
	overflow: hidden;
}
.categoryImage:hover IMG {
	opacity: 0.5;
	-webkit-filter: brightness(50%);
}
/*.categoryImage:hover IMG {
	opacity: 0.4;
}*/

.categoryImage P {
	color: #FFFFFF;
	font-weight: 300;
	text-shadow: 1px 1px 4px #000000;
	font-size: 28px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 5px 0px 0px 5px;
	width: 97%;
	height: 100%;
	text-align: left;
    opacity: 1;
}
.categoryImage P:hover {
	color: #FFFFFF;
}



.catImageAndTitle {
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding: 0px;
	margin: 10px 10px 10px 10px;
	text-align: center;
	border: 0px solid #000;
}
.catImageAndTitle A {
	color: #000000;
	text-decoration: none;
}
.catImageAndTitle A:hover {
    opacity: 0.8;
	color: #999999;
}
.catImageAndTitle P {
	font-weight: 300;
	font-size: 85%;
	padding: 5px;
	margin: 0px 20px 10px 20px;
	text-align: center;
	overflow: hidden;
	clear: both;
	border: 0px solid #DDDDDD;
	border-bottom: 1px solid #999999;
}
.catImageAndTitle INPUT {
	font-size: 70%;
	color: #000000 !important;
	text-shadow: 1px 1px 4px #FFFFFF;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 5px 0px 0px 5px;
}

.column {
	width: 507px;
	vertical-align: top;
	position: relative;
	display: inline-block;
	text-align: left;
	padding: 12px;
}



.bgImage {
	background-position: center center;
	background-size: cover;
}
.bgImage IMG {
	opacity: 0;
}
/*.bgImage:hover IMG {
	opacity: 0.2;
}*/
.bgImage P {
	color: #FFFFFF;
	font-weight: 300;
	text-shadow: 1px 1px 4px #000000;
}
.bgImage:hover P {
	color: #FFFFFF;
}
.bgImage .hover_for_descr {
    opacity: 0;
}
.bgImage .hover_for_descr:hover {
    opacity: 1;
	text-shadow: 1px 1px 4px #000000;
}
.bgImage_for_shades {
	background-color: #FFFFFF;
	background-position: center center;
	background-size: contain;	/* cover */
	background-repeat: no-repeat;
}
.bgImage_for_shades P {
	opacity: 0;
}
.bgImage_for_shades:hover P {
	opacity: 1;
}


DIV.suggested_shade {
	text-align: right;
	font-size: 18px;
	margin-top: 0px;
	width: 100%;
}


LABEL {
	display: inline;
	font-weight: 100;
}

UL {
	margin: 10px;
}
LI {
	margin-left: 30px;
}

INPUT, TEXTAREA, SELECT {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-size: 16px;
	color: #333333;
	padding: 3px;
	margin-bottom: 3px;
	border: 1px solid #333333;
	border-radius: 4px;
}
INPUT:hover, TEXTAREA.hover {
	border: 1px solid #000000;
}
INPUT:focus, TEXTAREA.focus {
	border: 1px solid #000000;
}
INPUT[type="file"] {
    border: 0px;
	color: #CCCCCC;
}
INPUT[type="checkbox"] {
  	vertical-align: middle;
}

SPAN.currencySpan { position:absolute; 	font-size: 16px; margin-left: 4px; margin-top: 4px; z-index:999; color: #999999;}
INPUT.currencyInput { text-indent:12px; width: 80px; }


INPUT.b {
	background: transparent;
	border: none;
	color: #ff8922;
	font-weight: 300;
	font-size: 22px;
	cursor: pointer;
	padding: 0px 5px 0px 5px;
}
INPUT.b:hover {
	color: #FFFFFF;
	background: #ff8922;
	border-radius: 3px;
}

.editor_button, .editor_button:visited {
	width: 150px;
}

em {color:#C2311A; font-weight:bold; font-style:normal}
.hl {background-color: #FFFFAA;}
SMALL, .small {font-size: 80%;}
.verysmall {font-size: 70%;}
.grey, .gray {color:#999999;}

.list {border-collapse: none;  border-spacing: 1px; }
.list TH {font-size: 14px; font-weight: 300; color:#FFFFFF; background:#999999; padding:5px 5px 5px 5px;}
.list TH A {color: #FFFFFF; text-decoration: none; }
.list TH A:hover {color: #EEEEEE; text-decoration: underline; }
.list TD {font-size: 16px; font-weight: 300; padding: 2px 5px 5px 5px; background:#efefef; vertical-align: top; }
.list TR.odd_row TD {background:#f8f8f8;}
.list TR:hover TD {background:#FFFFFF;}
.list TR.totals TD {background:#fdfce8;}

.table{border-collapse:collapse;}
.table TR TD{border:#EBEBEB 1px solid; padding:13px 15px}
.table TR.thead TD{background-color:#EBEBEB;}

.form{border-collapse:collapse;}
.form TR TD{padding: 5px 5px 5px 5px;}


TABLE.rctable {background-color:#EBEBEB; border:0px;}
TD.rc1	{background-image:url(/img/bg_rc1.gif); background-repeat:no-repeat; background-position:top left; padding-top:10px; padding-left:20px; padding-right:10px}
TD.rc2	{background-image:url(/img/bg_rc2.gif); background-repeat:no-repeat; background-position:top right; font-size:1px; width:10px;}
TD.rc3	{background-image:url(/img/bg_rc3.gif); background-repeat:no-repeat; background-position:bottom left; height:10px; font-size:1px;}
TD.rc4	{background-image:url(/img/bg_rc4.gif); background-repeat:no-repeat; background-position:bottom right; height:10px; font-size:1px;}
TABLE.rct_ok TR TD{background-color:#EDF8E9;}
TABLE.rct_warning TR TD{background-color:#FBF1E5;}
TABLE.rct_alert TR TD{background-color:#FBF1E5;}
TABLE.rct_stop TR TD{background-color:#FBF1E5;}
DIV.ok,DIV.warning,DIV.alert,DIV.alert_grey,DIV.stop{padding:5px 15px 15px 60px; font-size:18px; }
DIV.ok{background: url(/img/ico/notification.gif) 5px 5px no-repeat;}
DIV.warning{background: url(/img/ico/warning.gif) 5px 5px no-repeat}
DIV.alert{background: url(/img/ico/alert.gif) 5px 5px no-repeat}
DIV.stop{background: url(/img/ico/stop.gif) 5px 5px no-repeat}
DIV.alertcomm{background: url(/img/ico/alertcomm.gif) 15px 0px no-repeat; padding:15px 15px 15px 60px;}
SPAN.notification_first_row{font-size:18px; line-height:120%; }





/* Customize the label (the checkbox_container) */
.checkbox_container {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}



/* Hide the browser's default checkbox */
.checkbox_container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #EEEEEE;
  border: 2px solid #666666;
  border-radius: 4px;
}

/* On mouse-over, add a grey background color */
.checkbox_container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a dark background */
.checkbox_container input:checked ~ .checkmark {
  background-color: #666666;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox_container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox_container .checkmark:after {
  left: 9px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}