/***********************
  GENERAL
************************/
BODY, FORM, INPUT, SELECT, OPTGROUP, OPTION, TEXTAREA, BUTTON, A, P, DIV, SPAN, TABLE, TD, UL, LI, LABEL, EM
{
	color		: #000000;
	margin		: 0;
	padding		: 0;
	font-family	: Arial, Tahoma, Verdana, Helvetica, Sans-serif;
	font-size		: 100%;
	vertical-align	: middle;
}
BODY
{
	background-color	: #4D4D4D;
	font-size		: 12px;
	margin-top	: 20px;
}
PRE
{
	color		: #FFFFFF;
}

/***********************
  SUB GENERAL
************************/
IMG
{
	border		: 0;
}
A
{
	color		: #005174;
	text-decoration	: none;
}
A:hover, A:active
{
	color		: #000000;
	text-decoration	: underline;
}
P
{
	padding-bottom	: 10px;
}
UL
{
	padding		: 4px 10px 4px 30px;
}
TABLE
{
	width		: 100%;
}
DIV.spacer
{
	clear		: both;
	height		: 1px;
	font-size		: 1px;
}
#built-by
{
	clear		: both; 
	margin-top	: 20px; 
	text-align		: center;
}
#built-by A,
#built-by A:hover
{
	color		: #B4B4B4;
	text-decoration	: none;
	font-size		: 90%;
}



/***********************
  LAYOUT
************************/
#page
{
	width		: 960px;
	margin		: auto;
}
#page #main-menu-top
{
	clear		: both;
}
#page #main-logo
{
	clear		: both;
	height		: 127px;
	background-image: url('../pictures/logo.jpg');
	background-repeat: no-repeat;
}
#page #main-logo #title
{
	float		: left;
	color		: #FFFFFF;
	margin-top	: 88px;
	margin-left	: 8px;
	font-size	: 200%;
	font-weight	: bold;
}
#page #page-left,
#page #page-right
{
	float		: left;
	width		: 150px;
}
#page #page-center
{
	float		: left;
	width		: 636px;		/* 660px - left/right padding */
	padding		: 0 12px;
}
#page #page-center #position
{
	font-size		: 90%;
	color		: #FFFFFF;
	border-bottom	: 1px solid #D5D5D5;
	margin		: 10px 0;
	padding-bottom	: 2px;
}
#page #page-center #position A
{
	color		: #D1D1D1;
}
#page #page-center #firstpage
{
	height		: 179px;
	background-image	: url('../pictures/firstpage_background.jpg');
	margin-bottom	: 10px;
}
#page #page-center #firstpage DIV
{
	color		: #FFFFFF;
	padding-top	: 25px;
	width		: 300px;
	float		:right;
}


/***********************
  MENU
************************/
#page #main-menu-top .menu-left A,
#page #main-menu-top .menu-left A.selected,
#page #main-menu-top .menu-center A,
#page #main-menu-top .menu-center A.selected,
#page #main-menu-top .menu-right A,
#page #main-menu-top .menu-right A.selected
{
	width		: 120px;
	height		: 33px;
	display		: block;
	font-weight	: bold;
	color		: #444444;
	line-height	: 2.5em;
}
#page #main-menu-top A:hover,
#page #main-menu-top A:active
{
	color		: #FFFFFF;
	text-decoration	: none;
}
#page #main-menu-top .menu-left,
#page #main-menu-top .menu-center,
#page #main-menu-top .menu-right
{
	width		: 120px;
	height		: 33px;
	float		: left;
	text-align		: center;
	background-repeat	: no-repeat;
}
#page #main-menu-top .menu-left,
#page #main-menu-top .menu-left A
{
	background-image	: url('../pictures/menu/main-back-left.gif');
}
#page #main-menu-top .menu-center,
#page #main-menu-top .menu-center A
{
	background-image	: url('../pictures/menu/main-back.gif');
}
#page #main-menu-top .menu-right,
#page #main-menu-top .menu-right A
{
	background-image	: url('../pictures/menu/main-back-right.gif');
}
#page #main-menu-top .menu-left A:hover,
#page #main-menu-top .menu-left A:active,
#page #main-menu-top .menu-left A.selected
{
	color		: #FFFFFF;
	background-image	: url('../pictures/menu/main-back-left-over.gif');
}
#page #main-menu-top .menu-center A:hover,
#page #main-menu-top .menu-center A:active,
#page #main-menu-top .menu-center A.selected
{
	color		: #FFFFFF;
	background-image	: url('../pictures/menu/main-back-over.gif');
}
#page #main-menu-top .menu-right A:hover,
#page #main-menu-top .menu-right A:active,
#page #main-menu-top .menu-right A.selected
{
	color		: #FFFFFF;
	background-image	: url('../pictures/menu/main-back-right-over.gif');
}

