@MainColor: #87C04E;
@InputColor: #3F3F1F;
@ShadowColor: #486230;
@MainBGColor: #101B1C;
@SecondBGColor: #428A99;
@TableRowColor: #333;

html, .Index {
	width: 100%;
	height: 100%;
	padding: 0px;
}

.Index {
	background-color: @SecondBGColor;
}

body {
	margin: 0px;
	font-family: Verdana;
	font-size: 8pt;
	color: @MainColor;
}

a:link, a:visited {
	text-decoration: none;
	color: #5B73DC;
}

a:hover {
	text-decoration: underline;
	color: red;
}

.Frame {
	padding: 0px;
	margin: 0px;
	background-color: @MainBGColor;
}

.MainTable {
	width: 100%;
	height: 100%;
}

#Screen {
	display: table;
	width: 100%;
	height: 100%;
	background-color: @MainBGColor;
}

/* top */
#r3_c2 {
	background: url(/files/images/day_r3_c2.png) bottom left no-repeat;
	width: 102px;
	height: 97px;
	vertical-align: top;
}

#r3_c4 {
	background: url(/files/images/day_r3_c4.png) bottom repeat-x;
	width: 100%;
	height: 97px;
	vertical-align: top;
}

#r3_c7 {
	background: url(/files/images/day_r3_c7.png) bottom right no-repeat;
	width: 102px;
	height: 97px;
	vertical-align: top;
}

/* middle */
#r7_c2 {
	background: url(/files/images/day_r7_c2.png) top left repeat-y;
	width: 102px;
	height: 100%;
	vertical-align: top;
}

#r7_c4 {
	width: 100%;
	height: 100%;
}

#r7_c7 {
	background: url(/files/images/day_r7_c7.png) top right repeat-y;
	width: 102px;
	height: 100%;
	vertical-align: top;
}

/* bottom */
#r11_c2 {
	background: url(/files/images/day_r11_c2.png) top left no-repeat;
	width: 102px;
	height: 97px;
	vertical-align: bottom;
}

#r11_c4 {
	background: url(/files/images/day_r11_c4.png) top repeat-x;
	width: 100%;
	height: 97px;
	vertical-align: bottom;
}

#r11_c7 {
	background: url(/files/images/day_r11_c7.png) top right no-repeat;
	width: 102px;
	height: 97px;
	vertical-align: bottom;
}

nav table tr td {
	width: 66px;
	text-align: center;
	color: @MainColor;
	font-size: 7pt;
}

.MenuButton a, .MenuButton a:visited, .MenuButton a:active {
	font-family: Verdana, Arial;
	font-weight: bold;
	background: url(/files/images/button.png) top left no-repeat;
	display: block;
	width: 65px;
	height: 50px;
	padding: 18px 3px 3px 3px;
	color: @MainColor;
	text-transform: lowercase;
	text-decoration: none;
}

.MenuButton a:hover {
	color: #DBF9BD;
}

.MenuItem {
	width: 220px;
	text-align: right;
}

.MenuItem * {
	margin: 2px 0px 0px 0px;
}

img {
	border: 0px;
}

iframe {
	display: block;
	width: 100%;
	height: 100%;
}

fieldset {
	border: 1px ridge @InputColor;
	border-radius: 4px;
}

fieldset table tr td {
	width: 300px;
	padding: 4px;
}

fieldset table tr td:first-child {
	text-align: right;
	width: 200px;
}

table {
	border-collapse: collapse;
	border: 0px;
	padding: 0px;
}

header div {
	position: absolute;
	left: 330px;
	right: 270px;
	top: 0px;
	height: 64px;
}

aside {
	background-color: @MainBGColor;
}

h1 {
	font-size: 12pt;
	text-shadow: 1px 2px 2px @ShadowColor;
}

.SmallFrameHeader {
	height: 34px;
	background: @MainBGColor url(/files/images/day_frame_top.png) top left no-repeat;
}

.SmallFrameFooter {
	height: 34px;
	background: @MainBGColor url(/files/images/day_frame_bottom.png) bottom left no-repeat;
}

.SmallFrame {
	width: 200px;
	padding: 0px 34px 0px 34px;
	background: @MainBGColor url(/files/images/day_frame_middle.png) repeat-y;
}

#Copy {
	position: relative;
	top: 20px;
	width: 100%;
	text-align: center;
}

.ProductsTable, .ProductInfoTable, .ProductTable {
	width: 100%;
}

