html, body, div, ul, li, form, span, p, img, fieldset, legend, label, h1, h2, h3, h4, h5, h6, table, tbody, thead, tfoot, tr, th, td, textarea {margin:0em; padding:0em; border:none;}
body {background:#070707; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:13px;}
li {list-style-type:none;}

.hidden {overflow:hidden; height:0; width:0; display:block;}
.hide{ display:none!important;}

/* to clear floated elements - all browsers - from http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


.wrap {width:960px; padding:0px 10px; margin:0 auto;}
.left {float:left; display:inline;}
.right {float:right; display:inline;}

#canvas{max-width:1680px; min-width: 1000px; margin: 0 auto; /*border-left: 6px solid white; border-right: 6px solid white;*/}
#container {background:#000 url("../img/header4.jpg") top left no-repeat;}
#container.smallback {background:#000 url("../img/header4.jpg") center -100px no-repeat;}
#container.microHeader{background:#000 url("../img/header3.jpg") left -335px no-repeat;}
#footer {background:#fff url("../img/bgBottom.jpg") top center no-repeat;}
#footer {padding:80px 0px 30px 0px;}
#footer p {color:#666; font-size:10px;}

#footer .left h2 img {width:220px;}
#footer .left {min-height:100px;}
#footer .contact p {line-height:17px; color:#666; font-size:12px; margin:10px 0px;}
#footer .contact p span {font-weight:bold; color:#333;}
#footer .contact a#mailto{color:#666!important; text-decoration: none;}

#sitemapWrapper{width:680px;}
#sitemap {width:680px; float:left; margin-top:40px; margin-bottom:20px;}
#sitemap .box {float:left; display:inline; margin-right:36px; /*width:205px;*/ width:182px;}
#sitemap .last {margin-right:0px;}
#sitemap .box h3 {color:#00AEEF; text-transform:uppercase; font-style:italic; margin-bottom:10px; font-weight:normal;}
#sitemap .box h3 a{color:#00AEEF;}
#sitemap .box ul {border-top:1px solid #efefef; padding-top:4px;}
#sitemap .box ul li {margin-bottom:4px; padding-bottom:4px; border-bottom:1px solid #efefef;}
#sitemap .box ul li a {color:#666; text-decoration:none; line-height:17px; font-size:12px;}
#sitemap .box ul li a:hover {text-decoration:underline;}

#morebrands p {text-align:left; font-size:12px;}
#morebrands a {color:#00AEEF; text-decoration:none;}
#morebrands a:hover {text-decoration:underline;}

.social .links{display:inline; float:left;margin-top: -2px;}
.social .links a{ display: inline; width: 20px; height: 20px;}
.social .links a.facebook{ background: url('../img/share_facebook.png') left top no-repeat;}
.social .links a.twitter{ background: url('../img/share_twitter.png') left top no-repeat;}
.social .links a.bookmark{ background: url('../img/share_bookmark.png') left top no-repeat;}
.social .links a.delicious{ background: url('../img/share_delicious_16.png') left top no-repeat;}
.social .links a.pinterest{ background: url('../img/share_pinterest.png') left top no-repeat;}

#socialbuttons {padding-top:5px;}
#socialbuttons li {margin-right:5px; width:47px; height:47px; display:inline-block;}
#socialbuttons a {display:block; width:47px; height:47px; opacity:0.8;}
#socialbuttons a:hover {opacity:1;}
#socialbuttons li.blog a{background:url("../img/icon_blog.png") left top no-repeat;}
/*#socialbuttons li.twitter a {background:url("../img/icon_twitter.png") left top no-repeat;}
#socialbuttons li.facebook a {background:url("../img/icon_facebook.png") left top no-repeat;}*/
#socialbuttons li a{-webkit-border-radius: 9px; border-radius:9px;}
#socialbuttons li.twitter a {background:url("../img/twitter.png") left top no-repeat;}
#socialbuttons li.facebook a {background:url("../img/facebook.png") left top no-repeat;}


#topbar {background:#000; margin-bottom:30px; position:fixed; left: 0;width:100%!important; -webkit-box-shadow:  3px 0px 20px 3px rgba(0, 0, 0, 0.8);-moz-box-shadow:  3px 0px 20px 3px rgba(0, 0, 0, 0.8); box-shadow:  3px 0px 20px 3px rgba(0, 0, 0, 0.8); z-index:10000;}
#topbar a {font-size:11px;}

#localenav li {display:inline-block;}
#localenav li a {color:#efefef; text-decoration:none; display:block; line-height:30px; padding:0px 5px 0px 0px;}
#localenav li a:hover {color:#fff; text-decoration:none;}
#localenav li span {color:#00AEEF; font-size:11px; display:block; line-height:30px; padding:0px 5px 0px 0px;}

