html{
	height:100%;
	background-color:white;
}
body{
	padding-top:10px;
	font-family:"Helvetica Neue",helvetica,arial;
	height:100%;
	margin:0px 10px;
	line-height:110%;
	background-color:white;
	font-size:13px;

}
a img{
	border:0px;
}
a:link,a:visited{
	color:#022d9c;
}
img{
	border:0px solid white;
}
h2{
	line-height:120%;
	font-size:1.6em;
}
h2,b,strong{
	color:#056e8e;
	line-height:125%;
}
h4{
	margin:0px;
}
label{
	display:block;
	font-weight:bold;
}
textarea{
	width:100%;
}

#logo{
	margin-bottom:15px;
	float:left;
}
#logo,#menu a{
	margin-left:10px;
}
#menu{
	float:right;
	font-size:13px;
	font-weight:bold;
	padding-top:30px;
	padding-right:10px;
}


#wrap{
	clear:both;
}

#copyright{
	text-align:center;
	padding-top:100px;
	padding-bottom:20px;
	font-size:small;
}


.button_print{
	font-size:28px;
	line-height:30px;
}
.button_print a{
	background:url('../images/print_button.png') no-repeat;
	display:block;
	width:225px;
	height:40px;
	padding-top:16px;
	padding-bottom:13px;
	padding-left:10px;
	color:white;
	font-weight:bold;
	text-decoration:none;
}
.button_print a a:visited,.button_print a a:link{
	text-decoration:none;
	color:white;
}
.no-display{
	display:none;
}


/* Not currently used */
.middle{
	position:relative;
	text-align:left;
	width:700px;
	margin-left:-350px;
	height:450px;
	margin-top:-225px;
	left:50%;
	top:50%;
}

/* Designs 1 + 2 */
div.filter{}
	.large{
		font-size:170%;
		font-weight:bold;
	}
	.large select,.large input{
		font-size:105%;
		position:relative;
		top:-5px;
	}
	
	
	span.g_ label{
		background-color:#aff39f;
	}
	span.g_ label.selected{
		background-color:#41902f;
	}
	span.g_ label:hover{
		background-color:#57ad44;
	}
	
	span.b_ label{
		background-color:#97c1ef;
	}
	span.b_ label.selected{
		background-color:#395d85;
	}
	span.b_ label:hover{
		background-color:#3c71b0;
	}
	
	/*
	span.g a,span.g a:link,span.g a:visited{
		background-color:#41902f;
	}
	span.g_ a,span.g_ a:link,span.g_ a:visited{
		background-color:#aff39f;
	}
	span.g a:hover,span.g_ a:hover,span.g_ a.selected{
		background-color:#57ad44;
	}

	span.b_ a.selected,span.g_ a.selected{
		text-decoration:underline;
	}
	span.b a,span.b a:link,span.b a:visited{
		background-color:#395d85;
	}
	span.b_ a,span.b_ a:link,span.b_ a:visited{
		background-color:#97c1ef;
	}
	span.b a:hover,span.b_ a:hover,span.b_ a.selected{
		background-color:#3c71b0;
	}
	*/
	
	
	span.buttons a,span.buttons label{
		padding:1px 4px;
		color:white;
		cursor:pointer;
		line-height:140%;
	}


table#results{
	border:1px solid #f3f3f3;
}
	table#results th{
		background-color: #056e8e;/* My favourite blue: #395d85;*/
		padding:3px;
		color:white;
	}
	table#results td,table#results th{
		padding:5px;
	}
	table#results td{
		border-right:1px solid #f3f3f3;
		border-bottom:1px solid #f3f3f3;
	}
	tr.odd{
		background-color:#e7f0fb;
	}
	table#results tbody{
		line-height:120%;
	}
	table#results td.subcategory{
		font-weight:bold;
		width:100px;
		text-align:center;
		color:black;
	}
	.kudos{
		width:40px;
		height:20px;
		margin:0px auto;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
		color:white;
		font-weight:bold;
		background-color:#41902f;
		background:url('../images/box_kudos.png') no-repeat;
	}	
	.add{
		width:40px;
		height:20px;
		margin:0px auto;
		text-align:center;
		padding-top:5px;
		padding-bottom:5px;
		color:white;
		font-weight:bold;
		background-color:#41902f;
		background:url('../images/box_add.png') no-repeat;
	}
	.add a:link,.add a:visited{
		color:white;
	}
	.added{
		background:url('../images/box_added.png') no-repeat;
	}	

