/*

Theme Name: 
Theme URI: 
Description:
Version:
Author: 

*/	


			/* Global Layout */


body 
{
	height: 100%;
	font-size: .75em;
	margin: 0px;
	text-align: center;
	background-color:#ffffff;
	background: transparent url(/img/fpb.gif) bottom left no-repeat scroll;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

#home {
	background:none;
} 

h2{
	color: #333;
	margin: 2px 0 5px 0px;
	line-height: 28px;
	height: 28px;
	font-size: 1.5em;
	overflow: hidden;
}

h3{
	color: #333;
	margin: 2px 0 5px 0px;
	line-height: 28px;
	height: 28px;
	font-size: 1.2em;
	overflow: hidden;
}

#bimg{
	position: fixed;
	bottom: -200px;
	right: -300px;
}

.container {
	background: transparent url(/img/pbg.jpg) top left repeat-x;
}

* html #bimg{
	position: absolute;
	z-index: 1;
}

#wrap{
	position: relative;
	margin: auto;
	width: 892px;	
	z-index: 10;
}

	#top{
		overflow: hidden;
		height: 70px;	
	}
	
		#logo{
			float: left;
			width: 159px;
			height:70px;
			text-indent: -999em;
			background: url(/img/logo.jpg) top left no-repeat;	
		}
		
		.tlinks{
			float: right;
			width: 100px;
			text-align: left;
			padding-top: 12px;	
		}
			
			.tlinks a{
				display: block;
				padding: 3px 0 0 10px;
				font-size: .9em;
				height: 17px;
				width: 90px;
				color: #444;
				margin-bottom: 5px;
				text-decoration: none;	
				background: url(/img/media-centre.jpg) top left;
			}
			
			.tlinks a:hover, .tlinks a.active{
				background-position: bottom left;
				color: #666666;
			}
			
			
		
		.map{
			float: right;
			padding: 10px 98px 0 0;	
			height: 60px;
			text-align: right;
			font-size: .9em;
			background: url(/img/map.jpg) right center no-repeat;	
			width:400px;
		}
		
			.map p{
				line-height: 1.5em;	
				padding: 3px;
			}
			
			.map a{
				color: #444;
			}
			
			.map p.lang{
				overflow: hidden;	
			}
			
			.english{
				display: block;
				float: right;
				height: 18px;
				padding: 3px 0 0 0;
				text-align: center;
				width: 57px;
				background: url(/img/english.jpg) top left no-repeat;
			}
		
			a.arabic{
				display: block;
				float: right;
				height: 18px;
				padding: 3px 0 0 0;
				text-align: center;
				width: 65px;
				color: #999;
				background: url(/img/arabic.jpg) top left no-repeat;
			}
	
	
	
	
	#page{
		overflow: hidden;
		text-align: left;
		padding-bottom: 20px;
	}

	.breadcrumbs{
		list-style:none;
		width:100%;
		overflow:hidden;
		font-size:0.9em;
		padding:12px 0 20px 0px;
		margin-left: 8px;
	}

	.breadcrumbs li{
		float:left;
		color:#111111;
		background: transparent url(/img/breadcrumbs-arrow.gif) no-repeat scroll 0 5px;
		padding:0 4px 0 6px;
		margin:0 6px 0 -6px;
	}
	
	.breadcrumbs li a
	{
		text-decoration:underline;
		color:#111111;
	}


	
		#leftbar{
			float: left;
			width: 208px;
		}
		
			.menu{
				background: url(/img/menu-bottom.jpg) bottom left no-repeat;
			}
			
				.menu ul{
					padding: 5px;
					background: url(/img/menu-top.jpg) top left no-repeat;	
				}
				
				.menu li{
					overflow: hidden;	
				}
				
				.menu li a{
					display: block;
					padding: 7px 0 7px 10px;	
					border-bottom: 1px solid #ccc;
					color: #696969;
					background: url(/img/m2.gif) right center no-repeat;
						background-position: 180px center ;
				}
				
				div .menu li.last a {
					border: 0;
				}
				
				
				.menu li.active a{
					color: #000;
					font-weight: bold;	
					background: url(/img/m1.gif) right center no-repeat;
					background-position: 180px center ;
				}
				
				.menu li a:hover{
					color: #000;
					text-decoration: none;
					background: url(/img/m1.gif) right center no-repeat;
					background-position: 180px center ;
				}
	
		
		
		#content{
			float: left;
			padding-left: 20px;
			width: 434px;
		}
			
			#content a{
				color:#111111;
				text-decoration:underline;
			}
			#content a:hover{
				text-decoration:none;
			}
			#content h1{
				padding-bottom: 15px;
				font-size: 2em;
				font-weight: normal;	
			}
			
			#content p{
				line-height: 1.5em;
				padding-bottom: 1em;
			}
		
			#content ul li{
				background:transparent url(/img/square_bullet_darkgray.gif) no-repeat scroll 0px 7px;
				list-style-type:none;
				margin:0px 0px 5px 5px;
				padding:0px 0px 10px 10px;
				line-height:1.5em;
			}
			
			#content ol {
				margin:0px 0px 5px 15px;
			}
			#content ol li{
				list-style-type:decimal;
				margin:0px 0px 5px 10px;
				padding:0px 0px 10px 0px;
				line-height:1.5em;
			}

			#content ol.termsofuse li{
				list-style-type:lower-latin;
				margin:0px 0px 5px 10px;
				padding:0px 0px 10px 0px;
				line-height:1.5em;
			}
		
			.page-tabs{
				height: 40px;
				margin-bottom: 20px;
				background: url(/img/tab-bg.jpg) bottom left repeat-x;
			}
		
			.page-tabs li{
				float: left;
				height: 39px;
				width: 92px;
				padding: 0px 3px 0px 0px !important;
				list-style-type:none;
				background:none !important;
			}
			
			.page-tabs li a{
				float: left;
				padding: 6px 0 0 0 !important; 
				height: 32px;	
				width: 90px;
				border: 1px solid #ccc;
				border-bottom: 0;
				color: #888;	
				background: #eee;
				text-align: center;
				-moz-border-radius: 5px 5px 0 0;
				-webkit-border-radius: 5px 5px 0 0;
				border-radius: 5px 5px 0 0;
			}
			
			.page-tabs li.active a, .page-tabs li a:hover{
				background: #fff;
				border: 1px solid #777;
				color: #333;
				text-decoration: none;
				border-bottom: 1px solid #fff;
			}
			
			.page-tabs-compatibility{
				height: 30px;
				margin-bottom: 20px;
				background: url(/img/tab-bg.jpg) bottom left repeat-x;
			}
		
			.page-tabs-compatibility li{
				float: left;
				height: 29px;
				width: 92px;
				padding: 0px 3px 0px 0px !important;
				background:none !important;
			}
			
			.page-tabs-compatibility li a{
				float: left;
				padding: 6px 0 0 0 !important; 
				height: 22px;	
				width: 90px;
				border: 1px solid #ccc;
				border-bottom: 0;
				color: #888;	
				background: #eee;
				text-align: center;
				-moz-border-radius: 5px 5px 0 0;
				-webkit-border-radius: 5px 5px 0 0;
				border-radius: 5px 5px 0 0;
			}
			
			.page-tabs-compatibility li.active a, .page-tabs li a:hover{
				background: #fff;
				border: 1px solid #777;
				color: #333;
				text-decoration: none;
				border-bottom: 1px solid #fff;
			}
		
		#rightbar{
			float: right;
			width: 208px;
		}
		
			#rightbar p{
				padding-bottom: 8px;
			}
		#rightbar a {
			clear:both;
			display:block;
			padding:0px 0px 10px;
			position:relative;
		}
	
	#nav{
		background: url(/img/nav-bg.jpg) top right no-repeat;
		height: 60px;	
		z-index:100;
	}
	
		#nav li{
			float: left;
			height: 60px;	
			position: relative;
		}
		
		#nav li a{
			float: left;
			height: 60px;
			text-indent: -9999em;	
		}
		
		#nav li ul{
			position: absolute;
			top: 60px;
			left: 0;
			background: #1f1f1f;
			display: none;
			z-index:101;
		}
		
		#nav li:hover ul{
			display: block;
		}
		
			#nav li ul li{
				position: relative;
				height: 100%;
				float: none;				
				width: 178px;
				border-bottom: 1px solid #666;	
			}
			
			#nav li ul li a{
				display: block;
				float: none;
				padding: 7px 0 7px 10px;
				text-indent: 0;
				height: auto;
				text-align: left;
				color: #999;	
			}
			
			#nav li ul li a:hover{
				text-decoration: none;
				color: #fff;
			}
			
			#nav li ul li:last-child{
				border: 0;
			}
			
		
		#n1{
			width:  73px;
			background: url(/img/n1.jpg) top left;
		}
		
		#n2{
			width:  100px;
			background: url(/img/n2.jpg) top left;
		}
		
		#n3{
			width:  127px;
			background: url(/img/n3.jpg) top left;
		}
		
		#n4{
			width:  126px;
			background: url(/img/n4.jpg) top left;
		}
		
		#n5{
			width:  117px;
			background: url(/img/n5.jpg) top left;
		}
		
		#n6{
			width:  140px;
			background: url(/img/n6.jpg) top left;
		}
		
		#n7{
			width:  109px;
			background: url(/img/n7.jpg) top left;
		}
		
		#nav li a:hover, #nav li.active a{
			background-position: bottom left;
		}

		#nav li:hover>a {
			background-position: bottom left;
		}
	
	
	#splash{
		overflow: hidden;
		position: relative;
		margin-bottom: 10px;
		z-index:-100;
	}
	
		#splash img{
			display: block;
		}
		
		.splash{
			position: absolute;
			bottom: 0;
			left: 0;
			font-size: 1.2em;
			padding: 10px 15px 10px 15px;
			width: 862px;
			line-height: 1.5em;
			color: #fff;
			text-align: right;
			background: url(/img/bg.png) bottom left;
		}
		
		* html .splash{
			background: #111;
		}
	
	
	#splash2{
		overflow: hidden;
		position: relative;
		margin-bottom: 10px;
		z-index:-100;
	}
	
		.splash{
			position: absolute;
			bottom: 0;
			left: 0;
			font-size: 1.2em;
			padding: 10px 15px 10px 15px;
			width: 862px;
			line-height: 1.5em;
			color: #fff;
			text-align: right;
		}
		
	
	
	#tri{
		overflow: hidden;
		height: 298px;
		text-align: left;
		padding-bottom: 14px;
		color: #666;
	}
	
		#tri li{
			float: left;
			display: inline;
			width:  274px;
			padding: 5px;
			height: 288px;
			margin-right: 20px;
			position: relative;
			background: url(/img/tri.gif) top left no-repeat;	
		}
		
		#tri li.last{
			margin-right: 0;
		}
		
		#tri h2{
			color: #333;
			margin: 2px 0 0 5px;
			line-height: 28px;
			height: 28px;
			font-size: 28px;
			overflow: hidden;
		}
		
		#tri h2 a{
			color: #c02529;
		}
		
		#tri p{
			padding: 8px 0 0 5px;
			line-height: 1.4em;
		}
		
		#tri p a{
			color: #111;
			text-decoration: underline;	
			padding-right: 10px;
			background: url(/img/tick.jpg) right center no-repeat;
		}
		
		#tri p a:hover{
			text-decoration: none;
		}
		
		.tri-box{
			display: block;
			height: 99px;
			width: 274px;
			position: absolute;
			bottom: 5px;
			left: 5px;
			background: url(/img/tab-1.jpg) top left no-repeat;
		}
		
			.tri-box a{
				position: relative;
				float: right;
				margin: 11px 11px 0 0;
				display: inline;
			}
		
		a#tl2{
			display: block;
			height: 99px;
			width: 274px;
			text-indent: -9999em;
			position: absolute;
			bottom: 5px;
			left: 5px;
			background: url(/img/tab-2.jpg) top left no-repeat;
		}
		
		a#tl3{
			display: block;
			height: 99px;
			width: 274px;
			text-indent: -9999em;
			position: absolute;
			bottom: 5px;
			left: 5px;
			background: url(/img/tab-3.jpg) top left no-repeat;
		}

	
	
	h3#protect{
		margin: 0px 0 15px 0;
		text-align: center;
		line-height: 28px;
		height: 28px;
		font-size: 28px;
		overflow: hidden;
		color: #666;	
		visibility:visible;
	}
	
		#protect a{
			color: #c02529;
			font-weight: bold;
		}
	
		embed{
			display:block;
			visibility:visible;
		}
	#lower{
		overflow: hidden;	
		padding-bottom: 26px;
	}
	
		#contact{
			float: right;
			padding: 6px 15px 0 0;
			width: 255px;
			text-align: center;
			line-height: 1.6em;
		}
		
			.c1{
				font-size: .9em;
				color: #888;	
				display: block;
			}
			
			.c2{
				display: block;
				font-size: 1.7em;
				text-transform: uppercase;
				color: #000;	
			}
			
			.c3{
				display: block;
				color: #999;
				font-size: .9em;	
			}
			
			.c4{
				display: block;
				font-size: 1.2em;
				color: #888;	
			}
			
			.c4 strong{
				text-transform: uppercase;
				color: #555;
			}
		
	
		.movies{
			text-align: left;
			overflow: hidden;	
		}
		
			.movies li{
				float: left;
				width: 132px;
				padding-right: 21px;	
			}
			
			.movies li span{
				display: block;
				font-size: .9em;
				padding: 2px 0 0 7px;
				background: url(/img/film-title.jpg) top left no-repeat;
			}
			
			.movies a{
				color: #111;
				text-decoration: underline;	
				clear:both;
				display:block;
				padding:0px 0px 10px;
				position:relative;
			}
			
			.movies a:hover{
				text-decoration: none;
			}
	
	
	#logos{
		padding: 1px;
		height: 66px;
		padding-right: 30px;
		background: url(/img/sponsors.gif) top left;
	}
	
	a.logo:hover{
			height:66px;
			background-position: bottom left;
			z-index:-1;
		}
				
		

	#bottom{
		padding: 14px;
		overflow: hidden;	
		color: #999;
		font-size: .9em;
	}
	
		#bottom a{
			color: #111;
			text-decoration: underline;	
		}
		
		#bottom a:hover{
			text-decoration: none;
		}
		
		.logo {
			float: right;
			margin-left: 27px;
			height: 66px;
			width: 89px;
			background-position: top left;
			background-repeat: no-repeat;
		}

		.footerLink {
			background: url(/img/bstechnologies-footer.gif) top left no-repeat;
			width: 304px;
			height: 66px;
		}