.ProductsTable td + table{
	width: 50%;
}

.ProductsTable td, .ProductTable td {
	padding: 4px;
}

.ProductInfoTable td:first-child {
	width: 150px;
	text-align: right;
	vertical-align: middle;
	padding: 0px 10px 0px 0px;
}

.ProductPrice {
	color: red;
	font-weight: bold;
	padding: 0px 0px 4px 0px;
}

.ProductTypeMenu {
	display: inline-block;
	padding: 10px;
}

input, select, textarea {
	margin: 0px;
	border: 1px solid @MainColor;
	background-color: #30312F;
	padding: 1px;
	color: @MainColor;
	font-family: Verdana;
	font-size: 8pt;
}

input, textarea {
	width: 300px;
}

select {
	width: 304px;
}

input[type=checkbox], input[type=radio] {
	width: inherit;
	border: 0px;
}

input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {
	background-color: white;
	color: @InputColor;
	border: 1px solid @InputColor;
}

.ButtonStyle, .ButtonStyle:focus {
	background: #509090 url(/files/images/submit_bg.png) center repeat-x;
	color: #033;
	border: 1px solid #033;
	border-radius: 4px;
	text-shadow: 1px 2px 2px @ShadowColor;
}

.ButtonStyle:hover {
	background-color: #509090;
	color: #6cc;
	border: 1px solid #6cc;
}

.ButtonStyle:disabled {
	background-color: #909090;
	color: #666;
	border: 1px solid #666;
}

#MakeOrder {
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
}

.w50 {
	width: 50px;
}

.w100 {
	width: 100px;
}

.w150 {
	width: 150px;
}

.w200 {
	width: 200px;
}

#Reduced {
	position: relative;
	top: -24px;
	width: 100%;
	text-align: center;
}

#ReducedProducts {
	width: 200px;
	height: 200px;
	text-align: center;
	overflow: hidden;
}

.ReducedProductDiv {
	display: table-cell;
	float: left;
	height: 200px;
	width: 200px;
	text-align: center;
	vertical-align: middle;
}

.OldPrice {
	text-decoration: line-through;
	font-size: smaller;
	display: inline;
}

.NewPrice {
	color: red;
	font-weight: bold;
	font-size: 12pt;
	/*display: inline;
	position: relative;
	left: -40px;
	top: 14px;
	text-shadow: 1px 2px 2px #f33;*/
}

.Message(@color: white, @icon: none) {
	font-size: 11pt;
	display: block;
	padding: 10px 5px 10px 40px;
	margin: 0 0 3px 0;
	text-align: left;
	border: 3px ridge @color;
	color: @color;
	background: #ffc @icon 5px .3em no-repeat;
	border-radius: 4px;
	text-shadow: 1px 2px 2px #aaa;
}

.Hint {
	.Message(#09f, url(/files/images/icon_info.png));
}

.Success {
	.Message(green, url(/files/images/icon_success.png));
}

.Error {
	.Message(red, url(/files/images/icon_error.png));
}

.Hidden {
	display: none;
}

.Price, #all_price {
	color: green;
}

#all_price {
	font-size: 12pt;
	font-weight: bold;
}

.Reduced {
	height: 300px;
	width: 202px;
}

.GalleryTable {
	width: 100%;
}

.Table, .Table tr td {
	border: 1px solid @InputColor;
	padding: 4px;
}

.Table tr th {
	background-color: @InputColor;
	border: 1px solid @ShadowColor;
}

.Table tr td:first-child {
	text-align: right;
}

.Table tr:nth-child(odd) {
	background-color: @TableRowColor;
}

.Table table, .Table table tr, .Table table tr td {
	border: 0px;
	background-color: transparent;
}

#Hint {
	font-size: 7pt;
}

.Ordered {
	color: yellow;
	display: inline;
}

.Banner {
	width: 200px;
	vertical-align: middle;
	padding: 2px 0px 0px 0px;
}

.EUHint {
	color: white;
	background-color: red;
}

.MandatoryField {
	color: red;
	display: inline-block;
}

.Example {
	color: gray;
	font-size: 7pt;
	font-style: italic;
}

.SubmitButtonField {
	padding: 10px 100px 10px 100px;
}

.Counter {
	position: absolute;
	bottom: 2px;
	left: 2px;
}

.Webmaster:link, .Webmaster:visited, .Webmaster:hover {
	font-family: Verdana;
	color: white;
	position: absolute;
	left: 2px;
	bottom: 22px;
}