/* DOCUMENT INFORMATION -----------------------------------
TITLE:			Site re-build and changes
LAST UPDATED:	12th April 2010
AUTHOR:			Ben Johnson - Web2Works Ltd
---------------------------------------------------------*/

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: #ffffff url('../images/bg.png') repeat-x;
}
a, a:visited {
	color: #FFA621;
}
	.body-bottom {
		background: url(../images/body-bottom.gif) repeat-x left bottom;
		padding-bottom: 90px;
	}
	.page-top {
		width: 1004px;
		margin: 0 auto;
		background: url("../images/header.png") no-repeat;
	}
	.page-bottom {
		width: 1004px;
		background: url("../images/page-bottom.png") no-repeat left bottom;
	}
	.container {
		width: 960px;	
	}
#head {
	background: #0e1116 url(../images/head-bg.jpg) no-repeat left top;
	float: left;
    height: 128px;
    margin: 34px 0 0;
    width: 960px;
}
	#head a {
		display: block;
	}

#mainav {
	background: url(../images/mainav-repeat.png) repeat-x;
	height: 34px;
	clear: both;	
}
	#mainav li {
		background: url(../images/mainav-seperator.png) no-repeat;
		display: inline;
	    float: left;
	    font-family: Helvetica,Geneva,Arial,sans-serif;
    	font-weight: bold;
    	position: relative;
	    font-size: 13px;
	    height: 34px;
	}
	#mainav li a {
		color: #ffffff;
		display: block;
	    padding: 6px 13px;
		text-align: center;
	}
	#mainav li a:hover, #mainav li.active a {
		color: #EFEFEF;
		background: url(../images/mainav-repeat.gif) no-repeat center top;
	}
	#mainav li .submenu {
		background: url(../images/subnav-bottom.png) no-repeat left bottom;
		display: none;
		height: auto;
	    left: -3px;
	    padding: 0 0 16px;
	    position: absolute;
		z-index: 99;
	    top: 34px;
	    width: 154px;
		clear: none;
	}
		#mainav li:hover .submenu {
			display: block;
		}
		#mainav li .submenu li {
			background: url(../images/subnav-repeat.png) repeat-y left top;
			display: block;
		    float: left;
	    	font-weight: normal;
		    font-size: 12px;
		    height: auto;
			clear: left;
			padding: 0;
			margin: 0;
		}
			#mainav li .submenu li a {
				background: url(../images/subnav-item-bottom.gif) no-repeat center bottom;
				color: #B6B6B6;
			    display: block;
				float: left;
			    margin: 0 4px;
				width: 140px;
			    padding: 0;
			    text-align: center;
			}
				#mainav li .submenu li a:hover {
					color: #f69b1d;
				}
				#mainav li .submenu li a span {
					padding: 9px 0 10px 4px;
					display: block;
				}


#breadcrumbs {
	background-color: #cacaca;
	height: 21px;
	margin: 4px 0;
	padding: 0 10px;
}
	#breadcrumbs p {
		float: left;
		font-size: 8pt;
		line-height: 8px;
		padding-top: 7px;
	}
	#breadcrumbs a {
		font-weight: bold;
		text-decoration: none;
		text-transform: capitalize;
		color: #0070ba;
	}
	#breadcrumbs a:hover {
		text-decoration: underline;
	}

#page_left {
	float: left;
	width: 578px;
	margin-top: 8px;
}

#page_right {
	float: right;
	width: 370px;
	margin-top: 8px;
}

.head {
	background: url(../images/pageleft-heading.gif) no-repeat;
	color: #FFFFFF;
    font-size: 18px;
    display: block;
    height: 35px;
    line-height: 32px;
    padding-left: 20px;
}
.pod .middle {
	background: #e3e3e3;
	margin: 2px 0 10px;
	padding: 15px 10px;
}
	.pod .middle p {
		margin: 0 0 10px;
	}