/*
	Design 3
*/

div.box#filter{
	float:right;
	margin-top:110px;
	text-align:right;
}
.box{
	background:url('../images/box_middle.png') left;
	width:179px;
	color:white;
}
.box-middle{
	padding-left:10px;
	padding-right:10px;
}
.box-header{
	background:url('../images/box_top.png') no-repeat top left;
	width:169px;
	min-height:23px;
	margin-top:0px;
	padding-left:10px;
	padding-top:5px;
	padding-right:0px;
	margin-right:0px;
	text-align:center;
}
.box-footer{
	background:url('../images/box_bottom.png') left;
	width:100%;
	height:25px;

}
.box h3,.box h2{
	margin-bottom:0px;
	font-weight:normal;
	
}




form#small{
	width:300px;
	margin:0px auto;
}
form.medium{
	width:550px;
	margin:0px auto;
}

table#greenleader tr{
	line-height:120%;
}


.product{
	border:1px solid #f3f3f3;
	margin-bottom:5px;
	padding:5px;
	background-color:#ebf2f9;
	min-height:160px;
}
.product h3{
	margin-top:0px;
}
.product .map{
	display:none;
	text-align:center;
	padding-bottom:10px;
}
.category_image{
	float:left;
	padding-right:10px;
	padding-bottom:10px;
}
.category_mask{
	position:absolute;
	margin-top:-154px;
	margin-left:-4px;
	width:208px;
	height:158px;
	background:url('../images/mask_category_b.png') no-repeat top left;
}
#filter{
	margin-left:auto;
	margin-right:auto;
	margin-top:-21px;
	text-align:center;
	width:975px;
	background:url('../images/filter_corners_0_0.png') top left no-repeat;
	background-color:black;
}
#filter #topright{
	background:url('../images/filter_corners_30_0.png') top right no-repeat;
}
#filter #bottomleft{
	background:url('../images/filter_corners_0_30.png') bottom left no-repeat;
}
#filter #bottomright{
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:10px;
	background:url('../images/filter_corners_30_30.png') bottom right no-repeat;	
}
#filter label{
	font-weight:bold;
	display:inline-block;
	color:white;
	margin-right:15px;

}
#filter select{
	margin-top:10px;
	display:block;
}


/*
	Product categories page
*/
.product-category{
	width:32%;
	float:left;
	display:inline-block;
	border-left:2px solid #eee;
}
.product-category h3{
	background-color:#eee;
	padding:5px;
	margin-top:0px;
}
.product-category label{
	margin-left:10px;
	padding-bottom:5px;
}



/*

	Google Maps Styles

*/
.gmnoprint{
	font-size:14px;
}
.gmnoprint div,.gmnoprint>div{
	overflow:hidden;
}
.gmnoprint h3{
	margin-top:0px;
	margin-bottom:3px;
	font-size:16px;
}
.gmnoprint h3 a:visited,.gmnoprint h3 a:link{
	color:#3c71b0;
}

/*
	UI Tabs
*/

.ui-widget div{
	font-size:14px;
}
.ui-tabs .ui-tabs-nav li.ui-corner-top{
	border-bottom:0px;
	margin:0px;
	padding:0px;
}

/*

	Media Box

*/
#media-box{
	
}
#media-box img{
	border:0px;
}
#media-box #main{
	/*height:425px;*/
}
#main td#panel-text{
	border:3px solid #056e8e;
	padding-left:10px;
	padding-right:10px;
}
#main td#panel-text li{
	padding-bottom:3px;
	padding-top:3px;
}
#media-box #main img{
}
#media-box #address-bar{
	background-color:#70cc3e;
	padding:5px;
}
#media-box #address-bar input{
	margin-top:9px;
}

/* Error messages and such */
.msg{
	background-color:white;
	text-align:center;
	font-size:1.6em;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
	margin-bottom:40px;
	line-height:1.5em;
}
	.error{
		background-color:#ff6666;
		border:3px solid #ff6666;	
	}
	.success{
		background-color:#7fff66;
		border:3px solid #66ff6d;
	}
	.validation{
		border:3px solid #FF9966;
		background-color:#FFFF66;
	
	}