/* CSS Document */

#ContentBody{
	margin-left:30px;
}

#ContentBody .columnThird{
	float:left;
	margin-left:20px;
	width:270px;
	margin-top:60px;
}

#IntroductionArea a{
	text-decoration:none;
}
#IntroductionArea{
	margin-left:0;
	margin-right:20px;
}


#ContentBody #StockistsArea.columnThird{
	float:left;
	width:328px;
}
#StockistsArea ul.stockists{
	margin:0;
	padding:0;
	display:block;
	height:400px;
	overflow:auto;
	margin-bottom:20px;
	width:328px;
	border-bottom:1px dotted #333;
	border-top:1px dotted #333;
}
#StockistsArea ul.stockists li{
	border-bottom:1px dotted #333;
	padding:15px 15px 0 15px;
	list-style:none;
}
#StockistsArea ul.stockists li.alt{
	background-color:#111;
}
#StockistsArea ul.stockists li p.title{
	margin:0;
	padding:0;
	font-size:16px;
}
#StockistsArea ul.stockists li p.detail{
	padding:0;
	margin:0;
	padding-bottom:10px;
	font-size:12px;
}
/*
	Form fields
*/
form .field1,
form .field2{
	background-color:#000;
	border:1px solid #333;
	padding:3px;
	color:#F26222;
	width:250px;
}
form .field2{
	font-family:Arial, Helvetica, sans-serif;
	height:185px;
}

form .error{
	color:#E61D1D;
}
form .error .field1,
form .error .field2{
	border:1px solid #610909;
}

a.partnerButton{
	display:block;
	padding:15px 30px 15px 15px;
	background-image:url(../images/waterbuoy/buttons/partner.gif);
	background-repeat:no-repeat;
	background-position:center center;
	background-position:0 0;
	overflow:hidden;
}
a.partnerButton:hover,
a.partnerButton:active,
a.partnerButton:focus{
	background-position:0 -90px;
}
a.partnerButton h2,
a.partnerButton p{
	margin:0;
	padding:0;
}