.membersof {
	margin: 0 0 10px 15px;
}
.newslist {
	background: #E3E3E3;
	padding: 10px 0 20px;
	margin: 0 0 15px;
	float: left;
}
	.newslist li {
		width: 578px;
		float: left;
		clear: left;
	}
	.newslist li a {
		color: #000000;
	    display: block;
		float: left;
		width: 502px;
	    font-size: 12px;
	    height: 35px;
	    line-height: 33px;
	    padding: 0 0 0 10px;
	}
		.newslist li a strong {
			color: #FFA621;
			font-size: 10px;
		}
		.newslist li .arrowread {
			display: block;
			height: 35px;
			width: 55px;
			float: left;
			border-left: 1px solid #ffffff;
			background: url(../images/widget.gif) no-repeat center center;
		}
		.newslist li.row1 a { background-color: #E0EDF6; }
			.newslist li.row1 a:hover { background-color: #E0EAEF; }
		.newslist li.row2 a { background-color: #F2F8FB; }
			.newslist li.row2 a:hover { background-color: #EFF9FF; }


.membersof a {
	background: url(../images/membersof.jpg) no-repeat;
	display: block;
    float: left;
    height: 51px;
    line-height: 300px;
    margin: 5px 8px;
    overflow: hidden;
}
	.membersof a.bfbi {
		background-position: 0 0;
		width: 44px;
	}
	.membersof a.siba {
		background-position: -44px 0;
		width: 63px;
	}
	.membersof a.bfbi2 {
		background-position: -109px 0;
		width: 127px;
	}
	.membersof a.ltt {
		background-position: -231px 0;
    	width: 180px;
	}
	.membersof a.safecon {
		background-position: -409px 0;
    	width: 58px;
	}


#content {
	width: 739px;
	float: right;
	margin-top: 10px;
}
	#content .head {
		background: url(../images/heading-full.png) no-repeat;
	}
	#content .middle {
		padding: 10px 15px;	
	}
	#content .middle, #content .middle p, #page .middle p, #page .middle {
		font-size: 13px;
		font-weight: normal;
		line-height: 18px;
	}
	#content .middle p, #content .middle h2, #page .middle p, #page .middle h2 {
		margin: 5px 0 10px;
	}
	#content .middle h3, #content .middle h4, #content .middle h5, #content .middle h6, #page .middle h3, #page .middle h4, #page .middle h5, #page .middle h6 {
		margin: 0 0 10px;
	}
	#content .middle h2, #page .middle h2 {
		font-size: 15px;
	}
	#content .middle h3, #page .middle h3 {
		font-size: 14px;
	}
	#content .middle h4, #page .middle h4 {
		font-size: 13px;
	}
	#content .middle h5, #content .middle h6, #page .middle h5, #page .middle h6 {
		font-size: 13px;
	}
	#content .middle a, #page .middle a {
		color: #0071BC;
	}
	#content .middle ul, #page .middle ul {
		margin: 0 0 15px 10px;
	}
		#content .middle ul li, #page .middle ul li {
			background: url("../images/widget.gif") no-repeat 0 13px;
		    margin: 0 0 0 10px;
			list-style-type: none;
		    padding: 7px 0 7px 15px;
		}
	/*
	#content a[href^="http"], #content a[href^="https"], #page a[href^="http"], #page a[href^="https"] {
		background: url("../images/external_icon.gif") no-repeat right top;
		padding-right: 15px;
	}
	#content .middle a[href^="mailto"], #page .middle a[href^="mailto"] {
		background: url("../images/email_icon.gif") no-repeat right top;
		padding-right: 12px;
	}
	*/
#breadcrumbs a.btn_back {
	float: right;
	display: block;
	background: url(../images/go-back.gif) no-repeat 0 6px;
	padding: 2px 0 0 15px;
	color: #010101;
	font-size: 11px;
}
.footprints {
	background: url(../images/footprints.gif) no-repeat;
	width: 90px;
	height: 110px;
	display: block;
	float: left;
	clear: left;
}
#contactFlash {
	float: left;
    height: 115px;
    position: relative;
    width: 320px;
    overflow: hidden;
}
#contactFlash div {
	height: 180px;
    position: absolute;
    top: -31px;
    width: 320px;
}
#productflash {
	position: absolute;
	width: 400px;
	height: 200px;
	right: 0;
	top: 224px;
}
#sidebar_left {
	width: 200px;
	float: left;
}
	#sidebar_left ul {
    	margin: 5px 0;
    	font-size: 13px;
    	line-height: 17px;
    	border-bottom: 1px solid #cdcdc2;
    	float: left;
    	clear: left;
	}
		#sidebar_left ul li {
			background: url(../images/category-item-bottom.jpg) no-repeat left bottom;
			color: #000000;
			height: 35px;
			width: 188px;
			clear: left;
			float: left;
		}
			#sidebar_left ul li.title {
				border-left: 1px solid #CDCDC2;
			    border-right: 1px solid #CDCDC2;
			    border-top: 1px solid #CDCDC2;
			    color: #010101;
			    font-size: 17px;
			    font-weight: 700;
			    height: auto;
			    padding: 13px 12px;
			    text-transform: uppercase;
			    width: 174px;
			}
			#sidebar_left ul li a {
			    color: #606060;
			    display: block;
			    height: 35px;
				width: 188px;
			    line-height: 35px;
			    padding: 0 0 0 10px;
				border-left: 1px solid #cdcdc2;
				border-right: 1px solid #cdcdc2;
			}
				#sidebar_left ul li.last {
				    background: none;
				}
				#sidebar_left ul li.active a, #sidebar_left ul li a:hover {
				    color: #0070ba;
					background: url(../images/category-item-active.jpg);
					border-left: none;
					border-right: none;
					padding-left: 11px;
				}
