/***************************************** 
Client: Roof Rack City Canberra          *
Type: Image Gallery                      *                          
Version:1.0                              *
*****************************************/

/*Core Style*/
#colorbox,#cboxOverlay,#cboxWrapper{
	left:0;
	overflow:hidden;
	position:absolute;
	top:0;
	z-index:9999;
}

#cboxOverlay{
	height:100%;
	position:fixed;
	width:100%;
}

#cboxMiddleLeft,#cboxBottomLeft{clear:left;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer;}

#cboxContent{
	overflow:hidden;
	position:relative;
}

#cboxLoadedContent iframe{
	border:0;
	display:block;
	height:100%;
	width:100%;
}

#cboxLoadingOverlay,#cboxLoadingGraphic{
	left:0;
	position:absolute;
	top:0;
	width:100%;
}


/*Colorbox Styles*/
#cboxOverlay{background:url(../images/overlay.png) 0 0 repeat;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#colorbox{}

#cboxTopLeft{
	background:url(../images/controls.png) -100px 0 no-repeat;
	height:21px;
	width:21px;
}

#cboxTopRight{
	background:url(../images/controls.png) -129px 0 no-repeat;
	height:21px;
	width:21px;
}

#cboxBottomLeft{
	background:url(../images/controls.png) -100px -29px no-repeat;
	height:21px;
	width:21px;
}

#cboxBottomRight{
	background:url(../images/controls.png) -129px -29px no-repeat;
	height:21px;
	width:21px;
}

#cboxMiddleLeft{
	background:url(../images/controls.png) left top repeat-y;
	width:21px;
}

#cboxMiddleRight{
	background:url(../images/controls.png) right top repeat-y;
	width:21px;
}

#cboxTopCenter{
	background:url(../images/border.png) 0 0 repeat-x;
	height:21px;
}

#cboxBottomCenter{
	background:url(../images/border.png) 0 -29px repeat-x;
	height:21px;
}


#cboxTitle{
	bottom:4px;
	color:#949494;
	left:0;
	position:absolute;
	text-align:center;
	width:100%;
}

#cboxCurrent{
	bottom:4px;
	color:#949494;
	left:58px;
	position:absolute;
}

#cboxSlideshow{
	bottom:4px;
	color:#0092ef;
	position:absolute;
	right:30px;
}

#cboxPrevious{
	background:url(../images/controls.png) -75px 0 no-repeat;
	bottom:0;
	height:25px;
	left:0;
	position:absolute;
	text-indent:-9999px;
	width:25px;
}

#cboxPrevious.hover{background-position:-75px -25px;}

#cboxNext{
	background:url(../images/controls.png) -50px 0 no-repeat;
	bottom:0;
	height:25px;
	left:27px;
	position:absolute;
	text-indent:-9999px;
	width:25px;
}

#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}

#cboxClose{
	background:url(../images/controls.png) -25px 0 no-repeat;
	bottom:0;
	height:25px;
	position:absolute;
	right:0;
	text-indent:-9999px;
	width:25px;
}

#cboxClose.hover{background-position:-25px -25px;}

/* The png transparent IE6.  It is also necessary for IE7 & IE8 to avoid 'black halos' with the fade transition*/
.cboxIE #cboxTopLeft{background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/ie/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/ie/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/ie/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/ie/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/ie/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/ie/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/ie/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/ie/borderMiddleRight.png, sizingMethod='scale');}


div.galleryhead {
	background:#F2F2F3 url(../images/gallery-title.png) repeat-x;
	border:1px solid #D6D6D6;
	border-radius:4px;
	clear:both;
	font-size:12px;
	font-weight:700;
	height:25px;
	line-height:2;
	margin:5px 0 6px 9px;
	text-indent:12px;
	text-transform:capitalize;
	width:882px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

div.img{
	border:#D3D3D3 3px solid;
	float:left;
	height:85px;
	margin:0 0 5px 8px;
	width:85px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}