/* CSS Document */

* {
text-decoration : none;
vertical-align : top;
}



/* body */

body {
background : #f5f5f5 url('../graphics/layout/back.jpg') 50% 0 repeat-y;
font-family : Verdana, Tahoma, Helvetica, Arial;
font-size : 62.5%;
margin : 0;
}

	img {
	border : none;
	}
	
	.b {
	font-weight : bold;
	}
	
	/*.em {
	font-style : italic;
	}*/
		
	.red {
	color : #c50e0c;
	}
	
	.float_right {
	float : right;
	margin : 10px 0 10px 10px;
	}



/* top banner */

#banner {
background : #ce4d4b url('../graphics/layout/banner.jpg') 50% 0 repeat-y;
text-align : center;
}

	#banner form {
	margin : 0 auto;
	padding : 47px 0 11px;
	text-align : right;
	width : 938px;
	}
	
	#banner input {
	font-family : Verdana, Tahoma, Helvetica, Arial;
	font-size : 1.2em;
	margin : 0;
	padding : 4px;
	}
	
		#banner input#qs {
		background : #fff;
		border : 1px solid #646464;
		width : 152px;
		padding : 5px 4px;
		width : 138px;
		}
		
		#banner input#submit {
		background : #e50b09;
		border : 1px solid #f99b02;
		color : #fcaf01;
		font-weight : bold;
		width : 127px;
		}
	
	

/* top navigation */

#nav {
background : #b5b5b5 url('../graphics/layout/nav-outer.jpg') 50% 0 repeat-y;
border-top : 1px solid #fff;
}

	#nav ul {
	background : #b9b9b9 url('../graphics/layout/nav.jpg') repeat-x;
	font-size : 1.2em;
	list-style : none;
	margin : 0 auto;
	padding : 0;
	width : 960px;
	}
	
		#nav ul li {
		float : left;
		}
	
		#nav ul a {
		background : url('../graphics/layout/nav-left.gif') no-repeat;
		display : block;
		float : left;
		color : #fff;
		}
		
			#nav ul a span {
			background : url('../graphics/layout/nav-bottom.gif') 100% 100% no-repeat;
			cursor: pointer;
			float : left;
			display : block;
			padding : 10px 13px;
			}
			
				#nav ul a#navoptTop_contact {
				border-right : 1px solid #fff;
				}
		
			#nav ul a:hover {
			background : url('../graphics/layout/nav-hover.gif') repeat-y;
			color : #000;
			}
			
				#nav ul a:hover span {
				background : none;
				}
			
			#nav ul li#flags, #nav ul li#access {
			color : #adadad;
			float : right;
			padding : 10px 13px;
			}
			
				#nav ul li#flags {
				padding : 7px 13px;
				}
			
				#nav ul li#flags a, #nav ul li#access a {
				background : none;
				border : none;
				display : inline;
				float : none;
				padding : 0;
				}



/* main area */

#main {
background : url('../graphics/layout/main.jpg') repeat-y;
border-top : 1px solid #fff;
margin : auto;
padding : 0 0 10px;
width : 960px;
}



/* content */

#content {
float : left;
font-size : 1.2em;
margin-right : 1px;
width : 748px;
}

	#content h1 {
	font-size : 1em;
	line-height : 1.5em;
	margin : 0;
	padding : 8px 33px;
	}

	#content p {
	line-height : 1.5em;
	margin : 0;
	padding : 8px 33px;
	}
	
		#content p#licencees, #marquee {
		background : url('../graphics/layout/licencees.jpg') repeat-y;
		color : #fff;
		font-size : 1.6em;
		font-style : italic;
		font-weight : bold;
		letter-spacing: -1px;
		padding : 2px 17px;
		text-transform : uppercase;
		}
			
			#marquee {
			font-size: 1.4em;
			margin : 8px 33px;
			text-transform: none;
			}
			
			#content marquee {
			padding: 0px;
			margin: 0px;
			}
		
			#content p#licencees span, #content marquee span {
			color : #ffc600;
			}
		
		#content p#trail {
		color : #b9b9b9;
		font-size : .8em;
		font-style : italic;
		text-transform : uppercase;
		padding : 20px 33px 12px;
		}
		
			#content p#trail a {
			color : #000;
			}
			
				#content p#trail a:hover {
				color : #c50e0c;
				}
				
		#content a {
		color : #c50e0c;
		}
		
			#content a:hover {
			color : #000;
			}



