html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size:1em; font-weight:normal; font-style:normal;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
th{color:#FFF; padding-bottom:10px;}

ul li {list-style:square;}

ul.thin {margin-right:40px;}

html, body
{
	font-size:90%;
	font-family:Verdana, Geneva, sans-serif;
	background-color: #000000;
	margin: 0px auto;
	/*background-image:url(../images/bg-tyre2.png);
	background-repeat:no-repeat;*/
}

body{ margin: 0; padding: 0; text-align: left; color: #333; }

a{
	text-decoration:none;
    color: #343735;
	font-weight:bold;
}

ul {
	padding:10px 0px 0px 30px;
}
ol {
	padding:10px 0px 0px 30px;
}
.imgRight {
	padding:2px;
	background-color:#ffffff;
	border:1px solid #742c86;
	float:right;
	margin:0px 20px 0px 20px;
}

.imgLeft {
	padding:2px;
	background-color:#ffffff;
	border:1px solid #742c86;
	float:left;
	margin:0px 20px 0px 0px;
}
.imgStyle {
	padding:2px;
	background-color:#ffffff;
	border:1px solid #742c86;
	margin:0px 20px 0px 0px;
}

div#head {
	background-color:#742c86;
	background-image:url(_images/img_header_.jpg);
	background-position: bottom left;
	background-repeat:repeat-x;
	height: 105px;
	width: 960px;
	text-align: right;
	position: relative;
	top: 0px;
	left: 0px;
	z-index:0;
}
div#header {
	width:930px;
	height:90px;
	padding-top:5px;
	padding-left:5px;
	padding-right:15px;
	margin:auto;
	background-color:#742c86;
}
div#logo {
	float:left;
	width:300px;
	height:80px;
	z-index:100;
}
div#logo img {
	margin-top:0px;
}
div#email {
	float: right;
	width:228px;
	height:80px;
	z-index:100;
}
div#email img {
	margin-top:0px;
}
div#container {
    width: 960px;
	background-color: #742c86;
}
#content {
	text-align: left;
	width: 960px;
	background-color: #343735;
	margin: 0px;
	padding: 0px;
	overflow-x: auto;
	overflow-y: auto;
}
#contentCell {
	padding:10px 5px 10px 15px;
	margin:0px;
	width: 940px;
	background: #ffffff url(_images/corner1.png) top right;
	background-repeat:no-repeat;
	display: inline-block;
	float:left;
	overflow:hidden;
}
#contentCellIndex {
	padding:10px 10px 10px 15px;
	margin:0px;
	width: 675px;
	background: #ffffff url(_images/corner1.png) top right;
	background-repeat:no-repeat;
	display: inline-block;
	float:left;
	height: 100%;
}
#contentCellRight {
	width: 260px;
	margin:50px 0px 0px 0px;
	float: left;
	display: inline-block;
	text-align:center;
	height: 100%;
	padding: 0px;
}

#footerIndex{
	position:relative;
	left:0px;
	top:0px;
	width: 960px;
	height:250px;
	background-color:;
	background: #343735 url(../images/footercropped.png) no-repeat top left;
	background-image: url(../images/footercropped.png);
}
#footerIndex a
{
	text-decoration:none;
    color: #ffffff;
}
#footerIndex p
{
	padding-top:190px;
	color: #ffffff;
}

#footer
{
	position:relative;
	left:0px;
	top:0px;
	width: 960px;
	height:250px;
	background-color:;
	background: #343735 url(../images/footercropped2.png) no-repeat top left;
	background-image: url(../images/footercropped2.png);
}
#footer a
{
	text-decoration:none;
    color: #ffffff;
}
#footer p
{
	padding-top:190px;
    color: #ffffff;
}

