@import url('default.css');

html {
	min-height: 100%;
}

body {
	background-color: #FFFFFF;
	background-image: url('../images/layout/bg.jpg');
	background-position: right top;
	background-repeat: no-repeat;
	letter-spacing: 0.005em;
	width: 100% !important;
}

a {
	color: #3EA681;
	text-decoration: none;
}

input[type="text"],
input[type="password"]{
    border: 1px solid #ABADB3;
    color: #889292;
    min-height: 19px;
    padding: 1px;
}

input[type="submit"],
input[type="button"],
input[type="reset"] {
    background-color: #1B6C84;
    border: 0 solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
	height:22px;
    padding: 0px 6px;
}

textarea {
	border: 1px solid #ABADB3;
	color: #889292;
	font-family: arial;
}

select {
	border: 1px solid #ABADB3;
    padding: 1px;
}

td {
	vertical-align: top;
}

/* W R A P P E R */
div.wrap {
	width: 910px;
	margin: 0 auto;
}

/* H T M L 5 */
header, footer, aside, nav, article { display: block; }
section { display: inline; }

/* H E A D E R */
header a.logo {
	background-image: url('../images/layout/logo.png');
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 98px;
    margin-bottom: 20px;
    margin-top: 35px;
    width: 639px;
}

/* N A V I G A T I O N */
nav div.navigation {
	background-color: #00A8DB;
}

nav div.navigation ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

nav div.navigation ul li {
    background-image: url('../images/layout/nav_spacer.jpg');
    background-position: left center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 46px;
    line-height: 46px;
}

nav div.navigation ul li:first-child {
	background-image: none;
}

nav div.navigation ul li._on {
    background-color: #1B6C84;
    background-image: none;
}

nav div.navigation ul li a,
nav div.navigation ul li.on a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: none;
}

nav div.navigation ul li:hover {
    background-color: #1B6C84;
    background-image: none;
}

nav div.navigation #search {
    height: 46px;
    line-height: 46px;
    padding-right: 9px;
    width: 209px;
}

nav div.navigation #search form {
	padding-top: 8px;
}

nav div.navigation #search input[type="text"] {
    border-bottom: 1px solid #CCEEF8;
    border-width: 0 0 1px;
    color: #889292;
    height: 23px;
    padding-left: 6px;
    padding-top: 4px;
    position: absolute;
    width: 140px;
}

nav div.navigation #search input[type="image"] {
    color: #FFFFFF;
    left: 146px;
    position: relative;
}

/* L A N G U A G E  S E C T I O N */
section#languages {
	display: block;
}

section#languages div.language {
    letter-spacing: 0.08em;
    margin-top: 10px;
    padding-bottom: 15px;
    padding-right: 9px;
}

section#languages a {
    color: #1B6C84;
    font-weight: bold;
}

/* C O N T E N T  A R T I C L E */
article#content {
	padding-bottom: 55px;
}

article#content aside {
    border-right: 1px solid #6BD3F0;
    float: left;
    width: 238px;
}

article#content aside h3 {
    font-weight: bold;
    margin-left: 3px;
    margin-top: 0;
}

article#content aside select {
	border: 1px solid #ABADB3;
    margin-left: 3px;
    padding: 1px;
    width: 215px;
}

article#content aside div#left {
    padding-bottom: 10px;
    padding-top: 15px;
}

article#content aside div.sector {
    border-top: 1px solid #E2E2E2;
    height: 81px;
    margin-bottom: 9px;
    margin-right: 14px;
    padding-top: 9px;
    width: 225px;
}

article#content aside div.sector:first-child {
    border-top: medium none;
    padding-top: 0;
}

article#content aside div.sector div.sectorinfo {
    width: 150px;
}

article#content aside div.sector img {
    float: left;
    padding-left: 2px;
    padding-right: 9px;
    padding-top: 4px;
}

article#content aside div.sector h1 {
	background-image: url('../images/layout/h1_pointer.png');
    background-position: left 7px;
    background-repeat: no-repeat;
    color: #00A7DB;
    letter-spacing: -0.025em;
    margin-bottom: 2px;
    margin-top: 0;
    padding-bottom: 5px;
    padding-left: 17px;
    padding-top: 3px;
	font-size:14px;
}

article#content aside div.sector h1 a {
	color: #00A7DB;
}

article#content aside div.sector h1 a:hover {
	text-decoration: underline;
}

article#content aside div.sector p {
    color: #3D3D3D;
    font-size: 12px;
    line-height: 17px;
    margin-top: 0;
}

article#content section {
	float: left;
}

section#middle {
    width: 453px;
}

section#middle section {
	padding-left: 25px;
	padding-right: 20px;
}

section#middle section#intro h1 {
	font-size: 1.75em;
	margin-top: 16px;
	margin-bottom: 0;
}

section#middle section#intro p {
    letter-spacing: 0.005em;
    line-height: 22px;
    margin-bottom: 22px;
    margin-top: 12px;
}


section#middle section#intro p.last-child {
    border-bottom: 1px solid #E1E0E0;
    margin-bottom: 15px;
    padding-bottom: 32px;
}


section#middle section#products h2 {
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 0;
}

section#middle section#products h3 {
	font-weight: bold;
}

section#middle section#products p {
    letter-spacing: 0.0001em;
    line-height: 22px;
    margin-bottom: 22px;
    margin-top: 12px;
}

section#right {
	width: 218px;
}

section#right h2 {
    font-size: 1.7em;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 7px;
}

section#right div#newsHeadlines {
    background-color: #FFFFFF;
    border: 1px solid #9AE0F9;
    padding: 0 10px 10px 19px;
    width: 187px;
}

section#right div#newsHeadlines strong {
    display: block;
    margin-top: 20px;
}

