/*  
Site Name: Safety Posters
Version: 1.0
Author: Andy Pearson
Date: 08.12.06
*/

body {
	margin:0;
	padding:0;
	font:62.5%/1.6 Arial, Helvetica, sans-serif;
	color:#fff;
	background:#2975AE url(../images/backie-2.jpg) no-repeat top left;
}
h1,
hr { display:none; }
h2 {
	margin:0;
	padding:13px 0 0 0;
	color:#69a6cf;
	font-size:3.2em;
}
h3 {
	margin:0;
	padding:4px 0;
	font-size:1.3em;
}
h4 {
	font-size:1.4em;
	margin:0;
	padding:18px 0 4px 0;
}
p {
	font-size:1.3em;
	line-height:1.4;
	margin-top:0;
	padding-top:0;
}
a {
	text-decoration:none;
	color:#fff019;
}
a:hover { color:#fff; }

/*
---- Structure
*/
#container {
	margin:0;
	padding:0 0 0 40px;
	width:750px;
}
#content {
	padding:0;
	clear:both;
}

/*
---- Navi
*/
#navi {
	margin:0;
	padding:0 0 13px 0;
	list-style:none;
	font-size:1.2em;
}
	#navi li {
		margin:0;
		padding:0 35px 0 0;
		display:block;
		float:left;
	}
	#navi li.last { padding-right:0px; }
	
		#navi li a {
			display:block;
			background:transparent url(../images/bracket-left.gif) no-repeat center left;
		}
			#navi li a span {
				padding:1px 6px;
				background:transparent url(../images/bracket-right.gif) no-repeat center right;
			}

/*
---- View Posters
*/
#content-posters {
	float:left;
	width:340px;
	padding:0 0 0 13px;
}

#subnavi {
	width:105px;
	float:left;
}
	#subnavi ul {
		margin:0;
		padding:0;
		list-style:none;
		font-size:1.4em;
		line-height:1.1;
	}
		#subnavi ul li {
			padding:0 0 15px 0;
			color:#8DB2D5;
		}
			#subnavi ul li a { color:#fff; }
			#subnavi ul li a:hover { color:#fff019; }
	#subnavi p {
		padding:18px 0 0 0;
		font-size:1.1em;
		color:#8DB2D5;
	}
	
#posters {
	float:right;
}
	#posters ul {
		margin:0;
		padding:0;
		list-style:none;
		height:305px;
	}
		#posters ul li {
			padding:9px 7px 9px 0;
			display:block;
			float:left;
			background-color:#fff;
		}
		#posters ul li.first { padding-left:9px; }
		#posters ul li.last { padding-right:9px; }
		
			#posters ul li img {
				border:none;
				display:block;
			}
	#posters p {
		clear:both;
		position:relative;
		z-index:100;
	}

#posters #titles {
	clear:both;
	font-size:1.2em;
	height:auto;
	position:absolute;
}	
#posters #titles li {
	padding:0 0 0 7px;
	display:block;
	float:left;
	background:none;
	width:200px;
	text-align:right;
}

/*
---- Orderform
*/

form.address {
	padding: 0;
	margin: 0;
	width: 450px;
}
	form.address div {
		padding: 0 0 5px 0;
		margin: 0;
	}
	form.address p {
		padding: 10px 0 0 0;
		margin: 0;
	}
	form.address label {
		display: block;
		float: left;
		width: 110px;
		font-size:1.2em;
	}
	form.address input,
	form.address textarea {
		font-size:1.2em;
		width: 200px;
		font-family:Arial, Helvetica, sans-serif;
	}
	form.address #submit, form.address #optin {
		font-size:1.0em;
		width: auto;
	}

#rightform {
	width: 270px;
	float: right;
	background-color: #4987B8;
	padding: 10px;
}
	#rightform form {
		padding: 10px 0 0 0;
		margin: 0;
	}
	#rightform #orderform input {
		font-size:1.0em;
	}
	#rightform table.base {
		width: 270px;
		font-size:1.2em;
	}
		#rightform table.base th {
			text-align:left;
		}


/*
---- Footer
*/
#footer {
	position:absolute;
	top:48.8em;	
	left:40px;
	clear: both;
}
	#footer h4 {
		margin:0;
		padding:0 0 0 135px;
		font-size:2.7em;
		color:#000;
	}
		#footer h4 span { color:#fff; }
		
	#footer p {
		margin:0;
		padding:54px 0 0 280px;
		width:auto;
	}
	
/*
---- Links
*/
#links {
	float:right;
	padding:43px 0 0 30px;
	width:400px;
}
	#links h3 {
		padding-bottom:0;
	}
	#links ul {
		font-size:1.3em;
		list-style:none;
		padding:0;
		margin:0;
		line-height:1.4;
	}

/*
---- Misc Styles
*/
#star {
	line-height:1.3;
	text-align:center;
	position:absolute;
	left:373px;
	top:9.6em;
}
	#star p {
		margin:0 0 6px 0;
		padding:0;
		width:auto;
	}

.column {
	width:225px;
	float:left;
}
	.column ul {
		margin:0;
		padding:0;
		list-style:none;
		font-size:1.2em;
	}
		.column ul ul {
			font-size:inherit;
			padding:0 0 0 16px;
		}

.column ul li.dropdown {
	margin:0 0 0 -7px;
	padding:0 0 0 7px;
	background:transparent url(../images/plus.gif) no-repeat 0 7px;
}
.column ul li.open { background-image:url(../images/minus.gif); }
	
.terms { font-size:1.1em; }
.white { color:#fff; }

/*
---- Clear All and the Clearfix
*/
.clear-all {
	margin:0px;
	padding:0px;
	clear:both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */