/** START EDITOR **/

body {
	font-size:70%;
	line-height:1.6;
	margin: 5px;
	background-color: #1b2a34;
	}

body, h1, h2, h3, input, select, option, button, textarea {
	font-family: Arial, Geneva, Helvetica, Verdana, sans-serif;
	color: #ffffff;
	}

h1, h2, h3 	{
	font-style: normal;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	}

.contentbox h1, .contentbox  h2, .contentbox h3 {
	color: #000000;
}

h1 { font-size: 13px; }
h2 { font-size: 12px; }
h3 { font-size: 12px; }

h1 a, h2 a, h3 a {
	color: inherit;
	text-decoration: none;
	}

a { color: #2abdf1; }
a:hover, a:focus { color: #2abdf1; }

p { margin: 0; }

td { color: #ffffff; }
/** END EDITOR **/


/** BASIC STYLES **/

.content h1 { margin-bottom: 1.2em; }

html, body { margin: 0px !important; }

body {
	background: #ffffff url('/image/bg.gif');
	}

form legend {
	width: 300px;
	margin: 0;
	font-weight: bold;
	}
form p.requiredField {
	}
form p.missing {
	}
form *:focus {
	}
form p input,
form textarea {
	border: 1px solid #aaaaaa;
	font-size: 100%;
	}
form fieldset {
	margin: 1em 0 0 0;
	border: 0;
	padding: 0;
	}
form p {
	overflow: hidden;
	clear: both;
	}
form label {
	display: block;
	width: 12em;
	float: left;
	}
form input {
	display: block;
	width: 20em;
	float: left;
	}
form textarea {
	width: 31.8em;
	height: 8em;
	}
form strong {
	margin-left: 5px;
	}
form input[type='hidden'] {
	display:none;
	}


/** CLASSES **/

.errorMessage {
	color: red;
	border: 1px solid red;
	background: pink;
	padding: .5em;
	display: block;
	}

.clearfix {
	display: block;
	height: 0px;
	clear: both;
	line-height: 0;
	}

.clear {
	clear: both;
	display: block;
	}

p.figure {
	width: 80px;
	height: 80px;
	overflow: hidden;
	position: relative;
	margin-bottom: 0;
	}
p.figure img {
	display: block;
	}
p.figure span {
	top: 0;
	left: 0;
	z-index: 10;
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	background: url('/image/mask-image.gif') no-repeat;
	}

	.detail p.figure {
		width: auto;
		height: auto;
	}

table.list {
	}
table.list th,
table.list td {
	padding: 10px 0px;
	vertical-align: top;
	border-bottom: 1px solid #ffe218;
	}
table.list th {
	border-top: 1px solid #ffe218;
	}
table.list td {
	}
table.list th.img p {
	width: 100px;
	}
table.list th.name p {
	width: 130px;
	}
table.list th.desc p {
	width: 245px;
	}
table.list th.link p {
	width: 90px;
	}
table.list td.name {
	text-transform: uppercase;
	}
table.list .link {
	text-align: center;
	}
table.list .link img {
	display: inline;
}

/** LAYOUT **/

#container {
	width: 925px;
	margin: 50px auto;
	}
#wrapper-mid {
	min-height: 410px;
	overflow: hidden;
	position: relative;
	background: url('/image/wrapper.png') repeat-y left top;
	}
#wrapper-top {
	padding-top: 10px;
	background: url('/image/wrapper-top.png') no-repeat left top;
	}
#wrapper-bot {
	padding-bottom: 10px;
	background: url('/image/wrapper-bot.png') no-repeat left bottom;
	}


/** HEADER **/

#header {
	clear: both;
	height: 133px;
	background: url('/image/header.png') no-repeat left top;
	margin-bottom: 15px;
	}

#logo {
	float: right;
	padding: 10px 60px 0px 0px;
	}
#logo a {
	width: 120px;
	height: 120px;
	display: block;
	text-decoration: none;
	text-indent: -999em;
	}


/** NAVIGATION **/

#navigation {
	float: left;
	overflow: hidden;
	margin: 6px 0px;
	}


