/* CSS for jQuery spin Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#featured { 
	width: 940px;
	height: 450px;
	background: #000 url(/cache/Wismo/images/loading.gif) no-repeat center center;
	overflow: hidden; }
#featured>img,  
#featured>div,
#featured>a { display: none; }




/* CONTAINER
   ================================================== */

div.spin-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.spin {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }

div.spin>img {
    position: absolute;
    top: 0;
    left: 0;
    display: none; }

div.spin>a {
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0; 
    display: none; }

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

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".spin>div" and "div.spin>a" tags in addition to just the .spin-wrapper */


/* TIMER
   ================================================== */

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 101; }
html.ie7 .timer, html.ie6 .timer { display: none !important; }

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(/cache/Wismo/images/rotator-black.png) no-repeat;
    z-index: 3; }

span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

span.rotator.move {
    left: 0 }

span.mask.move {
    width: 40px;
    left: 0;
    background: url(/cache/Wismo/images/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(/cache/Wismo/images/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(/cache/Wismo/images/pause-black.png) no-repeat 0 -40px }

div.timer:hover span.pause,
span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.spin-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.spin-wrapper .spin-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 100;
    color: #fff;
	text-align: center;
	padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }

html.ie7 div.spin-caption, html.ie6 div.spin-caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }

/* DIRECTIONAL NAV
   ================================================== */

div.slider-nav {
    display: block }

div.slider-nav span {
    width: 78px;
    height: 100px;
    text-indent: -9999px;
    position: absolute;
    z-index: 100;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.slider-nav span.right {
    background: url(/cache/Wismo/images/right-arrow.png) ;
    right: 0; }

div.slider-nav span.left {
    background: url(/cache/Wismo/images/left-arrow.png) ;
    left: 0; }

/* BULLET NAV
   ================================================== */

.spin-bullets {
    position: absolute;
    z-index: 100;
    list-style: none;
    bottom: -40px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

.spin-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(/cache/Wismo/images/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

.spin-bullets li.active {
    color: #222;
    background-position: -8px 0; }
    
.spin-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

.spin-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }


/* These are just the demo styles and these can be removed and Orbit 
will still work like a champ (except any content block needs a background which
our demo gets from this sheet) */

.container {
    position: absolute; 
    top: 50%; 
    left: 50%;
    margin: -300px 0 0 -470px; }
    
/*.content { background: url(dummy-images/coffee.jpg); }*/
.content h1 {
    font-size: 40px; 
    text-transform: uppercase; 
    font-weight: bold; 
    text-align: center;
    margin-top: 180px;
    color: #222;
    line-height: 50px;  }
.content h3 {
    text-align: center; 
    font-size: 22px; 
    color: #222; }/*
* Mootools Simple Modal
* Version 1.0
* Copyright (c) 2011 Marco Dell'Anna - http://www.plasm.it
*
* Markup Modal
* <div class="simple-modal" id="simple-modal">
*   <div class="simple-modal-header">
*     <a class="close" href="#">×</a>
*     <h1>SimpleModal Title</h1>
*   </div>
*   <div class="simple-modal-body">
*     <div class="contents">
*       <p>
*         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
*       </p>
*     </div>
*   </div>
*   <div class="simple-modal-footer">
*     <a class="btn primary" href="#">Primary</a>
*     <a class="btn secondary" href="#">Secondary</a>
*   </div>
* </div>
*/
/* Vars */
/* Overlay style */
#simple-modal-overlay {
  position: fixed ;
  display: block;
  z-index: 99998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  background-position: center center;
  background-repeat: no-repeat;
  /*
  background: -webkit-gradient(radial, center center, 0, center center, 460, from(#ffffff), to(#291a49));
  background: -webkit-radial-gradient(circle, #ffffff, #291a49);
  background: -moz-radial-gradient(circle, #ffffff, #291a49);
  background: -ms-radial-gradient(circle, #ffffff, #291a49);
  */
}
.simple-modal {
  /* Style rewrite */
  /*width: 90% !important;
  margin-left: 5%;
  margin-right: 5%;*/
  text-align: center;
  /*left: 5px;
  top: 20px;*/
  /* */

  position: absolute;
  position: fixed;
  margin: 0;
  color: #808080;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;

  background-color: #000000;
  /*border: 1px solid #EAEEFA;
  border: 1px solid rgba(234, 238, 250, 0.6);*/
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
  z-index: 99999;
  /*border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;*/
}
.simple-modal .simple-modal-header {
  padding: 5px 15px;
  margin: 0;
  border-bottom: 1px solid #EEEEEE;
}
.simple-modal .simple-modal-header h1 {
  margin: 0;
  color: #404040;
  font-size: 18px;
  font-weight: bold;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 36px;
}
.simple-modal a.close {
  position: absolute;
  background: #fff;
  padding: 3px 7px 10px 7px;
  right: 0px;
  top: 12px;
  color: #000;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 32px;
  font-weight: bold;
  line-height: 18px;
  text-decoration: none;


  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  -khtml-border-radius: 12px;
  border-radius: 12px;
  display: block;zoom: 1;border:none;


}
.simple-modal a.close:hover {
  background: #000;
  color: #fff;
}
.simple-modal .simple-modal-body {
  padding: 15px;
  /* Extra style */

}
.simple-modal .simple-modal-body div.contents {
  overflow: hidden;
}
.simple-modal .simple-modal-body p {
  font-size: 13px;
  font-weight: normal;
  color: #606060;
  line-height: 18px;
}
.simple-modal .simple-modal-body p img {
  display: block;
  margin: 0 auto 10px auto;
}
.simple-modal .simple-modal-footer {
  display: block;
  background-color: #F5F5F5;
  padding: 14px 15px 15px;
  border-top: 1px solid #EEEEEE;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  zoom: 1;
  margin-bottom: 0;
  text-align: center;
}
/*
.simple-modal .simple-modal-footer a.btn {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  background-repeat: no-repeat;
  padding: 5px 14px 6px;
  color: #333;
  font-size: 13px;
  line-height: normal;
  border: 1px solid transparent;
  -webkit-transition: 0.2s linear all;
  -moz-transition: 0.2s linear all;
  transition: 0.2s linear all;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}*/
.simple-modal .simple-modal-footer a.btn.primary {
  color: #FFF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  background-color: #999;
  background-repeat: repeat-x;
  margin-right: 15px;
}
.simple-modal .simple-modal-footer a.btn.primary:hover {
  border: 1px solid #444;
  background-color: #444;
}
.simple-modal .simple-modal-footer a.btn.secondary {
  padding: 5px 2px 6px;
}
.simple-modal .simple-modal-footer a.btn.secondary:hover {
  color: #999;
}
/* Draggable style */
.simple-modal.draggable .simple-modal-header:hover {
  cursor: move;
  background-color: #f8f8f8;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
/* Loading style */
.simple-modal.loading .simple-modal-body {
  min-height: 60px;
  /*background: transparent url("loader.gif") no-repeat center center;*/
}
.simple-modal.loading .simple-modal-body div.contents {
  display: none;
}
.simple-modal.loading .close, .simple-modal.loading .simple-modal-header, .simple-modal.loading .simple-modal-footer {
  display: none;
}
/* Hide header */
.simple-modal.hide-header .simple-modal-header {
  display: none;
}
/* Hide header */
.simple-modal.hide-footer .simple-modal-footer {
  display: none;
}
.Swp_Background {
	position:fixed;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.5;
	-moz-opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
	background-color:#000000;
}.Swp_Alert {
	display:none;
	position:fixed;
	padding:15px;
	top:0px;
	left:0px;
	background-color:#fff;
	color:#000;
	border-color:#000;
	border-style:solid;
	border-width:1px;
	/*
	position:fixed;
	display:none;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.5;
	-moz-opacity:0.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
	background-color:#000000;
	*/
}

.Swp_Alert_Message{
	
	padding:8px;
	padding-left:30px;
	min-width:250px;
}


.Swp_Alert_Button{
	padding: 0 4px;
	cursor:pointer;
	line-height: 1.5em;
	text-align: left;
	border: solid thin #858585;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-moz-border-radius: 4px;
	/*background: url($$swpCurrentPath/images/Core_Button_Bg.png) repeat-x;
	*/
	display: inline-block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Success */
.Swp_Alert_Message_Success{
	background: url(/cache/Wismo/images/alert_icon_success.png) no-repeat left;
}
/* Loading */
.Swp_Alert_Message_Loading{
	background: url(/cache/Wismo/images/alert_icon_loader.gif) no-repeat left;
}
/* Loaded */
.Swp_Alert_Message_Loaded{
	background: url(/cache/Wismo/images/alert_icon_loader_fixed.gif) no-repeat left;
}
/* Error */
.Swp_Alert_Message_Error{
	background: url(/cache/Wismo/images/alert_icon_warning.png) no-repeat left;	
}
/* Container des growlers */
.Swp_Growl{
	position:fixed;
	top:30px;
	right:20px;
	width:300px;
	z-index:999997;	
}
/* Container de chaque growler*/
.Swp_Growler{}
/* Header de growler */
.Swp_Growler_Top{
	background: url(/cache/Wismo/images/growler_corner_tr.png) no-repeat right;	
	height:16px;
}
/* Growler background */
.Swp_Growler_Bg{
	position:absolute;
	left:16px;
	right:16px;
	background:#000;
	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	height:16px;
	color:#ffffff;
}
/* Middle part */
.Swp_Growler_Middle{
	background:#000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: 0.85;
	color:#fff;
	padding-left:24px;
	padding-right:24px;
	min-height:24px;
}
/* Growler footer */
.Swp_Growler_Bottom{
	background: url(/cache/Wismo/images/growler_corner_br.png) no-repeat right;	
	height:16px;
}
/* Growler Box*/
.Swp_Growler_Box{
	min-height: 24px;
	text-align:left;
	margin:0 auto;
	color: #fff;
	padding-left: 25px;
	padding-top: 12px;
}
/* Success */
.Swp_Growler_Box_Success{
	background: url(/cache/Wismo/images/growler_icon_success.png) no-repeat left;
}
/* Loading */
.Swp_Growler_Box_Loading{
	background: url(/cache/Wismo/images/growler_icon_loader.gif) no-repeat left;
}
/* Loaded */
.Swp_Growler_Box_Loaded{
	background: url(/cache/Wismo/images/growler_icon_loader_fixed.gif) no-repeat left;
}
/* Error */
.Swp_Growler_Box_Error{
	background: url(/cache/Wismo/images/growler_icon_warning.png) no-repeat left;	
}