@charset "UTF-8";
/* <SITENAME> LAYOUT CSS */

/* Reset default browser styling */

* {
	padding:0;
	margin:0;
}

a {
	text-decoration:none;
	color:#000000;
}
/*
img {
	border:0;
}*/

ul, li {
	list-style:none;
}

body {
	font-size:62.5%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:lighter;
	background-color:#FFF;
	color:#333;
	}

/* End Reset default browser styling */


#container {
	position:relative;
	margin:0px auto;
	width:955px;
}

#header {
	position:relative;
	float:left;
	margin:0px 0px 29px 0px;
	width:955px;
	clear:both;
	height:112px;
	background-image:url(../images/headerPlaceholder.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

#content {
	position:relative;
	float:left;
	clear:both;
	width:955px;
}

#left {
	position:relative;
	float:left;
	clear:left;
	width:189px;
	background-color:#ECF0F4;
	padding:15px;
}

#centre {
	position:relative;
	float:left;
	clear:none;
	width:484px;
	padding:15px;
	background-image:url(../images/structuralImages/centreColumnBackground.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	}
	
.AjaxMinHeightCentrePanel
{
    min-height:730px;
    width:484px;
}

#right {
	position:relative;
	float:right;
	clear:right;
	width:192px;
	background-color:#ECF0F4;
	padding:0px 15px 15px 15px;
	}

#footer {
	position:relative;
	float:left;
	clear:both;
	width:955px;
	height:/*262px;*/auto;  /*<= for where number of items exceeds this height */
	background-image:url(../images/footerBackground.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color: #435778;  /*<= for where number of items exceeds this height */

}

#mainNav {
	position:absolute;
	top:112px;
	left:0px;
	width:955px;
	height:29px;
	background-image:url(../images/nav/navBarBackground.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	}

.featurePanel {
	position:relative;
	margin:5px 0px 5px 60px;
	clear:both;
	float:left;
	clear:both;
}

.featurePanelInd {
	position:relative;
	float:left;
	width:110px;
	text-align:center;
	padding:0px 15px;
}


.resultsItem {
	position:relative;
	float:left;
	width:419px;
	padding:0px 5px 10px 5px;
	border-bottom: 1px solid #999;
	margin:10px 10px 10px 60px;
	clear:both;
}



#footerBaseNav {
	position:relative;
	float:left;
	clear:none;
	margin-left:10px;
}

#dbzws {
	position:relative;
	float:right;
	clear:none;
	margin-right:20px;
}

#phoneEmail {
	position:relative;
	float:right;
	clear:right;
	width:220px;
	margin:20px;
	z-index:30;
}


#footerHolder {
	position:relative;
	float:left;
	clear:both;
	width:925px;
	margin:40px 0px 0px 15px;
}

#breadcrumb {
	position:relative;
	float:left;
	display:block;
	width:360px;
	font-size:.9em;
	color:#333;
}

#breadrumb p a {
	font-weight:bold;
}

#breadcrumb p a:hover {
	color:#94B5EB;
}
	
.resultsImageHolder {
	position:relative;
	width:110px;
	text-align:right;
	position:relative;
	float:left;
}

.resultsCopyHolder {
	position:relative;
	width:299px;
	float:right;
	}
	
	
#gridCarouselView {
	position:relative;
	float:right;
	margin:0px 0px 15px 15px;
	width:108px;* width:113px;
	height:45px;* height:49px;
	border-bottom:1px solid #CCC;
	clear:none;
}
	

/** GRID VIEW **/

#gridHolder {
	position:relative;
	float:left;
	width:425px;
	margin:0px 0px 0px 60px;
}

.grid {
	position:relative;
	float:left;
	width:130px;
	clear:none;
	padding:5px;
	text-align:center;
	}
	


.gridRow {
	position:relative;
	float:left;
	width:425px;
	clear:both;
}
	
#priceDetails {
	position:relative;
	float:right;
	width:130px;
	clear:right;
	margin:2.0em 15px 15px 0px;
}

#textDetails {
	position:relative;
	float:left;
	width:260px;
	clear:right;
	margin:0px 0px 15px 0px;
}


#flashBanner {
	position:relative;
	float:left;
	width:485px;
	height:200px;
	margin:0px 0px 0px 0px;
	padding:0px;
}

#resultsThumbHolder {
	position:relative;
	margin:0px 0px 30px 15px;
	float:left;
	clear:none;
	}
	
#resultsThumbHolder img {
	margin:0px 10px 0px 0px;
}


.imageLeft {
	float:left;
}

span.margin
{
    display:block;
    margin-left:60px;
    margin-top:15px;
}


.leftRightButtons img,
.featurePanelInd img,
.resultsItem img,
.grid img
{
	border: none;
}