/* ---------- GENERAL PROPERTIES ---------- */

/* Document */

html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #555;
	line-height: 20px;
	background: url(../images/background.jpg) repeat-x #fff;
	cursor: default;
}

/* Heading */

h1, h2, h3, h4, h5, h6, address, pre { margin: 0; padding: 0; }
h1 { padding-bottom: 15px; font-family: Arial, Helvetica, sans-serif; font-size: 32px; font-weight: normal; line-height: 30px; color: #ec1c24; }
h2 { padding: 10px 0; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: normal; clear: both;}
h3 { padding-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; clear: both;}

/* Paragraph */

p { margin: 0; padding: 0; }


/* Hyperlink */

a { text-decoration: none; color: #4294a9; }
a:hover { text-decoration: none; color: #ec1c24; }
a:focus, object:focus, object:active { -moz-outline: none; }


/* hr */

hr { margin: 0; padding: 0; border: 0; }


/* ul li */

ul, ol { margin: 0 0 20px 40px; padding: 0; }
ol li { list-style-type: decimal; }
ul li { padding-bottom: 10px; list-style-type: disc; }


/* Table */

table { width: 100%; border-spacing: 0; border-collapse: collapse; }
table, thead, tbody, tfoot, tr, th, td, tt { margin: 0; padding: 0; empty-cells: show; }


/* Images */

img { border: 0; line-height: 0; }


/* Forms */

form { margin: 0; padding: 0; }
fieldset { margin: 0; padding: 0; border: none; }
label { padding-top: 2px; display: block; }
input, textarea { margin: 0; padding: 0; outline: 0; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #666; resize: none; }


/* Subscript & Superscript */

sup, sub { font-size: 8px; font-weight: bold; }


/* Image line-height */

span.image { line-height: 0; display: block; }


/* Border */

.border { margin-bottom: 20px; padding: 10px; border: 1px solid #dddddd }


/* Float */

.left { float: left; }


/* Clear */

.clear { clear: both; }


/* Display */

.hidden { display: none; }
.show { display: block; }



/* Container */

#container {
	background: url(../images/background_header.jpg) no-repeat center top;
}


/* Content */

#content {
	margin: 0 auto;
	width: 964px;
}

#content .content_top {
	padding: 0px 32px;
	width: 900px;
	height: 140px;
	background: url(../images/content_top.png) no-repeat;
}

#content .content_main {
	padding: 45px 32px 0 32px;
	width: 900px;
	min-height: 380px;
	background: url(../images/content_main.png) repeat-y;
}

#content .content_bottom {
	width: 964px;
	height: 33px;
	background: url(../images/content_bottom.png) no-repeat;
}


/* Header */

#header {
	position: relative;
	height: 116px;
	border-bottom: 1px solid #ebebeb;
}

#header .logo {
	position: absolute;
	top: 25px;
	width: 195px;
	height: 66px;
	display: block;
	background: url(../images/logo.jpg) no-repeat 0 0;
}

#header .line_manipulation {
	position: absolute;
	bottom: -16px;
	right: 0;
	height: 43px;
	width: 134px;
	background: url(../images/phone_lock.gif);
}


/* Meta navigation */

#metanav {
	position: absolute;
	top: 5px;
	right: 0;
	margin: 0;
	padding: 0;
}

#metanav li {
	padding-left: 14px;
	font-size: 10px;
	list-style-type: none;
	background: url(../images/dot.gif) no-repeat 6px 8px;
	float: left;
}

#metanav li.first {
	background: none;
}

#metanav li a {
	color: #879ca6;
	text-decoration: none;
}

#metanav li a:hover {
	text-decoration: underline;
}

#metanav li a.active {
	color: #ec1c24;
}



/* Menu */

#menu {
	position: absolute;
	top: 50px;
	left: 273px;
	margin: 0;
	padding: 0;
	height: 30px;
}

#menu li {
	margin-right: 2px;
	height: 30px;
	list-style-type: none;
	float: left;
}

#menu li a {
	padding-top: 7px;
	height: 20px;
	width: 100px;
	line-height: normal;
	text-align: center;
	color: #666;
	display: block;
	background-image: url(../images/menu.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

#menu li a:hover {
	color: #ffffff;
	background-position: 0 -30px;
}