a#race {position:absolute;	left:17px; top:92px; width:257px; height:58px;}
a#race:hover img { margin:0px; left:17px; top:92px; width:257px; height:58px; background: transparent  url(../images/race.png) no-repeat top left; z-index:100;}
a#cove {position:absolute; left:323px; top:51px; width:105px; height:121px;}
a#cove:hover img { margin:0px; left:323px; top:51px; width:105px; height:121px; background: transparent  url(../images/cove.png) no-repeat top left; z-index:100;}
a#fox {position:absolute; left:469px; top:91px; width:72px; height:60px;}
a#fox:hover img { margin:0px; left:469px; top:91px; width:72px; height:60px; background: transparent  url(../images/fox.png) no-repeat top left; z-index:100;}
a#somb {position:absolute;	left:589px; top:91px; width:110px; height:58px;}
a#somb:hover img { margin:0px; left:589px; top:91px; width:110px; height:58px; background: transparent  url(../images/somb.png) no-repeat top left; z-index:100;}


#contentContainer p{
	width:250px;
}

#VideoPage {
	position:relative;
	width:100%;
	height:345px;
	margin:10px auto;
}
#highlights {
	position:absolute;
	left:1px;
	top:0px;
	width:248px;
	height:345px;
	padding:0px 0 0 0px;
	background-image: url(_images/videoTest/images/highlights.png);
	background-repeat:no-repeat;
}
#youtube {
	position:absolute;
	left:249px;
	top:0px;
	width:420px;
	height:345px;
	padding:18px 0 0 14px;
	background-image: url(_images/videoTest/images/youtube.png);
	background-repeat:no-repeat;
}
#images {
	position:absolute;
	left:669px;
	top:0px;
	width:262px;
	height:345px;
	padding:0px 0 0 0px;
	background-image: url(_images/videoTest/images/images.png);
	background-repeat:no-repeat;
}

#port1 {position:relative; left:30px; top:0; width:200px; height:150px; background: url(../images/trip_portlet.png) no-repeat top left;}
#port2 {position:relative; left:30px; top:30px; width:200px; height:150px; background: url(../images/news.png) no-repeat top left;}
#port3 {position:relative; left:30px; top:15px; width:200px; height:100px; background: url(../images/videoPort.png) no-repeat top left;}

a#video {position:absolute; top:-5px; left:34px; right:0; width:200px; height:100px;}
a#video:hover img { margin:0px 0px 30px 0px; width:200px; height:100px; background: url(../images/videoPort_over.png) no-repeat top left; z-index:1000;}

a#news {position:absolute; left:0; right:0; width:200px; height:150px;}
a#news:hover img { margin:0px 0px 30px 0px; width:200px; height:150px; background: url(../images/news-over.png) no-repeat top left; z-index:1000;}

a#sombrio {position:absolute; left:0; right:0; width:200px; height:150px;}
a#sombrio:hover img { margin:0px 0px 30px 0px; width:200px; height:150px; background:transparent url(../images/sambrio_over.png) no-repeat top left; z-index:1000;}

a#trip {position:absolute; left:0; right:0; width:200px; height:150px;}
a#trip:hover img { margin:0px 0px 30px 0px; width:200px; height:150px; background:transparent url(../images/trip_portlet-over.png) no-repeat top left; z-index:1000;}

a#booknow img {margin:0px 5px 0px 5px; left:0; right:0; width:150px; height:74px; background:transparent url(../images/book-now.png) no-repeat top left;}
a#booknow:hover img { margin:0px 5px 0px 5px; width:150px; height:74px; background:transparent url(../images/book-now-over.png) no-repeat top left; z-index:1000;}
a#booknowSmall img {margin:0px 5px 0px 5px; left:0; right:0; width:100px; height:49px; background:transparent url(../images/book-now-sm.png) no-repeat top left;}
a#booknowSmall:hover img { margin:0px 5px 0px 5px; width:100px; height:49px; background:transparent url(../images/book-now-sm-over.png) no-repeat top left; z-index:1000;}


a#enquiry img {margin:0px 5px 0px 5px; left:0; right:0; width:150px; height:74px; background:transparent url(../images/make-enquiry.png) no-repeat top left;}
a#enquiry:hover img { margin:0px 5px 0px 5px; width:150px; height:74px; background:transparent url(../images/make-enquiry-over.png) no-repeat top left; z-index:1000;}