#nav,
#nav ul,
#subnav,
#subnav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#nav {
	height: 32px;
	margin-top: 38px;
	padding: 10px 0px;
	}
#nav ul {
	background-color: skyblue;
	}
#nav a {
	height: 32px;
	line-height: 32px;
	display: block;
	color: #000000;
	font-size: 18px;
	text-decoration: none;
	padding: 0px 10px;
	/* font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Arial, Geneva, Helvetica, Verdana, sans-serif; */
	}
/* #nav a:hover, */
#nav .active a, #nav .open a {
	color: #2abdf1;
	}
#nav li {
	float: left;
	width: auto;
	margin-left: 20px;
	margin-right: 10px;
	}
#nav li ul {
	position: absolute;
	width: 20em;
	left: -999em;
	}
#nav li ul ul {
	margin: -1em 0 0 20em;
	}
#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
	}
#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
	left: auto;
	}
#nav ul { display: none; }

#subnav .active a {
	color: #2abdf1;
	}
#subnav a {
	display: block;
	padding: 3px 0px;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	}


/** CONTENT - DEFAULT **/

.content {
	padding: 0px 46px;
	padding-top: 30px;
	}
.leftpad {
	padding-left: 40px;
	padding-top: 20px;
	}


/** CONTENT - HOMEPAGE **/

#home-intro {
	}

.homeButton *,
.homeBody * {
	color: #000000;
	}
.homeButton {
	height: 67px;
	margin-top: 5px;
	margin-bottom: 0;
	position: relative;
	padding: 10px 15px 15px 10px;
	
	background: url('/image/item.png') no-repeat;
	}

.homeButton span.img {
	top: 6px;
	right: 60px;
	width: 150px;
	height: 75px;
	display: block;
	position: absolute;
	text-align: center;
	}
.homeButton span.img img {
	margin: 0px auto;
	}
.homeButton span.btn {
	top: 33px;
	left: 14px;
	width: 400px;
	height: 25px;
	line-height: 21px;
	display: block;
	position: absolute;
	text-indent: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000000;
	font-size: 20px;
	}
.homeBody {
	width: 523px;
	height: 190px;
	overflow: hidden;
	position: relative;
	background: url('/image/home-item-body.png') no-repeat;
	}

.homeBody ul,
.homeBody li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
.homeBody ul {
	top: 20px;
	left: 5px;
	height: 144px;
	width: 160px;
	position: absolute;
	}
.homeBody ul ul {
	top: 0px;
	left: 175px;
	width: 325px;
	}
.homeBody .tgl {
	display: block;
	font-weight: bold;
	text-align: right;
	text-decoration: none;
	}
.homeBody .active .tgl {
	color: #2abdf1;
	}
.homeBody .maintext {
	position: absolute;
	left: 180px;
	top: 20px;
	width: 320px;
	height: 160px;
	overflow: hidden;
}

.homeItemJS .homeBody {
	height: 0px;
	}
.homeItemJS span.btn,
.homeItemJS span.tgl {
	cursor: pointer;
	}
.homeItemJS .homeBody ul ul {

	}


/** CONTENT - GENERATOR **/

#content {
	float: left;
	width: 658px;
	min-height: 591px;
	margin-bottom: 70px;
	background: url('/image/content-bg.jpg') no-repeat left top #004564;
	}
	
.content-text {
	background: url('/image/content-bg-text.jpg') no-repeat left top #004564 !important;
	color: #000000;
	}

#slogan {
	width: 569px;
	left: 46px;
	color: #d1d3d4;
	bottom: 0px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	text-align: center;
	text-transform: lowercase;
	border-top: 1px solid #6d6f73;
	}


/** SIDEBAR **/

#sidebar {
	float: right;
	width: 252px;
	min-height: 591px;
	background: black url('/image/sidebar-bg.jpg') no-repeat left top;
	}

#subnavHolder {
	margin: 20px 40px;
	height: 380px;
	overflow: hidden;
	}

#sidebar h2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #38AEF7;
	}

#sidebar h3 {
	color: #FFFFFF;
}

