/*  SITE-SPECIFIC CSS */
	
	body { margin:0px 0px 0px 0px; background:#000 url(/images/global/background.jpg) no-repeat top center; }
	p { color:#fff; }
	
/* Wrappers */
	#wrapper { width: 973px; margin: 0px auto;background:url(/images/global/wrapper_bg.png) repeat-y center;}
	#wrapper_header { }
	#wrapper_main { }
	#wrapper_footer { margin:10px 0 0; }
	
/* Header */
	#wrapper_header #header { height:118px; }
	#wrapper_header .logo { display:block; width:312px; height:106px; margin:0 0 0 20px; float:left; background:url(/images/global/logo.png);}
	#wrapper_header #top_nav { float: left; width:946px; height:29px; }
	#wrapper_header #top_nav ul { margin: 0px; padding: 0px;}
	#wrapper_header #top_nav li { float:left; font-weight:bold; list-style-type: none; margin: 0px; padding: 0px;}
	#wrapper_header #top_nav li a { display:block; height: 24px; position:relative; color:#666; text-decoration: none; border-right: #dfdfdf 1px solid; padding: 5px 17px 0px 17px; }
	#wrapper_header #top_nav li a:hover { color:#fff; background-color:#8ad55a;}
	
	/*search*/
	#wrapper_header .search_bar { margin:12px 0px 0px 0px; position:relative; left:-10px; }
	#wrapper_header .search_button { width:75px; height:25px; margin:11px 0px 0px 0px;}
	#wrapper_header .search_button.search_button_right { padding:0px; float:right;  }
	#wrapper_header .search_button.search_button_right input { padding:3px 14px 5px 15px; margin:0px;border:medium none; color:#000; cursor:pointer;font-size:90%; font-weight:bold;text align:center; }
	
	
	
/* Main Content */
	#wrapper_main #main { width: 960px; }
	#wrapper_main #main h1 { padding: 0px; font-size:220%; font-weight:normal; padding:0; margin:0;}
	#wrapper_main #main .image_container { float: left; padding: 0px 14px 7px 0px;}
	#content { float:right; }
	
	.breadcrumb { margin:200px 0 0 0; background:url(/images/global/breadcrumb_bg.png); padding:5px 5px 5px 10px; height:19px; width:695px; }
	.breadcrumb a, .breadcrumb p { color:#fff; }
	
	.main_content .top { height:14px; background:url(/images/global/content_top.png) no-repeat; }
	.main_content .box .content { padding:0px 11px 11px 11px; height:auto; background:url(/images/global/content_body.png) no-repeat; }
	.main_content .bottom { height:14px; background:url(/images/global/content_bottom.png) no-repeat; }

/* Sidebar Content */
	#sidebar { float:left; margin:0 0 15px; }
	#sidebar .top { height:16px; background:url(/images/global/sidebar_top.png) no-repeat; }
	#sidebar .bottom {  height:16px; background:url(/images/global/sidebar_bottom.png) no-repeat; }
	#sidebar .content {  height:auto; background:url(/images/global/sidebar_body.png) no-repeat; }
	#sidebar ul { margin:0; padding:0;}
	#sidebar ul li { margin:0 0 2px 0; padding:0; }
	#sidebar ul li a { color:#fff; font-weight:bold; font-size:140%; }
	#sidebar ul li a:hover { color:#ccc; }
	#sidebar .box  {padding:0 7px 0 0; }
	#sidebar .box .content { padding:0; }
	
	#sidebar .search .content { height: 173px;}
	#sidebar .search .content p { width: 120px;}
	#sidebar .search .content form.search { position: relative; top: -13px;}
	#sidebar .search .content form.search label { position: absolute; left: -9999px;}
	#sidebar .video_testimonials .content { height: 173px; background: url('/images/content/sidebar/testimonials.jpg') repeat-x top right;}
	#sidebar .video_testimonials .content p { width:87px;}

/* Footer */

	
	/* Bookmarks */
	#bookmarks { position: absolute; top: -29px; height:15px; text-align:center; margin:0px 0px 10px 20px; padding:5px;}	
	#bookmarks ul { font-size:100%; color:#666666; list-style:none; padding:0; margin:0px 0px 0px 200px; }
	#bookmarks li { float:left; padding: 0px 0px 0px 20px; margin: 0px 15px 0px 25px; background-repeat:no-repeat; background-position:left;}
	#bookmarks a { color:#999999; text-decoration: none;}
	#bookmarks a:hover,
	#bookmarks a:active { color:#000; text-decoration: underline;}
	
	/* Footer images */
	#footer { height: 100px; color:#555555; background: url('/images/global/footer_bg.jpg') no-repeat top left;}
	#footer p { float: left; color:#555555;}
	#footer p a { color: #555555; font-weight: bold; text-decoration: none; cursor:pointer;}
	#footer p a:hover,
	#footer p a:active { color:lightGrey;}
	
/* BOX */
	.box { clear: both; padding: 7px;}
	.box .content { padding: 7px 7px 7px 7px;}
	.box_dark .content { background: url('/images/global/module_gradient_dark.jpg') repeat-x top left;}
	.box .footer { clear: both;}
	
	
/* HOMEPAGE */
	body.homepage h1, 
	body.homepage h2, 
	body.homepage h3, 
	body.homepage h4, 
	body.homepage h5 { margin: 0px 0px 3px 0px;}
	body.homepage #wrapper_main #main .image_container { padding: 0px 7px 0px 0px;}
	
	.main_promo { height:405px; }
	.main_promo .box .content { padding:0; }
	.main_promo .box { padding:0; }
	.main_promo .box .content ul li { margin-left:0px; }
	.intro { height:119px; padding:10px; position:relative; top:248px; width:546px; background: url(/images/global/black_trans_bg.png);}
	.main_promo .intro h2 { color:#fff; font-size:220%; font-weight:normal; margin:0 0 0 0; }
	.main_promo .intro h2 a { font-weight:normal; }
	.main_promo .intro h2 a:hover { color:#CCCCCC; text-decoration:none;}
	.main_promo .intro p { font-size:112%; }
	
	.box .content { background:#181818; }
	.categories .box .content { background:none; }
	.categories ul li a { background:#181818; display:block; padding:5px; font-size:130%;}
	#wrapper_main .categories ul li a:hover { color:#fff; text-decoration:none; background:url(/images/global/cat_nav_hover.jpg) repeat-x; }
	.categories .box .content ul li { margin:0 0 2px 0;  }
	
	.categories h3 { margin-bottom:2px; }
	.categories h3 a { background:#181818; display:block; padding:5px;}
	#wrapper_main .categories h3 a:hover{ color:#fff; text-decoration:none; background:url(/images/global/cat_nav_hover.jpg) repeat-x; }
	
	.grid_9 .contact_form .box .content form .row input { width:182px;}
	.grid_9 .contact_form .box .content form .row label { width:100px;}
	.grid_9 .contact_form .box .content form .row select { width:188px;}
	.grid_9 .contact_form .box .content form .row textarea { width:182px;}
	.grid_9 .contact_form .box .content .row {}
	.grid_9 .contact_form .box .content .left_col { width:100px; float:left;}
	.grid_9 .contact_form .box .content .right_col {width:190px; float:right;}
	.grid_9 .contact_form .box .content form .row .form_SubmitButton { background:url(/images/global/cat_nav_hover.jpg) repeat-x; width:95px; color:#fff; border:none; margin:7px 0 0 0; padding:3px; }
	
/* DETAILS */
	.main_promo_container { background:#181714; border:1px solid #353534; padding:10px; margin:0 0 10px 0; }
	.main_promo_container h1 { text-decoration:underline; color:#fff; }
	.image_container { width:475px; }
	.image_container img { border:4px solid #ffc600; float:left; margin:13px; }
	.details_content .box .content{ background: transparent url(/images/global/black_trans_bg_light.png) no-repeat; }
	.details_content strong { color:#ffc600; }
	#wrapper_main #main .details_content h1 { color:#00aeef; border-bottom:1px dotted #00aeef; width:200px; float:left; margin:0 0 7px 0; font-size:190%; }
	.image_container .thumbnails img { border:none; margin:0 5px 5px 0px; }
	.thumbnails { padding:0 0 0 13px; }
	
	.details_carousel { height:300px; padding:0px 0 0; background:url(/images/global/details_carousel_bg.png) repeat-x; }
	.details_carousel .jcarousel-clip-horizontal { height:225px;}
	.details_carousel .jcarousel-list li {height:224px; }
	.details_carousel h4 { top:190px; position:relative; }
	.details_carousel h4 a { color:#ffc600; font-weight:normal; width:120px; display:block;  font-size:80%;}
	.details_carousel .jcarousel-container-horizontal {padding:0 38px 0 60px; width:862px; }
	.details_carousel .jcarousel-prev-horizontal { top:63px; left:0px; }
	.details_carousel .jcarousel-next-horizontal { top:63px;  }
	.details_carousel h2 { font-size:220%; padding:20px; font-weight:normal; margin:0; }
	.no_carousel { padding:0 38px 0 9px; }


/* RESULTS */
	.results_image { width:165px; float:left; }
	.results .box { padding:0; }
	.results .box .content { padding:0; }
	
	.results .grid_3 .box { padding:0 7px 14px; }
	.results .grid_3 .box .content { background: #0f0f0f; padding:13px; }
	.results .grid_3 .box .content .details { background:#141414; }
	.results .grid_3 .box .content h3 {margin:7px 0 0; }
	.results .grid_3 .box .content h3 a { color:#FFC600;display:block;}
	.results .grid_3 .box .content h3 a:hover { color:#f9de80; }
	.results .grid_3 .box .content a.link_blue { color:#71aaf6;  font-weight:normal; display:block; margin:1px 0 0 0; }
	.results .grid_3 .box .content a.link_blue:hover { color:#2c69bb;}
	.results .grid_3 .box .content p { margin:0; padding:0; }
	
	.header_breadcrumb { padding:10px; min-height:46px; margin:0 7px;  background: url(/images/global/black_trans_bg.png); }
	.header_breadcrumb p { display:inline; color:#FFC600;font-size:90%;}
	.header_breadcrumb p span { color:#fff;font-size:135%;  }
	.header_breadcrumb .breadcrumb { float:right; padding:0; text-align:right; width:418px; margin:12px 0 0;}
	.header_breadcrumb .breadcrumb a { color:#ffc600; font-size:135%; font-weight:normal;}
	.header_breadcrumb .header_category { color:#FFC600; float:left;font-size:250%;width:268px;}
	
	#horizontal_nav { width:550px; float:right; color:#fff; }
	#horizontal_nav ul { float:right; }
	#horizontal_nav ul li { display:block; float:left; margin:13px 37px 0 0; }
	#horizontal_nav ul li a { color:#ffc600; font-size:140%;}
	
	.category_description { background:#181818; min-height:152px; padding:13px; }
	.category_description img { float:left; margin:0 15px 15px 0; }
	.category_description h2 {color:#FFC600;font-size:220%;font-weight:normal;margin:0;padding:0; }
	
	

	.buy_options { float:left;margin:10px 0 0;padding:7px; width:187px; background:#121010; border:1px solid #313131;}
	.buy_options input { margin:7px 0 16px 0;} 
	.buy_options .version_title {} 
	.buy_options p { margin:0; padding:0; }
	.buy_options h3 { font-weight:normal; }
	
	.form_hire { width:305px; }
	
	
/* GENERAL CSS */
	h1, 
	h2, 
	h3, 
	h4, 
	h5 { font-size: 1.4em; margin: 0px 0px 7px 0px; color:#ffc600; }
	p { color: #fff; font-size: 1.1em; line-height: 1.6em; color:#fff; }
	a { font-weight: bold; text-decoration: none; color:#fff; }
	form {  color:#fff; }
	a:hover { color:#CCCCCC; text-decoration: none; }
	a:hover,
	a:active { color: #000; text-decoration: underline;  text-decoration: none;}
	
	img.line { border-bottom: 4px solid #8ad55a; padding: 4px; background: #fff;}
	
	.divider { height: 20px; background: url('/images/global/divider.jpg') no-repeat top left;}
	
	/* COLOURS */
	.green img.line { border-bottom-color: #60a72d;}
	.green h2, 
	.green h3,
	.green a { color: #60a72d;}
	.blue img.line { border-bottom-color: #319ecb;}
	.blue h2, 
	.blue h3,
	.blue a { color: #319ecb;}
	
	a.button { color: #fff; font-weight: bold; padding: 1px 0px 2px 4px;}
	a.button:hover,
	a.button:active { color: #000;}
	a.button span { padding: 1px 18px 2px 10px;}

	
	/* BOX / CONTENT */
	.box .content ul { list-style-type: none; margin: 0em 0em 2em 0em; padding: 0px;}
	.box .content ul li { color: #60a72d; font-weight: bold; margin-left: 14px;}
	.box .content ul li.blue { color: #319ecb;}
	
	/* Forms */
	form.signup { padding: 10px 0px 0px 0px;}
	.box .content .row { padding: 0px 0px 25px 0px;}
	
	/* Grid specifics */
		.grid_4 .box .content form .row .col { float: left; width: 140px;}
		.grid_4 .box .content form .row input,
		.grid_4 .box .content form .row textarea { width: 140px;}
		
		.grid_5 .box .content form .row .col { float: left; width: 180px;}
		.grid_5 .box .content form .row input,
		.grid_5 .box .content form .row textarea { width: 180px;}
		
		.grid_9 .box .content form .row .col { float: left; width: 340px;}
		.grid_9 .box .content form .row input,
		.grid_9 .box .content form .row textarea { width: 340px;}
	
	.row { clear: both;}
	.accessible { position: absolute; left: -9999px;}
	.clear_both { clear: both;}
	#wrapper_main #main .float_right { float: right;}
	.no_margin { margin:0; }
	

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

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.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 */
	}	

#lightboxIframe {
	display: none;
}