#news_video {position:relative; margin:10px auto; width:200px; height:100px; background: url(../images/videoPort_wh.png) no-repeat top left; display: inline-block;}

a#news_vid {position:absolute; top:-5px; left:55px; right:0; width:200px; height:100px;}
a#news_vid:hover img { margin:0px 0px 0px 0px; width:200px; height:100px; background: url(../images/videoPort_over_wh.png) no-repeat top left; z-index:1000;}

#news_gall {position:relative; margin:10px 40px; width:200px; height:100px; background: url(../images/gallPort.png) no-repeat top left; display: inline-block;}

a#news_gal {position:absolute; top:0px; left:0px; right:0; width:200px; height:100px;}
a#news_gal:hover img { margin:0px 0px 0px 0px; width:200px; height:100px; background: url(../images/gallPort_over.png) no-repeat top left; z-index:1000;}



#holidays {
	position:relative;
	left:0px;
	top:0px;
	width:636px;
	height:324px;
	background: url(../images/holidays.jpg) no-repeat top left;
	background-image: url(../images/holidays.jpg);
}

a#all-mountain {position:absolute; left:9px; top:68px; width:174px; height:67px;}
a#all-mountain:hover img { margin:0px; left:9px; top:68px; width:174px; height:67px;; background: transparent url(../images/all-mountain.jpg) no-repeat top left; z-index:100;}
a#xc {position:absolute; left:9px; top:244px; width:174px; height:43px;}
a#xc:hover img { margin:0px; left:9px; top:244px; width:174px; height:43px; background: transparent url(../images/xc.jpg) no-repeat top left; z-index:100;}

a#coast {position:absolute;	left:197px;	top:22px; width:199px; height:128px;}
a#coast:hover img { margin:0px; left:197px; top:22px; width:199px; height:128px; background: transparent url(../images/coast.jpg) no-repeat top left; z-index:100;}

a#torridon {position:absolute;	left:417px;	top:22px;	width:199px;	height:128px;}
a#torridon:hover img { margin:0px; left:417px;	top:22px;	width:199px;	height:128px; background: transparent url(../images/torridon.jpg) no-repeat top left; z-index:100; }

a#cairngorms {	position:absolute;	left:197px;	top:172px;	width:199px;	height:128px;}
a#cairngorms:hover img { margin:0px; left:197px;	top:172px;	width:199px;	height:128px; background: transparent url(../images/cairngorms.jpg) no-repeat top left; z-index:100; }

a#fort {position:absolute;	left:417px;	top:172px;	width:199px;	height:128px;}
a#fort:hover img { margin:0px; left:417px;	top:172px;	width:199px;	height:128px; background: transparent url(../images/fort.jpg) no-repeat top left; z-index:100; }


a#one {
	position:absolute;
	left:13px;
	top:42px;
	width:129px;
	height:129px;
} 
a#one:hover img {
	left:13px;
	top:42px;
	width:129px;
	height:129px;
	background: transparent url(_images/oneOver.jpg) no-repeat top left; z-index:100; 
	}