#localenav #selectedCountry{font-size:11px; padding-right:20px;}
#localenav #selectedCountry a, #countrySelector a{ color: #adadad; padding-left: 19px;}
#localenav a.be, #countrySelector a.be, .regionIndicator.be{ background: url('../img/flag_belgium.png') center left no-repeat;}
#localenav a.fr, #countrySelector a.fr, .regionIndicator.fr{ background: url('../img/flag_france.png') center left no-repeat;}
#localenav a.uk, #countrySelector a.uk, .regionIndicator.uk{ background: url('../img/flag_uk.png') center left no-repeat;}
#localenav a.es, #countrySelector a.es, .regionIndicator.es{ background: url('../img/flag_spain.png') center left no-repeat;}
#localenav a.de, #countrySelector a.de, .regionIndicator.de{ background: url('../img/flag_germany.png') center left no-repeat;}
#localenav a.nl, #countrySelector a.nl, .regionIndicator.nl{ background: url('../img/flag_netherlands.gif') center left no-repeat;}
#localenav a.com, #countrySelector a.com, .regionIndicator.com{ background: url('../img/flag_international.gif') center left no-repeat;}
#localenav a.no, #countrySelector a.no, .regionIndicator.no{ background: url('../img/flag_no.png') center left no-repeat;}
#localenav a.se, #countrySelector a.se, .regionIndicator.se{ background: url('../img/flag_se.png') center left no-repeat;}
#localenav a.fi, #countrySelector a.fi, .regionIndicator.fi{ background: url('../img/flag_fi.png') center left no-repeat;}
#localenav a.pl, #countrySelector a.pl, .regionIndicator.pl{ background: url('../img/flag_poland.png') center left no-repeat;}


#countrySelector{ padding-bottom: 8px;}
#countrySelector p{font-size:11px; font-style:italic; font-weight:bold; margin: 5px 3px 8px 6px}
#countrySelector li{padding: 0 6px; -webkit-border-radius: 4px; border-radius: 4px; display: block;}
#countrySelector li a{ padding-left: 23px!important; display: block; color: #fff; font-size: 20px;}
#countrySelector li:hover{background-color: #333;}

#bubbleMenu{ position: absolute; top: 32px; background:#222; padding: 8px; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 3px 0px 20px 3px rgba(0, 0, 0, 0.8); -moz-box-shadow: 3px 0px 20px 3px rgba(0, 0, 0, 0.8); box-shadow: 3px 0px 20px 3px rgba(0, 0, 0, 0.8);}
#bubbleMenu #arrow{background: url('../img/arrow_dark.png') left top no-repeat; width: 20px; height: 10px; position: absolute; z-index: 10001; left: 20px; top: -10px;}

#mainnav li {display:inline-block; position:relative;}
#mainnav li a {color:#efefef; text-decoration:none; display:block; line-height:24px; margin-right:8px; padding:0px 1px 5px 1px; border-top:5px solid #000;}
#mainnav li a:hover {color:#fff; text-decoration:none; border-top:5px solid #fff;}
#mainnav > li.active > a {border-top:5px solid #00AEEF; color:#00AEEF;}
#mainnav li.button a {background:#6CC7E3;background:orange;color:#fff; padding:4px 6px; -webkit-border-radius: 4px; border-radius: 4px; border-top:none; line-height:14px; text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}
#mainnav li.button a:hover {background:#6CC7E3;}

/* dropdown submenus */
#mainnav li ul{margin: 0;padding: 0;position: absolute;visibility: hidden; -webkit-box-shadow:  3px 3px 20px 2px rgba(0, 0, 0, 0.8); box-shadow:  3px 3px 20px 2px rgba(0, 0, 0, 0.8);margin-left:-10px; padding-bottom: 6px;
background-color: #111;}
#mainnav li ul li{float: none; display: block;}
#mainnav li ul li a{background: #111;width: 170px; padding: 3px 0 1px 8px; border:none; border-left:5px solid transparent; /*height:19px;*/line-height:19px; margin-right:0;}
#mainnav li ul li a:hover{ border-top:0; border-left:5px solid #00AEEF; color:#00AEEF;}


#header {margin-bottom:5px;padding-top: 60px;}
#header h1 a {display:block; /*background:url("../img/logo.png") left top no-repeat;*/}
#header h1 a img{width:249px; height:65px;}
/*#header h1 a {display:block; width:249px; height:65px; background:url("../img/logo_dropshadow.png") left top no-repeat;}*/

#search {margin:10px 0px 20px 0px; background:#fff url("../img/icon_search.png") 5px center no-repeat; padding:2px 12px 2px 22px; -webkit-border-radius: 12px; border-radius: 12px;}
#search input {border:none; font-size:11px; width:150px; color:#666;}
#search input:focus {outline:0 none; border:none;}

#splashbox {margin-bottom:30px;}
.triple .box {display:inline-block; /*background:red;*/ width:296px; height: 390px; box-shadow:4px 4px 8px #333; margin-right:30px;cursor:pointer}
/*.triple .box img {width:297px;}*/
.triple .last {margin-right:0px;}

.triple .box{position:relative;}
.triple .box .text{position: absolute; top:265px; left: 0px; padding: 22px; line-height: 18px; font-size: 12px;}
.triple .box:hover{-webkit-box-shadow:  1px 0px 15px 1px rgba(255, 255, 255, 0.6);-moz-box-shadow:  1px 0px 15px 1px rgba(255, 255, 255, 0.6); box-shadow:  1px 0px 15px 1px rgba(255, 255, 255, 0.6);cursor:hand;}

.imgWrapper{padding:5px; margin-bottom: 8px;display: block;}
.imgWrapper img{padding: 16px 20px; background:#fff; -webkit-border-radius: 3px; border-radius: 3px;}

#recentActivityContainer > div h3, #latestNews > div h3{font-weight: normal;color:#999;}
#recentActivityContainer > div h2, #latestNews > div h2{font-weight: normal;color:white;margin-bottom: 10px;text-transform: uppercase;font-style: italic;font-size: 16px;}

#recentActivityContainer > div .innerContentBox, #latestNews > div.innerContentBox{width:200px; padding-right: 30px;}
#recentActivityContainer > div .largeInnerContentBox{width:400px; padding-right: 60px;}

#latestNews img{width:200px; min-height:129px;}
#recentActivityContainer #socialMedia .socialbox{ width:232px; margin: 0 0 24px 7px!important; background: #00AEEF url("../img/socialbottom.png") left bottom no-repeat!important}
#recentActivityContainer #socialMedia .socialbox a {color:#666; text-decoration:none;}
#recentActivityContainer #socialMedia .socialbox h3{color:#fff;}
#recentActivityContainer #socialMedia .socialbox span{ color:orange; font-size:11px;}
#recentActivityContainer #socialMedia .socialbox .sep{ border-bottom: 1px solid white; margin: 5px 0px 13px 0px;}
#recentActivityContainer #socialMedia .twitterName{margin-bottom: 5px;}
#recentActivityContainer #socialMedia .twitterMsg, #recentActivityContainer #socialMedia .facebookbox .content{line-height: 17px;}

.contentblocks .block {width:210px; margin-right:40px;}
.contentblocks .lastBlock {margin-right:0px;}
.contentblocks .block h2 {font-weight:normal; color:#fff; margin-bottom:10px; text-transform:uppercase; font-style:italic; font-size:16px;}

.article {margin-bottom:15px;}
.article h3 {margin-bottom:10px; font-weight:normal; color:#999;}
.article p {line-height:16px; font-size:11px; color:#999; margin:5px 0px;}
.article img {margin:7px 0px; width:210px;}

#banner {width: 262px; margin-bottom:35px;}
#banner #carrouselContainer{position: relative; margin-left: 7px;}
#banner #carrouselContainer .carrouselitem {border:2px solid #FFF; width: 258px; position: absolute; top: 0; left: 0; }

.socialfeed {}
.socialfeed .socialbox {background:#00AEEF url("../img/socialbottom.png") left bottom no-repeat; padding:12px 15px 50px 15px; margin-bottom:10px;}
.socialfeed .alt {background: #00AEEF url("../img/socialbottom.png") left bottom no-repeat;}
.socialfeed .socialbox h3 {text-transform:uppercase; font-weight:normal; font-style:italic; margin-bottom:7px;}
.socialfeed .socialbox h3.mail{text-align:right;font-size:17px;font-weight:200;letter-spacing: 0.2px;}
.socialfeed .socialbox h3.mail a{color:#FFBC73;}

#crumb {}
#crumb li {display:inline-block; padding-right:20px; font-size:11px; color:#fff; background:url("../img/crumb_arrow.png") right center no-repeat;}
#crumb li a {text-decoration:none; color:#fff; line-height:18px;}
#crumb li a:hover {text-decoration:underline;}

#titlebox {margin-bottom:20px;}
#titlebox h2, #titlebox h3{ text-transform:uppercase; font-style:italic; text-shadow:0px 0px 3px #333;}
#titlebox h2 {font-size:34px; }
#titlebox h3 {font-size:22px;}


.double {position:relative; margin-bottom:40px; border:2px solid #fff; background:url("../img/trans.png") left top repeat; width:960px;}
.double .box {float:left; display:inline;}
.double .image {width:640px; height: 442px; background:white; /*min-height: 300px;*/}
.double .image a.fancyLink img { height: 400px; padding: 20px 0;}
.double .product {width:280px; padding:10px;}
.double .product h2 {text-transform:uppercase; font-style:italic; font-weight:bold; font-size:16px; margin-bottom:4px;}
.double .product h3 {text-transform:uppercase; font-style:italic; font-weight:normal; font-size:12px; color:#999;}
.double .product h3.artnr{ margin-bottom: 21px; font-size: 13px;color: #B4B4B4;}
.double .product p.desc {margin:10px 0px 20px 0px; font-size:12px;}
.double .product .sizes {font-size:12px;}
.double .product .sizes span {font-weight:bold;}
.double .product .price p, .double .product .price a {text-align:right; margin:10px 0px; color:#00A3DA; font-size:30px; font-style:italic;}
.double .product .price p.wrapper{line-height: 17px; margin-top: 20px;}
.double .product .price a{ font-size:14px;}
.double .product .price a:hover{ color:white; text-decoration:underline;}
.double .product .designyourown {margin-left: -10px;}
.double .product .social {position:absolute; bottom:0px;}
.double .product .social span {float:left; display:inline; /*width:55px;*/ text-transform:uppercase; font-size:11px; height:50px;}
.double .product .social a {color:#fff; text-decoration:none; padding-left:20px; margin-right:5px; /*font-size:11px;*/ line-height:18px;}
.double .product .social a:hover {text-decoration:underline;}

.productdetail .block {width:537px; margin-right:40px;}
.productdetail h2 {font-style:italic; text-transform:uppercase; font-weight:normal; font-size:20px; margin-bottom:10px;}
.productdetail h3 {font-style:italic; text-transform:uppercase; font-weight:normal; font-size:16px; color:#CCC; margin:10px 0px;}
.productdetail p {font-size:13px; line-height:18px;}

.productdetail .lastBlock {width:315px; margin-right:0px;}
.productdetail .tabbox {}
.tabbox .boxnav {background:#000;}
.tabbox .boxnav li {float:left; display:inline; padding:0px 5px 0px 0px;}
.tabbox .boxnav li a {text-transform:uppercase; padding:5px 0px; display:block; font-size:11px; margin-right:10px; color:#fff; text-decoration:none; font-weight:bold; border-bottom:4px solid #000;}
.tabbox .boxnav li.active a {border-bottom:4px solid #00A3DA;}
.tabbox .boxnav li a:hover {border-bottom:4px solid #fff;}
.tabbox .boxcontent {padding:15px; background:#CCC;}
.tabbox .boxcontent h3 {color:#fff; text-transform:uppercase; margin:10px 0px; font-size:14px; color:#ff;}
.tabbox .boxcontent p {font-size:12px; line-height:16px; color:#333; margin:5px 0px;}
.tabbox .boxcontent a, .tabbox .boxcontent span{ text-shadow: 2px 2px 3px #ddd;color: #666; font-weight: bold; text-transform: uppercase; font-style: italic; font-size: 1em;}
.tabbox .boxcontent a:hover{color: #444;}
.tabbox .boxcontent span:hover{ cursor:default;}
.tabbox .boxcontent .technologies{ }
.tabbox .boxcontent .technologies .technologyWrapper{margin: 0; width:270px; padding:8px}
.tabbox .boxcontent .technologies .technologyWrapper.sep{ border-bottom: 1px solid #aaa;}
.tabbox .boxcontent .technologies .name{ margin: 6px 0 0 13px;}
.tabbox .boxcontent .technologies img{ width:45px; -webkit-border-radius: 4px; border-radius: 4px;}

#tabRelatedMedia .mediaLink{ width: 270px; margin: 0; padding: 8px 8px 0 8px;}
#tabRelatedMedia .mediaLink a{ padding-left: 24px; display: inline-block;}
#tabRelatedMedia .mediaLink a.doc{ background: url('../img/icon_doc.png') 1px 1px no-repeat;}
#tabRelatedMedia .mediaLink a.video{ background: url('../img/icon_youtube.png') 1px 1px no-repeat;}
#tabRelatedMedia .mediaLink a.link{ background: url('../img/icon_link.png') left 1px no-repeat;}


.productlist {width:700px;background:#fff; 	padding-bottom: 20px; min-height: 100px; margin-bottom:34px;}
.productlist .productrow {position:relative; padding-left:8px; padding-top:10px; margin-bottom:5px;}
.productlist .productrow a.more {position:absolute; top:25px; right:20px; padding-right:14px; text-decoration:none; color:#00A3DA; background:url("../img/arrow_clear.png") right center no-repeat;}
.productlist .productrow a.more:hover {text-decoration:underline;}
.productlist .productbox {width:166px; display:inline-block; margin:10px 0px 0px 4px; padding:3px 0 10px; background:#fff; -webkit-border-radius: 5px; border-radius: 5px; float:left;text-decoration: none;}
.productlist .productbox:hover {cursor:pointer; background: #00A3DA;/*#efefef;*/ color:#EFEFEF!important;}
.productlist .productbox:hover h3{color:#fff!important;}
.productlist h2 {color:#00AEEF; padding-left:10px; padding-top:10px; font-style:italic; text-transform:uppercase; font-weight:normal;}
.productlist .productbox h3 {color:#333; font-weight:normal; font-style:normal; margin:10px 10px 4px 10px; font-size:14px;text-align:center}
.productlist .productbox p {color:#00A3DA; font-weight:normal; font-style:italic; margin:0px 10px 4px 10px; font-size:13px;}
.productlist .productbox .productimg {text-align:center;}
.productlist .productbox .productimg img {height:160px;}

.collectionnav {width:180px; padding:20px; border:2px solid #fff; background:url("../img/trans.png") left top repeat; margin-bottom: 40px;}
.collectionnav h2, .collectionnav h3, .collectionnav h4{text-transform:uppercase; font-style:italic; font-weight:bold;margin-bottom:4px; font-size:12px;}
.collectionnav h2 { font-size:16px; }
.collectionnav h3 { color:#fff; margin-bottom:10px;}
.collectionnav h4 { color:#00A3DA; }
.collectionnav p.desc {margin:10px 0px 20px 0px; font-size:11px;}
.collectionnav .filternav {margin-bottom:10px;}
.collectionnav .filternav li a {background:url("../img/tick.png") left top no-repeat; text-decoration:none; color:#fff; padding-left:20px; font-style:italic; font-weight:bold; line-height:14px; display:block; margin:4px 0px;}
.collectionnav .filternav li a:hover {background:url("../img/tick.png") 0px -14px no-repeat;}
.collectionnav .filternav li.checked a {background:url("../img/tick.png") left bottom no-repeat;}
.collectionnav .filternav li.checked a:hover {background:url("../img/tick.png") left bottom no-repeat;}

.contentleft {width:700px; margin-right:20px; min-height:400px}
.contentright {width:224px;}

.pagenav {border:2px solid #fff; background:url("../img/trans.png") left top repeat; width:220px; padding-bottom:20px; margin-bottom:40px;}
.pagenav h2{margin:20px; text-transform:uppercase; font-style:italic; font-weight:bold; font-size:16px;}
.pagenav li a {text-decoration:none; margin:10px 0px; display:block; border-left:3px solid transparent; color:#fff; padding-left:17px; text-transform:uppercase; font-style:italic; font-size:12px;}
.pagenav li a:hover {border-left:3px solid #fff;}
.pagenav li.active a {color:#00A3DA; border-left:4px solid #00A3DA;padding-left:16px;}


.subMenuBlock{margin-left:0px;}
/*.pagenav .subMenuBlock li a:hover, .pagenav .subMenuBlock li.active a{padding-left: 14px; margin-left: -7px;}*/
/*.pagenav .subMenuBlock li a:hover{padding-left: 14px; }*/


.promoimage {border:2px solid #fff; margin-bottom:40px;height: 248px;}
.promoimage img {width:696px;}

.contentpage {}
.contentpage h2, .contentpage h3{font-style:italic; text-transform:uppercase; font-weight:normal; }
.contentpage h2 {font-size:20px; margin-bottom:10px;}
.contentpage h3 {font-size:16px; color:#CCC; margin:10px 0px;}
.contentpage p {font-size:13px; line-height:18px;}

.altText, #localenav li.active a, #vCard a{color:#00AEEF;}

.contactContainer{padding-top: 20px;}
.contactContainer, .contactsWrapper{margin-bottom: 70px;}
.contactContainer h3{margin-bottom: 35px; font-size: 24px; font-weight: normal; text-transform: uppercase; color: #00AEEF;}
.contactsWrapper{ border-bottom: 2px solid white;}
.contactsWrapper.last{border:none;}
.contactBox{float: left; width: 305px;padding: 0 45px 32px 0;}
.contactBox h4{color:#00AEEF; font-size: 16px; font-style:italic;}
.contactPhone,.contactEmail{color:#999;font-size:12px; margin-top: 3px;}
.contactEmail{ white-space: nowrap;}
.contactEmail a{ color: #CECECE;}
.contactDescr{margin-top: 14px; line-height: 17px; font-size: 0.9em;}
.contactInfo{ float: left; width: 208px;}
.contactImage{float:left; width:90px; margin-right: 6px;}
.contactImage .nophoto{border: 1px solid #333;}
/*table td{ border-bottom: 1px solid #999;}*/
.regionIndicator{ padding: 3px 3px 2px 20px; display: block; line-height: 14px; margin: 0 5px 0 0; font-size: 12px; text-transform: uppercase;}
.country-1{background: url('../img/icon_belgium.png') 0 -1px no-repeat;}
.country-2{background: url('../img/icon_netherlands.gif') 0 0px no-repeat;}


.callUs{margin-top: 35px;margin-bottom: 30px;width: 224px;}
.callUs div.socialbox{padding: 24px 15px 40px 14px;}
.callUs div.socialbox h3{font-size:20px;font-style: italic;letter-spacing:-1px; /*font-weight:bold;*/}
.callUs div.socialbox p{font-size:24px;font-style: italic;letter-spacing:-1px;padding-bottom:20px; font-weight:lighter}

ul#teamList li{ margin-bottom: 27px;}
ul li div.header{ color: #fff; text-transform:uppercase; font-style: italic; font-size: 15px; margin-bottom: 10px;}
.topBlockTitle, .block h3{margin-bottom: 3px; font-size: 20px; font-weight:normal;font-style:italic;}
.block{margin-bottom: 38px;}
.topBlockTitle{font-size: 24px;}
.altText{color: #00AEEF;font-style:italic;padding-top:10px}


.typesContainer{ margin-bottom: 42px;}
.typesContainer h2 {margin: 5px 20px 20px 0; text-transform:uppercase; font-style:italic; font-weight:bold; font-size:18px; color:white;}
.typesContainer .material, .typesContainer .feature, .typesContainer .zeem{ border-bottom: 1px solid #444; padding-top: 24px;}
.typesContainer .material .materialLogo, .typesContainer .feature .featureLogo, .typesContainer .zeem .zeemLogo{ width: 136px; float: left; padding-top:5px;}
.typesContainer .feature .featureLogo{width:82px!important;}
.typesContainer .material .type, .typesContainer .zeem .type{float:left; margin-right: 22px; margin-bottom: 20px;width: 120px; height:120px; color: #00A3DA; text-align:center; -webkit-border-radius: 12px; border-radius: 12px;}
.typesContainer .feature .type{float:left; margin-right: 22px; margin-bottom: 20px;color: #00A3DA; text-align:center; -webkit-border-radius: 12px; border-radius: 12px;}
/*.typesContainer .type:hover{ cursor:pointer}*/

.typesContainer .zeem .zeemDescr.textContent,
.typesContainer .material .materialDescr.textContent{ float: left; width: 560px;}
.typesContainer .feature .featureDescr.textContent{ float: left; width: 610px; padding-top: 6px;}

a.readmore{color: #00AEEF; text-decoration: none; margin-top: -16px;}

.specs{padding-left: 14px;}
.specs li{list-style:square!important; padding-bottom: 8px; color:#333;}


#latestNews{margin-bottom: 18px;}
#latestNews .newsContent{margin-bottom: 25px;}

#latestProducts{height: 550px;}

#newsDetailWrapper{width: 700px;}
#newsDetailWrapper #postedAt{color:#999; font-size:11px; font-style:italic; padding-bottom:15px;}
#newsDetailWrapper #newsDetailContent img{float:left;padding: 6px 33px 13px 0;}

#oldNews{margin-bottom: 26px;}
#oldNews > h3{ margin-bottom: 15px;}
#oldNews td{padding: 2px 0px;}
#oldNews td span{width: 46px;font-size: 12px; padding-right: 10px;}
#oldNews td a{color: #999; font-style: italic; font-size: 14px; line-height: 23px; display: inline-block;}

.noResults{text-transform: uppercase; font-style: italic; font-weight: bold; margin-bottom: 2px; font-size: 12px; color: #999; padding: 8px 0 0 20px;}
.noContacts{padding-left: 0; font-size: 16px; color: #00A3DA;}

#formWrapper{padding:20px 30px; border: 2px solid white; background: url("../img/trans.png") left top repeat; margin-bottom: 40px;}
#formWrapper .formLabel{text-transform: uppercase; font-style: italic; font-weight: bold; margin-bottom: 2px; font-size: 12px; color:#999;}
#formWrapper input,
#formWrapper textarea{
	border: none; -webkit-border-radius: 4px; border-radius: 4px;line-height: 20px;color: #666; background:#EAEAEA; font-size:14px;
	font-family: Arial, Helvetica, sans-serif;padding: 2px 8px; outline:none
}
#formWrapper input:focus, #formWrapper textarea:focus{background:white;}
#formWrapper input{width:305px; margin-bottom: 16px; height:25px}
#formWrapper input#captcha{width:150px;}
#formWrapper textarea{width:95%; margin-bottom:12px;}

#formWrapper #btnContainer, #contactSearchBox #btnContainer{margin-top:10px}
#formWrapper a#btnContact, #contactSearchBox #btnContainer a#btnSubmit{
	-webkit-border-radius: 4px; border-radius: 4px;
 	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	line-height: 38px;
	font-size: 13px; padding:8px 15px;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	background: #00aeef;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc0Y2NlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGFlZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #74cce8 0%, #00aeef 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#74cce8), color-stop(100%,#00aeef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #74cce8 0%,#00aeef 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #74cce8 0%,#00aeef 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #74cce8 0%,#00aeef 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #74cce8 0%,#00aeef 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74cce8', endColorstr='#00aeef',GradientType=0 ); /* IE6-8 */
	color:#fff;
	font-style:italic;
}


#timelineContainer {margin: 20px auto; width: 700px; overflow: hidden; background: url("../img/timeline_bg.gif") repeat-y center top; }
#timelineContainer .year{ width: 336px; float: left; margin: 0 0 4px; padding: 10px 100px 0 0; position: relative; }
#timelineContainer .year > span{ position: absolute; right: -8px; font-size: 2.1em; background: #00AEEF; padding: 8px 6px; font-weight: bold; width: 62px; text-transform: uppercase; font-style: italic; text-shadow: 0px 0px 3px #333; -webkit-border-radius: 4px; border-radius: 4px;}
#timelineContainer .year.alt{ float: right; padding: 10px 0 0 100px;}
#timelineContainer .year.alt > span{ left: -8px;}
#timelineContainer .year .event{position:relative; border: 1px solid #333; padding: 12px; width: 310px; -webkit-border-radius: 2px; border-radius: 2px; margin-bottom: 20px; background: #292929;}
/*#timelineContainer .year .event .imageWrapper{text-align:center;}*/
#timelineContainer .year .event p{line-height:1.6em}
#timelineContainer .year .event .rightArrow{background-image: url("../img/timeline_rarrow.png"); right:-17px;}
#timelineContainer .year .event .leftArrow{background-image: url("../img/timeline_larrow.png"); left:-17px;}
#timelineContainer .year .event .rightArrow,
#timelineContainer .year .event .leftArrow{ display: block; height: 15px; width: 17px; z-index: 2; position: absolute;top:16px; }

#productfeatures{margin:20px 0 28px}
.productfeature{margin-right:4px; width:45px;margin-top:8px;}
.productfeature:hover{cursor:pointer}

#thumbsContainer{position:absolute; top:20px; left:18px; width:66px;}
#thumbsContainer > a img{width:60px;height:60px; border: 2px solid #ccc; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); margin-bottom:10px;}
#thumbsContainer > a:hover img, #thumbsContainer > a.active img{ border: 2px solid #555}


.messageBox{ padding: 10px; margin: 10px 0px 20px 0px; color: white; font-style: italic; font-size: 12px; font-weight: bold;}
.messageBox.success{border: 2px solid lightskyblue; background-color: #00AEEF;}
.messageBox.error{border: 2px solid white; background-color: orange;}

#tooltip { position: absolute; z-index: 9999; padding: 6px 9px; opacity: 1; background: #00AEEF; color: white; font-weight:bold; border: 1px solid #8BCBDF; font-size: 12px; line-height: 1em; -webkit-border-radius: 1px; border-radius: 1px; font-style:italic;}
#tooltip h3, #tooltip div { margin: 0; }

#vCard{ margin: 20px; font-style: italic; line-height: 18px; font-size: 13px; letter-spacing: 0.08em;}
#vCard #address, #vCard #contactInfo{ margin-bottom: 20px;}
#vCard a.social{ padding-left: 25px; line-height: 21px;}
#vCard .twitter{ background: url('../img/icon_twitter_16.png') left top no-repeat; }
#vCard .facebook{ background: url('../img/icon_facebook_16.png') left top no-repeat;}

#orderingSteps{width: 255px; margin-bottom: 40px;}
#orderingSteps, #orderingSteps td{ font-size: 1em; color: white; text-transform:uppercase; font-style:italic;}
#orderingSteps h3{ margin-bottom: 22px; font-weight:200; font-size:15px;}
#orderingSteps h3 span{color: #00AEEF}
#orderingSteps td{vertical-align:top;}
#orderingSteps td.step .number{width: 29px; height: 23px; padding-top: 4px; background: #00AEEF; text-align: center; font-size: 1.2em; font-weight:bold;}
#orderingSteps td.stepText{padding: 1px 0 19px 12px; line-height: 23px;}

.altSideBox{width: 220px; margin-bottom: 40px;}
.altSideBox > div h2{font-weight:normal;margin: 20px; text-transform: uppercase; font-style: italic; font-weight: bold; font-size: 16px;}
.altSideBox > div ul li{margin: 10px 0px 15px 0; line-height: 20px; padding-left: 20px;}
.altSideBox > div ul li span{ color: #AAA; float: left; /*margin-right: 10px;*/}
.altSideBox > div ul li a{ margin-left: 8px; text-decoration: none; color: white; padding-left: 40px; text-transform: uppercase; font-style: italic; font-size: 12px; display: block; width: 160px;}
.altSideBox > div ul li a:hover{color: #00AEEF;}

#socialbar{float:right; margin-top: 20px; clear:both}

#introText{margin-bottom: 38px;}
#introText, #introText p{font-size: 13px; font-style:italic;}
.textContent, .textContent p, .textContent li, .textContent ul{font-size: 12px; color: #CCC; line-height: 20px; text-align:left;}
.textContent{margin-bottom: 34px;}
.noborder{border:0!important}
.block-bottom-1{margin-bottom: 16px;}
.block-top-1{margin-top: 16px;}

.textContent a{color:#00AEEF!important;}
.textContent ol{ padding-top: 16px;}
.textContent ol li{list-style-type: decimal; padding-bottom: 14px;}

#tabInfo ul, .textContent ul{ margin-top: 14px;}
#tabInfo ul li, .textContent ul li {
	list-style-type: square;
	margin-left: 20px;
	padding-bottom: 8px;
}
#tabInfo ul li{ color:#444;}
.textContent ul li{color:#CCC}


#individual .block, #technologies .block{ margin-bottom: 55px; margin-top: 20px;}
#individual .block h3, #technologies .block h3{margin: 5px 20px 20px 0; text-transform: uppercase; font-style: italic; font-weight: bold; font-size: 18px; color: white;}
#individual .imageContainer, #technologies .imageContainer{display:inline; float:left; margin-top:3px;}
#individual .imageContainer a img{ width: 200px; height:130px;}
#individual .textContainer, #technologies .textContainer{ width: 475px; display: inline-block; margin-left: 20px;}

#technologies .block{border-bottom: 1px solid #444; margin:0; margin-top:30px;}
#technologies .imageContainer{margin-bottom:30px;}
#technologies .imageContainer a{width:120px; height:120px;margin-bottom:30px;}
#technologies .imageContainer a img.rounded{-webkit-border-radius: 12px; border-radius: 12px;}
#technologies .textContainer{ width: 550px; margin-bottom:30px;}
#technologies .textContainer .textContent{ margin:0}

a{text-decoration:none}
a h3{color:white;}

h2.lnkFindUs{margin: 12px 0;}
h2.lnkFindUs a{text-transform: uppercase; color: #00AEEF; font-style: italic; font-weight: normal; font-size: 22px;}


#shopLocator{width: 100%; margin-right: 20px; min-height: 400px;}

#contactSearchBox{ padding: 18px;width: 500px; border: 2px solid #fff; margin-bottom: 50px;}
#contactSearchBox h3{text-transform: uppercase; color: #00AEEF; font-style: italic; font-weight: normal; font-size: 21px; padding: 0 0 12px 8px;}
#contactSearchBox table{ width:100%; padding-bottom: 10px; border-bottom: 1px solid #AAA;}
#contactSearchBox table td{ padding: 4px 8px;}
#contactSearchBox table td.readLabel{text-transform: uppercase; color:#AAA; font-style: italic; font-weight: normal; font-size: 14px; width: 65px;}
#contactSearchBox table td input{}
#contactSearchBox #btnContainer{text-align: right; margin-right: 8px;}

#contactResults{ margin-bottom: 75px;}
#contactResults h3{ font-size: 20px; font-weight: normal; font-style: italic;}

#contactResults #shopsContainer{ width: 390px; padding-top: 5px;}
#contactResults #shopsContainer > div{ width: 390px!important;}
#contactResults #shopsContainer .shop{ position:relative; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #333;}
#contactResults #shopsContainer .shop.last{ border:none;}
#contactResults #shopsContainer .shop h4{ color: #00AEEF; margin-bottom: 2px; font-size: 18px; font-weight: normal; font-style: italic; width:250px;}
#contactResults #shopsContainer .shop > div{font-size: 14px; line-height: 19px;}
#contactResults #shopsContainer .shop .address{ color: #AAA; text-transform:capitalize!important;}
#contactResults #shopsContainer .shop .contact{ }
#contactResults #shopsContainer .shop .contact a{color:#FFBC73;}
#contactResults #shopsContainer .shop .distance{ position: absolute; top: 0; right: 0; font-size: 12px;}

#contactResults #mapContainer{ width: 540px;}
#contactResults #mapContainer #mapWrapper{ background:white; height: 385px; padding: 3px;}

#captchaWrapper{ background:white; width: 250px; height: 50px;}

#btnFakeSubmit{position: absolute; left: -9999px; width: 1px; height: 1px;}

ul.pdf { list-style:none; margin:0; padding:0; }