.sidebar_pics {
	float: right;
	clear: right;
	width: 370px;				
}
				
#tweet {
	background: url(../images/sidebar_bottom.jpg) no-repeat right top;
	width: 350px;
	height: 252px;
	clear: left;
	margin-top: 13px;
}
	#tweet .tweet_list {
		float: left;
	    font-family: Georgia,serif;
	    height: 110px;
	    margin-left: 32px;
	    overflow: hidden;
	    width: 295px;
	}
	#tweet .tweet_list li {
		padding: 10px
	}
	#tweet .tweet_avatar {
		float: left;
		margin: 5px 10px;
	}
	#tweet .tweet_time {
		color: #878787;
		font-size: 11px;
	}
		#tweet .tweet_time a {
			color: #878787;
		}

.twitterLink {
	display: block;
    float: left;
    height: 150px;
    width: 150px; 	
}
#headFlash {
	height: 139px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 23px;
    width: 274px;
}
		
#page {
	float: left; 
	margin: 0 0 10px;
}
	#page .middle {
		clear: left; 
	}
.half-width {
	width: 574px !important;
	clear: left !important;
}
.container div.casetudies {
	clear: none !important;
    margin: 5px 0 0 20px !important;
}
.casestudy {
	border-bottom: 1px solid #CCCCCC;
    clear: left;
    float: left;
    padding: 10px 0;
    width: 570px;
}
#page h1 {
	background: url(../images/heading-full-bg.gif) no-repeat;	
	width: 960px;
	height: 53px;
	display: block;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
	float: left;	
}
	.half-width h1 {
		background: url(../images/heading-bg.gif) no-repeat !important;	
		width: 574px !important;
	}
	#page h1 strong{
		display: block;
		float: left;
		padding: 15px 0 0 36px; 
	}
	#page h1 a.right{
		display: block;
		float: right;
		padding: 15px 16px 0 0;
		font-size: 14px; 
	}
	
		
#page_pictures, #weblinks, #downloads {
	float: right;
	margin: 0 0 20px;		
}
div#page_pictures {
	margin: 15px 0 0 5px;		
}

#swingingman {
	float: right;
	clear: right;
	position: relative;
	width: 129px;
	height: 170px;
}
	#swingingman div {
		top: -5px;
		left: 0;
		width: 129px;
		height: 170px;
		position: absolute;
	}
#weblinks {
	width: 342px;
	margin-left: 20px;
}
	#weblinks li {
		background: url("../images/widget.gif") no-repeat scroll 0 9px;
	    list-style-type: none;
	    margin: 0 0 0 10px;
	    padding: 0 0 7px 15px;
	}
		#weblinks li h3, #weblinks li p {
			margin: 0;
			padding: 0;
		}
#downloads {
	margin-top: 20px;
	margin-left: 20px;
}
#downloads li {
	list-style-type: none;
	margin: 0 20px 0 0;
	padding: 0;
}
#downloads li a {
	background: url(../images/btn_download.jpg) no-repeat;
	display: block;
	height: 48px;
    width: 200px;
	font-size: 14px;
	font-weight: bold;
	line-height: 12px;
}
#downloads li a span{
	display: block;
	color: #0371be;
	padding: 21px 0 0 69px;
}
#youtube {
	margin: 15px 0;
	float: left;
	background: none repeat scroll 0 0 #E7E7E7;
    border: 1px solid #C7C7BB;
    display: block;
    float: left;
    padding: 4px;
}
.slideshow {
	height: 115px;
    text-align: center;
	position: relative;
	overflow: hidden;
}
	.slideshow img {
		display: block;
		margin: 5px 0 5px 80px;
	}