a#two {
	position:absolute;
	left:149px;
	top:42px;
	width:129px;
	height:129px;
}
a#two:hover img {
	left:149px;
	top:42px;
	width:129px;
	height:129px;
	background: transparent url(_images/twoOver.jpg) no-repeat top left; z-index:100; 
}
a#three {
	position:absolute;
	left:285px;
	top:42px;
	width:129px;
	height:129px;
}
a#three:hover img {
	left:285px;
	top:42px;
	width:129px;
	height:129px;
	background: transparent url(_images/threeOver.jpg) no-repeat top left; z-index:100; 
}
a#four {
	position:absolute;
	left:13px;
	top:179px;
	width:129px;
	height:129px;
}
a#four:hover img {
	left:13px;
	top:179px;
	width:129px;
	height:129px;
	background: transparent url(_images/fourOver.jpg) no-repeat top left; z-index:100; 
}
a#five {
	position:absolute;
	left:149px;
	top:179px;
	width:129px;
	height:129px;
}
a#five:hover img {
	left:149px;
	top:179px;
	width:129px;
	height:129px;
	background: transparent url(_images/fiveOver.jpg) no-repeat top left; z-index:100; 
}
a#six {
	position:absolute;
	left:285px;
	top:179px;
	width:129px;
	height:129px;
}
a#six:hover img {
	left:285px;
	top:179px;
	width:129px;
	height:129px;
	background: transparent url(_images/sixOver.jpg) no-repeat top left; z-index:100; 
}
/* Tabbed content */
#tabs_wrapper{
	width:394px;
}
#tabs_wrapper a{
	color:#FFFFFF;
}
#tabs_wrapper p{
	color:#333;
}
#tabs_wrapper ul{
	color: #333;
	list-style: outside;
	margin:10px 0px 0px 20px;
	list-style-type: square;
}
.tab_link { 
    float:left; /* important */
    /* just styling */
      float:left;
      background:url("_images/tableft6.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
    font-variant: normal;
    }
	
.tab_link span{
	float:left;
	display:block;
	background:url("_images/tabright6.gif") no-repeat right top;
	padding:5px 7px 4px 1px;
	color:#FFF;
	font-weight: normal;
}

.tab_text { 
    display: none; /* hide the text containers */
	height:260px;
	overflow:auto;
    /* just styling */
    border:1px solid #756c97;
    padding:5px; 
    color:#756c97;
    }
#tabs_wrapper .tab_text a {color: #333; }
#tabs_wrapper .tab_text h2 {color:#333; }
#tabs_wrapper .tab_text ul { margin:0px; }

#tabs_wrapper .tab_link_selected{background-position:0% -42px;}
#tabs_wrapper .tab_link_selected span{background-position:100% -42px;}


.clear {clear: both;}  /* when we use css float property, we need to clear after the last floated item */


#tabs6 {
	float:left;
	width:100%;
	background:#ffffff;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #666;
      }
    #tabs6 ul {
          margin:0;
          padding:10px 10px 0 50px;
          list-style:none;
      }
    #tabs6 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs6 a {
      float:left;
      background:url("tableft6.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs6 a span {
      float:left;
      display:block;
      background:url("tabright6.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#FFF;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs6 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs6 a:hover span {
      color:#FFF;
      }
    #tabs6 a:hover {
      background-position:0% -42px;
      }
    #tabs6 a:hover span {
      background-position:100% -42px;
      }

      #tabs6 #current a {
              background-position:0% -42px;
      }
      #tabs6 #current a span {
              background-position:100% -42px;
      }
div#about{
	width:910px;
	margin:15px 10px 10px 0px;
	display:inline-block;
	border-top:solid 1px #cccccc;
}
div#about img{
	padding:0px 0px 0px 0px;
	float:right;
	margin:30px 10px 0px 10px;
	border: 1px solid #343735;
}
div#about h3{
color:#742c86}

div#hols{
	width:910px;
	margin:15px 10px 10px 0px;
	display:inline-block;
	border-top: dotted 1px #742c86;
}
div#hols img{
	padding:2px;
	background-color:#ffffff;
	border:1px solid #742c86;
	float:right;
	margin:0px 0px 0px 20px;
}
div#hols h3{
	color:#742c86;
}




div#videogallery{
	margin:5px;
	float: right;
	width: 250px;
	display:inline;

}

.slideshow {
	height: 250px;
	width: 960px;
	margin: 0px auto;
	z-index:0;
}
.slideshow img {
	padding: 0px;
	border: 0px solid #ccc;
	background-color: #000000;
	margin: 0px;
}

h1{
	font-size:150%;
	padding-top:10px;
}
h2{
	font-size:130%;
	padding-top:10px;
}
h3{font-size:110%; padding-top:10px;}
p{
	font-size:90%;
	padding-top:10px;
	padding-right: 25px;
	padding-bottom: 10px;
}
a{font-size:90%;}

body:nth-of-type(1) p{font-size:100%;}
body:nth-of-type(1) a{font-size:100%;}

div#navigation {
    width: 960px;
    height: 50px;
    background: Transparent url(_images/nav_bg.jpg) repeat-x top center;
    text-align: center;
	line-height:50px;
}