#page #main-menu-top #menu-sub
{
	clear		: both;
	height		: 18px;
	padding-top	: 2px;
	background-image	: url('../pictures/menu/sub-back.gif');
	border		: 1px solid #BBBBBB;
	border-bottom	: 0;
}
#page #main-menu-top #menu-sub IMG
{
	margin		: 0 4px 0 10px;
}
#page #main-menu-top #menu-sub A,
#page #main-menu-top #menu-sub A.selected
{
	font-weight	: bold;
	color		: #444444;
}
#page #main-menu-top #menu-sub A:hover,
#page #main-menu-top #menu-sub A:active,
#page #main-menu-top #menu-sub A.selected
{
	color		: #DDDDDD;
	text-decoration	: none;
}



/***********************
  BOX MENU
************************/
.box-menu-top
{
	width		: 150px;
	height		: 22px;		/* 29px - padding-top  */
	padding-top	: 7px;
	text-align		: center;
	color		: #FFFFFF;
	font-weight	: bold;
	background-image	: url('../pictures/box_menu_top.jpg');
}
.box-menu-center
{
	width		: 144px;		/* 150px width - border left/right - padding left-right */
	border-left	: 1px solid #BBBBBB;
	border-right	: 1px solid #BBBBBB;
	background-color	: #FFFFFF;
	padding		: 2px;
}
.box-menu-bottom
{
	overflow		: none;
	width		: 150px;
	height		: 6px;
	background-image	: url('../pictures/box_menu_bottom.jpg');
	background-repeat	: no-repeat;
	margin-bottom	: 1px;
}
.box-menu-last
{
	width		: 150px;
	height		: 42px;
	background-image	: url('../pictures/box_menu_last.jpg');
}
.box-menu-center DIV.string
{
	border-bottom	: 1px solid #D5D5D5;
	width		: 144px;
}