#subnav li {
	// text-transform: uppercase;
	}

#contactInfo {
	padding: 10px 0 10px 30px;
	}
#contactInfo p,
#contactInfo p a {
	color: #ffffff;
	text-decoration: none;
	}

#contactInfo span {
	display: block;
	float: left;
	width: 3em;
}

/** FOOTER **/

#footer {
	clear: both;
	background-color: greenyellow;
	}

#footer a {
	text-decoration: none;
	}


/** FORM BUILDER **/

p.FormRadioButton input {
	width: auto;
	border: 0;
	}
p.FormRadioButton label {
	margin: 4px auto auto;
	}
form p.FormTextArea label,
form p.FormSubmit label,
form p.msg label {
	display: none;
	}
form p.FormCheckbox label {
	width: auto;
	}
form label.value {
	width: auto;
	}
	
div.typeNews-list .figure {
	margin-bottom: 10px;
}

.figure.left {
	float: left;
	margin-right: 10px;
}

div.typeNews-list .item {
	width: 100%;
	clear: both;
	border-top: 1px solid #ffe218;
	margin-top: 10px;
	padding-top: 10px;
}

div.typeNews-list .content {
	float: left;
	width: 390px;
	padding: 0;
	height: 80px;
	margin-right: 10px;
}

div.typeNews-list a.readmore {
	display: block;
	clear: both;
	height: 80px;
	line-height: 80px;
}

hr { border: none; background-color: #ffe218; height: 1px; }

.pageNav {
	text-align: center;
}

.pageNav a {
	text-decoration: none;
}

.pageNav span {
	background-color: #2ABDF1;
	color: black;
}

.pageNav a, .pageNav span {
	padding: 0 5px;
}

#sidebar .news-item {
	border-bottom: 1px solid #ffe218;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#sidebar .news-item h3 {
	line-height: 14px;
}

#sidebar .news-item .txt {
	margin-top: 10px;
	width: 100%;
	clear: both;
}

#sidebar .news-item span {
	display: block;
	position: relative;
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#sidebar .news-item span span {
	position: absolute;
	left: 0;
	top: 0;
	background: transparent url(/image/news-overlay.png) no-repeat left top;
}

div.rounded {
	position: relative;
}

div.rounded div {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

div.rounded div { background: transparent url(/image/c_tl.png) no-repeat left top; }
div.rounded div div { background: transparent url(/image/c_tr.png) no-repeat right top; }
div.rounded div div div { background: transparent url(/image/c_bl.png) no-repeat left bottom; }
div.rounded div div div div { background: transparent url(/image/c_br.png) no-repeat right bottom; }

.parentOfNews .detail, .parentOfProducts #intro {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ffe218;
}

form input, form textarea, form button { color: black; }

label.error { color: #f00; }

p.figure.right { float: right; margin-left: 10px; }

.td2.top, .td3.top { width: 100%; clear: both; }

.td2 img, .td3 img { margin-bottom: 10px; }

.td2_0, .td3_0, .td3_1, { margin-right: 10px; }


form .FormTextbox input, form .FormEmailbox input {
	background: transparent url(/image/bg_input.gif) no-repeat left center;
	border: none;
	padding: 0 2px;
}

form .FormTextArea textarea {
	background: transparent url(/image/bg_textarea.gif) no-repeat left center;
	border: none;
	padding: 3px;
	width: 350px;
}

form .FormSubmit button {
	background: transparent url(/image/bg_submit.gif) no-repeat center center;
	text-align: center;
	width: 100px;
	border: none;
	padding: 0;
	margin: 0;
}

div.td2_1 { width: 49%; margin-left: 51%; }

.parentOfProducts .rounded img { clear: none; }
.parentOfProducts .rounded { float: left; margin-right: 10px; }
.parentOfProducts .images { margin: 20px 0; margin-left: 65px; }
.leftpad .parentOfProducts .images { margin-left: 0; }



.contentbox {
	margin-bottom: 20px;
	padding: 20px;
	
	background-color: #ffffff;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	color: #000000;
}