.menu{margin:0 auto; padding:0; height:50px; width:100%; display:block; background:url("../images/topMenuImages.png") 0px -30px; background-repeat:repeat-x; outline:none;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:#fff; text-decoration:none; font: bold 13px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url("../images/topMenuImages.png") 0px -30px no-repeat; outline:none; border-right:0px dotted #999;}
.menu li a span{line-height:50px; float:left; display:block; padding-right:15px;}
.menu li a:hover{color:#5d2067; border-right:0px dotted #fff; }
.menu li a.active, .menu li a.active:hover{color:#5d2067; border-right:0px dotted #fff; }
.menu li a:hover span{}
.menu li a.active, .menu li a.active:hover{line-height:50px; font: bold 13px Verdana, Arial, Helvetica, sans-serif; }

#social ul{
	list-style:none;
	float:left;
	width:283px;
	height:50px;
	margin:10px 0px 0px -30px;
	position:relative;
	top:0px;
}
#social ul li {
    float:left;
	list-style:none;
}
#social ul li a{
    float:left;
    display:block;
    height:45px;
}
#social ul li a.rss{
    width:150px;
    background:transparent url(../images/social.png) no-repeat scroll 0px 0px;
}
#social ul li a.rss:hover{
    background-position:0px -45px;
}
#social ul li a.twitter{
    width:125px;
    background:transparent url(../images/social.png) no-repeat scroll -155px 0px;
}
#social ul li a.twitter:hover{
    background-position:-155px -45px;
}
#social ul li a.facebook{
    width:158px;
    background:transparent url(../images/social.png) no-repeat scroll -285px 0px;
}
#social ul li a.facebook:hover{
    background-position:-285px -45px;
}


/***************************************************************************************************************************************************************/

label {
	display: block;
	margin-top :8px;
	width: 100%;
	background-repeat: no-repeat;
}

.blue {
	color: #422e5d;
	font-weight: bold;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}
label {
	color:#999;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}
label.chosen {color:#333;}

/*Transparent items*/
.outtaHere {
	position:absolute;
	left:-3000px;
}

/*Radio buttons*/
.radioArea, .radioAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:15px;
	height:14px;
	font-size:0;
	cursor:pointer;
}
.radioArea {background:url(../images/radio.gif) no-repeat left top;}
.radioAreaChecked {background:url(../images/radio.gif) no-repeat left bottom;}

/*Checkboxes*/
.checkboxArea, .checkboxAreaChecked {
	display:block;
	float:left;
	clear:left;
	width:13px;
	height:13px;
	font-size:0;
	padding:0;
	margin:0;
	cursor:pointer;
}
.checkboxArea {background:url(../images/checkbox.gif) no-repeat left top;}
.checkboxAreaChecked {background:url(../images/checkbox.gif) no-repeat left bottom;}
.focused {border:1px dotted #ddd;}

/*Text inputs*/
.textinput, .textinputHovered {
	height:15px;
	background:url(../images/input_bg.gif) repeat-x left top;
	border:none;
	padding:4px 0;
	vertical-align:middle;
}
.textinputHovered {background-position:left bottom;}
.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
}

/*Text areas*/
.txtarea .tr, .txtarea .tr_xon {background:url(../images/txtarea_tr.gif) no-repeat top right;}
.txtarea .tr_xon {background:url(../images/txtarea_tr_xon.gif) no-repeat top right;}
.txtarea img.txt_corner {
	width:5px;
	height:5px;
	display:block;
}
.txtarea .br, .txtarea .br_xon {background:url(../images/txtarea_br.gif) no-repeat top right;}
.txtarea .br_xon {background:url(../images/txtarea_br_xon.gif) no-repeat top right;}
.txtarea .cntr {background:url(../images/txtarea_cntr.gif) repeat-y right top;}
.txtarea .cntr_xon {background:url(../images/txtarea_cntr_xon.gif) repeat-y right top;}
.txtarea .cntr_l, .txtarea .cntr_l_xon {
	width:5px;
	background:url(../images/txtarea_l.gif) repeat-y left top;
	float:left;
}
.txtarea .cntr_l_xon {background:url(../images/txtarea_l_xon.gif) repeat-y left top;}
.txtarea textarea {
	border:0;
	background:none;
	padding:0;
	margin:5px;
}

/*Selects*/
.selectArea {
	width:200px;
	height:21px;
	background:url(../images/select_bg.gif) repeat-x left top;
}
.selectArea .left {
	width:8px;
	height:21px;
	float:left;
	background:url(../images/select_left.gif) no-repeat left top;
}
.selectArea .right {
	width:21px;
	height:21px;
	float:right;
	background:url(../images/select_right.gif) no-repeat left top;
}
.selectArea .right a {
	display:block;
	width:200px;
	height:21px;
	margin-left:-179px;
	position:absolute;
}
.selectArea .right i {display:none;}
.selectArea .center {
	width:160px;
	color:#FFF;
	padding-top:3px;
	overflow:hidden;
	white-space:nowrap;
}

/*Selects drop-down*/
.optionsDivInvisible, .optionsDivVisible {
	position:absolute;
	margin-top:-1px;
	margin-left:3px;
	width:172px;
	background:#6f7074;
	padding:2px;
	font-size:11px;
	z-index:20;
}
.optionsDivInvisible {display:none;}
.optionsDivVisible {display:block;}
.optionsDivVisible p {
	margin:0;
	padding:0;
}
.optionsDivVisible a {
	color:#F2F2F2;
	text-decoration:none;
	display:block;
	padding:1px 4px;
	border:1px solid #6f7074;
}
.optionsDivVisible a:hover {
	color:#FFF;
	background:#5F6062;
	border-color:#cfd0d6;
}

#vlightbox {
	width:100%;
	zoom:1;	
}
.vlightbox {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:0px;
	width:96px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:1;
}
.vlightbox a{
	margin:0;
}
.vlightbox:hover, .vlightbox a:hover{
	text-decoration:underline;
	opacity:0.87;
}

