/*  Nascom base.css  All Rights Reserved. *****************
Title: base.css for Smiths project
Purpose: reset all standard html element in all browsers for integration team, and having the admin style allready present
Status: Valid CSS 2.1/CSS3 according to W3C, lets keep it this way
Author: Raf & Jan <= 2010 / Mark Creeten 2011
Version: 1.6 Beta
/************************************************************/
@font-face {font-family: 'ArialRoundedMTBold';src: url('arlrdbd-webfont.eot');}
@font-face {font-family: 'ArialRoundedMTBold';src: url(//:) format('no404'), url('arlrdbd-webfont.woff') format('woff'), url('arlrdbd-webfont.ttf') format('truetype'), url('arlrdbd-webfont.svg#webfontZM8G3wO7') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'Bree';src: url('breebold-webfont.eot');font-weight: bold;font-style: normal;}
@font-face {font-family: 'Bree';src: url(//:) format('no404'), url('breebold-webfont.woff') format('woff'), url('breebold-webfont.ttf') format('truetype');font-weight: bold;font-style: normal;}
html{font-size:16px;}
body,html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,pre,cite,code,em,img,samp,small,strong,var,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;}
body{font:normal 62.5%/1 Tahoma,Verdana,Arial,"Helvetica Neue",Helvetica,"Times New Roman","Courier New",sans-serif;color:#333;  background: transparent; }
body#laguage-selector{background:#0e93c0 none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
strong{font-weight:bold;}
abbr,acronym{border-bottom:1px dotted #000;cursor:help;}
pre,tt,code,kbd,samp,var{font-family:"Courier New",Courier,monospace;}
img{border:none;}
em{font-style:italic;}
p{line-height:1.125;margin-bottom:10px;}
ul{list-style:none;}
ol{list-style:decimal inside none;}
a:link,a:visited{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:underline;}
a,a img,a:active img,a:focus img,:focus,*:focus{outline:0;}
table{border-collapse:collapse;border-spacing:0;}
small{font-size:90%;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;height:0;font-size:1px;line-height:0;}
.clear-left{clear:left;}
.clear-right{clear:right;}
.hideflow{overflow:hidden;}
.floatstop:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*:first-child+html .floatstop{min-height:1px;}
* html .floatstop{height:1%;}
.underline{border-bottom:1px solid;}
.strike{text-decoration:line-through;}
.highlight{background-color:#ffc;color:inherit;}
.img-left{float:left;margin:0 10px 4px 0;}
.img-right{float:right;margin:0 0 4px 10px;}
.pos-absolute{position:absolute;}
.pos-relative{position:relative;}
.block{display:block;}
.hidden{display:none;}
.col240 {width: 240px;}
.lang-fr .col240 {width: 260px;}
.col280 {width: 280px;}
#content-wrapper{width:970px;margin:0 auto 0;}
#cloud{height:983px;margin:0 auto;background:transparent url('../img/cloud.png') no-repeat top left;}
/* ***** language selector page ***** */
#language-selector{background:#0e93c0 url('../img/bg-gradient.jpg') no-repeat top center;}
#language-selector #content-wrapper{width:531px;height:370px;margin-top:150px;background:transparent url('../img/language-selector.png') no-repeat top left;position:relative;}
.language-link{width:183px;height:50px;display:block;position:absolute;top:250px;color:#fff;font-size:2.3em;text-align:center;padding-top:13px;font-family:'Bree'}
.language-link-nl{left:40px;}
.language-link-fr{left:260px;}
/* ***** contact ***** */
#contact form{width:650px;height:560px;padding:20px 25px;background: transparent url('../img/form-bg-large.png') no-repeat top left;position:relative;}
#contact form h2{color:#806e6f;font-size:26px;font-family:'ArialRoundedMTBold';float:left;}
.form-info{float:right;font-size:1.4em;color:#1c5272;margin-top:8px;padding-bottom:15px;}
.form-col-left{float:left;width:320px;clear:both;}
.form-col-right{float:right;width:330px;clear:right;}
.form-block{width:100%;margin-bottom:15px;float:left;clear:both;}
label{display:block;font-size:1.2em;font-weight:bold;color:#aa9496;margin-bottom:5px}
.input-wrapper{height:35px;display:block;float:left;}
.form-col-left .input-wrapper{width:218px;background:transparent url('../img/input-bg-218.png') no-repeat top left;}
.form-col-left .error .input-wrapper{background:transparent url('../img/input-bg-218-error.png') no-repeat top left;}
input{width:230px;height:15px;line-height:25px;padding:5px 8px 5px 10px;background:none;border:1px solid #989898}
.form-radio input{width:auto;padding:0;margin:0 5px 0 0;border:none;float:left}
.form-radio .radio-label{float:left;}
.text-wrapper{width:218px;height:215px;display:block;float:left;background:transparent url('../img/text-bg.png') no-repeat top left}
.error .text-wrapper{background:transparent url('../img/text-bg-error.png') no-repeat top left}
textarea{width:230px;height:180px;padding:5px 8px 5px 10px;border:none;background:none;overflow:auto;border:1px solid #989898;resize:none}
#contact textarea{width:230px;height:100px;padding:5px 8px 5px 10px;border:none;background:none;overflow:auto;border:1px solid #989898;resize:none}
input,textarea{font-size:1.4em;color:#505050;font-weight:bold;}
select{border:1px solid #989898;margin-right:5px}
.form-select-date select{width:60px}
.error input,.error textarea{color:#ff000a;border:1px solid #ff000a}
.required{color:#e41e26;}
#contact .btn-holder{width:160px;height:57px;position:absolute;bottom:-13px;right:32px;background:transparent url('../img/btn-bg-nl.png') no-repeat top left;padding:6px 0 0 6px;}
#contact .btn-holder input{height:42px;background:none;border:none;color:#fff;font-size:1.8em;font-weight:bold;width:152px;text-align:left;cursor:pointer;padding:5px 0 0 15px;margin:0}
.frm-select{float:left;}
.frm-select-wrap{width:208px;height:35px;background:transparent url('../img/select-bg-208.png') no-repeat top left;position:relative;}
.frm-select-wrap select{visibility:hidden;display:none;}
.frm-select-wrap input{width:168px;height:25px;line-height:25px;padding:5px 36px 5px 4px;border:0;background:none;}
.frm-select-wrap ul{width:166px;padding:3px;position:absolute;top:35px;left:0;border:1px solid #969696;background:#fff;font-size:1.2em;}
.frm-select-wrap ul a{display:block;padding:3px 0}
.frm-select-wrap .active-select,.frm-select-wrap ul a:hover{background:#3bbeeb;text-decoration:none;}

.form-select-date .frm-select-wrap{width:64px;height:35px;float:left;margin-right:8px;background:transparent url('../img/select-bg-64.png') no-repeat top left;position:relative;}
.form-select-date .nomargin{margin-right:0;}
.form-select-date .frm-select-wrap input{width:20px;height:25px;line-height:25px;padding:5px 36px 5px 8px;border:0;background:none;}
.form-select-date .frm-select-wrap ul{width:58px;height:100px;overflow:auto;padding:3px;position:absolute;top:35px;left:0;border:1px solid #969696;background:#fff;font-size:1.2em;}
.form-radio-wrap{float:left;padding-right:15px}
.form-radio{clear:left;}
.form-radio label{float:left;padding-right:10px}
.form-radio .radio-label{float:left;padding-right:0}
.frm-input-radio{width:23px;height:22px;margin-top:7px;float:left;background:transparent url('../img/radio-bg.png') no-repeat bottom left;}

.form-radio .checked{background-position:top left;}
.frm-input-radio input{visibility:hidden;}
.error-message{margin:8px 0 0 10px;color:#ff000a;font-size:1.4em;float:left}
.success-message{clear:both;font-size:1.2em;}

.form-checkbox{margin-top:-5px}
.form-checkbox label{float:left;text-align:left;width:300px}
.form-checkbox .input-wrapper{width:auto;background:none;float:left;height:34px;padding-top:1px;}
.form-checkbox input{width:auto;margin-right:5px;float:left;border:none;padding:0}


/* s: promo popup */
/*#promo-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:200;background-color:#000;opacity:.75;filter:alpha(opacity=75);-ms-filter:"alpha(opacity=75)";-khtml-opacity:.75;-moz-opacity:.75;display:none}
#promo-popup{position:absolute;top:25px;left:100px;width:914px;height:772px;background:transparent url(../img/birthday/promo-popup-bg.png) no-repeat top left;z-index:201;display:none}
#promo-popup-wrap{position:relative}
#promo-popup a.close-btn{display:block;width:43px;height:43px;background:transparent url(../img/birthday/bg_close.png) no-repeat top left;position:absolute;right:-21px;top:-21px;text-indent:-10000px}
#promo-popup-content{padding:25px 45px 0 45px}
#promo-popup-content .content-left{width:400px;clear:both;overflow:hidden;padding-top:40px}
#promo-counter{margin-left:35px}
#promo-popup-content h2{font-size:20px;color:#26344e;padding:0;margin:0 0 10px 0}
#promo-popup-content p{font-size:12px;line-height:18px;color:#186386}
#promo-counter p{margin:-12px 0 0 125px;padding:0;font-family:'Bree';font-size:22px;font-weight:bold;color:#fff}
#promo-counter p strong{}
.promo-alt-color{color:#e81452}*/