html body {
	margin:0px;
	padding:0px;
	font:11px Arial, Helvetica, sans-serif;
	color: #fff;
	/*background-color: #cccccc;*/
		background:#cccccc url(../images/AG_body.gif) repeat; 
}

/* Pagina verdeling
----------------------------------------------- */

#top {
	width: 1004px;
	height: 60px;
	margin: 0;
	padding: 0px;

}

#speeltoestellen {
	width: 1002px;
	margin: 0;
	padding: 0px;
	border-right:2px #FFF solid;
	/*border-bottom:2px #FFF solid;*/

}

#right{
	width:152px;
	float:right;	
	background:#E9E4E4;	
	min-height:800px;
	padding-left:2px;
	color:#000;
}

#submenu {
	background: transparent url("../images/AG_submenu.gif") repeat-y left top;
	float: left;
	width: 282px;
}

#content {
	width: 525px;
	float: right;
	padding: 15px;
	color: #000;
}

#footer {
	width: 505px;
	color: #cccccc;
	font-size: 10px;
	padding: 10px;
	position: fixed;
  bottom: 0px;
	margin: 0 auto;
	margin-left:258px;
	text-align: center;
	z-index:999;
}

#footer a {color: #cccccc;}

#cms {
  position: fixed;
  width: 905px;
  bottom: 0px;
	margin: 0 auto;
	border:1px #A4051B solid;
	height: 42px;
	background-color: #474a4c;
	text-align: center;
	background: url(../cms_images/IMG_ag.gif) repeat-x top;
	z-index:999;
}

.balk {
	width: 129px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 0px 0px 0px 10px;
	float: left;
}

.logo { margin-left: -10px; }

#klant_login
{
padding-left:8px;
padding-top:8px;
}

.head_titel
{
font-size:12px;
font-weight:bold;
color:#7F8084;
}

.head_link 
{
font-size:11px;
font-weight:bold;
color:#7F8084;
text-decoration:none;
}

/* Hoofdmenu
----------------------------------------------- */

.menuitem a {
	background: #000 url("../images/IMG_hr_menu.gif") repeat-x left top;
	width: 129px;
	height: 24px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	padding: 34px 0px 0px 10px;
	float: left;
}

.menuitem a:hover { background: #ccc url("../images/IMG_hr_menu.gif") repeat-x left top;}

.menuitemWW a {
	background: #000 url("../images/IMG_hr_menu.gif") repeat-x left top;
	width: 129px;
	height: 41px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	padding: 17px 0px 0px 10px;
	float: left;
}

.menuitemWW a:hover { background: #ccc url("../images/IMG_hr_menu.gif") repeat-x left top;}

/* Submenu
----------------------------------------------- */

#submenuitems {
	margin: 10px 0px 0px 0px;
	padding: 0;
	list-style: none;
}

#submenuitems li {
	margin: 0px 0px 0px -10px;
	padding: 5px 0px 5px 5px;
	border-bottom: 1px solid #fff;
	list-style: none;
	width: 134px;
}

#submenu a { font-weight: normal;}


/* Categorien
----------------------------------------------- */

.buttonB {
	display: block;
	background: #CCEBF5;
	padding: 5px;
	border-bottom: 1px solid #fff;
	width: 258px;
}