.vlightbox img{
	display:block;
	border:none;
	margin:0;
}

.vlightbox img .newsImg {
	padding:2px;
	background-color:#ffffff;
	border:1px solid #742c86;
	float:right;
	margin:0px 20px 0px 20px;
}

.vlightbox div {display:none}

#vlightbox1 {
	width:100%;
	zoom:1;	
}
.vlightbox1 {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	margin:0px;
	width:90px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	opacity:1;
}
.vlightbox1 a{
	margin:0;
}
.vlightbox1:hover, .vlightbox1 a:hover{
	text-decoration:underline;
	opacity:0.87;
}
.vlightbox1 img{
	display:block;
	border:none;
	margin:0;
}
.vlightbox1 div {display:none}

#overlay{
	position:absolute;
	top:0;
	left:0;
	z-index:90;
	width:100%;
	height:auto;
	background-color:#151410;
}

#lightbox{
	position:absolute;
	top:20px;
	left:0;
	width:100%;
	z-index:100;
	text-align:center;
	color:#151410;
	line-height:0;
}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:#151410;
	text-decoration:underline;
}

#lightbox a img{ border:none; }

#outerImageContainer{
	width:auto;
	height:auto; /* without this line error in IE8 detected */
	margin:0 auto;
	position:relative;
}

#lightboxImage{
	width:100%;
	height:100%;
}

#imageContainer{
	width:10px;
	height:10px;
	margin:0 auto;
	overflow:hidden;
	background-color:#fff;
	position:relative;
	font-size:0;/* ie fix - big info bar*/
}

#loading{
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	font-size:10px;
	z-index:1;
}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:32px;
	height:32px;
	background:url(../images/loading.gif) center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}
#imageContainer>#hoverNav{ left:0;}
#hoverNav a{ outline:none;}

#prevLinkImg, #nextLinkImg{
	width:49%;
	height:100%;
	background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
	display:block;
	text-indent:-9999px;
	}
