@charset "UTF-8";
/* CSS Document */


/* CSS for jQuery Orbit 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
 
 
 /* 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) */




.slidercontainer {
    width:920px;
padding-bottom:20px;
padding-right:40px;
padding-left:10px;
padding-top:0px;
position:relative; 
margin-left:-35px;
margin-top:-15px;
height:310px; 

}
.content { background: url(http://www.town.ie/uploads/aladdinsoutdoorstore/page_images/slideshow/compasses.jpg) no-repeat; }
    
		 


#container .content h1{position:absolute;left:0px;width:880px;text-align:left; color:#666; 
font-size:30px;letter-spacing:0.5px;font-weight:normal;}
#container .content h1 b{color:#333;}
#container .content h1 em{color:#333;position:absolute; left:50px; top:150px; font-size:20px;  }
#container .content h1 span{color:#333;position:absolute; left:50px; top:200px; font-size:14px;  }
#container .content h1 a{font-family:helvetica; color:#000;padding-right:850px; width:300px;padding-left:50px;padding-top:100px; padding-bottom:200px;display:block; font-weight:bold;}

.content h3 {
	text-align: center; 
	font-size: 22px; 
	color: #333; 
bottom:0;right:20px;
position:absolute;font-weight:normal;}
    
/*	--------------------------------------------------
 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#featured { 
	width: 920px;
	height: 450px;
	margin:20px;
	background:  url('http://www.town.ie/uploads/alan/content_images/orbit/loading.gif') no-repeat center center;
	overflow: hidden; }
#featured>img,  
#featured>div,
#featured>a { display: none; }




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

div.orbit-wrapper {
    width: 1px;
    height: 1px; margin-left:2px;
	
    position: relative; }

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

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

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

.orbit>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 ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


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

div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 1001; }

span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(http://www.town.ie/uploads/alan/content_images/orbit/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(http://www.town.ie/uploads/alan/content_images/orbit/timer-black.png) repeat 0 0; }

span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(http://www.town.ie/uploads/alan/content_images/orbit/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

span.pause.active {
    background: url(http://www.town.ie/uploads/alan/content_images/orbit/pause-black.png) no-repeat 0 -40px }

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


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

.orbit-caption {
    display: none;
   font-size:30px;
}
.orbit-wrapper .orbit-caption {
    z-index: 1000;
    color: #333;
	text-align: right;padding: 0px ;position: absolute;
    right: -20px;
    top: 40px;
    width: 100%; }

#container .orbit-wrapper .orbit-caption a {
   color:#fff;
display:block;
padding-top:50px;
  padding-right:10px;
padding-bottom:145px;
font-family:helvetica;font-weight:bold;
}

#container .orbit-wrapper .orbit-caption a.airsoft {
   color:#fff;
  padding-right:700px;
}
#container .orbit-wrapper .orbit-caption a.airsoft b{color:#fff;position:absolute; top:10px;left:30px;}
#container .orbit-wrapper .orbit-caption a.airsoft em{color:#fff; font-size:21px; position:absolute; left:20px; top:80px; }
#container .orbit-wrapper .orbit-caption a.airsoft span{color:#fff; font-size:13px; position:absolute; left:30px; top:150px; background:#333; padding:5px; }

#container .orbit-wrapper .orbit-caption a.fishing b{
   color:#fff;
  left:30px;
top:100px;position:absolute;
}
#container .orbit-wrapper .orbit-caption a.fishing em{
   color:#fff;width:300px;
  padding-right:50px;font-size:19px;
}
#container .orbit-wrapper .orbit-caption a.bearGrylls {
   color:#fff; padding-right:520px;padding-top:0px; width:550px; margin-top:-10px; margin-left:20px; 
}
#container .orbit-wrapper .orbit-caption a.bearGrylls  b{
 color:#fff; width:500px;}
#container .orbit-wrapper .orbit-caption a.bearGrylls  em{
 color:#fff;font-size:20px; top:70px; background:#999966; width:370px; padding:25px;  }


#container .orbit-wrapper .orbit-caption a.hunting {
   color:#fff;
  padding-right:700px; padding-top:70px;height:20px; 
}
#container .orbit-wrapper .orbit-caption a.camping {
   color:#000;
  padding-right:50px;
}
#container .orbit-wrapper .orbit-caption a.camping em{
 position:absolute; top:100px; left:570px; font-size:15px;
}
#container .orbit-wrapper .orbit-caption a.archery b{
   color:#333;
 background:yellow; padding:10px;
}
#container .orbit-wrapper .orbit-caption a.archery em{
   color:#fff;
  position:absolute;background:red; top:150px; width:300px; font-size:24px;
}
#container .orbit-wrapper .orbit-caption a.kayak {
   color:#000;
  padding-right:50px;
}
#container .orbit-wrapper .orbit-caption a.kayak em{
 position:absolute; top:100px; left:570px; font-size:15px;
}
#container .orbit-wrapper .orbit-caption a.special {
   color:#fff;
  padding-right:600px;padding-top:30px;padding-left:20px;
width:300px;


}
#container .orbit-wrapper .orbit-caption a.waterproof{
   color:#000;
  padding-right:100px;padding-top:0px; 
}
#container .orbit-wrapper .orbit-caption a.waterproof  b{
}
#container .orbit-wrapper .orbit-caption a.waterproof  span{
 position:absolute;  font-size:18px; width:440px; right:90px; top:-10px;  }
#container .orbit-wrapper .orbit-caption a.waterproof  em{
 font-size:16px; top:170px;  width:480px; left:380px; }
#container .orbit-wrapper .orbit-caption a.yaktrax {
   color:#000;
  padding-right:590px;padding-top:140px;

}
#container .orbit-wrapper .orbit-caption a.yaktrax b{
 font-size:26px;

}
#container .orbit-wrapper .orbit-caption a.yaktrax em{
 position:abosolute; top:190px; left:60px; width:300px; font-size:15px;

}








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

div.slider-nav {
    display: none; }

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

div.slider-nav span.right {
    background: url(http://www.town.ie/uploads/vlibrary/slideshow/buttons.png);
width:68px;
height:65px;
background-position:100% 100%; 
    right: -60px; }
div.slider-nav span.right:hover {
    background: url(http://www.town.ie/uploads/vlibrary/slideshow/buttons.png);
width:68px;
height:66px;
background-position:100% 0%; 
   }

div.slider-nav span.left {
    background: url(http://www.town.ie/uploads/vlibrary/slideshow/buttons.png);
width:68px;
height:65px;
background-position:0% 100%;
    left: -10px; }
div.slider-nav span.left:hover {
    background: url(http://www.town.ie/uploads/vlibrary/slideshow/buttons.png);
width:68px;
height:66px;
background-position:0% 0%;
    left: -10px; }

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

.orbit-bullets {
    position: absolute;
    z-index: 1000;
    list-style: none;
    bottom: 10px;
    right: 0;
	margin-left: -50px;

    padding: 0; }

.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(http://www.town.ie/uploads/vlibrary/slideshow/bullets.png) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

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

.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }
.orbit-caption em{position:absolute;top:0px; left:20px; width:600px;text-align:left; padding-left:10px;color:#666;font-size:14px;padding-right:30px; letter-spacing:0.5px;}