.clearBoth {
	clear:both;
}

/* Tables */
table.featureTable {
	margin:0px 8px 0px 0px;
	margin:0px;
	width:312px;
	vertical-align:top;
	float:left;
}

table.featureTable1col {
	margin:0px 8px 0px 0px;
	margin:0px;
	width:434px;
	vertical-align:top;
	float:left;
}

.featureTable1col td{
		padding:3px 10px 3px 0px;
		vertical-align:top;
		text-align:left;
	}

.rightTable {
	margin:0px 0px 0px 18px !important;
}

	.featureTable td{
		padding:3px 10px 3px 0px;
		vertical-align:top;
		text-align:left;
	}


table.downloadsTable {
	margin:0px 8px 0px 0px;
	margin:0px;
	vertical-align:top;
	float:left;
}

	.downloadsTable td{
		padding:3px 10px 3px 0px;
		vertical-align:middle;
		text-align:left;
	}

table.standardTable {
	vertical-align:top;
	float:left;
}

	.standardTable td{
		padding:3px 10px 15px 0px;
		vertical-align:top;
		text-align:left;
	}

.form {
	padding:10px;
}

.form label, .formLabel {
	margin:0px 5px 0px 5px;
	font-size:1em;
}
.form td{
	padding:5px;
	vertical-align:middle;
}
.form input, .form textarea, .form select {				
	font-size:1.1em;
	margin:0px 5px 0px 5px;
	overflow:auto;
}
.form input {				
	vertical-align:middle;
	height:18px;
}
.valignTop {
	vertical-align:top !important;
}
.form .innerTable td {
	padding:0px !important;
}
.formField {
	border:1px solid #575757;
}
.formButton {
	float:right;
	height:30px !important;
}
.required {
	color:#CC0000;
}