#prevLinkImg { left:0; float:left;}
#nextLinkImg { right:0; float:right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { 
	background:url(../images/prev.gif) left 14% no-repeat; 
}
#nextLinkImg:hover, #nextLinkImg:visited:hover { 
	background:url(../images/next.gif) right 14% no-repeat; 
}


#imageDataContainer{
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#fff;
	width:100%	;
}

#imageData{
	overflow:hidden;
	width:100%;
}
#imageDetails{ width:70%; float:left; text-align:left; 	padding:10px 10px 0 10px;}
#caption{ font-weight:bold; display:block;}
#numberDisplay{ display:block; float:left; padding-right:10px; margin-top:3px;}
#detailsNav{display:block; float:left;   padding:0; }	
#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}
#prevLinkDetails { margin:3px; width:16px;height:16px; background:url(../images/prevlabel.gif) left center;}
#nextLinkDetails { margin:3px; width:16px;height:16px; background:url(../images/nextlabel.gif) right center;}

#slideShowControl.started{
	background-image:url(../images/pause.gif);
}

#slideShowControl{
	display:block;
	width:16px; 
	height:16px; 
	float:left;
	margin:3px;
	background:url(../images/start.gif);
	background-position:center center;
	background-repeat:no-repeat;
	}

#close{
	padding:10px 10px 0 0;
	float:right;
}
#closeLink {
	display:block; outline-style:none; margin:0; padding:0; text-decoration:none; 
	width:66px;
	height:32px;
	background:url(../images/close.gif) no-repeat;
}	
		
	


.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
* html>body .clearfix {display:inline-block; width:100%;}

* html .clearfix {
	/* Hides from IE-mac \*/
	height:1%;
	/* End hide from IE-mac */
}	
	

#outerImageFrame{
	border:solid 1px red;
	height:100%;
	width:100%;
	position:absolute;
}


#outerImageContainer{
	overflow:visible;
}
#outerImageContainer td{
	text-align:center;
	padding:0;
}

#lightboxFrameBody{
	background-color:#fff;
	border:solid 1px #fff; /* hack for opera table small cell width */
}

#outerImageContainer td{
	font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
	height:10px;
	width:10px;
}

#outerImageContainer td.tl{
	background-image:url(../images/borderCorners.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderCorners.png', sizingMethod='scale');
}
#outerImageContainer td.tc{
	background-image:url(../images/borderHoriz.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderHoriz.png', sizingMethod='scale');
}
#outerImageContainer td.ml{
	background-image:url(../images/borderVert.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderVert.png', sizingMethod='scale');
}
#outerImageContainer td.mr{
	background-image:url(../images/borderVert.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderVert.png', sizingMethod='scale');
}
#outerImageContainer td.bc{
	background-image:url(../images/borderHoriz.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderHoriz.png', sizingMethod='scale');
}


#outerImageContainer td.tr{
	background-image:url(../images/borderCorners.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderCorners.png', sizingMethod='scale');
}
#outerImageContainer td.bl{
	background-image:url(../images/borderCorners.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderCorners.png', sizingMethod='scale');
}
#outerImageContainer td.br{
	background-image:url(../images/borderCorners.png);
	_background-image:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='engine/images/borderCorners.png', sizingMethod='scale');
}
#videogallery {
	padding: 0px 0px;
	margin: 0px 0px;
	display:inline-block;
	opacity:1;
}
#videogallery a {
	position:relative;
	vertical-align:top;
	margin:0px;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-weight:normal;
	text-decoration:none;
	text-align:left;
	border:none;
}
#videogallery a img{
	border:none;
	margin:0px;
	padding:0px 0px 0px 8px;
}
#videogallery:hover, #videogallery a:hover {
	opacity:0.87;
}
/* the overlayed element */
div#voverlay {
	
	/* growing background image */
	background-image:url(../images/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:384px;
	height:288px;
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:35px;
}

/* default close button positioned on upper right corner */
div#voverlay div.close {
	background-image:url(../images/close.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

div#vcontainer{
	left:0;
	top:0;
	width:100%;
	height:100%;	
	background:url(../images/loading.gif) no-repeat 50% 50%;
}