body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:black;
}

a {
	color:#ea261f;
}

/*-------------------------------------------------- layout styles --------------------------------------*/

.wrapper-top {
	background:url(/img/mainbg.gif) repeat-y;
	width:869px;
	margin:0px auto;
	position:relative;
}

.wrapper-low {
	background:url(/img/bglow.gif) no-repeat bottom left;
}

.wrapper {
	background:url(/img/bgtop.gif) no-repeat top left;
	padding:5px;
}

.logo, .logo span {
	width:483px;
	height:83px;
	position:relative;
	background:url(/img/st-albans-logo.gif);
	float:left;
	margin:0px 15px 7px 0px;
	cursor:pointer;
}

.logo span {
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
}

.header {
	padding:7px 15px 15px 15px;
}

.vans {
	position:absolute;
	right:20px;
	top:59px;
	z-index:11;
}

.phone {
	float:left;
	margin:6px 0px 0px 24px;
}

.contentLeft {
	padding:15px 20px 20px 20px;
	float:left;
	width:570px;
}

.contentLong {
	padding:5px 20px 20px 20px;
}

.contentInner {
	width:650px;
}

.rightCol {
	width:245px;
	float:right;
	position:relative;
	margin-top:-5px;
}

.leftCol {
	float:left;
	width:205px;
	background:url(/img/leftcolbg.gif) repeat-x;
	position:relative;
	margin:-5px 28px 0px 0px;
	padding:20px;
	min-height:500px;
}

.mainCol {
	float:left;
	width:560px;
	margin-bottom:20px;
}

.footer {
	clear:both;
	border-top:3px solid #ea261f;
	padding:5px 15px 8px 15px;
	font-size:80%;
}

.footer .floatLeft a {
	margin:0px 5px;
}

.footer a {
	color:black;
	text-decoration:none;
}

.footer a:hover {
	text-decoration:underline;
}

/*------------------------------------------ generic styles -----------------------------------*/
.heading, .headingLong {
	font-size:1.5em;
	border-bottom:dotted 2px #666;
	padding:0px 0px 3px 0px;
	font-weight:normal;
	margin:0px;	
}

.headingLong {
	position:relative;
	margin:15px 20px 0px 0px;
}

.LargerText {
	font-size:140%;
}

h2 {
	font-size:1.2em;
	margin:14px 0px 3px 0px;
	font-weight:bold;
}

h3 {
	font-size:1.0em;
	margin:0px;
}

.valign {
	vertical-align:middle;
}

.RedText {
	color:#ea261f;
}

a {
	outline:none;
}

/*------------------------------------------ content styles -----------------------------------*/

.welcomebox {
	background:url(/img/welcomebg.gif) repeat-x;
	padding:15px;
	position:relative;
}

.charges, .charges2 {
	position:absolute;
	top:-9px;
	right:-5px;
}

.charges2 {
	right:-95px;
}

.addressbox {
	background:#e3e3e3;
	padding:7px 10px 17px 15px;
	font-weight:bold;
	font-size:90%;
	line-height:1.3em;
}

.addressbox a {
	text-decoration:none;
}

.offersbox {
	background:url(/img/offers-bg.gif) repeat-x;
	padding:15px;
}

.offer {
	border-bottom:1px solid #c0c0c0;
	padding:15px 0px;
	font-size:90%;
	line-height:1.3em;
	clear:both;
}

.offer img {
	border:1px solid #898989;
	margin-right:10px;
	float:left;
}

.offertxt {
	width:140px;
	float:left;
}

.hpbuttons img {
	margin:0px 8px 10px 0px;
}

.hpbuttons .end {
	margin:0px 0px 10px 0px;
}

.productList {
	background:#d8d8d8 url(/img/prodlistbg.gif) repeat-x;
	border:1px solid #ececec;
	margin:10px 0px;
	padding:10px;
}

.productListTxt {
	width:550px;
	float:left;
}

.productListImg {
	width:170px;
	float:left;
}

.productListImg img {
	border:1px solid #999;
}