/* Error */
div.errorPanel {
	border:1px solid #CC3333;
	color:#CC3333;
	font-weight:bold;
	margin:0pt 0px 15px;
	padding:10px;
	}
div.errorPanel ul {
	margin:10px 30px 0pt 0pt;
	padding:0pt;
	}
div.errorPanel ul li {
	background:transparent url(/img/square_bullet_red.gif) no-repeat scroll 0pt 6px;
	font-weight:normal;
	list-style-type:none;
	margin:0pt 0pt 5px;
	padding:0pt 0pt 0pt 10px;
	}
input.errorField, textarea.errorField {
	padding:1px;
	border:1px solid #CC3333
}
label.error, span.error {
	color:#CC3333;
	font-weight:bold;
}
div.displayPanel {
	border:1px solid #dee5e9;
	color:#808080;
	margin:0pt 0px 15px;
	padding:10px;
}



strong {
	font-weight:bold;
}


#logos a.linkExternal {
	float:left; 
	padding:0px 10px;
	margin-left: 10px;
}

a.tri-link {
	bottom:5px;
	display:block;
	height:99px;
	left:5px;
	position:absolute;
	width:274px;
}

div.compatibility ul {
	border-bottom:2px solid #cecece;
	clear:left;
	display:inline;
	float:left;
	width:642px;
	padding:0px 0px 20px 0px;
}
div.compatibility ul li {
	background:none !important;
	display:inline;
	float:left;
	margin:0px 5px 0px 0px;
	padding:0px 0px 12px 0px !important;
	width:150px;
	text-align:center;
}
div.compatibility ul li img {
}
div.compatibility ul li div.description {
	color:#455560;
	font-size:0.95em;
	height:25px;
	line-height:1.1em;
	text-align:center;
	width:150px;
}

div.compatibility h2 {	
	padding-top:5px;
}

div.compatibility ul.last {
	border:none;
}

	/* Easy Slider */
	#slider{
		position: relative;
		padding: 0 0 0 0;
		overflow: hidden;
		width: 892px;
		height: 320px;
		text-align: left;
		float: right;
		}	
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider li{ 
		width:892px;
		height:320px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn{ 
		display:none;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		}	
	#nextBtn{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a{  
		display:none;
		width:30px;
		height:77px;	
		}	
	#nextBtn a{ }
	
	/* // Easy Slider */
div.align-right {
	float: right;
}
































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */