/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	background: #f0f3f4; color: #635d54; font: normal 15px Georgia,serif; line-height: 1;
}

body#home{background: #FFF url(/images/uploads/top-bg.png) repeat-x 0 0;}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* --- Web fonts --- */
@font-face {
    font-family: 'AllerRegular';
    src: url('/fonts/aller_rg-webfont.eot');
    src: url('/fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aller_rg-webfont.woff') format('woff'),
         url('/fonts/aller_rg-webfont.ttf') format('truetype'),
         url('/fonts/aller_rg-webfont.svg#AllerRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AllerBo';
    src: url('/fonts/aller_bd-webfont.eot');
    src: url('/fonts/aller_bd-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aller_bd-webfont.woff') format('woff'),
         url('/fonts/aller_bd-webfont.ttf') format('truetype'),
         url('/fonts/aller_bd-webfont.svg#AllerBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* --- Core Styles --- */
.no-js{display: block !important;}
h1,h2,h3,h4,h5,h6{font: normal 29px AllerBo, sans-serif;}
a{font: normal 15px AllerBo, sans-serif; text-decoration: none;}
p{line-height: 18px;}
.sprite{background: transparent url(/images/uploads/sprite.png) no-repeat 0 0;}
.tile-y{background: transparent url(/images/uploads/tile-y.png) no-repeat 0 0;}
.clear{clear: both;}
hr{border-bottom: none; border-top: 1px solid #00a261; width: 200px;}
hr.full-width{float: left; margin: 10px 0 30px; width: 100%;}
.cta{background-position: -10px -60px; border: 2px solid #e4dac8; border-radius: 10px; cursor: pointer; display: block; height: 21px; margin: 20px auto 0; padding: 2px 10px 1px; width: 100px;}
.cta a{color: #FFF; display: block; text-shadow: 0px 1px 1px #da9215;}
input[type=text]{
	background: #FFF;
	border: 2px solid #d9d9d9;
	border-right: none;
	border-bottom-left-radius: 8px;
	border-top-left-radius: 8px;
	color: #bebaba;
	float: left;
	font: normal 18px AllerRegular;
	height: 35px;
	margin: 0 0 0 1px;
	outline: none;
	padding: 0 0 0 15px;
	width: 178px;
}
input[type=submit]{
	background: #09b570;
	border: none;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	color: #FFF;
	font: normal 18px AllerBo;
	float: left;
	height: 39px;
	margin: 0 0 0 -2px;
	padding: 0 15px;
	text-shadow: 0 1px 1px #087248;
}
form .hidden{display:none;}

/* --- Typography --- */
.title_18{color: #00216b; font: normal 18px AllerBo,sans-serif !important;}
.title_21{color: #00216b; font: normal 21px AllerBo,sans-serif !important;}
.title_24{color: #00216b; font: normal 24px AllerBo,sans-serif !important;}
.title_29{color: #00216b; font: normal 29px AllerBo,sans-serif !important;}
.title_14{color: #8f887e; font: normal 14px AllerRegular,sans-serif !important;}
.yellow{color: #FFF600; text-shadow: 0 0 18px #136544; }
.subtitle_18{color: #FFF; font: normal 18px AllerRegular,sans-serif;}
strong{font-weight: bold !important;}
.q,.a{color: #00a261; float: left; font: normal 21px AllerBo; margin: 0 10px 0 0;}
.a{color: #ffa200;}
.sup-script{font-size: 12px; padding: 0 0 20px;}
.col2 p{float: left; margin: 0 0 20px; text-align: justify;}
.regular{font-family: AllerRegular !important;}


/* --- Styles --- */
.container{clear: both; display: block; margin: 0 auto; position: relative; width: 940px;}
#header{display: block; z-index: 9999;}
#logo{float: left; height: 58px; margin: 57px 0 0; width: 270px;}
#utils{position: absolute; top: 0; right: 0;}
#utils li{float: left; margin: 0px 10px 0 0;}
#utils li#callback{background-position: -92px -93px; height: 32px; width: 179px;}
#utils li#callback a{color: #FFF; cursor:pointer; display: block; float: left; padding: 7px 0 0 33px; text-shadow: 1px 1px 1px #717171;}
#utils a#youtube{background-position: -1px -88px; display: block; height: 22px; margin: 5px 0 0; text-indent: -9999px; width: 52px;}
#utils a#youtube:hover{background-position: -1px -110px;}
#utils a#callback{}
#nav{float: left; margin: 75px 0 0 50px;}
#nav li{float:left; margin: 0 17px 0 0; position: relative;}
#nav li.last{margin: 0;}
#nav a{color: #00216b; font-size: 18px; padding: 3px 9px; text-shadow: 0 1px 1px #FFF;}
#nav a:hover{background: #00a261; border-radius: 8px; color: #FFF; text-shadow: 0 1px 1px #25894b;}

#holder{position: absolute; top: -999999px; left: -999999px;}

#nav li ul{
	background: #00a261;
	border-radius: 5px;
	box-shadow: 0px 0px 8px #CCC;
	display: none;
	position: absolute;
	top: 25px;
	left: 0;
	padding: 0 0 5px;
	width: 300px;
}
#nav li ul li{background: #b0dbca; border-radius: 5px; float: none; margin: 5px 5px 0 5px;}
#nav li ul li:hover{background: #FFF;}
#nav li ul li:last{margin: 5px;}
#nav li ul li a{display: block; font: normal 18px AllerRegular; padding: 5px 10px;}
#nav li ul li a:hover{background: none; color: #00216b; text-shadow: none;}
#nav li:hover ul{display: block;}

#slider{position: relative;}
#slider-bg{background-position: 0 -149px; height: 247px; margin: 0 auto; width: 890px;}
#curtain-r, #curtain-l{
	background-position: 82px 0;
	position: absolute;
	top: -41px;
	left: -82px;
	height: 460px;
	width: 329px;
	z-index: 5000;
}
#curtain-r{background-position: -404px 0; left: 714px;}
#slider-window{position: absolute; top: 0; left: 0; overflow: hidden; width: 965px;}
#item-wrap{display: block; height: 397px; width: 5950px; position: relative;}
#item-wrap .item{float: left; height: 397px; position: relative; text-align: center; width: 324px;}
#item-wrap .item img{position: absolute; top: 10px; left: 10px;}
#slider-controls{display: block; margin: 110px auto 40px; position: relative; text-align: center; width: 440px; height: 124px; z-index: 5500;}

#slider-titles div.title { width: 440px;top: 0; left: 0; position: absolute; }
#slider-titles .cta { bottom: 0; position: absolute; left: 50%; margin-left: -62px; }

#slide-left,#slide-right{
	background-position: -671px 0;
	cursor: pointer;
	height: 75px;
	position: absolute;
	top: 0;
	left: -90px;
	text-indent: -9999px;
	width: 75px;
	z-index: 5500;
}
#slide-right{background-position: -819px 0; left: 460px;}
#slide-left:hover{background-position: -598px 0;}
#slide-right:hover{background-position: -745px 0;}

#slide-left.disabled, #slide-right.disabled { opacity: 0.5; }
#slide-left.disabled:hover { background-position: -671px 0; }
#slide-right.disabled:hover { background-position: -819px 0; }

#sub-section{
	background: #009a5d url(/images/uploads/section-bg.png) repeat-x 0 0;
	border-top: 2px solid #ebeeef;
	min-height: 351px;
	width: 100%;
}
#top-shadow{background-position: 0 -397px; height: 22px; position: absolute; top: 0; left: 10px; width: 920px;}
.col3{float: left; height: 315px; margin: 0 10px; padding: 37px 0 0; position: relative; text-align: center; width: 290px;}
.col3 hr{border-bottom: 1px solid #38a573; border-left: none; border-right: none; border-top:1px solid #56bc93; width: 90%;}
.quote{
	color: #FFF;
	font-size: 26px;
	font-style: italic;
	line-height: 36px;
	margin: 20px 0 40px;
	text-shadow: 0 0 12px #136544;
}
.quote p{line-height:38px;}
.col2 ul{float: left; margin: 20px 0 0; width: 100%;}
.col2 li{
	background-position: -421px -516px;
	color: #00216b !important;
	float: left;
	font: normal 16px AllerRegular;
	margin: 0 0 25px;
	padding: 4px 0 4px 33px;
	text-align: left;
	width:100%;
}
#articol li{background-image: url("/images/uploads/sprite.png"); background-repeat:no-repeat; clear:left;}
.reg-grey{color: #8f887e; font-family: AllerRegular;}
.col2 hr{margin-bottom: 30px;}
.col3 .cta{border-color: #2a9051; position: absolute; left: 50%; margin-left: -63px; bottom: 30px;}
.col3 img{margin-bottom: -49px;}
#quote{background-position: 0 -438px; height: 187px; position: absolute; top: 90px; left: 10px; width: 296px;}
.training-subtitle{margin: 18px 0 0;}
#date_wrap{background-position: -306px -446px; height: 112px; margin: 20px auto 28px; width: 112px;}
#date_wrap .month{color: #FFF; float: left; font: normal 22px AllerBo; margin: 4px 0 0 34px; text-shadow: 2px 2px 3px #a13838; text-transform: uppercase;}
#date_wrap .day{color: #493f3f; font: normal 66px AllerBo;}

#content{background: #FFF; border: 1px solid #e5e5e5; float: left; margin: 30px 0 50px; padding: 40px 0px 70px; width: 930px;}
.col1{text-align: center; margin:10px auto; width: 90%;}
.col1 p{text-align:center;}
.col2{float: left; margin: 0 44px; text-align: center; width: 377px;}
#content p{margin: 20px 0 0; text-align: justify;}


#product{padding: 50px 0 0;}
#hero-wrap{border: 5px solid #004990; border-radius: 15px; height: 300px; width: 380px; overflow:hidden; position:relative; }
#hero-wrap img{display: none; position:absolute; left:0; top:0; height:auto;}
#hero-wrap img:first-child
{
  display: block;
}
.product{top:388px; left: 78px;}
ul#gallery{float: left; margin: 80px 0 0 14px;}
ul#gallery li{border: 3px solid #789ec2; height: 110px; margin: 0 10px 10px 0; width: 108px; overflow:hidden; padding:0; height:auto; }
ul#gallery li img{width:100%; display: block; }
ul#gallery li.active{border: 3px solid #fda101;}
#foot-cta{padding: 30px 0 50px 150px; text-align: center !important;}
#foot-cta span{float: left; margin: 0 10px 0 0;}

.maincol-wrap{float: left; margin: 0 25px 0 25px; width: 582px;}
.sidecol-wrap{float: left; width: 274px;}
.qa-wrap{cursor: pointer; float: left; margin: 0 0 20px; width: 100%;}
.answer{clear: both; display: none; float: left;}
.answer p{float: left; margin: 0 0 0 2px !important; width: 90%;}

#downloads{float: left;}
#downloads li{
	background-position: -420px -447px;
	border-bottom: 1px solid #d4d7d6;
	float: left;
	margin: 0 0 17px;
	padding: 0 0 8px;
	width: 100%;
}
#downloads li:last-child{border-bottom: none;}
#downloads a{display: block; float: left; padding: 0 0 0 50px;}
#downloads .title_21{font-size:18px !important;}

#training{padding: 50px 0;}
#training .col2{margin-bottom: 50px;}

#map-wrap{
	border: 6px solid #00216b;
	float: left;
	height: 365px;
	margin: 50px 0 0 25px;
	position: relative;
	width: 540px;
}

.obj-shadow{
	background: transparent url(/images/uploads/shadow.png) no-repeat 0 0;
	display: block;
	height: 18px;
	position: absolute;
	width: 323px;
	z-index: 9999;
}

.contact{bottom: 40px; left: 140px; }

#contact-content{
	background: #FFF;
	border: 1px solid #e5e5e5;
	float: right;
	margin: 50px 15px 50px 0;
	padding: 27px 10px 37px;
	text-align: center;
	width: 253px;
}

.callback-cta{
	background-position: -688px -84px;
	color: #FFF;
	cursor: pointer;
	height: 33px;
	float: left;
	font-size: 20px;
	padding: 8px 0px 0px 48px;
	text-align: left;
	text-shadow: 1px 1px 1px #666;
	width: 204px;
}

ul.content-list{
	color: #8f887e;
	float: left;
	font: normal 18px AllerRegular;
	margin: 20px 0 0 10px;
	text-align: left;
	width: 100%;
}

ul.content-list li{margin: 0; padding: 0 0 10px; width: 100%;}

ul.content-list li a{color:#00216B; font-size:18px;}

.list-num{color: #00216b; font-family: AllerBo;}

.no-marg{padding-top: 0 !important;}
.marge-top{display: block; float: left; margin: 40px 0 10px; width: 100%;}
.marg-top-10{margin: 10px 0 0 0 !important;}
.marg-top-7{margin: 7px 0 0 0 !important;}

#footer-section{background: #464c3e; padding: 55px 0 85px; width: 100%;}
#footer-section .title_18{color: #c8cac5; text-shadow: 1px 1px 2px #383b31; float: left; width: 265px;}
#footer-section ul{float: left; margin: 23px 20px 0 0;}
#footer-section li{
	background-position: -399px -92px;
	border-bottom: 1px solid #393e32;
	/*border-top:1px solid #595e52;*/
	font: normal 16px AllerRegular;
	text-shadow: 1px 1px 2px #383b31;
	width: 245px;
}
#footer-prod{width:510px;}
#footer-prod li{float:left; margin:-1px 10px 0 0;}
#footer-section li a{color: #b5b7b2; display: block; padding: 7px 0 7px 17px;}
#footer-section li a:hover{
	background-color: #b5b7b2;
	color: #464c3e;
	text-shadow: 0px 1px 1px #edefea;
}
#footer-section li:first-child{border-top:none;}
#footer-section li:last-child{border-bottom:none;}
#norstrom-logo{background-position: -397px -4px; height: 84px; position: absolute; bottom: 10px; right: -36px; width: 171px;}

#dialog{
	background: #FFF;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	box-shadow: 0 0 350px #333;
	padding: 20px;
	z-index: 100000;
}
.ui-dialog-titlebar{
	background: #004990;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	color: #FFF;
	font: normal 18px AllerBo;
	padding: 10px 20px;
	position: relative;
	text-shadow: 1px 1px 1px #333;
}
.ui-dialog-titlebar-close{
	color: #c1cfdc !important;
	position: absolute;
	top:12px;
	right:18px;
	text-shadow: 1px 1px 1px #333;
}
#dialog label,#dialog input[type=text]{font: normal 14px AllerRegular; float: left; margin: 10px 0 0; width: 92%;}
#dialog input[type=text]{
	border: 2px solid #d9d9d9;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	margin: 5px 0 0;
	outline:none;
}


#dialog input[type=text]:focus{
	background: #f6f9ff;
}

#dialog input[type=submit]{
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	float: left;
	margin: 20px 0 0;
}

/*--Youtube video list--*/

#video-box {
	width: 100%;
	height: 225px;
	padding-top: 150px;
}

#videos {
	width: 911px;
	height: 225px;
	overflow: hidden;
	margin: 0 auto;
}

#youtube-list {
	float: left;
}

#youtube-title {
	font: normal 14px AllerRegular;
	top: 205px;
	position: absolute;
	color: #FFF;
	width: 300px;
	text-align: center;
}

#playback {
	top: 82.5px;
	left: 120px;
	position: absolute;
}

#youtube-list li {
	padding-right: 5px;
	position: relative;
	float: left;
}

.coulisse {
    width: 100%;
    height: 420px;
    padding:40px 0 0;
    position: relative;
    overflow: hidden;
    background-color: transparent;
}

.coulisse a { background: url(/images/uploads/loading.gif) center no-repeat; }
.coulisse #play { position: absolute; z-index: 100; margin: -30px 0 0 -30px; top: 50%; left: 50%; cursor: pointer; }

/*#coulisse canvas{border: 3px solid #004990; border-radius: 10px;}
*/

#ie-canvas {
	color: red;
	background-color: red;
	height: 460px;
	width: 100px;
}

.sliderdemo
{
    width: 80%;
    margin: 10px 10%;
    position: relative;
}

.col3 #downloads{margin:30px;}

.about-mission p{font-size:40px; line-height:48px; margin:20px 54px !important; text-align:center !important;}
.delivery-info p{font-size:28px; line-height:30px; text-align:center !important;}
.home-h1{color: #00216b; text-align: center; padding: 0 0 30px;}