#menu li a.active {
	height: 23px;
	color: #ffffff;
	background-position: 0 -60px;
}



/* Sidebar */

#sidebar {
	width: 230px;
	float: left;
}

#sidebar .submenu {
	margin-bottom: 20px;
	padding: 1px 1px 0;
	width: 226px;
	border: 1px solid #ddd;
}

#sidebar .submenu .header {
	margin-bottom: 1px;
	padding-top: 6px;
	height: 39px;
	background: url(../images/submenu_header.gif) repeat-x;
}

#sidebar .submenu .header .header_inner {
	height: 35px;
}

#sidebar .submenu .header .info { background: url(../images/box_icons/info.gif) no-repeat 9px 1px; }
#sidebar .submenu .header .service { background: url(../images/box_icons/service.gif) no-repeat 9px 1px; }
#sidebar .submenu .header .product { background: url(../images/box_icons/product.gif) no-repeat 9px 1px; }
#sidebar .submenu .header .contact { background: url(../images/box_icons/contact.gif) no-repeat 9px 6px; }
#sidebar .submenu .header .option { background: url(../images/box_icons/option.gif) no-repeat 9px 1px; }

#sidebar .submenu .header .header_inner h2 {
	padding-left: 52px;
	color: #687578;
	font-size: 13px;
}

#sidebar .submenu .main {
	border-top: 1px solid #ddd;
}

#sidebar .submenu .main ul {
	margin: 0;
	padding: 0;
}

#sidebar .submenu .main ul ul {
	padding-top: 1px;
}

#sidebar .submenu .main li {
	padding: 1px 0;
	list-style-type: none;
	border-top: 1px solid #e9e9e9;
}

#sidebar .submenu .main li.first {
	border-top: none;
}

#sidebar .submenu .main li.last {
	padding-bottom: 0;
}

#sidebar .submenu .main li a {
	position: relative;
	color: #888;
	display: block;
	cursor: pointer;
}

#sidebar .submenu .main li a.active {
	background: url(../images/submenu_active.gif) no-repeat;
}

#sidebar .submenu .main li a span.title {
	padding: 7px 13px 0 13px;
	height: 19px;
	line-height: normal;
	display: block;
}

#sidebar .submenu .main li a span.arrow {
	position: absolute;
	top: 12px;
	right: 7px;
	height: 9px;
	width: 7px;
	display: block;
}

#sidebar .submenu .main li a span.closed { background: url(../images/submenu_arrow.gif) no-repeat 0 -12px; }
#sidebar .submenu .main li a span.opend { background: url(../images/submenu_arrow.gif) no-repeat 0 -40px; }

#sidebar .submenu .main li a.active span.opend { background: url(../images/submenu_arrow.gif) no-repeat 0 -68px; }

#sidebar .submenu .main li a:hover span.title{
	color: #515d60;
	background: url(../images/submenu_dot.gif) no-repeat 5px 0;
}

#sidebar .submenu .main li a.active span.title {
	color: #fff;
	background-position: 5px -27px;
}


#sidebar .submenu.calltoaction {
	margin-bottom: 20px;
	padding: 1px 1px 0;
	background: url(../images/calltoaction.jpg) no-repeat;
	border: 1px solid #ddd;
}

#sidebar .submenu.calltoaction a {
	display: block;
	height: 153px;
	width: 226px;
}



/* Main */

#main {
	margin-right: 50px;
	width: 620px;
	float: left;
}

#main.extra {
	margin-right: 0;
	width: 900px;
	float: none;
}

#main h2.subtitle {
	margin: -20px 0 20px 0;
}

#main p {
	margin-bottom: 20px;
}

#main p img {
	margin: 10px 20px 20px 0;
	float: left;
	clear: both;
}

#main table {
	clear: both;
}



/* Components */

#components .component_row {
	border-top: 1px solid #ddd;
}

#components .component_row .component h2 a {
	color: #515d60;
}

#components .component_row .component img {
	margin: 0 auto;
	float: none;
	line-height: 0;
	display: block;
}


/* Componenttype_1 */

#components .componenttype_1 .component {
	padding: 20px 0 5px 0;
}

#components .componenttype_1 .component .component_img {
	padding-top: 15px;
	width: 230px;
}

#components .componenttype_1 .component .component_img a {
	display: block;
}