a.buttonB:link{color:#0099CC; text-decoration:none; font-weight: bold;}
a.buttonB:visited{color:#0099CC; text-decoration:none; font-weight: bold;}
a.buttonB:hover{color:#0099CC; text-decoration:underline; font-weight: bold;}
a.buttonB:active{color:#0099CC; text-decoration:none; font-weight: bold;}

.buttonP {
	display: block;
	background: #FFC9E7;
	padding: 5px;
	border-bottom: 1px solid #fff;
	width: 258px;
}

a.buttonP:link{color:#CC0099; text-decoration:none; font-weight: bold;}
a.buttonP:visited{color:#CC0099; text-decoration:none; font-weight: bold;}
a.buttonP:hover{color:#CC0099; text-decoration:underline; font-weight: bold;}
a.buttonP:active{color:#CC0099; text-decoration:none; font-weight: bold;}

.buttonO {
	display: block;
	background: #FFE5AB;
	padding: 5px;
	border-bottom: 1px solid #fff;
	width: 258px;
}

a.buttonO:link{color:#FF6600; text-decoration:none; font-weight: bold;}
a.buttonO:visited{color:#FF6600; text-decoration:none; font-weight: bold;}
a.buttonO:hover{color:#FF6600; text-decoration:underline; font-weight: bold;}
a.buttonO:active{color:#FF6600; text-decoration:none; font-weight: bold;}

.buttonG {
	display: block;
	background: #f6e6ac;
	padding: 5px;
	border-bottom: 1px solid #fff;
	width: 258px;
}

a.buttonG:link{color:#FFB622; text-decoration:none; font-weight: bold;}
a.buttonG:visited{color:#FFB622; text-decoration:none; font-weight: bold;}
a.buttonG:hover{color:#FFB622; text-decoration:underline; font-weight: bold;}
a.buttonO:active{color:#FFB622; text-decoration:none; font-weight: bold;}

/* HTML elementen
----------------------------------------------- */

h1 {
	font: 18px Arial, Helvetica, sans-serif;
	margin: 0;
}

h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	margin: 0;
	display: inline;
}

h1.titel {color:#000;font-size:13px;font-weight: bold;}
a.titel:link{color:#000; text-decoration:none; font-weight: bold;}
a.titel:visited{color:#000; text-decoration:none; font-weight: bold;}
a.titel:hover{color:#000; text-decoration:underline; font-weight: bold;}
a.titel:active{color:#000; text-decoration:none; font-weight: bold;}

h1.groen {color:#00A844;}
h1.blauw {color:#0099CC;}
h1.paars {color:#CC0099;}
h1.oranje {color:#FF6600;}
h1.geel {color:#FFB622;}
h1.rood {color:#F22441;}


.groen {color:#00A844;}
.blauw {color:#0099CC;}
.paars {color:#CC0099;}
.oranje {color:#FF6600;}
.geel {color:#FFB622;}
.rood {color:#F22441; }



.prijs_groen {color:#00A844; font-weight: bold; font-size:14px;}
.prijs_blauw {color:#0099CC; font-weight: bold;  font-size:14px;}
.prijs_paars {color:#CC0099; font-weight: bold;  font-size:14px;}
.prijs_oranje {color:#FF6600; font-weight: bold;  font-size:14px;}
.prijs_geel {color:#FFB622; font-weight: bold;  font-size:14px;}
.prijs_rood {color:#F22441; font-weight: bold;  font-size:14px;}


p.groen {color:#00A844; font-weight: bold;}
p.blauw {color:#0099CC; font-weight: bold;}
p.paars {color:#CC0099; font-weight: bold;}
p.oranje {color:#FF6600; font-weight: bold;}
p.geel {color:#FFB622; font-weight: bold;}
p.rood {color:#F22441; font-weight: bold;}

b.blauw {color:#0099CC; font-weight: bold;}
b.paars {color:#CC0099; font-weight: bold;}
b.oranje {color:#FF6600; font-weight: bold;}
b.rood {color:#F22441; font-weight: bold;}

a:link{color:#fff; text-decoration:none; font-weight: bold;}
a:visited{color:#fff; text-decoration:none; font-weight: bold;}
a:hover{color:#fff; text-decoration:underline; font-weight: bold;}
a:active{color:#fff; text-decoration:none; font-weight: bold;}

a.groen:link{color:#00A844; text-decoration:none; font-weight: bold;}
a.groen:visited{color:#00A844; text-decoration:none; font-weight: bold;}
a.groen:hover{color:#00A844; text-decoration:underline; font-weight: bold;}
a.groen:active{color:#00A844; text-decoration:none; font-weight: bold;}

a.blauw:link{color:#0099CC; text-decoration:none; font-weight: bold;}
a.blauw:visited{color:#0099CC; text-decoration:none; font-weight: bold;}
a.blauw:hover{color:#0099CC; text-decoration:underline; font-weight: bold;}
a.blauw:active{color:#0099CC; text-decoration:none; font-weight: bold;}



a.paars:link{color:#CC0099; text-decoration:none; font-weight: bold;}
a.paars:visited{color:#CC0099; text-decoration:none; font-weight: bold;}
a.paars:hover{color:#CC0099; text-decoration:underline; font-weight: bold;}
a.paars:active{color:#CC0099; text-decoration:none; font-weight: bold;}

a.oranje:link{color:#FF6600; text-decoration:none; font-weight: bold;}
a.oranje:visited{color:#FF6600; text-decoration:none; font-weight: bold;}
a.oranje:hover{color:#FF6600; text-decoration:underline; font-weight: bold;}
a.oranje:active{color:#FF6600; text-decoration:none; font-weight: bold;}

a.geel:link{color:#FFB622; text-decoration:none; font-weight: bold;}
a.geel:visited{color:#FFB622; text-decoration:none; font-weight: bold;}
a.geel:hover{color:#FFB622; text-decoration:underline; font-weight: bold;}
a.geel:active{color:#FFB622; text-decoration:none; font-weight: bold;}

a.rood:link{color:#F22441; text-decoration:none; font-weight: bold;}
a.rood:visited{color:#F22441; text-decoration:none; font-weight: bold;}
a.rood:hover{color:#F22441; text-decoration:underline; font-weight: bold;}
a.rood:active{color:#F22441; text-decoration:none; font-weight: bold;}

#content_groen {
	width: 525px;
	float: right;
	padding: 15px;
	color: #000;
}

a.content_groen{color:#00A844; text-decoration:none;font-weight:normal}
a.content_groen:hover{color:#00A844; text-decoration:underline;font-weight:normal}
#content_groen a{color:#00A844; text-decoration:none;font-weight:normal}
#content_groen a:hover{color:#00A844; text-decoration:underline;font-weight:normal}

#content_blauw {
	width: 525px;
	float: right;
	padding: 15px;
	color: #000;
}
a.content_blauw{color:#0099CC; text-decoration:none;font-weight:normal}
a.content_blauw:hover{color:#0099CC; text-decoration:underline;font-weight:normal}
#content_blauw a{color:#0099CC; text-decoration:none;font-weight:normal}
#content_blauw a:hover{color:#0099CC; text-decoration:underline;font-weight:normal}

#content_paars {
	width: 525px;
	float: right;
	padding: 15px;
	color: #000;
}
a.content_paars{color:#CC0099; text-decoration:none;font-weight:normal}
a.content_paars:hover{color:#CC0099; text-decoration:underline;font-weight:normal}
#content_paars a{color:#CC0099; text-decoration:none;font-weight:normal}
#content_paars a:hover{color:#CC0099; text-decoration:underline;font-weight:normal}


#content_oranje {
	width: 525px;
	float: right;
	padding: 15px;
	color: #000;
}
a.content_oranje{color:#FF6600; text-decoration:none;font-weight:normal}
a.content_oranje:hover{color:#FF6600; text-decoration:underline;font-weight:normal}
#content_oranje a{color:#FF6600; text-decoration:none;font-weight:normal}
#content_oranje a:hover{color:#FF6600; text-decoration:underline;font-weight:normal}

#content_geel {
	width: 525px;
	float: right;
	padding: 15px;
	color: #000;
}
a.content_geel{color:#FFB622; text-decoration:none;font-weight:normal}
a.content_geel:hover{color:#FFB622; text-decoration:underline;font-weight:normal}
#content_geel a{color:#FFB622; text-decoration:none;font-weight:normal}
#content_geel a:hover{color:#FFB622; text-decoration:underline;font-weight:normal}


#content_rood {
	width: 525px;
	float: right;
	padding: 15px;
	color: #000;
}
a.content_rood{color:#F22441; text-decoration:none;font-weight:normal}
a.content_rood:hover{color:#F22441; text-decoration:underline;font-weight:normal}
#content_rood a{color:#F22441; text-decoration:none;font-weight:normal}
#content_rood a:hover{color:#F22441; text-decoration:underline;font-weight:normal}















.image {
	border: 1px solid #FFFFFF;
	width: 150px;
}

.imageholder {
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
}


#fotofade{
	width:134px;
	height:156px;
	margin-top:25px;
	border:1px solid #0DAB4A;
}

/*
#aanbieding{
	width:134px;
	height:112px;
	margin-top:25px;
	border:1px solid #0DAB4A;
}
*/

ul#fotofades{
	margin:0;
	padding:0;
	margin-top:10px;
	list-style:none;
	height:105px;
	overflow:hidden;
}

ul#fotofades li img{
	margin:0;	
	padding: 0;
	width:135px;
	border: 1px solid #0DAB4A;
}

ul#aanbieding{
	margin:0;
	padding:0;
	margin-top:5px;
	list-style:none;
}

ul#aanbieding li img{
	margin:0;
	padding:0;
	width:135px;
	border: 1px solid #0DAB4A;

}


.productimage {
	width: 154px;
	vertical-align: top;
}

.beschrijving {
	vertical-align: top;
	padding-left: 5px;
}

.clear {
  clear:both;
  display:block;
  height: 0;
  margin:0;
  padding:0;
  font-size:1px;
  line-height:0px;
  background-color: transparent;
}

hr {
	color: #ccc;
	border: 1px dashed #ccc;
	height: 1px;
	margin-bottom: 10px;
}

.searchResultTitle        { float:none; padding:5px 0;margin: 0;}
.searchResultTitle a      { display:block;}

.zoek_result
{
	background-color:#d3d7da;
}

.td_headers
{
	background-color:#7F8084;
	color:#FFF;
	font-weight:bold;
	padding:5px;
}

.td_text
{
	background-color:#EFEEEA;
	color:#000;
	font-weight:bold;
	padding:5px;
	
}

.td_cols
{
	color:#000;
	font-weight:bold;
	padding:2px;
}

.buttons
{	
	width:130px;
	border:1px #7F8084 solid;
	background-color:#7F8084;
	color:#FFF;	
	padding:2px;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
	cursor:pointer;
}


.inputs {
	padding: 2px;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	border: 1px solid #ccc;
}

.inputs_big {
	padding: 5px;
	width: 270px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height:40px
	margin: 0px;
	border: 1px solid #ccc;
}

.selects {
	padding: 2px;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	border: 1px solid #ccc;
}

.selects_req {
	padding: 2px;
	width: 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	border: 1px solid #ccc;
}



.submits
{
	padding: 2px;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	border: 1px solid #999;
	background:#CCCCCC;
	color:#FFF;
	font-weight:bold;
	cursor:pointer;
}

.kopje
{
	width:130px;
	background-color:#9FD98B;
	color:#FFF;	
	padding:4px;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.kopje_actief
{
	width:130px;
	background-color:#00A844;
	color:#FFF;	
	padding:4px;
	text-align:center;
	font:11px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

fieldset	{ 
	border : 1px solid #ccc;
	width:500px;
	padding-left:40px
		}
						
legend	{ 
	font-family : Arial, Helvetica, sans-serif;	 
	font-size:11px;	
	margin : 0; 
	padding : 0.5em; 
	color : #ccc; 
	font-weight:bold;
	background : transparent; 
		}

label
{
	font-weight:bold;
}

#msg {
display:none; 
position:absolute; 
z-index:999200; 
padding:0px;
}

#msgcontent {
display:block; 
background:#E1E1E1;
color:#000;
font-size:11px;
border:1px  #00A844 solid;
padding:2px;
min-width:200px; 
max-width:260px;
}


.req
{
	padding: 2px;
	width: 280px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	border: 1px solid #ccc;
}

.error
{
color:#F22441;
font-weight:bold;
display:block;
}

.error_kleur
{
display:block; 
background:#E1E1E1;
color:#F22441;
font-size:11px;
border:1px  #00A844 solid;
padding:2px;
min-width:140px; 
max-width:150px;
font-weight:normal;
}
/*Colorbox */
/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext.hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(../images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose.hover{background-position:bottom center;}

/* END colorbox*/

/*LyteBox*/
/* ------------------------------------------------------------------------
	This you can edit.
------------------------------------------------------------------------- */

	/* ----------------------------------
		Default Theme
	----------------------------------- */

	div.pp_default .pp_top,
	div.pp_default .pp_top .pp_middle,
	div.pp_default .pp_top .pp_left,
	div.pp_default .pp_top .pp_right,
	div.pp_default .pp_bottom,
	div.pp_default .pp_bottom .pp_left,
	div.pp_default .pp_bottom .pp_middle,
	div.pp_default .pp_bottom .pp_right { height: 13px; }
	
	div.pp_default .pp_top .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat; } /* Top left corner */
	div.pp_default .pp_top .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x; } /* Top pattern/color */
	div.pp_default .pp_top .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat; } /* Top right corner */
	
	div.pp_default .pp_content .ppt { color: #f8f8f8; }
	div.pp_default .pp_content_container .pp_left { background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y; padding-left: 13px; }
	div.pp_default .pp_content_container .pp_right { background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y; padding-right: 13px; }
	div.pp_default .pp_content { background-color: #fff; } /* Content background */
	div.pp_default .pp_next:hover { background: url(../images/prettyPhoto/default/sprite_next.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.pp_default .pp_previous:hover { background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat; cursor: pointer; } /* Previous button */
	div.pp_default .pp_expand { background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Expand button */
	div.pp_default .pp_expand:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat; cursor: pointer; } /* Expand button hover */
	div.pp_default .pp_contract { background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat; cursor: pointer; width: 28px; height: 28px; } /* Contract button */
	div.pp_default .pp_contract:hover { background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat; cursor: pointer; } /* Contract button hover */
	div.pp_default .pp_close { width: 30px; height: 30px; background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat; cursor: pointer; } /* Close button */
	div.pp_default #pp_full_res .pp_inline { color: #000; } 
	div.pp_default .pp_gallery ul li a { background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8; border:1px solid #aaa; }
	div.pp_default .pp_gallery ul li a:hover,
	div.pp_default .pp_gallery ul li.selected a { border-color: #fff; }

	div.pp_default .pp_gallery a.pp_arrow_previous,
	div.pp_default .pp_gallery a.pp_arrow_next { position: static; left: auto; }
	div.pp_default .pp_nav .pp_play,
	div.pp_default .pp_nav .pp_pause { background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat; height:30px; width:30px; }
	div.pp_default .pp_nav .pp_pause { background-position: -51px -29px; }
	div.pp_default .pp_details { position: relative; }
	div.pp_default a.pp_arrow_previous,
	div.pp_default a.pp_arrow_next { background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat; height: 20px; margin: 4px 0 0 0; width: 20px; }
	div.pp_default a.pp_arrow_next { left: 52px; background-position: -82px -3px; } /* The next arrow in the bottom nav */
	div.pp_default .pp_content_container .pp_details { margin-top: 5px; }
	div.pp_default .pp_nav { clear: none; height: 30px; width: 105px; position: relative; }
	div.pp_default .pp_nav .currentTextHolder{ font-family: Georgia; font-style: italic; color:#999; font-size: 11px; left: 75px; line-height: 25px; margin: 0; padding: 0 0 0 10px; position: absolute; top: 2px; }
	
	div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover { opacity:0.7; }

	div.pp_default .pp_description{ color:#000;font-size: 11px; font-weight: bold; line-height: 14px; margin: 5px 50px 5px 0; }

	div.pp_default .pp_bottom .pp_left { background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat; } /* Bottom left corner */
	div.pp_default .pp_bottom .pp_middle { background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x; } /* Bottom pattern/color */
	div.pp_default .pp_bottom .pp_right { background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat; } /* Bottom right corner */

	div.pp_default .pp_loaderIcon { background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat; } /* Loader icon */

	

	/* ----------------------------------
		Light Square Theme
	----------------------------------- */
	
	div.light_square .pp_left ,
	div.light_square .pp_middle,
	div.light_square .pp_right,
	div.light_square .pp_content { background: #000; }
	
	div.light_square .pp_content .ppt { color: #FFF; }
	div.light_square .pp_expand { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat; cursor: pointer; } /* Expand button */
	div.light_square .pp_expand:hover { background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat; cursor: pointer; } /* Expand button hover */
	div.light_square .pp_contract { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat; cursor: pointer; } /* Contract button */
	div.light_square .pp_contract:hover { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat; cursor: pointer; } /* Contract button hover */
	div.light_square .pp_close { width: 75px; height: 22px; background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat; cursor: pointer; } /* Close button */
	div.light_square .pp_details { position: relative; }
	div.light_square .pp_description { margin-right: 85px; }
	div.light_square #pp_full_res .pp_inline { color: #000; }
	div.light_square .pp_gallery a.pp_arrow_previous,
	div.light_square .pp_gallery a.pp_arrow_next { margin-top: 12px !important; }
	div.light_square .pp_nav .pp_play { background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat; height: 15px; width: 14px; }
	div.light_square .pp_nav .pp_pause { background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat; height: 15px; width: 14px; }
	
	div.light_square .pp_arrow_previous { background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat; } /* The previous arrow in the bottom nav */
		div.light_square .pp_arrow_previous.disabled { background-position: 0 -87px; cursor: default; }
	div.light_square .pp_arrow_next { background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat; } /* The next arrow in the bottom nav */
		div.light_square .pp_arrow_next.disabled { background-position: -22px -87px; cursor: default; }
	
	div.light_square .pp_next:hover { background: url(../images/prettyPhoto/light_square/btnNext.png) center right  no-repeat; cursor: pointer; } /* Next button */
	div.light_square .pp_previous:hover { background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat; cursor: pointer; } /* Previous button */
	
	div.light_square .pp_loaderIcon { background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat; } /* Loader icon */

/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

	div.pp_pic_holder a:focus { outline:none; }

	div.pp_overlay {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 9500;
	}
	
	div.pp_pic_holder {
		display: none;
		position: absolute;
		width: 100px;
		z-index: 10000;
	}

		
		.pp_top {
			height: 10px;
			position: relative;
		}
			* html .pp_top { padding: 0 10px; }
		
			.pp_top .pp_left {
				height: 10px;
				left: 0;
				position: absolute;
				width: 10px;
			}
			.pp_top .pp_middle {
				height: 10px;
				left: 10px;
				position: absolute;
				right: 10px;
			}
				* html .pp_top .pp_middle {
					left: 0;
					position: static;
				}
			
			.pp_top .pp_right {
				height: 10px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 10px;
			}
		
		.pp_content { height: 40px; min-width: 40px; }
		* html .pp_content { width: 40px; }
		
		.pp_fade { display: none; }
		
		.pp_content_container {
			position: relative;
			text-align: left;
			width: 100%;
		}
		
			.pp_content_container .pp_left { padding-left: 10px; }
			.pp_content_container .pp_right { padding-right: 10px; }
		
			.pp_content_container .pp_details {
				float: left;
				margin: 10px 0 2px 0;
			}
				.pp_description {
					display: none;
					margin: 0;
				}
				
				.pp_social { float: left; margin: 7px 0 0 0; }
				.pp_social .facebook { float: left; position: relative; top: -1px; margin-left: 5px; width: 55px; overflow: hidden; }
				.pp_social .twitter { float: left; }
				
				.pp_nav {
					clear: right;
					float: left;
					margin: 3px 10px 0 0;
				}
				
					.pp_nav p {
						float: left;
						margin: 2px 4px;
					}
					
					.pp_nav .pp_play,
					.pp_nav .pp_pause {
						float: left;
						margin-right: 4px;
						text-indent: -10000px;
					}
				
					a.pp_arrow_previous,
					a.pp_arrow_next {
						display: block;
						float: left;
						height: 15px;
						margin-top: 3px;
						overflow: hidden;
						text-indent: -10000px;
						width: 14px;
					}
		
		.pp_hoverContainer {
			position: absolute;
			top: 0;
			width: 100%;
			z-index: 2000;
		}
		
		.pp_gallery {
			display: none;
			left: 50%;
			margin-top: -50px;
			position: absolute;
			z-index: 10000;
		}
		
			.pp_gallery div {
				float: left;
				overflow: hidden;
				position: relative;
			}
			
			.pp_gallery ul {
				float: left;
				height: 35px;
				margin: 0 0 0 5px;
				padding: 0;
				position: relative;
				white-space: nowrap;
			}
			
			.pp_gallery ul a {
				border: 1px #000 solid;
				border: 1px rgba(0,0,0,0.5) solid;
				display: block;
				float: left;
				height: 33px;
				overflow: hidden;
			}
			
			.pp_gallery ul a:hover,
			.pp_gallery li.selected a { border-color: #fff; }
			
			.pp_gallery ul a img { border: 0; }
			
			.pp_gallery li {
				display: block;
				float: left;
				margin: 0 5px 0 0;
				padding: 0;
			}
			
			.pp_gallery li.default a {
				background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
				display: block;
				height: 33px;
				width: 50px;
			}
			
			.pp_gallery li.default a img { display: none; }
			
			.pp_gallery .pp_arrow_previous,
			.pp_gallery .pp_arrow_next {
				margin-top: 7px !important;
			}
		
		a.pp_next {
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: right;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
			
		a.pp_previous {
			background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
			display: block;
			float: left;
			height: 100%;
			text-indent: -10000px;
			width: 49%;
		}
		
		a.pp_expand,
		a.pp_contract {
			cursor: pointer;
			display: none;
			height: 20px;	
			position: absolute;
			right: 30px;
			text-indent: -10000px;
			top: 10px;
			width: 20px;
			z-index: 20000;
		}
			
		a.pp_close {
			position: absolute; right: 0; top: 0; 
			display: block;
			line-height:22px;
			text-indent: -10000px;
		}
		
		.pp_bottom {
			height: 5px;
			position: relative;
		}
			* html .pp_bottom { padding: 0 5px; }
			
			.pp_bottom .pp_left {
				height: 5px;
				left: 0;
				position: absolute;
				width: 5px;
			}
			.pp_bottom .pp_middle {
				height: 5px;
				left: 5px;
				position: absolute;
				right: 5px;
			}
				* html .pp_bottom .pp_middle {
					left: 0;
					position: static;
				}
				
			.pp_bottom .pp_right {
				height: 5px;
				left: auto;
				position: absolute;
				right: 0;
				top: 0;
				width: 5px;
			}
		
		.pp_loaderIcon {
			display: block;
			height: 24px;
			left: 50%;
			margin: -12px 0 0 -12px;
			position: absolute;
			top: 50%;
			width: 24px;
		}
		
		#pp_full_res {
			line-height: 1 !important;
		}
		
			#pp_full_res .pp_inline {
				text-align: left;
			}
			
				#pp_full_res .pp_inline p { margin: 0 0 15px 0; }
	
		div.ppt {
			color: #fff;
			display: none;
			font-size: 17px;
			margin: 0 0 5px 15px;
			z-index: 9999;
		}

/* ------------------------------------------------------------------------
END LyteBox
------------------------------------------------------------------------- */
