

body {
	margin: 0;
	padding: 0;
	background: #0F5B96 url("../images/img01.gif") repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

html
{
	height: 100%;
}

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



#container2 {
	margin: 0 auto;
	width: 980px;
}
	

a:link, a:visited { 
	color: #B1D6FF;
	text-decoration: none;
	   outline-color: invert;
	   outline-style: none;
	   outline-width: 0pt; 	
	}

a:hover, a:active { 
	text-decoration: none;
	color: #ffffff;
	}
	
a.wittelink:link, a.wittelink:visited { 
	color: #ffffff;
	text-decoration: none;	
	}

a.wittelink:hover, a.wittelink:active { 
	text-decoration: none;
	color: #B1D6FF;
	}	
	
	
a.leesmeer:link, a.leesmeer:visited { 
	color: #B1D6FF;
	text-decoration: none;	
	padding-left: 15px;
	float: left;
	height: 20px;
	line-height: 20px;
	background: url("../images/arrow_white2.gif") 0px 4px no-repeat;	
	}

a.leesmeer:hover, a.leesmeer:active { 
	color: #ffffff;
	text-decoration: none;
	}	
	


#header{
	width: 980px;
	height: 135px;
	float: left;
	background: url("../images/img02.jpg") no-repeat center top;
}

#headerlinks{
	float: left;
	width: 788px;
	height: 115px;
}

.fastfender{
	border: 0px;
	margin: 0px;
	padding: 22px 0px 6px 13px;
	float: left;
}

.fastfender_payoff{
	float: left;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	background: #001324 url(http://www.fastfender.eu/addsite/data/sites/fastfender2/www/images/payoff_links.gif) top left no-repeat;
	height: 24px;
	line-height: 24px;
	padding-left: 8px;
	margin-left: 8px;
}

.end_payoff{
	float: left;
	background: url(http://www.fastfender.eu/addsite/data/sites/fastfender2/www/images/payoff_rechts.gif) top left no-repeat;
	height: 24px;
	line-height: 24px;
	width: 8px;
}

#headerrechts{
	float: right;
	width: 177px;
	margin-top: 50px;
	/*background: url(http://www.fastfender.eu/addsite/data/sites/fastfender2/www/images/lang_back.gif) top left no-repeat;*/
	/*height: 105px;*/
	padding: 10px 0px 0px 15px;
}

#headerrechts img{
	float: left;
	margin: 0px;
	padding-right: 7px;
	border: 0px;
}


#footer { 
	width: 100%;
	height: 154px;
	float: left;
	background: url(http://www.fastfender.eu/addsite/data/sites/fastfender2/www/images/footerback.jpg) repeat-x;
	}
	
#footer_content {
	margin: 0 auto;
	width: 980px;
	height: 118px;
	padding-top: 36px;
	background: url(http://www.fastfender.eu/addsite/data/sites/fastfender2/www/images/footerback2.gif) top left no-repeat;
	color: #a6b0ba
}
	
#content{
	float: left;
	width: 980px;
	min-height: 450px;
	background: url(http://www.dukesopensource.com/demo/images/contentback.jpg) bottom left no-repeat;
	padding-bottom: 70px;	
}

		/* Fix voor IE */
		* html #content
		{
			height: 450px;
		}		

#content_left{
	float: left;
	width: 191px;
}
	
#content_center{
	float: left;
	width: 580px;
	padding-left: 19px;
}

.tekstblok{
	float: left;
	width: 560px;
}