/* right panel */

#right {
color : #727272;
float : left;
font-size : 1.1em;
width : 211px;
}

	#right p {
	line-height : 1.4em;
	padding : 10px;
	margin : 0;
	}

		#right p.heading {
		background : #969696 url('../graphics/layout/heading.jpg') repeat-x;
		color : #ffc600;
		font-weight : bold;
		line-height : normal;
		text-transform : uppercase;
		}
		
		#right p#hs {
		padding : 0 10px 10px;
		}
		
			#right p#hs a {
			background : #E50B09;
			border : 1px solid #F99B02;
			color : #F99B02;
			display : block;
			letter-spacing : -0.1em;
			font-weight : bold;
			padding : 5px 0;
			text-align : center;
			text-transform : uppercase;
			}



/* footer */

#footer {
background : #ce4d4b url('../graphics/layout/foot.jpg') 50% 0 repeat-y;
border : 1px solid #fff;
color : #fff;
font-size : 1.1em;
margin : 0;
}

	#footer p {
	line-height : 1.4em;
	margin : 0 auto;
	padding : 10px;
	width : 940px;
	}
	
		#footer a {
		color : #fff;
		}
		
			#footer a:hover {
			color : #ffc600;
			}
	


/* technical pages */

#content table.technical {
border-collapse : collapse;
margin : 8px 33px;
}

	#content table.technical td {
	border : 1px solid #ccc;
	margin : 0;
	padding : 0;
	}
	
	#content table.technical p {
	margin : 0;
	padding : 5px;
	}
	


/* accessibility */

table#access {
line-height : 1.5em;
margin : 8px 33px;
padding : 0;
text-align : left;
}

	table#access td, table#access th {
	padding : 0 10px 0 0;
	}



/* contact form */

#content form {
background : #F5F5F5;
border-bottom : 1px solid #CE4D4B;
border-top : 1px solid #CE4D4B;
margin : 8px 33px;
padding : 5px;
width : 500px;
}

	#content table.generic {
	border-collapse : collapse;
	border : none;
	padding : 0;
	margin : 0 0 10px;
	}
	
		#content table.generic thead {
		display : none;
		}
		
		#content table.generic td {
		padding: 5px;
		}
		
			#content table.generic td.td_left {
			width : 100px;
			}
		
		#content table.generic input, #content table.generic select, #content table.generic textarea {
		background : #fff;
		border : 1px solid #D1D1D1;
		font-family : Verdana, Tahoma, Helvetica, Arial;
		font-size : 1em;
		padding : 5px;
		}
		
			#content table.generic input.code {
			background : #fff url('../graphics/layout/code.gif') no-repeat;
			color : #A50A08;
			}
		
		#content table.generic p {
		margin : 0;
		padding : 5px 0 0;
		font-size : .8em;
		}
		
	#content p.cart-buttons {
	margin : 0;
	padding : 5px;
	}
	
		#content p.cart-buttons input {
		background : #b9b9b9 url('../graphics/layout/nav.jpg') repeat-x;
		border : none;
		color : #fff;
		font-family : Verdana, Tahoma, Helvetica, Arial;
		font-size : 1em;
		margin : 0;
		padding : 5px 10px;
		}
		
			#content p.cart-buttons input.important {
			background : #CE4D4B url('../graphics/layout/fade.jpg') repeat-x;
			}



/* fixes */

#nav ul,
#main,
#content p.cart-buttons {
height : 1%;
}

	html>body #nav ul,
	html>body #main,
	html>body #content p.cart-buttons {
	height : auto;
	overflow : auto;
	}
	
	
/* Info Messages */	

p#info_message {
background : #e50b09;
border : 1px solid #f99b02;
color : #fcaf01;
font-weight : bold;
margin: 30px;
}