.testimonialQuote {
	background: url(../images/quote.jpg) no-repeat left top;
	padding: 7px 0 0 30px;
	margin: 6px 0 0 7px;
}
.testimonialBoxBot {
	width: 330px;
}
	.testimonialBoxBot .testimonials {
		background: url(../images/quote-bottom.jpg) no-repeat left bottom;
		padding: 0 40px 0 0;
	}
		.testimonialBoxBot .testimonials p {
			color: #000000;
			font-size: 12px;
			line-height: 16px;
		}
		.testimonialBoxBot .testimonials span {
			color: #ffffff;
			display: block;
			margin: 10px 0 0 8px;
		}
.interest {
	background: url(../images/interestinglinks.png) no-repeat;
	clear: left;
    display: block;
    float: left;
    height: 117px;
    line-height: 300px;
    margin: 25px 0 0 7px;
    overflow: hidden;
    width: 176px;
}

#content p.heading {
	font-size: 18px;
	font-weight: bold;
}
#content p.heading strong {
	font-size: 20px;
}

#content #productsList {
	width: 720px;
	padding: 0;
	margin: 0 0 20px;
	float: left;
}
#content #productsList li {
	background: none;
	border: none;
	float: left;
	width: 240px;
	height: 90px;
	margin: 0;
	padding: 0;
	border-bottom: 1px dashed #dedede;
}
	#content #productsList li .image, #page_pictures .image  {
		background: #e7e7e7;
		padding: 4px;
		border: 1px solid #c7c7bb;
		display: block;
		float: left;
		margin: 8px 3px 8px 0;
	}
		#content #productsList li .image:hover, #page_pictures .image:hover  {
			background: #0071bb;
		}
	#content #productsList li h2  {
		float: left;
	    font-size: 13px;
	    width: 240px;
		margin: 12px 5px 2px;
		line-height: 16px;
	}
		#content #productsList li h2 a {
			color: #606060;
		}
		#content #productsList li h2 a:hover {
			color: #0070ba;
		}
	#content #productsList li.has_image h2  { width: 155px; }
#contact_page {
	float: left;
	width: 574px;
}
#contact_form {
	float: right;
	width: 380px;
}
#contact_form fieldset {
	clear: both;
}
#contact_form .head {
	width: 360px;
}

.form label{
	float: left;
	clear: left;
	width: 115px;
	color: #0071bc;
	font-size: 12px;
	margin: 3px 10px 6px 10px;
	font-weight: bold;
	cursor: pointer;
}
.form label.error{
	width: 229px !important;
	color: #B70000;
	line-height: 14px;
	margin: 1px 0 0;
	padding: 0;
}
.form sup {
	background: url(../images/ico_req.png) no-repeat;
	display: inline-block;
    height: 10px;
    margin: 1px 2px 0;
    width: 11px;
}
.form p {
	color: #555555;
	font-size: 11px;
	line-height: 14px;
	margin: 10px;
}

.form .text, .form .textarea {
	background: url(../images/inputs.png) no-repeat;
	width: 229px;
	float: left;
	margin-bottom: 12px;
}
.form .textarea {
	background-position: -229px 0;
}
	.form .text input, .form .textarea textarea {
		background: none;
		border: none;
		color: #000000;
		font-size: 13px;
		height: 19px;
	    margin: 4px 4px 1px;
	    width: 222px;
	}
	.form .textarea textarea {
		height: 97px;
	}
	
	.form #captcha_captcha {
		float: left;
		width: 229px;			
	}
		.form .refresh_captch {
			background: url(../images/captcha_refresh.png) no-repeat;
			display: inline-block;
		    height: 28px;
		    line-height: 300px;
		    margin: 13px 0 0 2px;
		    overflow: hidden;
		    width: 28px;
		}
		.form #captcha_captcha .text {
			margin-top: 4px;			
		}
		
	.form .button {
		background: url(../images/button-bg.gif) repeat-x;
		border-left: 1px solid #006FB7;
	    border-right: 1px solid #006FB7;
	    color: #FFFFFF;
	    font-size: 18px;
	    font-weight: bold;
	    height: 37px;
	    text-transform: uppercase;	
		margin: 10px 0 0 135px;		
	}
	