.tekstkop{
	float: left;
	width: 530px;
	padding: 16px 0px 0px 30px;
	height: 65px;
	background: url(http://www.dukesopensource.com/demo/images/kopback.jpg) top left no-repeat;
	margin-bottom: 1px;
}

.introtekst{
	float: left;
	width: 500px;
	background: #6093C3;
	padding: 20px 30px 20px 30px;
}

.tekst{
	float: left;
	width: 500px;
	background: #2d5982;
	padding: 20px 30px 30px 30px;
	min-height: 210px;
}

		/* Fix voor IE */
		* html .tekst
		{
			height: 210px;
		}	

.kolom1{
	float: left;
	width: 235px;
}

.kolom2{
	float: right;
	width: 235px;
}



.tekst ul{
	margin: 10px 0px 10px 0px;
	padding: 0px;
}

.tekst ul li{
	list-style-type: none;
	margin: 0px;
	padding: 4px 0px 4px 20px;
	background: url(http://www.fastfender.eu/addsite/data/sites/fastfender2/www/images/bullet_blue.gif) 0px 6px no-repeat;
}

.kolom2 ul{
	margin: 0px;
	padding: 0px;
}

.kolom2 ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 12px 20px;
	background: url(http://www.fastfender.eu/addsite/data/sites/fastfender2/www/images/bullet.gif) 0px 4px no-repeat;
}

.fotos{
	float: right;
	width: 178px;
	margin-right: -20px;
	margin-top: -10px;
	padding: 0px 0px 0px 20px;
}

		/* Fix voor IE */
		* html .fotos
		{
			margin-right: -10px;
		}		

.fotos img{
	float: left;
	width: 178px;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	border: 0px;
}

.fotooverzicht{
	float: left;
	width: 500px;
	padding: 20px 0px 0px 0px;
}



.fotooverzicht img{
	float: left;
	width: 145px;
	height: 145px;
	margin: 0px;
	padding: 0px 21px 21px 0px;
	border: 0px;
}

.intro{
	color: #B1D6FF;
}

.tekstbottom{
	float: left;
	width: 560px;
	height: 12px;
	font-size: 0px;
	line-height: 0px;
	background: url(http://www.fastfender.eu/addsite/data/sites/fastfender2/www/images/tekstbottom.gif) top left no-repeat;
}

#content_right{
	float: right;
	width: 190px;
}

#homeblock{
	float: left;
	width: 565px;
	height: 261px;
	margin: 18px 0px 10px 0px;
	background: url(http://www.dukesopensource.com/demo/images/slidebg.jpg) top left no-repeat;
}

#slideshow{
	float: left;
	width: 256px;
	height: 261px;
	position: relative;
}

.boxs {
	position: absolute;
	top: 36px ;
	left: 30px;
}





#nav{
	float: left;
	width: 303px;
}

#nav ul{
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

#nav ul li{
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
		
#footer1{
	float: left;
	width: 220px;
	color: #ffffff;
	padding-left: 20px;
}

#footer2{
	float: left;
	width: 156px;
}

#footer3{
	float: left;
	width: 172px;
}

#footer4{
	float: left;
	width: 237px;
}

#footer4 a:link, #footer4 a:visited { 
	color: #95bae5;
	text-decoration: none;
	}

#footer4 a:hover, #footer4 a:active { 
	color: #ffffff;
	text-decoration: none;
	}
	
#footer5{
	float: left;
	width: 175px;
}	
	

.country{
	background: #ffffff;
	border: 0px solid #00172D;
	font-size: 11px;
		width: 145px;
		margin: 10px 0px 1px 0px;
		padding: 2px;
		color: #242424;	
}
		

	
		
		form
		{
			margin: 0px;
			padding: 0px;
		}		
		


	
.newsitem{
	float: left;
	width: 500px;
}

.newsfoto{
	float: left;
	width: 93px;
	height: 93px;
}

.newsfoto img{
	border: 0px;
	float: left;
}

.newstekst{
	float: right;
	width: 387px;
}

	
	


	
h1 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 22px;
	line-height: 30px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}	
	
h2 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}	
	
.kop { 
	font-weight: bold;
	}		

h3 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 10px;
	margin-top: 36px;
	background: url(http://www.fastfender.eu/addsite/data/sites/fastfender2/www/images/drieback.gif) top left no-repeat;
	}	
	
h4{
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 7px 0px;
	font-size: 14px;
	font-weight: bold;
	background: url("../images/line.gif") bottom left no-repeat;
}

h5 { 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 19px;
	line-height: 30px;
	font-weight: normal;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	}	