section#right div#newsHeadlines p {
    line-height: 19px;
    margin-bottom: 17px;
    margin-top: 18px;
}

div.pagenav a {
	color: #666666;
	font-weight: bold;
}

div.pagenav strong {
    background-color: #CFCDCD;
    border: 1px solid #E5E5E5;
    margin-right: 2px;
    padding: 2px 6px;
}

div.pagenav a.no {
	background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
	color: #666666;
	font-weight: normal;
	margin-right: 2px;
	padding: 2px 6px;
}

div.newsimage {
	background: url('') no-repeat scroll center center transparent;
	height: 150px;
	width: 150px;
}

/* P A R T N E R S */
article div#partners-carousel {
	border-bottom: 2px solid #E3E3E3;
    border-top: 2px solid #E3E3E3;
    height: 64px;
    margin-bottom: 28px;
}

article div#partners-carousel h2 {
    color: #00A7DB;
    float: left;
    font-size: 24px;
    height: 64px;
    line-height: 64px;
    margin: 0 0 0 3px;
}

article div#carousel-wrapper {
    float: right;
    height: 64px;
    overflow: hidden;
    width: 706px;
}

article div#carousel-wrapper ul {
    height: 64px;
    list-style: none outside none;
}

article div#carousel-wrapper ul li {
    height: 52px;
    line-height: 52px;
}

article div#carousel-wrapper ul img {
	vertical-align: middle;
    max-height: 52px;
    max-width: 106px;
}

/* C O N T A C T  S E C T I O N */
footer div#contactbox {
    background-color: #00A7DB;
    border-bottom: 1px solid #66CAE9;
    color: #FFFFFF;
    font-size: 13px;
    height: 70px;
    line-height: 70px;
    text-align: center;
}

footer div#contactbox a {
	color: #FFFFFF;
}

footer div#contactbox span:first-child {
	padding-right: 15px;
}

footer nav ul {
    height: 22px;
    list-style: none outside none;
    padding-left: 32px;
}

footer nav li {
    border-left: 2px solid #BBBBBB;
    float: left;
    margin-left: 14px;
    padding-left: 14px;
}

footer nav li:first-child {
    border-left: medium none;
    margin-left: 0;
    padding-left: 0;
}

footer nav ul.webworks a {
	color: #3D3D3D;
}

/* S U B P A G E */
body.subpage section#middle {
	width: 671px;
}

body.subpage article#content aside {
	width: 238px;
}

body.subpage section#middle section {
	width: 624px;
}

body.subpage section#middle h1 {
    font-size: 21px;
    margin-bottom: 17px;
    margin-top: 13px;
}

body.subpage section#middle p {
    line-height: 20px;
    margin-bottom: 15px;
}

body.subpage form#articlesearch input[type="text"] {
	padding: 0px;
	margin-top: 0px;
	margin-right: 1px;
	height: 20px;
	float: left;
}

body.subpage form#articlesearch input[type="submit"] {
	margin-top: 0px;
}

body.subpage form#articlesearch select {
	width: 192px;
}

/* S U B P A G E  P R O D U C T S */
body.subpage section#middle div.products {
    border-bottom: 1px solid #EAEAEA;
    margin-bottom: 27px;
    padding-bottom: 27px;
    margin-right: 15px; /*padding-right: 15px;*/
    width: 285px;
	height:35px;
	overflow:hidden;
}

body.subpage section#middle div.products td {
	vertical-align: top;
}

body.subpage section#middle div.products h2 {
	color: #383838;
	font-size: 12px;
    font-weight: bold;
    margin: 0;
}

body.subpage section#middle div.products p {
	margin: 0;
}

body.subpage section#middle div.article_image p {
    background-color: #64BB9B;
    color: #FFFFFF;
    height: 75px;
    margin: 0;
    padding-top: 36px;
    text-align: center;
    width: 100px;
}

/* C E R T I F I C A T E S */
body.subpage section#middle section.wider {
	padding-right: 0;
    width: 650px;
}

/* J C A R O U S E L  S K I N */
.jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-container-horizontal {
    width: 860px;
}

.jcarousel-clip {
    overflow: hidden;
}

.jcarousel-clip-horizontal {
    height: 64px;
    margin-left: 20px;
    margin-right: 20px;
    width: 670px;
}

.jcarousel-item {
    height: 52px;
    text-align: center;
    width: 106px;
}

.jcarousel-item-horizontal {
    margin: 6px 29px;
}

.jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin: 6px 30px;
}

.jcarousel-item-placeholder {
    background: #ffffff;
    color: #000000;
}

.jcarousel-next-horizontal {
    background: transparent url('../images/layout/arrow_right.png') no-repeat 0 0;
    cursor: pointer;
    height: 20px;
    position: absolute;
    right: 3px;
    top: 22px;
    width: 11px;
}

.jcarousel-direction-rtl .jcarousel-next-horizontal {
	background-image: url('../images/layout/arrow_left.png');
    left: 5px;
    right: auto;
}

.jcarousel-prev-horizontal {
    background: transparent url('../images/layout/arrow_left.png') no-repeat 0 0;
    cursor: pointer;
    height: 20px;
    left: 5px;
    position: absolute;
    top: 22px;
    width: 11px;
}

.jcarousel-direction-rtl .jcarousel-prev-horizontal {
	background-image: url('../images/layout/arrow_right.png');
    left: auto;
    right: 5px;
}

div#articlesubnav {
	float:right; 
	margin:-20px 0 5px 0;
}

div#articlesubnav input {
	padding: 0px;
	min-height: 30px;
}

#orderForm input.orderProductCode {
    font-size: 9px;
    line-height: 19px;
    width: 92px;
}

#orderForm input {
	margin: 0;
}

.demoHeaders { margin-top: 2em; }
#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}