.contact_page .middle h2, .contact_page .middle p {
	margin: 25px 0 10px 0 !important;
	float: left;
	font-size: 18px !important;
	clear: left;
}
.contact_page .middle p {
	margin: 6px 0 10px !important;
	font-size: 12px !important;
	line-height: 15px;
	width: 230px;
}
#google_map_wrapper {
	background: url(../images/gmaps.png) no-repeat;
	width: 336px;
	float: right;
	margin: 15px 0 0 0;
}
#google_map {
	float: left;
    height: 300px;
    margin: 17px;
    width: 300px;
}
#gmaps_directions {
	float: right;
	margin-right: 10px;
}
	#gmaps_directions fieldset {
		background: url(../images/title-head.png) no-repeat;
		width: 318px;
		height: 33px;
	}
	#gmaps_directions label {
		float: left;
		font-size: 14px;
		font-weight: bold;
		color: #ffffff;
		margin: 8px 7px 0 20px;
	}
	#gmaps_directions input {
		float: left;
		background: #f69b1d;
		margin-top: 2px;
		width: 138px;
		height: 24px;
		text-indent: 4px;
		border: 1px solid #ffffff;
	}
	#gmaps_directions #gmaps_getdirections {
		background: url(../images/btn_go.png) no-repeat;
		width: 22px;
		height: 22px;
		border: none;
		margin: 5px 0 0 8px;
	}
#news_browse {
	background-color: #E3E3E3;
	padding: 4px 0;
	float: left;
	width: 684px;
}
#news_browse div {
	background-color: #E0EDF6;
	border: 1px solid #E0EDF6;
	padding: 10px;
	cursor: pointer;
}
	#news_browse div:hover {
		 background-color: #E0EAEF;
		 border: 1px solid #DFDFDF;
	}
#news_browse div.row2 {
	background-color: #F2F8FB;
	border: 1px solid #F2F8FB;
}
	#news_browse div.row2:hover {
		background-color: #EFF9FF;
		border: 1px solid #DFDFDF;
	}
#news_browse div h3 {
	margin: 0;
	color: #000000;
    font-size: 15px;
    font-weight: bold;
	line-height: 17px;
    padding: 5px 0 6px;
}
	#news_browse div h3 a {
		color: #000000;
	}
	#news_browse div h3 a:hover {
		color: #FFA621;
	}
	#news_browse div h3 .date {
		color: #4F4F4F;
		font-size: 11px;
	}

#news_browse .image, .news_image {
	display: block;
	float: left;
	margin: 5px 8px 5px 0;
	background: #e7e7e7;
	padding: 4px;
	border: 1px solid #c7c7bb;
}
	#news_browse .image:hover, .news_image:hover  {
		background: #0071bb;
	}
	
.paging {
	clear: both;
	margin-top: 10px;	
}
ul.paging li {
	float: left;
	list-style: none !important;
	margin: 0 5px 0;
}
	.paging li a{
		background: #FFFFFF;
	    border: 1px solid #006DB8;
	    color: #006DB8;
	    display: block;
	    padding: 1px 7px;
	}
	.paging li a:hover{
	    border: 1px solid #00558F;
		color: #FFA621;
	}
	.paging li.previous a{
	    border: 1px solid #dddddd;
	    color: #a2a2a2;
	}
		.paging li.previous a:hover{
		    border: 1px solid #BFBFBF;
		    color: #000000;
		}
	.paging li.selected a{
	    background: #006DB8;
	    color: #ffffff;
	}
	
#news_browse div p, #page .news-latest li p {
	margin: 0;
	font-size: 12px;
	color: #4F4F4F;
	padding: 0 0 6px;
}
#page .news-sidebar, #page .news-latest, #category_items {
	background-color: #F8F8FF;
    border: 1px solid #CCCCFF;
    float: right;
    clear: right;
    margin: 0 0 10px 0;
    width: 260px;
}
	#page .news-sidebar li, #page .news-latest li, #category_items li {
		background: url("../images/widget.gif") no-repeat 0 8px;
	    margin: 5px 0 5px 15px;
	    padding: 2px 5px 4px 10px;
	    list-style-type: none;
	    font-size: 12px;
	}
	#page .news-sidebar li.bold, #page .news-latest li.bold, #category_items li.bold {
		font-size: 16px;
		font-weight: bold;
		background: none;
		list-style: none;
		margin-left: 22px;
	}
	#page .news-latest li {
		font-size: 13px;
		font-weight: bold;
	}
	#page .news-latest li .date {
		color: #4F4F4F;
		font-size: 11px;
	}