.clearer {
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.line {
	height: 1px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 17px 0px 20px 0px;
	clear: both;
	background: #4C7295;
}


.clearer8 {
	height: 6px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer12 {
	height: 12px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}

.clearer24 {
	height: 24px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


.clearer50 {
	height: 50px;
	font-size: 0px;
	line-height: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	clear: both;
}


	


	
/* Sliding doors
---------------------------------------------------------------------------------------------- */	
	
.btn_fotos, a.btn_fotos:link, a.btn_fotos:visited 
{
	float: left;
	width: 175px;
	height: 168px;
        background: url(http://www.dukesopensource.com/demo/images/photosBT.jpg) 0px 0px;
        margin-top: 0px;
        
	color: #ffffff;
	padding: 15px 0px 0px 15px;
}

a.btn_fotos:hover, a.btn_fotos:active
{
	background: url(http://www.dukesopensource.com/demo/images/photosBT.jpg) -190px 0px;
	text-decoration: none;
}


.btn_dealers, a.btn_dealers:link, a.btn_dealers:visited 
{
	float: left;
	width: 175px;
	height: 255px;
	background: url(http://www.dukesopensource.com/demo/images/dealerbg.jpg) 0px 0px;
	margin-top: 10px;
	color: #ffffff;
	padding: 15px 0px 0px 15px;
}

a.btn_dealers:hover, a.btn_dealers:active
{
	background: url(http://www.dukesopensource.com/demo/images/dealerbg.jpg) -190px 0px;
	text-decoration: none;
}


a.btn_dealers h1, a.btn_dealers h2{
	color: #9DBFE5;
}


a.activeSlide#een:link, a.activeSlide#een:visited, a.activeSlide#een:hover, a.activeSlide#een:active, a.activeSlide#een:focus 
{
	float: left;
	width: 250px;
	height: 25px;
	line-height: 25px;
	background: url(http://www.dukesopensource.com/demo/images/1.gif) 0px -25px no-repeat;
	margin-top: 10px;
	color: #ffffff;
	padding: 0px 0px 0px 35px;
}

 a#een:link, a#een:visited 
{
	float: left;
	width: 250px;
	height: 25px;
	line-height: 25px;
	background: url(http://www.dukesopensource.com/demo/images/1.gif) 0px 0px no-repeat;
	margin-top: 10px;
	color: #ffffff;
	padding: 0px 0px 0px 35px;
}

a#een:hover, a#een:active
{
	background: url(http://www.dukesopensource.com/demo/images/1.gif) 0px -50px no-repeat;
	text-decoration: none;
}




a.activeSlide#twee:link, a.activeSlide#twee:visited, a.activeSlide#twee:hover, a.activeSlide#twee:active, a.activeSlide#twee:focus 
{
	float: left;
	width: 250px;
	height: 25px;
	line-height: 25px;
	background: url("../images/2.gif") 0px -25px no-repeat;
	margin-top: 10px;
	color: #ffffff;
	padding: 0px 0px 0px 35px;
}

a#twee:link, a#twee:visited 
{
	float: left;
	width: 250px;
	height: 25px;
	line-height: 25px;
	background: url("../images/2.gif") 0px 0px no-repeat;
	margin-top: 10px;
	color: #ffffff;
	padding: 0px 0px 0px 35px;
}

a#twee:hover, a#twee:active
{
	background: url("../images/2.gif") 0px -50px no-repeat;
	text-decoration: none;
}


a.activeSlide#drie:link, a.activeSlide#drie:visited, a.activeSlide#drie:hover, a.activeSlide#drie:active, a.activeSlide#drie:focus 
{
	float: left;
	width: 250px;
	height: 25px;
	line-height: 25px;
	background: url("../images/3.gif") 0px -25px no-repeat;
	margin-top: 10px;
	color: #ffffff;
	padding: 0px 0px 0px 35px;
}

a#drie:link, a#drie:visited 
{
	float: left;
	width: 250px;
	height: 25px;
	line-height: 25px;
	background: url("../images/3.gif") 0px 0px no-repeat;
	margin-top: 10px;
	color: #ffffff;
	padding: 0px 0px 0px 35px;
}

a#drie:hover, a#drie:active
{
	background: url("../images/3.gif") 0px -50px no-repeat;
	text-decoration: none;
}


a.activeSlide#vier:link, a.activeSlide#vier:visited, a.activeSlide#vier:hover, a.activeSlide#vier:active, a.activeSlide#vier:focus 
{
	float: left;
	width: 250px;
	height: 25px;
	line-height: 25px;
	background: url("../images/4.gif") 0px -25px no-repeat;
	margin-top: 10px;
	color: #ffffff;
	padding: 0px 0px 0px 35px;
}

a#vier:link, a#vier:visited 
{
	float: left;
	width: 250px;
	height: 25px;
	line-height: 25px;
	background: url("../images/4.gif") 0px 0px no-repeat;
	margin-top: 10px;
	color: #ffffff;
	padding: 0px 0px 0px 35px;
}

a#vier:hover, a#vier:active
{
	background: url("../images/4.gif") 0px -50px no-repeat;
	text-decoration: none;
}





/* Navigatie menu eerste niveau
------------------------------------------------------------------------------------------ */
  	#verznav
	{
		width: 191px;
		text-align: left;
		line-height: 30px;
		padding-top: 43px;
	}

	#verznav ul
	{
		margin: 0px;
		padding: 0px 0px 0px 0px;
	}

	#verznav ul li
	{
		padding: 0px 0px 0px 0px;
		margin: 0px;
		list-style-type: none;
	}

	#verznav li a
	{
		display: block;
		width: 171px;
		color: #ffffff;
		padding: 0px 0px 0px 20px;
		line-height: 30px;
		text-decoration: none;
		border-bottom: 1px solid #2872A6;
	}
	
	#verznav li a:hover
	{
		text-decoration: none;
		background: url(http://www.dukesopensource.com/demo/images/fenderBlt.jpg) 3px 11px no-repeat;	
	}	

	#verznav li a.actief, #verznav li a.actief:hover
	{
		color: #9dbfe5;
		text-decoration: none;
		background: url(http://www.dukesopensource.com/demo/images/fender-whiteBlt.jpg) 4px 10px no-repeat;
	}
	



/* Navigatie menu tweede niveau
------------------------------------------------------------------------------------------ */
	
	#verznav ul ul
	{ 
		margin: 0px 0px 0px 0px;
		padding: 7px 0px 15px 0px;
		border-bottom: 1px solid #3e536f	
	}
	
	#verznav ul li li
	{
		border: 0px;
		padding: 0px 0px 0px 0px;
		margin: 0px;
	}

	
	#verznav li li a
	{
		display: block;
		width: 171px;
		color: #a6b0ba;
		padding: 0px 0px 0px 20px;
		font-size: 11px;
		line-height: 21px;
		text-decoration: none;
		background: none;	
		border: 0px;
	}
	

	
	#verznav li li a:hover
	{
		text-decoration: none;
		color: #ffffff;
		background: none;
	}
	
	#verznav li li#subactief a, #verznav li li#subactief a:hover
	{
		text-decoration: underline;
		background: none;
	}
	
	
/* News
------------------------------------------------------------------------------------------ */
	.newskop{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 14px;
		color: #9dbfe5;
		padding-left: 5px;
	}

  	#newsnav
	{
		width: 191px;
		text-align: left;
		line-height: 16px;
		padding-top: 60px;
	}

	#newsnav ul
	{
		margin: 0px;
		padding: 10px 0px 10px 0px;
	}

	#newsnav ul li
	{
		padding: 0px 0px 0px 0px;
		margin: 0px;
		list-style-type: none;
	}

	#newsnav li a
	{
		display: block;
		width: 171px;
		color: #ffffff;
		padding: 4px 0px 5px 20px;
		line-height: 16px;
		text-decoration: none;
		background: url("../images/fenderBlt.jpg") 3px 8px no-repeat;	
	}
	
	#newsnav li a:hover
	{
		text-decoration: none;
		color: #9dbfe5;
	}	

.newslink{
	float: right;
	background: url("../images/newslink.gif") top left no-repeat;	
	height: 22px;
	text-align: center;
}
	
.newslink a:link, .newslink a:visited { 
	float: left;
	line-height: 22px;
	padding: 0px 8px 0px 8px;
	color: #ffffff;
	text-decoration: none;
	/*background: url(images/fenderBlt.jpg) middle right no-repeat;*/
	}

.newslink a:hover, .newslink a:active { 
	color: #B1D6FF;
	text-decoration: none;
	}
		
		
		

/* Formulier
---------------------------------------------------------------------------------------------- */

form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#inloggen { 
	text-align: right;	
	float: right;
	padding: 10px 10px 10px 0px;
	color: #49546D;
	font-weight: bold;
	line-height: 28px;
	}	
	
#homelink { 
	text-align: right;	
	float: left;
	padding: 10px 10px 10px 0px;
	color: #49546D;
	font-weight: bold;
	line-height: 28px;
	}		

input.button { 
	background: #123555; 
	border-bottom: 1px solid #000000; 
	border-left: 1px solid #3E6188; 
	border-right: 1px solid #000000; 
	border-top: 1px solid #3E6188; 
	color: #ffffff; 
	margin: 0px; 
	padding: 3px 5px 3px 5px; 
	}
	
.input {

	color: #2C2C2C; 
		width: 203px;
		margin-left: 10px;
		line-height: 12px;
		height: 16px;
	background: #526A8F;		
		}
		
.invulNormaal {

	color: #000000; 
		width: 203px;
		line-height: 12px;
		height: 16px;
		margin: 1px 0px 1px 0px;
		border: 1px solid #83A9D4;
		background: #ffffff;
		
		}		
		
.invulArea {
	color: #000000; 
		width: 223px;
		margin: 1px 0px 1px 0px;
		border: 1px solid #83A9D4;
		background: #ffffff;
		}	

.invulww {

	color: #000000; 
		width: 70px;
		line-height: 12px;
		height: 16px;
		margin: 1px 0px 1px 0px;	
		border: 1px solid #83A9D4;
		background: #ffffff;
		}	


.invulSmall {

	color: #000000; 
		width: 153px;
		line-height: 12px;
		height: 16px;
		margin: 1px 0px 1px 0px;	
		border: 1px solid #83A9D4;
		background: #ffffff;
		}	
				
				
.prov1 { 
	float: left;
	width: 150px;
	}		
	
.prov2 { 
	float: left;
	width: 150px;
	}		
	
	
.prov3 { 
	float: left;
	width: 150px;
	}						
	
.fototabel{
	float: left;
	background: #214B72;
	margin: 20px 20px 0px 0px;
	border: 1px solid #0F3A5D;
}

	
.fototabel img{
	border: 1px solid #3C6894;
}
	
.floatleft
{
	float: left;
	width: 200px;
	height: 220px;
	margin: 0 15px 15px 0;
	background-color: #fff;
	padding: 10px;
	border-top: 1px solid #999;
	border-right: 2px solid #555;
	border-bottom: 2px solid #555;
	border-left: 1px solid #999;
	text-align: center;
}

div.floatleft img
{
	border-top: 2px solid #555;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 2px solid #555;
	margin-bottom: 2px;
}

/*Form*/
.panel {
	clear: both;
	display: none;
	border: 3px solid #CCC;
	padding: 1em;
}
.panel.active-tab-body {
	display: block;
}
#tabs {
	list-style: none;
}

#tabs li {
	float: left;
}

#tabs a {
	float: left;
	padding: 5px 8px;
	margin-left: 6px;
	background-color: #F2F2F2;
	text-decoration: none;
	color: #999999;
}

#tabs a.active-tab {
	background-color: #CCC;
	border-top: 3px solid #999;
	padding-top: 3px;
	color: #000;
}
input.disabled {
	border: 1px solid #F2F2F2;
	background-color: #F2F2F2;
}

input.required, textarea.required {
	border: 1px solid #00A8E6;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}

.validation-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #C8AA00;
	color : #FFF;
	font-weight: bold;
}

fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}
/*.form-row {
	clear: both;
	padding: 0.5em;
}*/

.field-label {

}

.field-widget {

}

.highslide {
	cursor: url(js/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 2px solid gray;
}
.highslide:hover img {
	border: 2px solid white;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(js/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 560px;
    padding: 15px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(js/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/*------------------------------Testing for Image Popup--------------------------------------------- */
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 100;
left: 450px; /*position where enlarged image should offset horizontally */

}

</style>