/***********************
  BOX
************************/
.box
{
	width		: 636px;
	float		: left;
}
.box .box-top-red,
.box .box-top-gold
{
	width		: 636px;
	height		: 24px;		/* 30px - padding-top  */
	padding-top	: 6px;
	background-image	: url('../pictures/box_top_red.jpg');
}
.box .box-top-gold
{
	background-image	: url('../pictures/box_top_gold.jpg');
}
.box .box-center
{
	width		: 626px;		/* 636px width - border (left/right) - padding (left/right) */
	border-left	: 1px solid #BBBBBB;
	border-right	: 1px solid #BBBBBB;
	background-color	: #FFFFFF;
	padding		: 4px 4px 0 4px;
}
.box .box-bottom
{
	width		: 636px;
	height		: 14px;
	background-image	: url('../pictures/box_bottom.jpg');
	background-repeat	: no-repeat;
	font-size		: 1%;
}
.box .box-top-title-left
{
	float		: left;
	color		: #FFFFFF;
	font-weight	: bold;
	padding-left	: 7px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.box .box-top-title-left A
{
	color		: #FFFFFF;
	font-weight	: bold;
}
.box .box-top-title-right
{
	float		: right;
	color		: #444444;
	font-weight	: bold;
	padding-right	: 7px;
}
.box .box-top-title-right A
{
	color		: #444444;
	font-weight	: bold;
}

/***********************
  BOX MINI
************************/
.box-mini
{
	width		: 312px;
	float		: left;
}
.box-mini .box-mini-top-green,
.box-mini .box-mini-top-blue
{
	width		: 312px;
	height		: 24px;		/* 30px - padding-top  */
	padding-top	: 6px;
	background-image	: url('../pictures/box_mini_top_green.jpg');
}
.box-mini .box-mini-top-blue
{
	background-image	: url('../pictures/box_mini_top_blue.jpg');
}
.box-mini .box-mini-center
{
	width		: 302px;		/* 312px width - border (left/right) - padding (left/right) */
	border-left	: 1px solid #BBBBBB;
	border-right	: 1px solid #BBBBBB;
	background-color	: #FFFFFF;
	padding		: 4px 4px 0 4px;
}
.box-mini .box-mini-bottom
{
	width		: 312px;
	height		: 14px;
	background-image	: url('../pictures/box_mini_bottom.jpg');
	background-repeat	: no-repeat;
	font-size		: 1%;
}
.box-mini .box-mini-top-title-left
{
	float		: left;
	color		: #FFFFFF;
	font-weight	: bold;
	padding-left	: 7px;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.box-mini .box-mini-top-title-left A
{
	color		: #FFFFFF;
	font-weight	: bold;
}
.box-mini .box-mini-top-title-right
{
	float		: right;
	color		: #444444;
	font-weight	: bold;
	padding-right	: 7px;
}
.box-mini .box-mini-top-title-right A
{
	color		: #444444;
	font-weight	: bold;
}



/***********************
  PRODUCTS
************************/
DIV.product-img,
DIV.product-img-big
{
	width		: 120px;
	height		: 120px;
	border		: 1px solid #BBBBBB;
	background-color	: #FFFFFF;
	background-repeat	: no-repeat;
	background-position: center center;
	background-image	: url('../pictures/noProductImg.jpg');
	cursor		: pointer;
}
DIV.product-img A
{
	width		: 120px;
	height		: 120px;
	float		: left;
}
DIV.product-img-big
{
	width		: 500px;
	height		: 500px;
}
DIV.product-img-structure
{
	float		: left;
	width		: 149px;
	height		: 75px;
	background-color	: #FFFFFF;
	background-repeat	: no-repeat;
	background-position: center center;
	border		: 1px solid #BBBBBB;
	margin		: 0 2px 4px 2px;
}
DIV.product-img-structure A
{
	float		: left;
	width		: 149px;
	height		: 75px;
}
DIV.product-priceList-mainGroup
{
	clear		: both;
	padding		: 8px 20px;
	margin		: 15px 0 2px 0;
	font-weight	: bold;
	background-color	: #CCCCCC;
	border		: 0;
	background-image	: url('../pictures/arrow3.gif');
	background-position: left center;
	background-repeat	: no-repeat;
	font-size		: 150%;
}
DIV.product-priceList-subGroups
{
	clear		: both;
	padding		: 3px 10px;
	margin		: 3px 0 2px 0px;
	font-weight	: bold;
	background-color	: #FFFFFF;
	border		: 1px solid #999999;
	border-left	: 0;
	border-right	: 0;
	background-image	: url('../pictures/arrow2.gif');
	background-position: left center;
	background-repeat	: no-repeat;
}
DIV.product-priceList-product
{
	clear		: both;
	background-color	: #FFFFFF;
	padding		: 2px;
	margin		: 0 0 2px 0px;
	border		: 0;
	border-bottom	: 1px dashed #CCCCCC;
}
DIV.product-priceList-product DIV.title
{
	float		: left;
	background-image	: url('../pictures/arrow1.gif');
	background-position: left center;
	background-repeat	: no-repeat;
	padding-left	: 10px;
}
DIV.product-priceList-product DIV.price
{
	float		: right;
	width		: 200px;
	text-align		: right;
	font-size		: 110%;
}
DIV.product-priceList-product DIV.sub
{
	clear		: both;
	margin		: 0 0 1px 0px;
	border-top	: 1px dashed #CCCCCC;
}
FORM.order
{
	width		: 380px;
	text-align		: right;
}
FORM.order INPUT,
FORM.order TEXTAREA
{
	width		: 250px;
	border		: 1px solid #BBBBBB;
	margin		: 2px 0 2px 0;
	padding		: 1px;
}
FORM.order INPUT.button
{
	width		: 50px;
	padding		: 0;
	margin-right	: 125px;
}
FORM.order DIV.errors
{
	text-align		: left;
	background-color	: #EEEEEE;
	border		: 1px solid #BBBBBB;
	padding		: 10px;
	margin-bottom	: 10px;
}

#properties-list dt
{
	float: left;
	clear: left;
}
#properties-list h2
{
	font-size: 120%;
	margin: 5px 0 0.5em 0;
	padding: 0;
}
#properties-list dd
{
	margin-left: 130px;
}
#properties-list dd:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html #properties-list dd {height: 1%;}
/* End hide from IE-mac */