#components .componenttype_1 .component .component_data {
	margin-left: 20px;
	width: 370px;
}


/* Componenttype_2 */

#components .componenttype_2 {
	background: url(../images/line.gif) repeat-y top center;
}

#components .componenttype_2 .component {
	padding: 15px;
	width: 280px;
	float: left;
}


/* Datagrid */

#datagrid {
	position: relative;
	padding: 1px;
	border: 1px solid #ddd;
}

#datagrid th {
	padding: 5px 5px 6px 5px;
	color: #808e92;
	text-align: left;
}

#datagrid td {
	padding: 2px 5px;
}

#datagrid td a {
	color: #555;
	display: block;
}

#datagrid td a:hover {
	color: #4294a9;
}


/* Datagrid productoverview */

#datagrid .productoverview th {
	border-right: 1px solid #c5d7dc;
	background: url(../images/datagrid_header.gif) repeat-x;
}

#datagrid .productoverview td {
	border-top: 1px solid #e9eced;
	border-right: 1px solid #e9eced;
}

#datagrid .productoverview td.empty {
	padding: 10px 5px 10px 27px;
	border-right: none;
	border-left: none;
	background: url(../images/icons/information_frame.gif) no-repeat 5px 12px;
}

#datagrid .productoverview td .subname {
	color: #999;
}

#datagrid .productoverview .last {
	border-right: none;
}

/* Datagrid productdetails */

#datagrid .productdetails {
	border-bottom: 1px solid #c8d7dc;
}

#datagrid .productdetails th {
	font-weight: normal;
	border-bottom: 1px solid #dae4e8;
	background-color: #e9f1f4;
}

#datagrid .productdetails th.rowgroup {
	font-weight: bold;
	border-bottom: none;
	background-color: #e0ebef;
}

#datagrid .productdetails td {
	border-bottom: 1px solid #e9eced;
}

#datagrid .productdetails .last {
	border-bottom: none;
}

#datagrid table.last_table {
	border-bottom: none;
}



/* Tabs */

#tabs {
	margin-bottom: 20px;
	padding-left: 10px;
	height: 25px;
	background: url(../images/tabs_line.gif) repeat-x left bottom;
}

#tabs ul {
	margin: 0;
	padding: 0;
}

#tabs li {
	margin-right: 1px;
	padding-bottom: 0;
	list-style-type: none;
	background: url(../images/tab.gif) no-repeat 0 0;
	float: left;
}

#tabs li a {
	padding: 2px 15px;
	height: 21px;
	color: #666;
	background: url(../images/tab_right.gif) no-repeat top right;
	display: block;
}

#tabs li:hover a {
	text-decoration: underline;
	color: #6a797d;
}

#tabs li.active {
	background-position: 0 -25px;
}

#tabs li.active a {
	color: #4294a9;
	background-position: right -25px;
}



/* Breadcrumb */

#breadcrumb {
	padding-top: 5px;
	height: 18px;
	width: 900px;
	font-size: 10px;
	line-height: normal;
}

#breadcrumb ul {
	margin: 0;
	padding: 3px 24px 0;
	height: 13px;
	background: url(../images/icons/sitemap.gif) no-repeat 0 0;
}

#breadcrumb li {
	margin-right: 10px;
	padding-left: 12px;
	list-style-type: none;
	background: url(../images/breadcrumb_arrow.gif) no-repeat 0 3px;
	float: left;
}

#breadcrumb li.first {
	padding: 0;
	background: none;
}

#breadcrumb li.active {
	color: #555;
	text-decoration: underline;
}

#breadcrumb li.noneactive {
	color: #666;
}

#breadcrumb li a {
	color: #aaa;
}

#breadcrumb li a:hover {
	color: #aaa;
	text-decoration: underline;
}


/* Sitemap */

#sitemapdata ul {
	margin: 0;
	list-style-type: none;
}

#sitemapdata ul li {
	padding-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	list-style-type: none;
}

#sitemapdata ul li ul li {
	padding-bottom: 0;
	padding-left: 30px !important;
	font-size: 11px;
	font-weight: normal;
	background: url(../images/breadcrumb_arrow.gif) no-repeat 18px 7px;
}


/* Totop */

#totop {
	position: relative;
	height: 33px;
}