.breadcrumb {
	padding:0px 20px 0px 0px;
	font-size:85%;
	color:#615959;
}

.breadcrumb a {
	color:#615959;
}

.priceTable {
	border-top:2px solid #ea261f;
	border-left:2px solid #ea261f;
	border-bottom:1px solid #ea261f;
	border-right:1px solid #ea261f;
	font-weight:bold;
	font-size:120%;
	color:#ea261f;
}

.priceTable td {
	border-collapse:collapse;
	border-right:1px solid #ea261f;
	border-bottom:1px solid #ea261f;
	padding:10px;
	text-align:center;
}

.priceTable .toprow td {
	background:#cccccc;
	color:black;
}

.sizesTable {
	width:100%;
}

.sizesTable .sizesHeader td {
	font-weight:bold;
	font-size:120%;
}

.sizesTable td {
	border-bottom:1px dotted black;
	padding:3px;
}

.lrgImg {
	border:2px solid #757575;
}

.extraText {
clear:both;
padding-top:20px;
}

.background {
	background:url(/img/page-bg.gif) no-repeat bottom right;
}

.map {
	float:right;
	border:1px solid black;
	margin:20px 0px;
}

.equipImg {
	width:120px;
	float:left;
}

.equipTxt {
	width:520px;
	float:left;
}

.sep {
	display:block;
	clear:both;
	margin:15px 0px;
	padding:15px 0px 0px 0px;
	height:1px;
	font-size:1px;
	border-bottom:1px dotted black;
}


/*************** Product Gallery ***************/

.product_gallery {
	display:none;	
}



/****
CLASSICS
*****/
body {
	margin: 0px;
	padding: 0px;
	line-height: 140%;
	font-size: 13px;
	color: #333;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearBoth {
	clear: both;
}
.clearBoth10 {
	clear: both;
	margin-bottom: 10px;
}
.clearBoth20 {
	clear: both;
	margin-bottom: 20px;
}
.clearLine {
	clear: both;
	display: block;
	border-bottom: 1px solid #999;
	height: 10px;
	margin-bottom: 10px;
	width: 300px;
}


#global {
	width: 960px;
	margin: 0px auto;
}
img {
	border:0px;
}
form {
	margin: 0px;
	padding: 0px;
}


.image_left_image {
float: left;
margin-right: 40px;
}

.clear {
clear: both;
}


.blogRightCol {
	float:left;
	width:109px;
	background:url(/img/leftcolbg.gif) repeat-x;
	position:relative;
	margin:-5px 0px 0px 0px;
	padding:10px;
	min-height:500px;
}

.blogMainCol {
	float:left;
	width:700px;
margin: 0 20px 0 10px;
}





.calendar A {
text-decoration: none;
color: white;
}

.calendar {
float: left;
width: 40px;
border: 2px solid black;
border-top: 7px solid black;
background: #EA261F;
text-align: center;
color: white;
margin: 0 10px 10px 0;
padding: 0;
}


.calendar .day {
display: block;
font-weight: bold;
font-size: 22px;
line-height: 19px;
}

.calendar .month{
font-size: 12px;
display: block;
line-height: 14px;
}

.calendar .year {
font-size: 4px;
display: block;
line-height: 8px;
}


.blogListing {
margin: 20px 0 20px 0;
padding: 20px 0 20px 0;
border-bottom: 1px solid gray;
float: left;
}

.blogListingCalendar {
float: left;
width: 70px;
}
.blogListingContent {
float: left;
width: 270px;
}

.blogListingImage {
float: left;
width: 220px;
}

.pageNav SMALL {
    display: block;
}
/* --- Custom Grid --- */
.blog .one_column {

}

.blog .image_right .image {
float: right;
margin: 0 0 20px 20px;
}

.blog .image_left .image  {
float: left;
margin: 0 20px 20px 0;
}

.blog .one_image {

}

.blog .two_image .grid_6 {
margin-right: 20px;
float: left;
width: 260px;
}

.blog .three_image .grid_4 {
margin-right: 20px;
float: left;
width: 160px;
}

.blog .html_code {

}