body{ width: 100%; height: 100%; margin: 0px; padding: 0px; color: #000000; 
	 font-family:  calibri, verdana; font-size: 9pt; }

body, html , body, table, tr, td, div, h1, h2, h3, h4, h5, h6, img { vertical-align: top; margin: 0px; padding: 0px; border-width: 0px; border-collapse: collapse; border-spacing: 0px;}

#top_menu_div { width: 100%; height: 60px; margin: 0 auto 0 auto; padding: 0px; } /*contains both toptop header and navigation panel*/

.color_red {color: #FF0000;}

#header_top_menu  { width: 1100px; margin: 0 auto 0 auto; text-align: right; height: 30px; }
#header_top_menu ul {padding-top: 10px; margin: 0px;}
#header_top_menu li { display: inline; list-style-type: none; padding-right: 10px; font-size: 9pt;}
#header_top_menu li.splitter { } 

#top_top_header { width: 1100px; margin: 0 auto 0 auto; height: 60px; text-align: left; margin-top: -20px;}

.darkred {color: #FFFFFF;}

#header_bottom_menu_wrapper {width: 100%; height: 40px; text-align: center; }
#header_bottom_menu  { width: 100%;  padding-top: 7px;  margin: 0 auto 0 auto; }
#header_bottom_menu ul {padding: 0px; margin: 0px; }
#header_bottom_menu li { display: inline; list-style-type: none; padding-left: 10px; font-size: 10pt;}
li.header_bottom_menu a {color: #FFFFFF;}
#header_bottom_menu form {display: inline; }

input.header_search_form_btn {  border-width: 0px;  font-size: 7pt; padding: 0px; width: 35px; height: 23px; margin: 0px; }
input.header_search_form_text { font-size: 8pt; height: 19px;}

#bottom_menu_div_wrapper { width: 100%; background-color: #868686; /*position: fixed; bottom: 0; left: 0; */ height: 120px;}
#bottom_menu_div { width: 1100px; text-align: right; margin: 0 auto 0 auto; padding-top: 0px; padding-bottom: 0px;}

div.bottom_menu_group {float: right; height: 90px; padding-left: 10px; padding-right: 40px;  padding-top: 15px; text-align: left;}
h1.bottom_menu_group {font-size: 11pt; font-weight: normal; padding: 0px; padding-top: 5px; padding-bottom: 3px; color: #FFFFFF;}
h2.bottom_menu_group {font-size: 7pt; font-weight: normal; padding: 0px; padding-top: 0px; padding-bottom: 2px; color: #FFFFFF;}

h1.bottom_menu_group a {color: #FFFFFF;}
h2.bottom_menu_group a {color: #FFFFFF;}

#banner_div { width: 1100px; margin: 0 auto 0 auto; margin-top: 10px;  margin-bottom: 10px; 
				height: 270px; text-align: center; padding-bottom: 10px; position: relative;}

#images_box { 	overflow: hidden; }
div.buttons4pics{z-index: 100; margin-top: -90px; position: absolute;}	
.scrlbnt{font-size: 80pt; font-family: calibri, verdana;  letter-spacing: -20px; cursor: pointer; color: #E0ED4D;}

				
				

#main_content_wrapper { width: 1100px;  margin: 0 auto 0 auto; margin-top: 10px; margin-bottom: 10px; padding-bottom: 10px;}








td.scr_group_left { padding: 0px; margin: 0px; border-width: 0px; vertical-align: top;}

a:link {text-decoration:none; color: #838383;}
a:visited {text-decoration:none; color: #838383; }
a:hover {text-decoration:none; color: #838383; }
a:active {text-decoration:none; color: #838383; }


h1 {font-size: 12pt; padding: 10px;}

input {
	border-style: solid;
	border-width: 1px;
	border-color: #d1d1d1;
	font-family: calibri, verdana;
	font-size: 10pt;
	background-color: #FFFFFF;
	color: #000000;
}

select {
	border-style: solid;
	border-width: 1px;
	font-family: calibri, verdana;
	font-size: 10pt;
	background-color: #FFFFFF;
	border-color: #5C5C5C;
	color: #000000;
}

h1.title
{
	font-size: 13pt;
	font-weight: normal;
	padding-left: 0pt;
	padding-top: 5pt;
	padding-bottom: 5pt;
	color: #920F13;
}


h2.title
{
	font-size: 11pt;
	font-weight: normal;
	padding-left: 0pt;
	padding-top: 5pt;
	padding-bottom: 5pt;
	color: #920F13;
}

div.single_node { font-size: 10pt; padding-left: 20px;}

.simple_button
{
	background-color: #CCDDEE;
	border-style: solid;
	border-width: 1px;
	border-color: #998844;
}


li {list-style: none;}

.input {
    border: 1px solid #006;
    background: #ffc;
}
.input:hover {
    border: 1px solid #f00;
    background: #ff6;
}
.button {
    border: none;
    background: url('/forms/up.png') no-repeat top left;
    padding: 2px 8px;
}
.button:hover {
    border: none;
    padding: 2px 8px;
}
label {
    display: block;
    width: 150px;
    float: left;
    margin: 2px 4px 6px 4px;
    text-align: right;
}
br { clear: left; }


h1.user_menu {padding-top: 5px; padding-bottom: 5px; }
table.product_gallery{ width: 100%;}
td.product_gallery { width: 240px; text-align: center; padding-top: 10px; padding-bottom: 10px; padding-left: 5px; padding-right: 5px;} 
div.product_gallery  { width : 100%; }
img.product_gallery { 
	max-width: 220px;
	max-height: 220px;
	width: expression(this.width > 220 ? "220px" : true);
	height: expression(this.height > 220 ? "220px" : true);
}

div.product_gallery a {}
div.product_gallery a:hover { color: #CCCCCC;}

div.product_menu{ width: 100%; padding-bottom: 10px; padding-left: 0px; padding-top: 10px;}



div.area_wrapper { padding: 0px;}

h4.left_menu_header { padding: 10px; padding-left: 0px; padding-top: 10px; font-weight: normal; } 
h4.left_menu_header a {font-size: 12pt; color: #920F13;}

h1.user_menu { display: block; font-size: 10pt; 	font-weight: normal; padding-top: 5pt;   border-right-style: solid; border-right-width: 1px; border-right-color: #999999; }

h1.lvl_0 {display: block; margin-left: 0px; padding: 5px; padding-left: 0px;}
h1.lvl_1 {display: block; margin-left: 20px;  padding: 5px;}
h1.lvl_2 {display: block; margin-left: 35px;  padding: 5px;}
h1.lvl_3 {display: block; margin-left: 50px;  padding: 5px;}
h1.lvl_4 {display: block; margin-left: 65px;  padding: 5px;}
h1.lvl_5 {display: block; margin-left: 80px;  padding: 5px;}

h1.lvl_0 a {}
h1.lvl_0 a:hover {color: #AAAAAA;}

h1.lvl_1 a {  }
h1.lvl_1 a:hover {color: #BBBBBB;}

h1.selected_menu a { color: #920F13; }

h1.display_product{	font-size: 17pt; font-weight: normal; padding: 24px; padding-bottom: 10px;  padding-top: 0px; margin: 0px; margin-bottom: 10px; color: #920F13;}
h2.product_display { padding-left: 24px; font-size: 12pt; font-weight: normal; }
p.product_display { padding: 10px; padding-left: 24px; padding-right: 25px; font-size: 9pt; }


#page_selection {
					text-align: left;
					width: 100%;
					height: 53px;
					padding-top: 5px;
				}

#page_selection li { display: inline; list-style-type: none; padding-left: 5px; font-size: 9pt;}


div.standard_cms_content { padding: 10px;}


div.headerarea { padding-left: 20px;}
div.subareaheader { padding: 0; margin: 0; margin-left: 20px;  margin-bottom: 5px; margin-top: 5px;}
div.subareaheader h1 {font-size: 16pt; padding: 0; margin: 0; padding-bottom: 5px;  font-weight: normal; color: #B4B4B4;}

div.userarea { padding: 10px; margin-left: 20px; margin-bottom: 7px; }

h4.navi_panel a { color: #848383;;}
h4.navi_panel a:hover {  color: #B4B3B3;;}


/*BASKET ELEMENTS*/
div.basket_add_form  {padding: 24px;}
.basket_add_form h1 { font-size: 13pt; font-weight: normal; padding: 0px; margin: 0px; }

div.basket_add_form  td {height: 50px; vertical-align: middle;}
td.col1 { padding-left: 20px; width: 90px;}
td.col2{ width: 100px;}

h1.message { background-color: #5c110a; color: #FFFFFF; font-weight: normal; padding: 5px;}
h1.basket { font-weight: normal;}


/*basket display*/

.alv_table_header
{
	border-width: 1px;
	border-style: solid;
	border-color: #D9D5D4;
	border-collapse:collapse;
	padding-top: 10px;
	padding-bottom: 7px;
	background-color: #F3F3F3;
}

.alv_table_footer
{
	border-width: 1px;
	border-style: solid;
	border-color: #D9D5D4;
	border-collapse:collapse;
	background-color: #F3F3F3;
	padding-top: 10px;
	padding-bottom: 7px;
}

.nice_alv_inner_td{
	padding-top: 4px;
	padding-bottom: 2px;
	border-width: 1px;
	border-style: solid;
	border-color: #D9D5D4;
	border-collapse:collapse;
	padding-left: 5px; padding-right: 5px;
	background-color:#FFFFFF;
	color: #868686;
}

td.nice_alv_inner_td a {color: #838383;}


.alv_header_texts
{
	margin: 0px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 10pt;
	color: #868686;
}

.simple_list
{
	border-style: solid;
	border-width: 1px;
	margin: 2px;
	border-collapse:collapse;
	padding: 2px;
}

.simple_list_header
{
	background-color: #EFEBEA;
	border-style: solid;
	border-width: 1px;
	margin: 2px;
	border-collapse:collapse;
	padding: 2px;
	font-weight: bold;
}



/*END OF BASKET ELEMENTS*/

/*basket -> order - navi bar*/
ul.order_status_bar {padding: 0px;}
li.order_status_bar {display: inline; list-style-type: none; padding-left: 10px; font-size: 9pt;}
li.selected { color: #920F13; font-weight: bold;}
li.unselected { color: #232323; }
li.splitter { color: #920F13;}
/*basket -> order - navi bar*/


ul.product_maint_tree { background-color: #EEFFEE; }
li.product_maint_tree{color: #123123;}

/*login screen*/
td.error_during_input_field {color: #920F13; padding-top: 20px;}
td.login_label {width: 100px; padding-top: 5px; padding-right: 5px;}
*.login_inputs { width: 200px; }



/*input fields formattign - buttons */
input[type=submit], input[type=button]
{
	background-color: #FED81F;
	padding: 3px;
	padding-left: 10px; padding-right: 10px;
	color: #FFFFFF;
	font-size: 9pt;
}

/*gallery*/
div.left_arrow {float: left; padding-right: 1px; padding-left: 9px; font-size: 40pt; width: 30px; background-color: #FAFAFA; color: #999999; }
div.bigimage p { padding-top: 140px; font-family: arial, helvetica, verdana, sans-serif;}
div.right_arrow {float: left; padding-right: 1px; padding-left: 9px; font-size: 40pt; width: 30px; background-color: #FAFAFA; color: #999999; }

div.big_preview {float: left;  width: 730px; background-color: #FAFAFA; padding-right: 5px; padding-left: 5px; margin-left: 10px; margin-right: 10px;}
div.bigimage { height: 470px; }

div.big_preview_single_image { float: left; height: 430px; margin: 0 auto 0 auto; width: 100%;}
div.big_preview_single_image img {height: 100%; display: block; margin: auto;}


div.tiles { height: 90px; margin-top:10px; }
div.tiles p { margin-top: 10px; font-family: arial, helvetica, verdana, sans-serif;}
div.tiles_wrapper { overflow: hidden; width: 740px; margin-left: 10px; margin-right: 10px; float: left;  }
div.tile_preview_single_image{ float: left; height: 100%; margin-right: 2px; margin-left: 2px; width: 138px; background-color: #FAFAFA;}
div.tile_preview_single_image img {height: 100%; display: block; margin: auto;}

/*colorbox gallery*/
div.colorbox_gallery {float: left; display: inline; margin-right: 7px; margin-top: 7px;}
img.colorbox_gallery {height: 200px; }
div.colorbox_gallery form { display: block; margin: auto; width: 20px;}
div.colorbox_gallery input[type="radio"] {height: 25px; }


/*preview objects*/
div.preview_container { }
div.tile_wrapper { float: left; width: 150px; padding: 10px; display: inline;}
div.single_tile_pic {width: 150px; height: 150px; background-color:#FED81F;}
img.single_tile_img { margin: 0 auto 0 auto; height: 150px; width: 150px; }

div.menu_tile_wrapper { width: 100%; padding: 10px; display: inline;}
div.menu_tile_wrapper div.single_tile_pic { float: left; width: 30px; height: 30px; background-color:#FFFFFF; padding-top: 20px;}
div.menu_tile_wrapper img.single_tile_img { margin: 0 auto 0 auto; height: 30px; width: 30px; }
div.menu_tile_wrapper div.single_tile_text {float: left; width: 110px; padding-left: 10px; padding-top: 20px;}


/*format selection*/
div.format_selection {width: 100%; }
div.format_sel_image { float: left; margin-top: 10px; margin-bottom: 10px; width: 320px; background-color: #FAFAFA;}
div.format_sel_image img { height: 200px; padding: 5px; display: block; margin: auto;}
div.format_sel_formats {float: left; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; padding: 5px; background-color: #FAFAFA; }
td.format_format { color: #333333; font-size: 10pt; margin: 0; padding-top: 5px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; 
		border-style: solid; border-color: #FFFFFF; border-width: 2px;}

td.format_format_selected { color: #333333; font-size: 10pt; font-weight: bold; margin: 0; padding-top: 5px; padding-bottom: 3px; padding-left: 6px; padding-right: 6px; 
		border-style: solid; border-color: #FFFFFF; border-width: 2px;
		 background-color: #DADADA;}
		
		
/*map*/
div.map_wrapper {margin-bottom: 10px;}
div.map_arrow {display: inline; margin-left: 10px; margin-right: 10px;  width: 20px; padding: 5px; padding-bottom: 17px;  }
div.map_arrow p {display: inline; font-size: 15pt; color: #999999; }
div.map_block {display: inline; padding: 5px; padding-bottom: 17px; background-color: #DEDEDE; padding-right: 8px; padding-left: 8px;}
div.map_block p {display: inline; font-size: 15pt; color: #FFFFFF;}
div.map_block_selected { background-color: #FED81F;}




/*tresstudio special formatting*/
/*forms*/
div.tress_form { border-color: #d1d1d1; border-style: solid; border-width: 1px;  margin: 0; padding-top: 10px; margin-top: 20px; margin-bottom: 20px; }
h1.tress_form {padding-top: 20px; padding-bottom: 0;}
div.tress_form_single { margin: 0; padding-left: 20px; padding-right: 20px; padding-top: 2px; padding-bottom: 0px; }
div.tress_form_single_label {margin: 0;  padding-left: 20px; padding-right: 20px; padding-top: 5px; padding-bottom: 0px;}
div.tress_form_single_label p {padding: 0; margin: 0; color: #868686;}
div.tress_submit_wrapper {width: 100%; background-color: #F3F3F3; border-color: #d1d1d1; border-top-style: solid; border-top-width: 1px; margin-top: 10px; padding-bottom: 6px; padding-top: 6px; }





/*processing messages*/
#message_window {width: 100%;}
#message_window div.message_window_wrapper {width: 100%;}
#message_window div.message_window_content {width: 900px; margin: 0 auto 0 auto;}
#message_window h1 {font-size: 10pt; font-weight: normal; padding:8px 10px 10px 50px;}

#message_window div.success { background-color: #DFF2BF;  }
#message_window div.warning { background-color: #FEEFB3;  }
#message_window div.error { background-color: #FF5A4A;    }
#message_window div.info { background-color: #BDE5F8;     }

div.success  h1{ background-image: url('./images/success.png');background-repeat: no-repeat; color: #4F8A10; }
div.warning h1 { background-image: url('./images/warning.png'); background-repeat: no-repeat; color: #9F6000;}
div.error h1{   background-image: url('./images/error.png'); background-repeat: no-repeat; color: #D8000C; }
div.info h1{ background-image: url('./images/info.png');  background-repeat: no-repeat;  color: #00529B;}

table.pricemaintenance td {padding: 1px; border-style: solid; border-color: #999999; border-width: 1px; }


input.dark_grey{
	background-color: #777777;
}

input.big_font{
	font-size: 12pt;
}