#totop a {
	position: absolute;
	top: 18px;
	right: 0;
	height: 14px;
	width: 14px;
	background: url(../images/arrow_circle.gif) no-repeat 0 0;
	display: block;
}

#totop a:hover {
	background-position: 0 -14px;
}


/* Footer */

#footer {
	margin: 0 auto;
	padding: 40px 0;
	width: 964px;
	font-size: 10px;
	color: #929c9e;
	line-height: 16px;
}

#footer a:hover {
	color: #4294a9;
	text-decoration: underline;
}

#footer p {
	text-align: center;
}

#footer p img {
	margin: 0 5px;
}


/* Message */

.messagebox {
	margin-bottom: 40px;
}

.messagebox .messagebox_inner {
	padding: 10px 10px 10px 30px;
	color: #777;
	font-size: 10px;
}

.messagebox .messagebox_inner p {
	margin-bottom: 0 !important;
}

.messagebox .message_error {
	border: 1px solid #ffcc66;
	background: url(../images/icons/exclamation.gif) no-repeat 8px 11px #ffffcc;
}

.messagebox .message_ok {
	border: 1px solid #b2e0a5;
	background: url(../images/icons/tick_circle.gif) no-repeat 8px 11px #e0ffd7;
}

.messagebox .messagebox_inner ul {
	margin: 10px 0 0 40px;
}

.messagebox .messagebox_inner ul li {
	padding: 0;
	line-height: 16px;
}



/* Loader */

#loader {
	position: absolute;
	height: 22px;
	width: 22px;
	background: url(../images/loader.gif) no-repeat 0 0;
	z-index: 900000;
}



/* ---------- HOME PROPERTIES ---------- */

#home {
	padding-top: 0 !important;
}


/* Content banner */

#home .content_banner {
	height: 400px;
}

#home .content_banner .flash_holder {
	width: 900px;
	height: 360px;
}


/* Slidecarousel */

#home .slidecarousel {
	position: relative;
	height: 200px;
}

#home .slidecarousel a.slidecarousel_nav {
	position: absolute;
	top: 94px;
	height: 14px;
	width: 14px;
	background: url(../images/arrow_circle.gif) no-repeat;
	display: block;
}

#home .slidecarousel a.slidecarousel_prev {
	left: 0;
	background-position: 0 -28px; 
}

#home .slidecarousel a.slidecarousel_next {
	right: 0;
	background-position: 0 -56px;
}

#home .slidecarousel a.slidecarousel_prev:hover { background-position: 0 -42px; }
#home .slidecarousel a.slidecarousel_next:hover { background-position: 0 -70px; }

#home .slidecarousel .slidecarousel_holder {
	position: absolute;
	top: 0;
	right: 24px;
	bottom: 0;
	left: 24px;
	background: url(../images/slidecarousel_background.gif) no-repeat 0 0;
	overflow: hidden;
}

#home .slidecarousel .slidecarousel_inner {
	height: 200px;
}

#home .slidecarousel .slidecarousel_block {
	position: relative;
	padding: 15px;
	height: 170px;
	width: 254px;
	float: left;
}

#home .slidecarousel .slidecarousel_block h2 {
	position: relative;
	padding-top: 0;
}

#home .slidecarousel .slidecarousel_block h2 a {
	padding: 6px 0 5px 40px;
	color: #515d60;
	display: block;
}

#home .slidecarousel .slidecarousel_block h2 img {
	position: absolute;
	top: 0;
	left: 0;
}

#home .slidecarousel .slidecarousel_block p {
	color: #666;
}

#home .slidecarousel .slidecarousel_block .linkbutton {
	position: absolute;
	bottom: 15px;
}
	


/* ---------- CONTACT PROPERTIES ---------- */

/* Contact */

.contact .contact_overview {
	width: 620px;
}

.contact .contact_overview a {
	width: 280px;
	font-size: 16px;
	color: #666;
	text-align: center;
	float: left;
	display: block;
}

.contact .contact_overview a.contactinfo {
	margin-right: 60px;
}

.contact .contact_info {
	margin-right: 5px;
	width: 191px;
}

.contact .contact_info  ul {
	margin: 0 0 20px 0 !important;
}

.contact .contact_info  ul li {
	margin: 0 !important;
	list-style-type: none !important;
}