#page ul.news-latest, #page ul#category_items {
	width: auto;
	clear: both;
	float: none;
	margin-left: 0;
}
#page ul#category_items { margin-top: 10px; }
#page .download {
	float: right;
	clear: right;
	display: block;
	margin: 5px 0 10px;
}
#page ul.staff_links {
	background: #E3E3E3;
	width: 575px;
    margin: 0 0 15px;
    padding: 10px 0 2px;
}
	#page ul.staff_links li {
		background: #E0EDF6;
	    clear: left;
	    color: #000000;
	    font-size: 12px;
		overflow: hidden;
	    line-height: 33px;
	    margin: 0 0 1px;
	    padding: 5px 0 5px 10px;
	}
		#page .staff_links li.row1 {
			background: #E0EDF6;
		}
		#page .staff_links li.row2 {
			background: #F2F8FB;
		}
	#page .staff_links li h3 {
		float: left;
	    font-size: 13px;
	    font-weight: bold;
	    line-height: 17px;
	    margin: 0;
	    padding: 0;
	}
		#page .staff_links li a{
			color: #000000;
		}
	#page .staff_links li p {
		clear: left;
	    float: left;
		font-size: 12px;
		color: #1F1F1F;
	    margin: 0;
	    padding: 0;
		width: 290px;
	}
	#page .staff_links li .email {
		background: url("../images/widget.gif") no-repeat 10px 14px;
	    border-left: 1px solid #FFFFFF;
		color: #0070BA;
		display: block;
		float: right;
		font-size: 11px;
		line-height: 14px;
		padding: 10px 10px 8px 22px;
		width: 235px;
	}
#login_form {
	margin: 31px auto;
    width: 490px;	
}
	#login_form p {
		color: #000000;
	    font-size: 12px;
	    font-weight: bold;
	    line-height: 18px;
	    margin: 0 0 28px;
	}
#register_user label {
	width: 130px;
}
#register_user .button {
	margin-left: 150px;
}
.messages {
	background: #ffebc5;
	border: 1px solid #ff5252;
	line-height: 14px;
	padding: 5px 10px 5px 10px;
	margin: 5px auto 15px;
	width:80%;
	clear: both;
}
	.messages ul{
		background: #ffebc5 url(../images/information_bg.jpg) no-repeat 5px 0px;
		padding-left: 25px;
		min-height: 20px;
	}
		.messages ul li{
			margin-bottom: 3px;
		}
	.messages ul.success{
		background: #ffebc5 url(../images/success_bg.jpg) no-repeat 5px 0px;
		padding-left: 25px;
		min-height: 20px;
		min-height: 20px;
	}
	.messages ul#formErrors{
		background: #ffebc5 url(../images/error_bg.jpg) no-repeat 5px 0px;
		padding-left: 25px;
		min-height: 20px;
	}
#footer {
	background: url("../images/footer_bg.gif") repeat-x;
    color: #FFFFFF;
    height: 35px;
    margin: 10px 0 0;
}
	#footer a {
		background: url(../images/footer-seperator.gif) no-repeat right center;
		display: inline-block;
		float: left;
		color: #FFFFFF;
    	font-size: 10px;
    	padding: 10px 7px 11px 6px;
	}
	#footer a.last {
		background: none;
	}
	#footer a.scrollTo {
		float: right;
		background: none;
	}
		#footer a:hover {
			text-decoration: underline;
		}

		/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    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:url(../images/popup/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/popup/controls.png) no-repeat -100px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/popup/controls.png) no-repeat -129px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/popup/controls.png) no-repeat -100px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/popup/controls.png) no-repeat -129px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/popup/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/popup/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/popup/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/popup/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/popup/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/popup/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(../images/popup/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/popup/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/popup/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}


/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../images/popup/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../images/popup/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../images/popup/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../images/popup/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../images/popup/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../images/popup/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../images/popup/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../images/popup/ie6/borderMiddleRight.png);}