.contact #maps {
	width: 420px;
	height: 320px;
}

.contact #maps .maps_inner {
	padding: 1px;
	height: 320px;
	border: 1px solid #ddd;
}



/* ---------- Error PROPERTIES ---------- */

/* Flasherror */

#flasherror {
	margin-bottom: 20px;
	padding: 5px 10px 5px 35px;
	color: #777;
	border: 1px solid #e0d578;
	background: #feffa9 url(../images/icons/exclamation.gif) no-repeat 10px 7px;
}


/* ---------- WINDOWPOPUP PROPERTIES ---------- */

/* Windowpopup */

#windowpopup_overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #000;
	z-index: 500000;
}

#windowpopup {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -100px 0 0 -100px;
	width: 200px;
	height: 200px;
	background-color: #fff;
	z-index: 500001;
}

#windowpopup .windowpopup_shadow div {
	position: absolute;
}

#windowpopup .windowpopup_shadow .windowpopup_bg-t {
	top: -7px;
	right: 0;
	left: 0;
	height: 7px;
	background: url(../images/windowpopup/top.png) repeat-x 0 0;
}

#windowpopup .windowpopup_shadow .windowpopup_bg-tl {
	top: -7px;
	left: -9px;
	height: 7px;
	width: 9px;
	background: url(../images/windowpopup/top_left.png) no-repeat;
}

#windowpopup .windowpopup_shadow .windowpopup_bg-tr {
	top: -7px;
	right: -9px;
	height: 7px;
	width: 9px;
	background: url(../images/windowpopup/top_right.png) no-repeat;
}

#windowpopup .windowpopup_shadow .windowpopup_bg-b {
	right: 0;
	bottom: -11px;
	left: 0;
	height: 11px;
	background: url(../images/windowpopup/bottom.png) repeat-x 0 0;
}

#windowpopup .windowpopup_shadow .windowpopup_bg-bl {
	bottom: -11px;
	left: -9px;
	height: 11px;
	width: 9px;
	background: url(../images/windowpopup/bottom_left.png) no-repeat;
}

#windowpopup .windowpopup_shadow .windowpopup_bg-br {
	right: -9px;
	bottom: -11px;
	height: 11px;
	width: 9px;
	background: url(../images/windowpopup/bottom_right.png) no-repeat;
}

#windowpopup .windowpopup_shadow .windowpopup_bg-ml {
	top: 0;
	bottom: 0;
	left: -9px;
	width: 9px;
	background: url(../images/windowpopup/left.png) repeat-y;
}

#windowpopup .windowpopup_shadow .windowpopup_bg-mr {
	top: 0;
	right: -9px;
	bottom: 0;
	width: 9px;
	background: url(../images/windowpopup/right.png) repeat-y;
}

#windowpopup .windowpopup_main {
	position: absolute;
	top: 0;
	right: -4px;
	bottom: 0;
	left: -4px;
}

#windowpopup .windowpopup_main .body {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 51px;
	left: 0;
	padding: 15px;
	border-bottom: 1px solid #ddd;
}

#windowpopup .windowpopup_main .footer {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 15px 15px 0 15px;
	height: 35px;
	border-top: 1px solid #fff;
	background-color: #f3f3f3;
}


/* Windowpopup printviewer */

#windowpopup .printviewer {
	position: relative;
	height: 466px;
	width: 576px;
	border: 1px solid #ddd;
	background-color: #fff;
}

#windowpopup .printviewer .printviewer_inner {
	margin: 1px;
	height: 464px;
	width: 574px;
	overflow: hidden;
}

#windowpopup .printviewer .printviewer_overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #fff;
}

#windowpopup .printviewer .printviewer_content {
	padding: 20px;
}

#windowpopup .printviewer iframe {
	position: absolute;
	height: 0;
	width: 0;
	border: 0;
}


/* Windowpopup sendtofriend */

#windowpopup .sendtofriend .column {
	margin: 0 15px 15px 0;
	width: 280px;
}

#windowpopup .sendtofriend .column_last {
	margin-right: 0;
}

#windowpopup .sendtofriend .label {
	padding-bottom: 15px;
}

#windowpopup .sendtofriend table td.value textarea { 
	width: 614px;
	height: 200px;
}